@import url(https://assets.wow-trend.com/wowtrend/static/resource/style/58c6f331.css);
@import url(https://assets.wow-trend.com/wowtrend/static/resource/style/font/88467620.css);
@import url(https://assets.wow-trend.com/wowtrend/static/resource/style/3951ecc5.css);
@import url(https://assets.wow-trend.com/wowtrend/static/resource/style/e1ae952d.css);
/* 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-no-unknown */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  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';
  font-variant: tabular-nums;
  line-height: 1.5;
  background-color: #fff;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
  outline: none !important;
}
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #1890ff;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #40a9ff;
}
a:active {
  color: #096dd9;
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  pointer-events: none;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: rgba(0, 0, 0, 0.45);
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
::-moz-selection {
  color: #fff;
  background: #1890ff;
}
::selection {
  color: #fff;
  background: #1890ff;
}
.clearfix {
  zoom: 1;
}
.clearfix::before,
.clearfix::after {
  display: table;
  content: '';
}
.clearfix::after {
  clear: both;
}
.anticon {
  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;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin::before {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
          animation: loadingCircle 1s infinite linear;
}
.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
          animation: loadingCircle 1s infinite linear;
}
.fade-enter,
.fade-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.fade-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.fade-enter.fade-enter-active,
.fade-appear.fade-appear-active {
  -webkit-animation-name: antFadeIn;
          animation-name: antFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.fade-leave.fade-leave-active {
  -webkit-animation-name: antFadeOut;
          animation-name: antFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.fade-enter,
.fade-appear {
  opacity: 0;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.fade-leave {
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
@-webkit-keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.move-up-enter,
.move-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-up-enter.move-up-enter-active,
.move-up-appear.move-up-appear-active {
  -webkit-animation-name: antMoveUpIn;
          animation-name: antMoveUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.move-up-leave.move-up-leave-active {
  -webkit-animation-name: antMoveUpOut;
          animation-name: antMoveUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.move-up-enter,
.move-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-down-enter,
.move-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-down-enter.move-down-enter-active,
.move-down-appear.move-down-appear-active {
  -webkit-animation-name: antMoveDownIn;
          animation-name: antMoveDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.move-down-leave.move-down-leave-active {
  -webkit-animation-name: antMoveDownOut;
          animation-name: antMoveDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.move-down-enter,
.move-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-left-enter,
.move-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-left-enter.move-left-enter-active,
.move-left-appear.move-left-appear-active {
  -webkit-animation-name: antMoveLeftIn;
          animation-name: antMoveLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.move-left-leave.move-left-leave-active {
  -webkit-animation-name: antMoveLeftOut;
          animation-name: antMoveLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.move-left-enter,
.move-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-right-enter,
.move-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.move-right-enter.move-right-enter-active,
.move-right-appear.move-right-appear-active {
  -webkit-animation-name: antMoveRightIn;
          animation-name: antMoveRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.move-right-leave.move-right-leave-active {
  -webkit-animation-name: antMoveRightOut;
          animation-name: antMoveRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.move-right-enter,
.move-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@-webkit-keyframes antMoveDownIn {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveDownIn {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveDownOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveDownOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveLeftOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveLeftOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveRightIn {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveRightIn {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveRightOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveRightOut {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes antMoveUpIn {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveUpIn {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes antMoveUpOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveUpOut {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    opacity: 0;
  }
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
  position: relative;
}
html {
  --antd-wave-shadow-color: #1890ff;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  -webkit-box-shadow: 0 0 0 0 #1890ff;
          box-shadow: 0 0 0 0 #1890ff;
  -webkit-box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
          box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: 0.2;
  -webkit-animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
          animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
@-webkit-keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 #1890ff;
            box-shadow: 0 0 0 #1890ff;
    -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
            box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 #1890ff;
            box-shadow: 0 0 0 #1890ff;
    -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
            box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@-webkit-keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
.slide-up-enter,
.slide-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-up-enter.slide-up-enter-active,
.slide-up-appear.slide-up-appear-active {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.slide-up-leave.slide-up-leave-active {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.slide-up-enter,
.slide-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-down-enter,
.slide-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-down-enter.slide-down-enter-active,
.slide-down-appear.slide-down-appear-active {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.slide-down-leave.slide-down-leave-active {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.slide-down-enter,
.slide-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-left-enter,
.slide-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-left-enter.slide-left-enter-active,
.slide-left-appear.slide-left-appear-active {
  -webkit-animation-name: antSlideLeftIn;
          animation-name: antSlideLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.slide-left-leave.slide-left-leave-active {
  -webkit-animation-name: antSlideLeftOut;
          animation-name: antSlideLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.slide-left-enter,
.slide-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-right-enter,
.slide-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.slide-right-enter.slide-right-enter-active,
.slide-right-appear.slide-right-appear-active {
  -webkit-animation-name: antSlideRightIn;
          animation-name: antSlideRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.slide-right-leave.slide-right-leave-active {
  -webkit-animation-name: antSlideRightOut;
          animation-name: antSlideRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.slide-right-enter,
.slide-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@-webkit-keyframes antSlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes antSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes antSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0.8);
            transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes antSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
@keyframes antSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 0;
  }
}
.swing-enter,
.swing-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.swing-enter.swing-enter-active,
.swing-appear.swing-appear-active {
  -webkit-animation-name: antSwingIn;
          animation-name: antSwingIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes antSwingIn {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  60% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  80% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
}
@keyframes antSwingIn {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  40% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  60% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
  }
  80% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }
}
.zoom-enter,
.zoom-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-enter.zoom-enter-active,
.zoom-appear.zoom-appear-active {
  -webkit-animation-name: antZoomIn;
          animation-name: antZoomIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-leave.zoom-leave-active {
  -webkit-animation-name: antZoomOut;
          animation-name: antZoomOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-enter,
.zoom-appear {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-enter,
.zoom-big-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-enter.zoom-big-enter-active,
.zoom-big-appear.zoom-big-appear-active {
  -webkit-animation-name: antZoomBigIn;
          animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-big-leave.zoom-big-leave-active {
  -webkit-animation-name: antZoomBigOut;
          animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-big-enter,
.zoom-big-appear {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-fast-leave {
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-big-fast-enter.zoom-big-fast-enter-active,
.zoom-big-fast-appear.zoom-big-fast-appear-active {
  -webkit-animation-name: antZoomBigIn;
          animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-big-fast-leave.zoom-big-fast-leave-active {
  -webkit-animation-name: antZoomBigOut;
          animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-fast-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-up-enter,
.zoom-up-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-up-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-up-enter.zoom-up-enter-active,
.zoom-up-appear.zoom-up-appear-active {
  -webkit-animation-name: antZoomUpIn;
          animation-name: antZoomUpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-up-leave.zoom-up-leave-active {
  -webkit-animation-name: antZoomUpOut;
          animation-name: antZoomUpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-up-enter,
.zoom-up-appear {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-down-enter,
.zoom-down-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-down-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-down-enter.zoom-down-enter-active,
.zoom-down-appear.zoom-down-appear-active {
  -webkit-animation-name: antZoomDownIn;
          animation-name: antZoomDownIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-down-leave.zoom-down-leave-active {
  -webkit-animation-name: antZoomDownOut;
          animation-name: antZoomDownOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-down-enter,
.zoom-down-appear {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-left-enter,
.zoom-left-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-left-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-left-enter.zoom-left-enter-active,
.zoom-left-appear.zoom-left-appear-active {
  -webkit-animation-name: antZoomLeftIn;
          animation-name: antZoomLeftIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-left-leave.zoom-left-leave-active {
  -webkit-animation-name: antZoomLeftOut;
          animation-name: antZoomLeftOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-left-enter,
.zoom-left-appear {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-right-enter,
.zoom-right-appear {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-right-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.zoom-right-enter.zoom-right-enter-active,
.zoom-right-appear.zoom-right-appear-active {
  -webkit-animation-name: antZoomRightIn;
          animation-name: antZoomRightIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.zoom-right-leave.zoom-right-leave-active {
  -webkit-animation-name: antZoomRightOut;
          animation-name: antZoomRightOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.zoom-right-enter,
.zoom-right-appear {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@-webkit-keyframes antZoomIn {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomIn {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0;
  }
}
@-webkit-keyframes antZoomBigIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomBigIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0;
  }
}
@-webkit-keyframes antZoomUpIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
@keyframes antZoomUpIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
}
@-webkit-keyframes antZoomUpOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes antZoomUpOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomLeftIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
}
@keyframes antZoomLeftIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
}
@-webkit-keyframes antZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes antZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomRightIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}
@-webkit-keyframes antZoomRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes antZoomRightOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    opacity: 0;
  }
}
@-webkit-keyframes antZoomDownIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownIn {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
}
@-webkit-keyframes antZoomDownOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
@keyframes antZoomDownOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  100% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse-legacy-active {
  -webkit-transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
  overflow: hidden;
  -webkit-transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-affix {
  position: fixed;
  z-index: 10;
}
.ant-alert {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  padding: 8px 15px 8px 37px;
  word-wrap: break-word;
  border-radius: 4px;
}
.ant-alert.ant-alert-no-icon {
  padding: 8px 15px;
}
.ant-alert.ant-alert-closable {
  padding-right: 30px;
}
.ant-alert-icon {
  position: absolute;
  top: 11.5px;
  left: 16px;
}
.ant-alert-description {
  display: none;
  font-size: 14px;
  line-height: 22px;
}
.ant-alert-success {
  background-color: #f6ffed;
  border: 1px solid #b7eb8f;
}
.ant-alert-success .ant-alert-icon {
  color: #52c41a;
}
.ant-alert-info {
  background-color: #e6f7ff;
  border: 1px solid #91d5ff;
}
.ant-alert-info .ant-alert-icon {
  color: #1890ff;
}
.ant-alert-warning {
  background-color: #fffbe6;
  border: 1px solid #ffe58f;
}
.ant-alert-warning .ant-alert-icon {
  color: #faad14;
}
.ant-alert-error {
  background-color: #fff1f0;
  border: 1px solid #ffa39e;
}
.ant-alert-error .ant-alert-icon {
  color: #f5222d;
}
.ant-alert-close-icon {
  position: absolute;
  top: 8px;
  right: 16px;
  padding: 0;
  overflow: hidden;
  font-size: 12px;
  line-height: 22px;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.ant-alert-close-icon .anticon-close {
  color: rgba(0, 0, 0, 0.45);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.ant-alert-close-icon .anticon-close:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-close-text {
  color: rgba(0, 0, 0, 0.45);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.ant-alert-close-text:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-with-description {
  position: relative;
  padding: 15px 15px 15px 64px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 1.5;
  border-radius: 4px;
}
.ant-alert-with-description.ant-alert-no-icon {
  padding: 15px;
}
.ant-alert-with-description .ant-alert-icon {
  position: absolute;
  top: 16px;
  left: 24px;
  font-size: 24px;
}
.ant-alert-with-description .ant-alert-close-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 14px;
  cursor: pointer;
}
.ant-alert-with-description .ant-alert-message {
  display: block;
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
}
.ant-alert-message {
  color: rgba(0, 0, 0, 0.85);
}
.ant-alert-with-description .ant-alert-description {
  display: block;
}
.ant-alert.ant-alert-closing {
  height: 0 !important;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-alert-slide-up-leave {
  -webkit-animation: antAlertSlideUpOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
          animation: antAlertSlideUpOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.ant-alert-banner {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
}
@-webkit-keyframes antAlertSlideUpIn {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antAlertSlideUpIn {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
}
@-webkit-keyframes antAlertSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antAlertSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
    opacity: 0;
  }
}
.ant-anchor {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  padding-left: 2px;
}
.ant-anchor-wrapper {
  margin-left: -4px;
  padding-left: 4px;
  overflow: auto;
  background-color: #fff;
}
.ant-anchor-ink {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.ant-anchor-ink::before {
  position: relative;
  display: block;
  width: 2px;
  height: 100%;
  margin: 0 auto;
  background-color: #e8e8e8;
  content: ' ';
}
.ant-anchor-ink-ball {
  position: absolute;
  left: 50%;
  display: none;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid #1890ff;
  border-radius: 8px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}
.ant-anchor-ink-ball.visible {
  display: inline-block;
}
.ant-anchor.fixed .ant-anchor-ink .ant-anchor-ink-ball {
  display: none;
}
.ant-anchor-link {
  padding: 7px 0 7px 16px;
  line-height: 1.143;
}
.ant-anchor-link-title {
  position: relative;
  display: block;
  margin-bottom: 6px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-anchor-link-title:only-child {
  margin-bottom: 0;
}
.ant-anchor-link-active > .ant-anchor-link-title {
  color: #1890ff;
}
.ant-anchor-link .ant-anchor-link {
  padding-top: 5px;
  padding-bottom: 5px;
}
.ant-select-auto-complete {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.ant-select-auto-complete.ant-select .ant-select-selection {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-select-auto-complete.ant-select .ant-select-selection__rendered {
  height: 100%;
  margin-right: 0;
  margin-left: 0;
  line-height: 32px;
}
.ant-select-auto-complete.ant-select .ant-select-selection__placeholder {
  margin-right: 12px;
  margin-left: 12px;
}
.ant-select-auto-complete.ant-select .ant-select-selection--single {
  height: auto;
}
.ant-select-auto-complete.ant-select .ant-select-search--inline {
  position: static;
  float: left;
}
.ant-select-auto-complete.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered {
  margin-right: 0 !important;
}
.ant-select-auto-complete.ant-select .ant-input {
  height: 32px;
  line-height: 1.5;
  background: transparent;
  border-width: 1px;
}
.ant-select-auto-complete.ant-select .ant-input:focus,
.ant-select-auto-complete.ant-select .ant-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-select-auto-complete.ant-select .ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
  background-color: transparent;
}
.ant-select-auto-complete.ant-select .ant-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-select-auto-complete.ant-select-lg .ant-select-selection__rendered {
  line-height: 40px;
}
.ant-select-auto-complete.ant-select-lg .ant-input {
  height: 40px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.ant-select-auto-complete.ant-select-sm .ant-select-selection__rendered {
  line-height: 24px;
}
.ant-select-auto-complete.ant-select-sm .ant-input {
  height: 24px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.ant-input-group > .ant-select-auto-complete .ant-select-search__field.ant-input-affix-wrapper {
  display: inline;
  float: none;
}
.ant-avatar {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background: #ccc;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
}
.ant-avatar-image {
  background: transparent;
}
.ant-avatar-string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
      -ms-transform-origin: 0 center;
          transform-origin: 0 center;
}
.ant-avatar.ant-avatar-icon {
  font-size: 18px;
}
.ant-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
}
.ant-avatar-lg-string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
      -ms-transform-origin: 0 center;
          transform-origin: 0 center;
}
.ant-avatar-lg.ant-avatar-icon {
  font-size: 24px;
}
.ant-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
}
.ant-avatar-sm-string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
      -ms-transform-origin: 0 center;
          transform-origin: 0 center;
}
.ant-avatar-sm.ant-avatar-icon {
  font-size: 14px;
}
.ant-avatar-square {
  border-radius: 4px;
}
.ant-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ant-back-top {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: fixed;
  right: 100px;
  bottom: 50px;
  z-index: 10;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.ant-back-top-content {
  width: 40px;
  height: 40px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 20px;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-back-top-content:hover {
  background-color: rgba(0, 0, 0, 0.65);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-back-top-icon {
  width: 14px;
  height: 16px;
  margin: 12px auto;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAABGdBTUEAALGPC/xhBQAAAbtJREFUWAntmMtKw0AUhhMvS5cuxILgQlRUpIggIoKIIoigG1eC+AA+jo+i6FIXBfeuXIgoeKVeitVWJX5HWhhDksnUpp3FDPyZk3Nm5nycmZKkXhAEOXSA3lG7muTeRzmfy6HneUvIhnYkQK+Q9NhAA0Opg0vBEhjBKHiyb8iGMyQMOYuK41BcBSypAL+MYXSKjtFAW7EAGEO3qN4uMQbbAkXiSfRQJ1H6a+yhlkKRcAoVFYiweYNjtCVQJJpBz2GCiPt7fBOZQpFgDpUikse5HgnkM4Fi4QX0Fpc5wf9EbLqpUCy4jMoJSXWhFwbMNgWKhVbRhy5jirhs9fy/oFhgHVVTJEs7RLZ8sSEoJm6iz7SZDMbJ+/OKERQTttCXQRLToRUmrKWCYuA2+jbN0MB4OQobYShfdTCgn/sL1K36M7TLrN3n+758aPy2rrpR6+/od5E8tf/A1uLS9aId5T7J3CNYihkQ4D9PiMdMC7mp4rjB9kjFjZp8BlnVHJBuO1yFXIV0FdDF3RlyFdJVQBdv5AxVdIsq8apiZ2PyYO1EVykesGfZEESsCkweyR8MUW+V8uJ1gkYipmpdP1pm2aJVPEGzAAAAAElFTkSuQmCC) 100%/100% no-repeat;
}
@media screen and (max-width: 768px) {
  .ant-back-top {
    right: 60px;
  }
}
@media screen and (max-width: 480px) {
  .ant-back-top {
    right: 20px;
  }
}
.ant-badge {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  color: unset;
  line-height: 1;
}
.ant-badge-count {
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  text-align: center;
  background: #f5222d;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 0 1px #fff;
          box-shadow: 0 0 0 1px #fff;
}
.ant-badge-count a,
.ant-badge-count a:hover {
  color: #fff;
}
.ant-badge-multiple-words {
  padding: 0 8px;
}
.ant-badge-dot {
  width: 6px;
  height: 6px;
  background: #f5222d;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 0 1px #fff;
          box-shadow: 0 0 0 1px #fff;
}
.ant-badge-count,
.ant-badge-dot,
.ant-badge .ant-scroll-number-custom-component {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  -webkit-transform-origin: 100% 0%;
      -ms-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
}
.ant-badge-status {
  line-height: inherit;
  vertical-align: baseline;
}
.ant-badge-status-dot {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-radius: 50%;
}
.ant-badge-status-success {
  background-color: #52c41a;
}
.ant-badge-status-processing {
  position: relative;
  background-color: #1890ff;
}
.ant-badge-status-processing::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 50%;
  -webkit-animation: antStatusProcessing 1.2s infinite ease-in-out;
          animation: antStatusProcessing 1.2s infinite ease-in-out;
  content: '';
}
.ant-badge-status-default {
  background-color: #d9d9d9;
}
.ant-badge-status-error {
  background-color: #f5222d;
}
.ant-badge-status-warning {
  background-color: #faad14;
}
.ant-badge-status-pink {
  background: #eb2f96;
}
.ant-badge-status-magenta {
  background: #eb2f96;
}
.ant-badge-status-red {
  background: #f5222d;
}
.ant-badge-status-volcano {
  background: #fa541c;
}
.ant-badge-status-orange {
  background: #fa8c16;
}
.ant-badge-status-yellow {
  background: #fadb14;
}
.ant-badge-status-gold {
  background: #faad14;
}
.ant-badge-status-cyan {
  background: #13c2c2;
}
.ant-badge-status-lime {
  background: #a0d911;
}
.ant-badge-status-green {
  background: #52c41a;
}
.ant-badge-status-blue {
  background: #1890ff;
}
.ant-badge-status-geekblue {
  background: #2f54eb;
}
.ant-badge-status-purple {
  background: #722ed1;
}
.ant-badge-status-text {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
}
.ant-badge-zoom-appear,
.ant-badge-zoom-enter {
  -webkit-animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
          animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.ant-badge-zoom-leave {
  -webkit-animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
          animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.ant-badge-not-a-wrapper:not(.ant-badge-status) {
  vertical-align: middle;
}
.ant-badge-not-a-wrapper .ant-scroll-number {
  position: relative;
  top: auto;
  display: block;
}
.ant-badge-not-a-wrapper .ant-badge-count {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
@-webkit-keyframes antStatusProcessing {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(2.4);
            transform: scale(2.4);
    opacity: 0;
  }
}
@keyframes antStatusProcessing {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(2.4);
            transform: scale(2.4);
    opacity: 0;
  }
}
.ant-scroll-number {
  overflow: hidden;
}
.ant-scroll-number-only {
  display: inline-block;
  height: 20px;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-scroll-number-only > p.ant-scroll-number-only-unit {
  height: 20px;
  margin: 0;
}
.ant-scroll-number-symbol {
  vertical-align: top;
}
@-webkit-keyframes antZoomBadgeIn {
  0% {
    -webkit-transform: scale(0) translate(50%, -50%);
            transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1) translate(50%, -50%);
            transform: scale(1) translate(50%, -50%);
  }
}
@keyframes antZoomBadgeIn {
  0% {
    -webkit-transform: scale(0) translate(50%, -50%);
            transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1) translate(50%, -50%);
            transform: scale(1) translate(50%, -50%);
  }
}
@-webkit-keyframes antZoomBadgeOut {
  0% {
    -webkit-transform: scale(1) translate(50%, -50%);
            transform: scale(1) translate(50%, -50%);
  }
  100% {
    -webkit-transform: scale(0) translate(50%, -50%);
            transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
}
@keyframes antZoomBadgeOut {
  0% {
    -webkit-transform: scale(1) translate(50%, -50%);
            transform: scale(1) translate(50%, -50%);
  }
  100% {
    -webkit-transform: scale(0) translate(50%, -50%);
            transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
}
.ant-breadcrumb {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-breadcrumb .anticon {
  font-size: 14px;
}
.ant-breadcrumb a {
  color: rgba(0, 0, 0, 0.45);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.ant-breadcrumb a:hover {
  color: #40a9ff;
}
.ant-breadcrumb > span:last-child {
  color: rgba(0, 0, 0, 0.65);
}
.ant-breadcrumb > span:last-child a {
  color: rgba(0, 0, 0, 0.65);
}
.ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
  display: none;
}
.ant-breadcrumb-separator {
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-breadcrumb-link > .anticon + span {
  margin-left: 4px;
}
.ant-breadcrumb-overlay-link > .anticon {
  margin-left: 4px;
}
.ant-btn {
  line-height: 1.499;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
          box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  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;
  -ms-touch-action: manipulation;
      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;
  -webkit-box-shadow: none;
          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;
  -webkit-box-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;
  -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  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);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
          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;
  -webkit-box-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;
  -webkit-box-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;
  -webkit-box-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);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
          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;
  -webkit-box-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;
  -webkit-box-shadow: none;
          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;
  -webkit-box-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;
  -webkit-box-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-icon-only {
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 16px;
  border-radius: 4px;
}
.ant-btn-icon-only.ant-btn-lg {
  width: 40px;
  height: 40px;
  padding: 0;
  font-size: 18px;
  border-radius: 4px;
}
.ant-btn-icon-only.ant-btn-sm {
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 14px;
  border-radius: 4px;
}
.ant-btn-icon-only > i {
  vertical-align: middle;
}
.ant-btn-round {
  height: 32px;
  padding: 0 16px;
  font-size: 14px;
  border-radius: 32px;
}
.ant-btn-round.ant-btn-lg {
  height: 40px;
  padding: 0 20px;
  font-size: 16px;
  border-radius: 40px;
}
.ant-btn-round.ant-btn-sm {
  height: 24px;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 24px;
}
.ant-btn-round.ant-btn-icon-only {
  width: auto;
}
.ant-btn-circle,
.ant-btn-circle-outline {
  min-width: 32px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-lg,
.ant-btn-circle-outline.ant-btn-lg {
  min-width: 40px;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-sm,
.ant-btn-circle-outline.ant-btn-sm {
  min-width: 24px;
  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;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  content: '';
  pointer-events: none;
}
.ant-btn .anticon {
  -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  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;
}
.ant-btn.ant-btn-loading:not([disabled]) {
  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 > .ant-btn-icon-only {
  font-size: 14px;
}
.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-lg > .ant-btn.ant-btn-icon-only {
  width: 40px;
  height: 40px;
  padding-right: 0;
  padding-left: 0;
}
.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-sm > .ant-btn.ant-btn-icon-only {
  width: 24px;
  height: 24px;
  padding-right: 0;
  padding-left: 0;
}
.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: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;
  -webkit-box-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;
  -webkit-box-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;
  -webkit-box-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;
}
.ant-fullcalendar {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  border-top: 1px solid #d9d9d9;
  outline: none;
}
.ant-select.ant-fullcalendar-year-select {
  min-width: 90px;
}
.ant-select.ant-fullcalendar-year-select.ant-select-sm {
  min-width: 70px;
}
.ant-select.ant-fullcalendar-month-select {
  min-width: 80px;
  margin-left: 8px;
}
.ant-select.ant-fullcalendar-month-select.ant-select-sm {
  min-width: 70px;
}
.ant-fullcalendar-header {
  padding: 11px 16px 11px 0;
  text-align: right;
}
.ant-fullcalendar-header .ant-select-dropdown {
  text-align: left;
}
.ant-fullcalendar-header .ant-radio-group {
  margin-left: 8px;
  text-align: left;
}
.ant-fullcalendar-header label.ant-radio-button {
  height: 22px;
  padding: 0 10px;
  line-height: 20px;
}
.ant-fullcalendar-date-panel {
  position: relative;
  outline: none;
}
.ant-fullcalendar-calendar-body {
  padding: 8px 12px;
}
.ant-fullcalendar table {
  width: 100%;
  max-width: 100%;
  height: 256px;
  background-color: transparent;
  border-collapse: collapse;
}
.ant-fullcalendar table,
.ant-fullcalendar th,
.ant-fullcalendar td {
  border: 0;
}
.ant-fullcalendar td {
  position: relative;
}
.ant-fullcalendar-calendar-table {
  margin-bottom: 0;
  border-spacing: 0;
}
.ant-fullcalendar-column-header {
  width: 33px;
  padding: 0;
  line-height: 18px;
  text-align: center;
}
.ant-fullcalendar-column-header .ant-fullcalendar-column-header-inner {
  display: block;
  font-weight: normal;
}
.ant-fullcalendar-week-number-header .ant-fullcalendar-column-header-inner {
  display: none;
}
.ant-fullcalendar-month,
.ant-fullcalendar-date {
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-fullcalendar-value {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  background: transparent;
  border-radius: 2px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-fullcalendar-value:hover {
  background: #e6f7ff;
  cursor: pointer;
}
.ant-fullcalendar-value:active {
  color: #fff;
  background: #1890ff;
}
.ant-fullcalendar-month-panel-cell .ant-fullcalendar-value {
  width: 48px;
}
.ant-fullcalendar-today .ant-fullcalendar-value,
.ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value {
  -webkit-box-shadow: 0 0 0 1px #1890ff inset;
          box-shadow: 0 0 0 1px #1890ff inset;
}
.ant-fullcalendar-selected-day .ant-fullcalendar-value,
.ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value {
  color: #fff;
  background: #1890ff;
}
.ant-fullcalendar-disabled-cell-first-of-row .ant-fullcalendar-value {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-fullcalendar-disabled-cell-last-of-row .ant-fullcalendar-value {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-fullcalendar-last-month-cell .ant-fullcalendar-value,
.ant-fullcalendar-next-month-btn-day .ant-fullcalendar-value {
  color: rgba(0, 0, 0, 0.25);
}
.ant-fullcalendar-month-panel-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-fullcalendar-content {
  position: absolute;
  bottom: -9px;
  left: 0;
  width: 100%;
}
.ant-fullcalendar-fullscreen {
  border-top: 0;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-table {
  table-layout: fixed;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-header .ant-radio-group {
  margin-left: 16px;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-header label.ant-radio-button {
  height: 32px;
  line-height: 30px;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen .ant-fullcalendar-date {
  display: block;
  height: 116px;
  margin: 0 4px;
  padding: 4px 8px;
  color: rgba(0, 0, 0, 0.65);
  text-align: left;
  border-top: 2px solid #e8e8e8;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month:hover,
.ant-fullcalendar-fullscreen .ant-fullcalendar-date:hover {
  background: #e6f7ff;
  cursor: pointer;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month:active,
.ant-fullcalendar-fullscreen .ant-fullcalendar-date:active {
  background: #bae7ff;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-column-header {
  padding-right: 12px;
  padding-bottom: 5px;
  text-align: right;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-value {
  width: auto;
  text-align: right;
  background: transparent;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
  color: rgba(0, 0, 0, 0.65);
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-date {
  background: transparent;
  border-top-color: #1890ff;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value,
.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-date {
  background: #e6f7ff;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value,
.ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-value {
  color: #1890ff;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-last-month-cell .ant-fullcalendar-date,
.ant-fullcalendar-fullscreen .ant-fullcalendar-next-month-btn-day .ant-fullcalendar-date {
  color: rgba(0, 0, 0, 0.25);
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-content {
  position: static;
  width: auto;
  height: 88px;
  overflow-y: auto;
}
.ant-fullcalendar-disabled-cell .ant-fullcalendar-date,
.ant-fullcalendar-disabled-cell .ant-fullcalendar-date:hover {
  cursor: not-allowed;
}
.ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date,
.ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date:hover {
  background: transparent;
}
.ant-fullcalendar-disabled-cell .ant-fullcalendar-value {
  width: auto;
  color: rgba(0, 0, 0, 0.25);
  border-radius: 0;
  cursor: not-allowed;
}
.ant-card {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  background: #fff;
  border-radius: 2px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-card-hoverable {
  cursor: pointer;
}
.ant-card-hoverable:hover {
  border-color: rgba(0, 0, 0, 0.09);
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
}
.ant-card-bordered {
  border: 1px solid #e8e8e8;
}
.ant-card-head {
  min-height: 48px;
  margin-bottom: -1px;
  padding: 0 24px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  background: transparent;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 2px 2px 0 0;
  zoom: 1;
}
.ant-card-head::before,
.ant-card-head::after {
  display: table;
  content: '';
}
.ant-card-head::after {
  clear: both;
}
.ant-card-head::before,
.ant-card-head::after {
  display: table;
  content: '';
}
.ant-card-head::after {
  clear: both;
}
.ant-card-head-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ant-card-head-title {
  display: inline-block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-head .ant-tabs {
  clear: both;
  margin-bottom: -17px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
}
.ant-card-head .ant-tabs-bar {
  border-bottom: 1px solid #e8e8e8;
}
.ant-card-extra {
  float: right;
  margin-left: auto;
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
}
.ant-card-body {
  padding: 24px;
  zoom: 1;
}
.ant-card-body::before,
.ant-card-body::after {
  display: table;
  content: '';
}
.ant-card-body::after {
  clear: both;
}
.ant-card-body::before,
.ant-card-body::after {
  display: table;
  content: '';
}
.ant-card-body::after {
  clear: both;
}
.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
  margin: -1px 0 0 -1px;
  padding: 0;
}
.ant-card-grid {
  float: left;
  width: 33.33%;
  padding: 24px;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8, 1px 1px 0 0 #e8e8e8, 1px 0 0 0 #e8e8e8 inset, 0 1px 0 0 #e8e8e8 inset;
          box-shadow: 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8, 1px 1px 0 0 #e8e8e8, 1px 0 0 0 #e8e8e8 inset, 0 1px 0 0 #e8e8e8 inset;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-card-grid-hoverable:hover {
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
  min-height: 32px;
  padding-bottom: 0;
}
.ant-card-contain-tabs > .ant-card-head .ant-card-extra {
  padding-bottom: 0;
}
.ant-card-cover > * {
  display: block;
  width: 100%;
}
.ant-card-cover img {
  border-radius: 2px 2px 0 0;
}
.ant-card-actions {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fafafa;
  border-top: 1px solid #e8e8e8;
  zoom: 1;
}
.ant-card-actions::before,
.ant-card-actions::after {
  display: table;
  content: '';
}
.ant-card-actions::after {
  clear: both;
}
.ant-card-actions::before,
.ant-card-actions::after {
  display: table;
  content: '';
}
.ant-card-actions::after {
  clear: both;
}
.ant-card-actions > li {
  float: left;
  margin: 12px 0;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
}
.ant-card-actions > li > span {
  position: relative;
  display: block;
  min-width: 32px;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}
.ant-card-actions > li > span:hover {
  color: #1890ff;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn),
.ant-card-actions > li > span > .anticon {
  display: inline-block;
  width: 100%;
  color: rgba(0, 0, 0, 0.45);
  line-height: 22px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn):hover,
.ant-card-actions > li > span > .anticon:hover {
  color: #1890ff;
}
.ant-card-actions > li > span > .anticon {
  font-size: 16px;
  line-height: 22px;
}
.ant-card-actions > li:not(:last-child) {
  border-right: 1px solid #e8e8e8;
}
.ant-card-type-inner .ant-card-head {
  padding: 0 24px;
  background: #fafafa;
}
.ant-card-type-inner .ant-card-head-title {
  padding: 12px 0;
  font-size: 14px;
}
.ant-card-type-inner .ant-card-body {
  padding: 16px 24px;
}
.ant-card-type-inner .ant-card-extra {
  padding: 13.5px 0;
}
.ant-card-meta {
  margin: -4px 0;
  zoom: 1;
}
.ant-card-meta::before,
.ant-card-meta::after {
  display: table;
  content: '';
}
.ant-card-meta::after {
  clear: both;
}
.ant-card-meta::before,
.ant-card-meta::after {
  display: table;
  content: '';
}
.ant-card-meta::after {
  clear: both;
}
.ant-card-meta-avatar {
  float: left;
  padding-right: 16px;
}
.ant-card-meta-detail {
  overflow: hidden;
}
.ant-card-meta-detail > div:not(:last-child) {
  margin-bottom: 8px;
}
.ant-card-meta-title {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-meta-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-card-loading {
  overflow: hidden;
}
.ant-card-loading .ant-card-body {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-card-loading-content p {
  margin: 0;
}
.ant-card-loading-block {
  height: 14px;
  margin: 4px 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(207, 216, 220, 0.2)), color-stop(rgba(207, 216, 220, 0.4)), to(rgba(207, 216, 220, 0.2)));
  background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
  background-size: 600% 600%;
  border-radius: 2px;
  -webkit-animation: card-loading 1.4s ease infinite;
          animation: card-loading 1.4s ease infinite;
}
@-webkit-keyframes card-loading {
  0%,
  100% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
@keyframes card-loading {
  0%,
  100% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
.ant-card-small > .ant-card-head {
  min-height: 36px;
  padding: 0 12px;
  font-size: 14px;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
  padding: 8px 0;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
  padding: 8px 0;
  font-size: 14px;
}
.ant-card-small > .ant-card-body {
  padding: 12px;
}
.ant-carousel {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.ant-carousel .slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.ant-carousel .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.ant-carousel .slick-list:focus {
  outline: none;
}
.ant-carousel .slick-list.dragging {
  cursor: pointer;
}
.ant-carousel .slick-list .slick-slide {
  pointer-events: none;
}
.ant-carousel .slick-list .slick-slide input.ant-radio-input,
.ant-carousel .slick-list .slick-slide input.ant-checkbox-input {
  visibility: hidden;
}
.ant-carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto;
}
.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,
.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {
  visibility: visible;
}
.ant-carousel .slick-slider .slick-track,
.ant-carousel .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.ant-carousel .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.ant-carousel .slick-track::before,
.ant-carousel .slick-track::after {
  display: table;
  content: '';
}
.ant-carousel .slick-track::after {
  clear: both;
}
.slick-loading .ant-carousel .slick-track {
  visibility: hidden;
}
.ant-carousel .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .ant-carousel .slick-slide {
  float: right;
}
.ant-carousel .slick-slide img {
  display: block;
}
.ant-carousel .slick-slide.slick-loading img {
  display: none;
}
.ant-carousel .slick-slide.dragging img {
  pointer-events: none;
}
.ant-carousel .slick-initialized .slick-slide {
  display: block;
}
.ant-carousel .slick-loading .slick-slide {
  visibility: hidden;
}
.ant-carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.ant-carousel .slick-arrow.slick-hidden {
  display: none;
}
.ant-carousel .slick-prev,
.ant-carousel .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.ant-carousel .slick-prev:hover,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-next:focus {
  color: transparent;
  background: transparent;
  outline: none;
}
.ant-carousel .slick-prev:hover::before,
.ant-carousel .slick-next:hover::before,
.ant-carousel .slick-prev:focus::before,
.ant-carousel .slick-next:focus::before {
  opacity: 1;
}
.ant-carousel .slick-prev.slick-disabled::before,
.ant-carousel .slick-next.slick-disabled::before {
  opacity: 0.25;
}
.ant-carousel .slick-prev {
  left: -25px;
}
.ant-carousel .slick-prev::before {
  content: '\2190';
}
.ant-carousel .slick-next {
  right: -25px;
}
.ant-carousel .slick-next::before {
  content: '\2192';
}
.ant-carousel .slick-dots {
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
}
.ant-carousel .slick-dots-bottom {
  bottom: 12px;
}
.ant-carousel .slick-dots-top {
  top: 12px;
}
.ant-carousel .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 2px;
  padding: 0;
  text-align: center;
  vertical-align: top;
}
.ant-carousel .slick-dots li button {
  display: block;
  width: 16px;
  height: 3px;
  padding: 0;
  color: transparent;
  font-size: 0;
  background: #fff;
  border: 0;
  border-radius: 1px;
  outline: none;
  cursor: pointer;
  opacity: 0.3;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.ant-carousel .slick-dots li button:hover,
.ant-carousel .slick-dots li button:focus {
  opacity: 0.75;
}
.ant-carousel .slick-dots li.slick-active button {
  width: 24px;
  background: #fff;
  opacity: 1;
}
.ant-carousel .slick-dots li.slick-active button:hover,
.ant-carousel .slick-dots li.slick-active button:focus {
  opacity: 1;
}
.ant-carousel-vertical .slick-dots {
  top: 50%;
  bottom: auto;
  width: 3px;
  height: auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ant-carousel-vertical .slick-dots-left {
  left: 12px;
}
.ant-carousel-vertical .slick-dots-right {
  right: 12px;
}
.ant-carousel-vertical .slick-dots li {
  margin: 0 2px;
  vertical-align: baseline;
}
.ant-carousel-vertical .slick-dots li button {
  width: 3px;
  height: 16px;
}
.ant-carousel-vertical .slick-dots li.slick-active button {
  width: 3px;
  height: 24px;
}
.ant-cascader {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          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 {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  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;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
          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;
  -webkit-transition: color 0.3s ease, opacity 0.15s ease;
  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;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.ant-cascader-picker-arrow.ant-cascader-picker-arrow-expand {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          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;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-cascader-menus ul,
.ant-cascader-menus ol {
  margin: 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: 4px 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;
  -webkit-transition: all 0.3s;
  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;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) 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;
}
@-webkit-keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
.ant-checkbox {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          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;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
      -ms-transform: rotate(45deg) scale(0) translate(-50%, -50%);
          transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  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;
  -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
      -ms-transform: rotate(45deg) scale(1) translate(-50%, -50%);
          transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  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 {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 8px;
}
.ant-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-checkbox-group {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          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;
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          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);
}
.ant-collapse {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  border-radius: 4px;
}
.ant-collapse > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  border-radius: 0 0 4px 4px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  padding: 12px 16px;
  padding-left: 40px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 22px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  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%;
  left: 16px;
  display: inline-block;
  font-size: 12px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow > * {
  line-height: 1;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  display: inline-block;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow::before {
  display: none;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow-icon {
  display: block;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  -webkit-transition: -webkit-transform 0.24s;
  transition: -webkit-transform 0.24s;
  transition: transform 0.24s;
  transition: transform 0.24s, -webkit-transform 0.24s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
  float: right;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
  outline: none;
}
.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-left: 12px;
}
.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
  padding: 12px 16px;
  padding-right: 40px;
}
.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  right: 16px;
  left: auto;
}
.ant-collapse-anim-active {
  -webkit-transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-collapse-content {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-top: 1px solid #d9d9d9;
}
.ant-collapse-content > .ant-collapse-content-box {
  padding: 16px;
}
.ant-collapse-content-inactive {
  display: none;
}
.ant-collapse-item:last-child > .ant-collapse-content {
  border-radius: 0 0 4px 4px;
}
.ant-collapse-borderless {
  background-color: #fafafa;
  border: 0;
}
.ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse-borderless > .ant-collapse-item:last-child,
.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 4px;
}
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-comment {
  position: relative;
}
.ant-comment-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0;
}
.ant-comment-avatar {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 12px;
  cursor: pointer;
}
.ant-comment-avatar img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.ant-comment-content {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 1px;
  font-size: 14px;
  word-wrap: break-word;
}
.ant-comment-content-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 4px;
  font-size: 14px;
}
.ant-comment-content-author > a,
.ant-comment-content-author > span {
  padding-right: 8px;
  font-size: 12px;
  line-height: 18px;
}
.ant-comment-content-author-name {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.ant-comment-content-author-name > * {
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-content-author-name > *:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-content-author-time {
  color: #ccc;
  white-space: nowrap;
  cursor: auto;
}
.ant-comment-content-detail p {
  white-space: pre-wrap;
}
.ant-comment-actions {
  margin-top: 12px;
  padding-left: 0;
}
.ant-comment-actions > li {
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
}
.ant-comment-actions > li > span {
  padding-right: 10px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-comment-actions > li > span:hover {
  color: #595959;
}
.ant-comment-nested {
  margin-left: 44px;
}
.ant-calendar-picker-container {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          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 {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  outline: none;
  cursor: text;
  -webkit-transition: opacity 0.3s;
  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;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
          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;
  -webkit-transition: all 0.3s;
  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-input-disabled + .ant-calendar-picker-icon {
  cursor: not-allowed;
}
.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;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          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:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-calendar-input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.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;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  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;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  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 {
  -webkit-transform: rotate(135deg) scale(0.8);
      -ms-transform: rotate(135deg) scale(0.8);
          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;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  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;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  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 {
  -webkit-transform: rotate(135deg) scale(0.8);
      -ms-transform: rotate(135deg) scale(0.8);
          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;
  -webkit-transition: background 0.3s ease;
  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-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;
  -webkit-transition: color 0.3s ease;
  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;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
          box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  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;
  -ms-touch-action: manipulation;
      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);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
          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;
  -webkit-box-shadow: none;
          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;
  -webkit-box-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;
  -webkit-box-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:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-calendar-range-picker-input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.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;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          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;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          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: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 24px;
  padding-right: 0;
  padding-left: 0;
  line-height: 24px;
  border: 0;
  -webkit-box-shadow: none;
          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:-moz-placeholder-shown, .ant-calendar-range .ant-calendar-time-picker-input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-calendar-range .ant-calendar-input:-ms-input-placeholder, .ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.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;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
          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;
  -webkit-transition: all 0.3s, height 0s;
  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;
}
.ant-calendar-range .ant-calendar-input-sm,
.ant-calendar-range .ant-calendar-time-picker-input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  -webkit-box-shadow: none;
          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;
  -webkit-transition: all 0.3s;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          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;
  position: relative;
}
.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;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  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;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  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 {
  -webkit-transform: rotate(135deg) scale(0.8);
      -ms-transform: rotate(135deg) scale(0.8);
          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;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  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;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  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 {
  -webkit-transform: rotate(135deg) scale(0.8);
      -ms-transform: rotate(135deg) scale(0.8);
          transform: rotate(135deg) scale(0.8);
}
.ant-calendar-month-panel-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          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;
  -webkit-transition: background 0.3s ease;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          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;
  position: relative;
}
.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;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  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;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  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 {
  -webkit-transform: rotate(135deg) scale(0.8);
      -ms-transform: rotate(135deg) scale(0.8);
          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;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  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;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  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 {
  -webkit-transform: rotate(135deg) scale(0.8);
      -ms-transform: rotate(135deg) scale(0.8);
          transform: rotate(135deg) scale(0.8);
}
.ant-calendar-year-panel-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          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;
  -webkit-transition: background 0.3s ease;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          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;
  position: relative;
}
.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;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  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;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  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 {
  -webkit-transform: rotate(135deg) scale(0.8);
      -ms-transform: rotate(135deg) scale(0.8);
          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;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  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;
  -webkit-transform: rotate(-45deg) scale(0.8);
      -ms-transform: rotate(-45deg) scale(0.8);
          transform: rotate(-45deg) scale(0.8);
  -webkit-transition: all 0.3s;
  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 {
  -webkit-transform: rotate(135deg) scale(0.8);
      -ms-transform: rotate(135deg) scale(0.8);
          transform: rotate(135deg) scale(0.8);
}
.ant-calendar-decade-panel-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          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;
  -webkit-transition: background 0.3s ease;
  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;
  -webkit-transition: all 0.3s;
  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;
}
.ant-descriptions-title {
  margin-bottom: 20px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
}
.ant-descriptions-view {
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
}
.ant-descriptions-view table {
  width: 100%;
  table-layout: fixed;
}
.ant-descriptions-row > th,
.ant-descriptions-row > td {
  padding-bottom: 16px;
}
.ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-item-label {
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5;
}
.ant-descriptions-item-label::after {
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
  content: ' ';
}
.ant-descriptions-item-colon::after {
  content: ':';
}
.ant-descriptions-item-no-label::after {
  margin: 0;
  content: '';
}
.ant-descriptions-item-content {
  display: table-cell;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
}
.ant-descriptions-item {
  padding-bottom: 0;
}
.ant-descriptions-item > span {
  display: inline-block;
}
.ant-descriptions-middle .ant-descriptions-row > th,
.ant-descriptions-middle .ant-descriptions-row > td {
  padding-bottom: 12px;
}
.ant-descriptions-small .ant-descriptions-row > th,
.ant-descriptions-small .ant-descriptions-row > td {
  padding-bottom: 8px;
}
.ant-descriptions-bordered .ant-descriptions-view {
  border: 1px solid #e8e8e8;
}
.ant-descriptions-bordered .ant-descriptions-view > table {
  table-layout: auto;
}
.ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-bordered .ant-descriptions-item-content {
  padding: 16px 24px;
  border-right: 1px solid #e8e8e8;
}
.ant-descriptions-bordered .ant-descriptions-item-label:last-child,
.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
  border-right: none;
}
.ant-descriptions-bordered .ant-descriptions-item-label {
  background-color: #fafafa;
}
.ant-descriptions-bordered .ant-descriptions-item-label::after {
  display: none;
}
.ant-descriptions-bordered .ant-descriptions-row {
  border-bottom: 1px solid #e8e8e8;
}
.ant-descriptions-bordered .ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content {
  padding: 12px 24px;
}
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content {
  padding: 8px 16px;
}
.ant-divider {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  background: #e8e8e8;
}
.ant-divider,
.ant-divider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  width: 1px;
  height: 0.9em;
  margin: 0 8px;
  vertical-align: middle;
}
.ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 24px 0;
}
.ant-divider-horizontal.ant-divider-with-text-center,
.ant-divider-horizontal.ant-divider-with-text-left,
.ant-divider-horizontal.ant-divider-with-text-right {
  display: table;
  margin: 16px 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-align: center;
  background: transparent;
}
.ant-divider-horizontal.ant-divider-with-text-center::before,
.ant-divider-horizontal.ant-divider-with-text-left::before,
.ant-divider-horizontal.ant-divider-with-text-right::before,
.ant-divider-horizontal.ant-divider-with-text-center::after,
.ant-divider-horizontal.ant-divider-with-text-left::after,
.ant-divider-horizontal.ant-divider-with-text-right::after {
  position: relative;
  top: 50%;
  display: table-cell;
  width: 50%;
  border-top: 1px solid #e8e8e8;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
  content: '';
}
.ant-divider-horizontal.ant-divider-with-text-left .ant-divider-inner-text,
.ant-divider-horizontal.ant-divider-with-text-right .ant-divider-inner-text {
  display: inline-block;
  padding: 0 10px;
}
.ant-divider-horizontal.ant-divider-with-text-left::before {
  top: 50%;
  width: 5%;
}
.ant-divider-horizontal.ant-divider-with-text-left::after {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::before {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::after {
  top: 50%;
  width: 5%;
}
.ant-divider-inner-text {
  display: inline-block;
  padding: 0 24px;
}
.ant-divider-dashed {
  background: none;
  border-color: #e8e8e8;
  border-style: dashed;
  border-width: 1px 0 0;
}
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed {
  border-top: 0;
}
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::after,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::after,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::after {
  border-style: dashed none none;
}
.ant-divider-vertical.ant-divider-dashed {
  border-width: 0 0 0 1px;
}
.ant-drawer {
  position: fixed;
  z-index: 1000;
  width: 0%;
  height: 100%;
  -webkit-transition: height 0s ease 0.3s, width 0s ease 0.3s, -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: height 0s ease 0.3s, width 0s ease 0.3s, -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), height 0s ease 0.3s, width 0s ease 0.3s;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), height 0s ease 0.3s, width 0s ease 0.3s, -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer > * {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), -webkit-box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), -webkit-box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), -webkit-box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-content-wrapper {
  position: absolute;
}
.ant-drawer .ant-drawer-content {
  width: 100%;
  height: 100%;
}
.ant-drawer-left,
.ant-drawer-right {
  top: 0;
  width: 0%;
  height: 100%;
}
.ant-drawer-left .ant-drawer-content-wrapper,
.ant-drawer-right .ant-drawer-content-wrapper {
  height: 100%;
}
.ant-drawer-left.ant-drawer-open,
.ant-drawer-right.ant-drawer-open {
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-left.ant-drawer-open.no-mask,
.ant-drawer-right.ant-drawer-open.no-mask {
  width: 0%;
}
.ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
  -webkit-box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
          box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-right {
  right: 0;
}
.ant-drawer-right .ant-drawer-content-wrapper {
  right: 0;
}
.ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
  -webkit-box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
          box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-right.ant-drawer-open.no-mask {
  right: 1px;
  -webkit-transform: translateX(1px);
      -ms-transform: translateX(1px);
          transform: translateX(1px);
}
.ant-drawer-top,
.ant-drawer-bottom {
  left: 0;
  width: 100%;
  height: 0%;
}
.ant-drawer-top .ant-drawer-content-wrapper,
.ant-drawer-bottom .ant-drawer-content-wrapper {
  width: 100%;
}
.ant-drawer-top.ant-drawer-open,
.ant-drawer-bottom.ant-drawer-open {
  height: 100%;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-top.ant-drawer-open.no-mask,
.ant-drawer-bottom.ant-drawer-open.no-mask {
  height: 0%;
}
.ant-drawer-top {
  top: 0;
}
.ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-bottom {
  bottom: 0;
}
.ant-drawer-bottom .ant-drawer-content-wrapper {
  bottom: 0;
}
.ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
  -webkit-box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-bottom.ant-drawer-open.no-mask {
  bottom: 1px;
  -webkit-transform: translateY(1px);
      -ms-transform: translateY(1px);
          transform: translateY(1px);
}
.ant-drawer.ant-drawer-open .ant-drawer-mask {
  height: 100%;
  opacity: 1;
  -webkit-transition: none;
  transition: none;
  -webkit-animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
          animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.ant-drawer-content {
  position: relative;
  z-index: 1;
  overflow: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
}
.ant-drawer-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: block;
  width: 56px;
  height: 56px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  text-rendering: auto;
}
.ant-drawer-close:focus,
.ant-drawer-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-drawer-header {
  position: relative;
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
}
.ant-drawer-header-no-title {
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
}
.ant-drawer-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
}
.ant-drawer-wrapper-body {
  height: 100%;
  overflow: auto;
}
.ant-drawer-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: rgba(0, 0, 0, 0.45);
  opacity: 0;
  filter: alpha(opacity=45);
  -webkit-transition: opacity 0.3s linear, height 0s ease 0.3s;
  transition: opacity 0.3s linear, height 0s ease 0.3s;
}
.ant-drawer-open-content {
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
@-webkit-keyframes antdDrawerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antdDrawerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ant-dropdown {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}
.ant-dropdown::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: -7px;
  left: -7px;
  z-index: -9999;
  opacity: 0.0001;
  content: ' ';
}
.ant-dropdown-wrap {
  position: relative;
}
.ant-dropdown-wrap .ant-btn > .anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-wrap .ant-btn > .anticon-down {
  font-size: 12px;
}
.ant-dropdown-wrap .anticon-down::before {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.ant-dropdown-wrap-open .anticon-down::before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ant-dropdown-hidden,
.ant-dropdown-menu-hidden {
  display: none;
}
.ant-dropdown-menu {
  position: relative;
  margin: 0;
  padding: 4px 0;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate3d(0, 0, 0);
}
.ant-dropdown-menu-item-group-title {
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.45);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-dropdown-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
}
.ant-dropdown-menu-submenu-popup > .ant-dropdown-menu {
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ant-dropdown-menu-submenu-popup ul,
.ant-dropdown-menu-submenu-popup li {
  list-style: none;
}
.ant-dropdown-menu-submenu-popup ul {
  margin-right: 0.3em;
  margin-left: 0.3em;
  padding: 0;
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  clear: both;
  margin: 0;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-dropdown-menu-item > .anticon:first-child,
.ant-dropdown-menu-submenu-title > .anticon:first-child,
.ant-dropdown-menu-item > span > .anticon:first-child,
.ant-dropdown-menu-submenu-title > span > .anticon:first-child {
  min-width: 12px;
  margin-right: 8px;
  font-size: 12px;
}
.ant-dropdown-menu-item > a,
.ant-dropdown-menu-submenu-title > a {
  display: block;
  margin: -5px -12px;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.65);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected,
.ant-dropdown-menu-item-selected > a,
.ant-dropdown-menu-submenu-title-selected > a {
  color: #1890ff;
  background-color: #e6f7ff;
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
  background-color: #e6f7ff;
}
.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-submenu-title-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-item-divider,
.ant-dropdown-menu-submenu-title-divider {
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow {
  position: absolute;
  right: 8px;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: rgba(0, 0, 0, 0.45);
  font-style: normal;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
:root .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  font-size: 12px;
}
.ant-dropdown-menu-item-group-list {
  margin: 0 8px;
  padding: 0;
  list-style: none;
}
.ant-dropdown-menu-submenu-title {
  padding-right: 26px;
}
.ant-dropdown-menu-submenu-vertical {
  position: relative;
}
.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 100%;
  margin-left: 4px;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
  color: #1890ff;
}
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomRight,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomRight {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
}
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topRight,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topRight {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
}
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomRight {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
}
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topRight {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
}
.ant-dropdown-trigger > .anticon.anticon-down,
.ant-dropdown-link > .anticon.anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-trigger > .anticon.anticon-down,
:root .ant-dropdown-link > .anticon.anticon-down {
  font-size: 12px;
}
.ant-dropdown-button {
  white-space: nowrap;
}
.ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child) {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-dropdown-button .anticon.anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-button .anticon.anticon-down {
  font-size: 12px;
}
.ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu {
  background: #001529;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover {
  color: #fff;
  background: transparent;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
  color: #fff;
  background: #1890ff;
}
.ant-empty {
  margin: 0 8px;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}
.ant-empty-image {
  height: 100px;
  margin-bottom: 8px;
}
.ant-empty-image img {
  height: 100%;
}
.ant-empty-image svg {
  height: 100%;
  margin: auto;
}
.ant-empty-description {
  margin: 0;
}
.ant-empty-footer {
  margin-top: 16px;
}
.ant-empty-normal {
  margin: 32px 0;
  color: rgba(0, 0, 0, 0.25);
}
.ant-empty-normal .ant-empty-image {
  height: 40px;
}
.ant-empty-small {
  margin: 8px 0;
  color: rgba(0, 0, 0, 0.25);
}
.ant-empty-small .ant-empty-image {
  height: 35px;
}
.ant-form {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.ant-form legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  line-height: inherit;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
}
.ant-form label {
  font-size: 14px;
}
.ant-form input[type='search'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ant-form input[type='radio'],
.ant-form input[type='checkbox'] {
  line-height: normal;
}
.ant-form input[type='file'] {
  display: block;
}
.ant-form input[type='range'] {
  display: block;
  width: 100%;
}
.ant-form select[multiple],
.ant-form select[size] {
  height: auto;
}
.ant-form input[type='file']:focus,
.ant-form input[type='radio']:focus,
.ant-form input[type='checkbox']:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ant-form output {
  display: block;
  padding-top: 15px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
}
.ant-form-item-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.ant-form-hide-required-mark .ant-form-item-required::before {
  display: none;
}
.ant-form-item-label > label {
  color: rgba(0, 0, 0, 0.85);
}
.ant-form-item-label > label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.ant-form-item-label > label.ant-form-item-no-colon::after {
  content: ' ';
}
.ant-form-item {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  margin-bottom: 24px;
  vertical-align: top;
}
.ant-form-item label {
  position: relative;
}
.ant-form-item label > .anticon {
  font-size: 14px;
  vertical-align: top;
}
.ant-form-item-control {
  position: relative;
  line-height: 40px;
  zoom: 1;
}
.ant-form-item-control::before,
.ant-form-item-control::after {
  display: table;
  content: '';
}
.ant-form-item-control::after {
  clear: both;
}
.ant-form-item-control::before,
.ant-form-item-control::after {
  display: table;
  content: '';
}
.ant-form-item-control::after {
  clear: both;
}
.ant-form-item-children {
  position: relative;
}
.ant-form-item-with-help {
  margin-bottom: 5px;
}
.ant-form-item-label {
  display: inline-block;
  overflow: hidden;
  line-height: 39.9999px;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}
.ant-form-item-label-left {
  text-align: left;
}
.ant-form-item .ant-switch {
  margin: 2px 0 4px;
}
.ant-form-explain,
.ant-form-extra {
  clear: both;
  min-height: 22px;
  margin-top: -2px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5;
  -webkit-transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-form-explain {
  margin-bottom: -1px;
}
.ant-form-extra {
  padding-top: 4px;
}
.ant-form-text {
  display: inline-block;
  padding-right: 8px;
}
.ant-form-split {
  display: block;
  text-align: center;
}
form .has-feedback .ant-input {
  padding-right: 30px;
}
form .has-feedback .ant-input-affix-wrapper .ant-input-suffix {
  padding-right: 18px;
}
form .has-feedback .ant-input-affix-wrapper .ant-input {
  padding-right: 49px;
}
form .has-feedback .ant-input-affix-wrapper.ant-input-affix-wrapper-input-with-clear-btn .ant-input {
  padding-right: 68px;
}
form .has-feedback > .ant-select .ant-select-arrow,
form .has-feedback > .ant-select .ant-select-selection__clear,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection__clear {
  right: 28px;
}
form .has-feedback > .ant-select .ant-select-selection-selected-value,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value {
  padding-right: 42px;
}
form .has-feedback .ant-cascader-picker-arrow {
  margin-right: 17px;
}
form .has-feedback .ant-cascader-picker-clear {
  right: 28px;
}
form .has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
  right: 28px;
}
form .has-feedback .ant-calendar-picker-icon,
form .has-feedback .ant-time-picker-icon,
form .has-feedback .ant-calendar-picker-clear,
form .has-feedback .ant-time-picker-clear {
  right: 28px;
}
form .ant-mentions,
form textarea.ant-input {
  height: auto;
  margin-bottom: 4px;
}
form .ant-upload {
  background: transparent;
}
form input[type='radio'],
form input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
form .ant-radio-inline,
form .ant-checkbox-inline {
  display: inline-block;
  margin-left: 8px;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
form .ant-radio-inline:first-child,
form .ant-checkbox-inline:first-child {
  margin-left: 0;
}
form .ant-checkbox-vertical,
form .ant-radio-vertical {
  display: block;
}
form .ant-checkbox-vertical + .ant-checkbox-vertical,
form .ant-radio-vertical + .ant-radio-vertical {
  margin-left: 0;
}
form .ant-input-number + .ant-form-text {
  margin-left: 8px;
}
form .ant-input-number-handler-wrap {
  z-index: 2;
}
form .ant-select,
form .ant-cascader-picker {
  width: 100%;
}
form .ant-input-group .ant-select,
form .ant-input-group .ant-cascader-picker {
  width: auto;
}
form :not(.ant-input-group-wrapper) > .ant-input-group,
form .ant-input-group-wrapper {
  display: inline-block;
  vertical-align: middle;
}
form:not(.ant-form-vertical) :not(.ant-input-group-wrapper) > .ant-input-group,
form:not(.ant-form-vertical) .ant-input-group-wrapper {
  position: relative;
  top: -1px;
}
.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
  display: block;
  margin: 0;
  padding: 0 0 8px;
  line-height: 1.5;
  white-space: initial;
  text-align: left;
}
.ant-form-vertical .ant-form-item-label label::after,
.ant-col-24.ant-form-item-label label::after,
.ant-col-xl-24.ant-form-item-label label::after {
  display: none;
}
.ant-form-vertical .ant-form-item {
  padding-bottom: 8px;
}
.ant-form-vertical .ant-form-item-control {
  line-height: 1.5;
}
.ant-form-vertical .ant-form-explain {
  margin-top: 2px;
  margin-bottom: -5px;
}
.ant-form-vertical .ant-form-extra {
  margin-top: 2px;
  margin-bottom: -4px;
}
@media (max-width: 575px) {
  .ant-form-item-label,
  .ant-form-item-control-wrapper {
    display: block;
    width: 100%;
  }
  .ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-form-item-label label::after {
    display: none;
  }
  .ant-col-xs-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xs-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .ant-col-sm-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-sm-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 991px) {
  .ant-col-md-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-md-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 1199px) {
  .ant-col-lg-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-lg-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 1599px) {
  .ant-col-xl-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xl-24.ant-form-item-label label::after {
    display: none;
  }
}
.ant-form-inline .ant-form-item {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 0;
}
.ant-form-inline .ant-form-item-with-help {
  margin-bottom: 24px;
}
.ant-form-inline .ant-form-item > .ant-form-item-control-wrapper,
.ant-form-inline .ant-form-item > .ant-form-item-label {
  display: inline-block;
  vertical-align: top;
}
.ant-form-inline .ant-form-text {
  display: inline-block;
}
.ant-form-inline .has-feedback {
  display: inline-block;
}
.has-success.has-feedback .ant-form-item-children-icon,
.has-warning.has-feedback .ant-form-item-children-icon,
.has-error.has-feedback .ant-form-item-children-icon,
.is-validating.has-feedback .ant-form-item-children-icon {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  width: 32px;
  height: 20px;
  margin-top: -10px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  visibility: visible;
  -webkit-animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
          animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  pointer-events: none;
}
.has-success.has-feedback .ant-form-item-children-icon svg,
.has-warning.has-feedback .ant-form-item-children-icon svg,
.has-error.has-feedback .ant-form-item-children-icon svg,
.is-validating.has-feedback .ant-form-item-children-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.has-success.has-feedback .ant-form-item-children-icon {
  color: #52c41a;
  -webkit-animation-name: diffZoomIn1 !important;
          animation-name: diffZoomIn1 !important;
}
.has-warning .ant-form-explain,
.has-warning .ant-form-split {
  color: #faad14;
}
.has-warning .ant-input,
.has-warning .ant-input:hover {
  background-color: #fff;
  border-color: #faad14;
}
.has-warning .ant-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
          box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input:not([disabled]):hover {
  border-color: #faad14;
}
.has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
          box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input-affix-wrapper .ant-input,
.has-warning .ant-input-affix-wrapper .ant-input:hover {
  background-color: #fff;
  border-color: #faad14;
}
.has-warning .ant-input-affix-wrapper .ant-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
          box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #faad14;
}
.has-warning .ant-input-prefix {
  color: #faad14;
}
.has-warning .ant-input-group-addon {
  color: #faad14;
  background-color: #fff;
  border-color: #faad14;
}
.has-warning .has-feedback {
  color: #faad14;
}
.has-warning.has-feedback .ant-form-item-children-icon {
  color: #faad14;
  -webkit-animation-name: diffZoomIn3 !important;
          animation-name: diffZoomIn3 !important;
}
.has-warning .ant-select-selection {
  border-color: #faad14;
}
.has-warning .ant-select-selection:hover {
  border-color: #faad14;
}
.has-warning .ant-select-open .ant-select-selection,
.has-warning .ant-select-focused .ant-select-selection {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
          box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-calendar-picker-icon::after,
.has-warning .ant-time-picker-icon::after,
.has-warning .ant-picker-icon::after,
.has-warning .ant-select-arrow,
.has-warning .ant-cascader-picker-arrow {
  color: #faad14;
}
.has-warning .ant-input-number,
.has-warning .ant-time-picker-input {
  border-color: #faad14;
}
.has-warning .ant-input-number-focused,
.has-warning .ant-time-picker-input-focused,
.has-warning .ant-input-number:focus,
.has-warning .ant-time-picker-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
          box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input-number:not([disabled]):hover,
.has-warning .ant-time-picker-input:not([disabled]):hover {
  border-color: #faad14;
}
.has-warning .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
          box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-cascader-picker:hover .ant-cascader-input {
  border-color: #faad14;
}
.has-error .ant-form-explain,
.has-error .ant-form-split {
  color: #f5222d;
}
.has-error .ant-input,
.has-error .ant-input:hover {
  background-color: #fff;
  border-color: #f5222d;
}
.has-error .ant-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
          box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-input:not([disabled]):hover {
  border-color: #f5222d;
}
.has-error .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
          box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-input-affix-wrapper .ant-input,
.has-error .ant-input-affix-wrapper .ant-input:hover {
  background-color: #fff;
  border-color: #f5222d;
}
.has-error .ant-input-affix-wrapper .ant-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
          box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #f5222d;
}
.has-error .ant-input-prefix {
  color: #f5222d;
}
.has-error .ant-input-group-addon {
  color: #f5222d;
  background-color: #fff;
  border-color: #f5222d;
}
.has-error .has-feedback {
  color: #f5222d;
}
.has-error.has-feedback .ant-form-item-children-icon {
  color: #f5222d;
  -webkit-animation-name: diffZoomIn2 !important;
          animation-name: diffZoomIn2 !important;
}
.has-error .ant-select-selection {
  border-color: #f5222d;
}
.has-error .ant-select-selection:hover {
  border-color: #f5222d;
}
.has-error .ant-select-open .ant-select-selection,
.has-error .ant-select-focused .ant-select-selection {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
          box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-select.ant-select-auto-complete .ant-input:focus {
  border-color: #f5222d;
}
.has-error .ant-input-group-addon .ant-select-selection {
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.has-error .ant-calendar-picker-icon::after,
.has-error .ant-time-picker-icon::after,
.has-error .ant-picker-icon::after,
.has-error .ant-select-arrow,
.has-error .ant-cascader-picker-arrow {
  color: #f5222d;
}
.has-error .ant-input-number,
.has-error .ant-time-picker-input {
  border-color: #f5222d;
}
.has-error .ant-input-number-focused,
.has-error .ant-time-picker-input-focused,
.has-error .ant-input-number:focus,
.has-error .ant-time-picker-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
          box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-input-number:not([disabled]):hover,
.has-error .ant-time-picker-input:not([disabled]):hover {
  border-color: #f5222d;
}
.has-error .ant-mention-wrapper .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
  border-color: #f5222d;
}
.has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
          box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
          box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-cascader-picker:hover .ant-cascader-input {
  border-color: #f5222d;
}
.has-error .ant-transfer-list {
  border-color: #f5222d;
}
.has-error .ant-transfer-list-search:not([disabled]) {
  border-color: #d9d9d9;
}
.has-error .ant-transfer-list-search:not([disabled]):hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.has-error .ant-transfer-list-search:not([disabled]):focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.is-validating.has-feedback .ant-form-item-children-icon {
  display: inline-block;
  color: #1890ff;
}
.ant-advanced-search-form .ant-form-item {
  margin-bottom: 24px;
}
.ant-advanced-search-form .ant-form-item-with-help {
  margin-bottom: 5px;
}
.show-help-enter,
.show-help-appear {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.show-help-leave {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.show-help-enter.show-help-enter-active,
.show-help-appear.show-help-appear-active {
  -webkit-animation-name: antShowHelpIn;
          animation-name: antShowHelpIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.show-help-leave.show-help-leave-active {
  -webkit-animation-name: antShowHelpOut;
          animation-name: antShowHelpOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  pointer-events: none;
}
.show-help-enter,
.show-help-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
          animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.show-help-leave {
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
          animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@-webkit-keyframes antShowHelpIn {
  0% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes antShowHelpIn {
  0% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes antShowHelpOut {
  to {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 0;
  }
}
@keyframes antShowHelpOut {
  to {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 0;
  }
}
@-webkit-keyframes diffZoomIn1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes diffZoomIn1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes diffZoomIn2 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes diffZoomIn2 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes diffZoomIn3 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes diffZoomIn3 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.ant-row {
  position: relative;
  height: auto;
  margin-right: 0;
  margin-left: 0;
  zoom: 1;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ant-row::before,
.ant-row::after {
  display: table;
  content: '';
}
.ant-row::after {
  clear: both;
}
.ant-row::before,
.ant-row::after {
  display: table;
  content: '';
}
.ant-row::after {
  clear: both;
}
.ant-row + .ant-row::before {
  clear: both;
}
.ant-row-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.ant-row-flex::before,
.ant-row-flex::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ant-row-flex-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ant-row-flex-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ant-row-flex-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.ant-row-flex-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ant-row-flex-space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.ant-row-flex-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.ant-row-flex-middle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ant-row-flex-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.ant-col {
  position: relative;
  min-height: 1px;
}
.ant-col-1,
.ant-col-xs-1,
.ant-col-sm-1,
.ant-col-md-1,
.ant-col-lg-1,
.ant-col-2,
.ant-col-xs-2,
.ant-col-sm-2,
.ant-col-md-2,
.ant-col-lg-2,
.ant-col-3,
.ant-col-xs-3,
.ant-col-sm-3,
.ant-col-md-3,
.ant-col-lg-3,
.ant-col-4,
.ant-col-xs-4,
.ant-col-sm-4,
.ant-col-md-4,
.ant-col-lg-4,
.ant-col-5,
.ant-col-xs-5,
.ant-col-sm-5,
.ant-col-md-5,
.ant-col-lg-5,
.ant-col-6,
.ant-col-xs-6,
.ant-col-sm-6,
.ant-col-md-6,
.ant-col-lg-6,
.ant-col-7,
.ant-col-xs-7,
.ant-col-sm-7,
.ant-col-md-7,
.ant-col-lg-7,
.ant-col-8,
.ant-col-xs-8,
.ant-col-sm-8,
.ant-col-md-8,
.ant-col-lg-8,
.ant-col-9,
.ant-col-xs-9,
.ant-col-sm-9,
.ant-col-md-9,
.ant-col-lg-9,
.ant-col-10,
.ant-col-xs-10,
.ant-col-sm-10,
.ant-col-md-10,
.ant-col-lg-10,
.ant-col-11,
.ant-col-xs-11,
.ant-col-sm-11,
.ant-col-md-11,
.ant-col-lg-11,
.ant-col-12,
.ant-col-xs-12,
.ant-col-sm-12,
.ant-col-md-12,
.ant-col-lg-12,
.ant-col-13,
.ant-col-xs-13,
.ant-col-sm-13,
.ant-col-md-13,
.ant-col-lg-13,
.ant-col-14,
.ant-col-xs-14,
.ant-col-sm-14,
.ant-col-md-14,
.ant-col-lg-14,
.ant-col-15,
.ant-col-xs-15,
.ant-col-sm-15,
.ant-col-md-15,
.ant-col-lg-15,
.ant-col-16,
.ant-col-xs-16,
.ant-col-sm-16,
.ant-col-md-16,
.ant-col-lg-16,
.ant-col-17,
.ant-col-xs-17,
.ant-col-sm-17,
.ant-col-md-17,
.ant-col-lg-17,
.ant-col-18,
.ant-col-xs-18,
.ant-col-sm-18,
.ant-col-md-18,
.ant-col-lg-18,
.ant-col-19,
.ant-col-xs-19,
.ant-col-sm-19,
.ant-col-md-19,
.ant-col-lg-19,
.ant-col-20,
.ant-col-xs-20,
.ant-col-sm-20,
.ant-col-md-20,
.ant-col-lg-20,
.ant-col-21,
.ant-col-xs-21,
.ant-col-sm-21,
.ant-col-md-21,
.ant-col-lg-21,
.ant-col-22,
.ant-col-xs-22,
.ant-col-sm-22,
.ant-col-md-22,
.ant-col-lg-22,
.ant-col-23,
.ant-col-xs-23,
.ant-col-sm-23,
.ant-col-md-23,
.ant-col-lg-23,
.ant-col-24,
.ant-col-xs-24,
.ant-col-sm-24,
.ant-col-md-24,
.ant-col-lg-24 {
  position: relative;
  padding-right: 0;
  padding-left: 0;
}
.ant-col-1,
.ant-col-2,
.ant-col-3,
.ant-col-4,
.ant-col-5,
.ant-col-6,
.ant-col-7,
.ant-col-8,
.ant-col-9,
.ant-col-10,
.ant-col-11,
.ant-col-12,
.ant-col-13,
.ant-col-14,
.ant-col-15,
.ant-col-16,
.ant-col-17,
.ant-col-18,
.ant-col-19,
.ant-col-20,
.ant-col-21,
.ant-col-22,
.ant-col-23,
.ant-col-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  float: left;
}
.ant-col-24 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.ant-col-push-24 {
  left: 100%;
}
.ant-col-pull-24 {
  right: 100%;
}
.ant-col-offset-24 {
  margin-left: 100%;
}
.ant-col-order-24 {
  -webkit-box-ordinal-group: 25;
      -ms-flex-order: 24;
          order: 24;
}
.ant-col-23 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 95.83333333%;
}
.ant-col-push-23 {
  left: 95.83333333%;
}
.ant-col-pull-23 {
  right: 95.83333333%;
}
.ant-col-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-order-23 {
  -webkit-box-ordinal-group: 24;
      -ms-flex-order: 23;
          order: 23;
}
.ant-col-22 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 91.66666667%;
}
.ant-col-push-22 {
  left: 91.66666667%;
}
.ant-col-pull-22 {
  right: 91.66666667%;
}
.ant-col-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-order-22 {
  -webkit-box-ordinal-group: 23;
      -ms-flex-order: 22;
          order: 22;
}
.ant-col-21 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 87.5%;
}
.ant-col-push-21 {
  left: 87.5%;
}
.ant-col-pull-21 {
  right: 87.5%;
}
.ant-col-offset-21 {
  margin-left: 87.5%;
}
.ant-col-order-21 {
  -webkit-box-ordinal-group: 22;
      -ms-flex-order: 21;
          order: 21;
}
.ant-col-20 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 83.33333333%;
}
.ant-col-push-20 {
  left: 83.33333333%;
}
.ant-col-pull-20 {
  right: 83.33333333%;
}
.ant-col-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-order-20 {
  -webkit-box-ordinal-group: 21;
      -ms-flex-order: 20;
          order: 20;
}
.ant-col-19 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 79.16666667%;
}
.ant-col-push-19 {
  left: 79.16666667%;
}
.ant-col-pull-19 {
  right: 79.16666667%;
}
.ant-col-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-order-19 {
  -webkit-box-ordinal-group: 20;
      -ms-flex-order: 19;
          order: 19;
}
.ant-col-18 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 75%;
}
.ant-col-push-18 {
  left: 75%;
}
.ant-col-pull-18 {
  right: 75%;
}
.ant-col-offset-18 {
  margin-left: 75%;
}
.ant-col-order-18 {
  -webkit-box-ordinal-group: 19;
      -ms-flex-order: 18;
          order: 18;
}
.ant-col-17 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 70.83333333%;
}
.ant-col-push-17 {
  left: 70.83333333%;
}
.ant-col-pull-17 {
  right: 70.83333333%;
}
.ant-col-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-order-17 {
  -webkit-box-ordinal-group: 18;
      -ms-flex-order: 17;
          order: 17;
}
.ant-col-16 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 66.66666667%;
}
.ant-col-push-16 {
  left: 66.66666667%;
}
.ant-col-pull-16 {
  right: 66.66666667%;
}
.ant-col-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-order-16 {
  -webkit-box-ordinal-group: 17;
      -ms-flex-order: 16;
          order: 16;
}
.ant-col-15 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 62.5%;
}
.ant-col-push-15 {
  left: 62.5%;
}
.ant-col-pull-15 {
  right: 62.5%;
}
.ant-col-offset-15 {
  margin-left: 62.5%;
}
.ant-col-order-15 {
  -webkit-box-ordinal-group: 16;
      -ms-flex-order: 15;
          order: 15;
}
.ant-col-14 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 58.33333333%;
}
.ant-col-push-14 {
  left: 58.33333333%;
}
.ant-col-pull-14 {
  right: 58.33333333%;
}
.ant-col-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-order-14 {
  -webkit-box-ordinal-group: 15;
      -ms-flex-order: 14;
          order: 14;
}
.ant-col-13 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 54.16666667%;
}
.ant-col-push-13 {
  left: 54.16666667%;
}
.ant-col-pull-13 {
  right: 54.16666667%;
}
.ant-col-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-order-13 {
  -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
          order: 13;
}
.ant-col-12 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
}
.ant-col-push-12 {
  left: 50%;
}
.ant-col-pull-12 {
  right: 50%;
}
.ant-col-offset-12 {
  margin-left: 50%;
}
.ant-col-order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
}
.ant-col-11 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 45.83333333%;
}
.ant-col-push-11 {
  left: 45.83333333%;
}
.ant-col-pull-11 {
  right: 45.83333333%;
}
.ant-col-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
}
.ant-col-10 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 41.66666667%;
}
.ant-col-push-10 {
  left: 41.66666667%;
}
.ant-col-pull-10 {
  right: 41.66666667%;
}
.ant-col-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}
.ant-col-9 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 37.5%;
}
.ant-col-push-9 {
  left: 37.5%;
}
.ant-col-pull-9 {
  right: 37.5%;
}
.ant-col-offset-9 {
  margin-left: 37.5%;
}
.ant-col-order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}
.ant-col-8 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 33.33333333%;
}
.ant-col-push-8 {
  left: 33.33333333%;
}
.ant-col-pull-8 {
  right: 33.33333333%;
}
.ant-col-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}
.ant-col-7 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 29.16666667%;
}
.ant-col-push-7 {
  left: 29.16666667%;
}
.ant-col-pull-7 {
  right: 29.16666667%;
}
.ant-col-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}
.ant-col-6 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 25%;
}
.ant-col-push-6 {
  left: 25%;
}
.ant-col-pull-6 {
  right: 25%;
}
.ant-col-offset-6 {
  margin-left: 25%;
}
.ant-col-order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}
.ant-col-5 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 20.83333333%;
}
.ant-col-push-5 {
  left: 20.83333333%;
}
.ant-col-pull-5 {
  right: 20.83333333%;
}
.ant-col-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.ant-col-4 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 16.66666667%;
}
.ant-col-push-4 {
  left: 16.66666667%;
}
.ant-col-pull-4 {
  right: 16.66666667%;
}
.ant-col-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.ant-col-3 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 12.5%;
}
.ant-col-push-3 {
  left: 12.5%;
}
.ant-col-pull-3 {
  right: 12.5%;
}
.ant-col-offset-3 {
  margin-left: 12.5%;
}
.ant-col-order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.ant-col-2 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 8.33333333%;
}
.ant-col-push-2 {
  left: 8.33333333%;
}
.ant-col-pull-2 {
  right: 8.33333333%;
}
.ant-col-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.ant-col-1 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 4.16666667%;
}
.ant-col-push-1 {
  left: 4.16666667%;
}
.ant-col-pull-1 {
  right: 4.16666667%;
}
.ant-col-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.ant-col-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-offset-0 {
  margin-left: 0;
}
.ant-col-order-0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.ant-col-xs-1,
.ant-col-xs-2,
.ant-col-xs-3,
.ant-col-xs-4,
.ant-col-xs-5,
.ant-col-xs-6,
.ant-col-xs-7,
.ant-col-xs-8,
.ant-col-xs-9,
.ant-col-xs-10,
.ant-col-xs-11,
.ant-col-xs-12,
.ant-col-xs-13,
.ant-col-xs-14,
.ant-col-xs-15,
.ant-col-xs-16,
.ant-col-xs-17,
.ant-col-xs-18,
.ant-col-xs-19,
.ant-col-xs-20,
.ant-col-xs-21,
.ant-col-xs-22,
.ant-col-xs-23,
.ant-col-xs-24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  float: left;
}
.ant-col-xs-24 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.ant-col-xs-push-24 {
  left: 100%;
}
.ant-col-xs-pull-24 {
  right: 100%;
}
.ant-col-xs-offset-24 {
  margin-left: 100%;
}
.ant-col-xs-order-24 {
  -webkit-box-ordinal-group: 25;
      -ms-flex-order: 24;
          order: 24;
}
.ant-col-xs-23 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 95.83333333%;
}
.ant-col-xs-push-23 {
  left: 95.83333333%;
}
.ant-col-xs-pull-23 {
  right: 95.83333333%;
}
.ant-col-xs-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-xs-order-23 {
  -webkit-box-ordinal-group: 24;
      -ms-flex-order: 23;
          order: 23;
}
.ant-col-xs-22 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 91.66666667%;
}
.ant-col-xs-push-22 {
  left: 91.66666667%;
}
.ant-col-xs-pull-22 {
  right: 91.66666667%;
}
.ant-col-xs-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-xs-order-22 {
  -webkit-box-ordinal-group: 23;
      -ms-flex-order: 22;
          order: 22;
}
.ant-col-xs-21 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 87.5%;
}
.ant-col-xs-push-21 {
  left: 87.5%;
}
.ant-col-xs-pull-21 {
  right: 87.5%;
}
.ant-col-xs-offset-21 {
  margin-left: 87.5%;
}
.ant-col-xs-order-21 {
  -webkit-box-ordinal-group: 22;
      -ms-flex-order: 21;
          order: 21;
}
.ant-col-xs-20 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 83.33333333%;
}
.ant-col-xs-push-20 {
  left: 83.33333333%;
}
.ant-col-xs-pull-20 {
  right: 83.33333333%;
}
.ant-col-xs-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-xs-order-20 {
  -webkit-box-ordinal-group: 21;
      -ms-flex-order: 20;
          order: 20;
}
.ant-col-xs-19 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 79.16666667%;
}
.ant-col-xs-push-19 {
  left: 79.16666667%;
}
.ant-col-xs-pull-19 {
  right: 79.16666667%;
}
.ant-col-xs-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-xs-order-19 {
  -webkit-box-ordinal-group: 20;
      -ms-flex-order: 19;
          order: 19;
}
.ant-col-xs-18 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 75%;
}
.ant-col-xs-push-18 {
  left: 75%;
}
.ant-col-xs-pull-18 {
  right: 75%;
}
.ant-col-xs-offset-18 {
  margin-left: 75%;
}
.ant-col-xs-order-18 {
  -webkit-box-ordinal-group: 19;
      -ms-flex-order: 18;
          order: 18;
}
.ant-col-xs-17 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 70.83333333%;
}
.ant-col-xs-push-17 {
  left: 70.83333333%;
}
.ant-col-xs-pull-17 {
  right: 70.83333333%;
}
.ant-col-xs-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-xs-order-17 {
  -webkit-box-ordinal-group: 18;
      -ms-flex-order: 17;
          order: 17;
}
.ant-col-xs-16 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 66.66666667%;
}
.ant-col-xs-push-16 {
  left: 66.66666667%;
}
.ant-col-xs-pull-16 {
  right: 66.66666667%;
}
.ant-col-xs-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-xs-order-16 {
  -webkit-box-ordinal-group: 17;
      -ms-flex-order: 16;
          order: 16;
}
.ant-col-xs-15 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 62.5%;
}
.ant-col-xs-push-15 {
  left: 62.5%;
}
.ant-col-xs-pull-15 {
  right: 62.5%;
}
.ant-col-xs-offset-15 {
  margin-left: 62.5%;
}
.ant-col-xs-order-15 {
  -webkit-box-ordinal-group: 16;
      -ms-flex-order: 15;
          order: 15;
}
.ant-col-xs-14 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 58.33333333%;
}
.ant-col-xs-push-14 {
  left: 58.33333333%;
}
.ant-col-xs-pull-14 {
  right: 58.33333333%;
}
.ant-col-xs-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-xs-order-14 {
  -webkit-box-ordinal-group: 15;
      -ms-flex-order: 14;
          order: 14;
}
.ant-col-xs-13 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 54.16666667%;
}
.ant-col-xs-push-13 {
  left: 54.16666667%;
}
.ant-col-xs-pull-13 {
  right: 54.16666667%;
}
.ant-col-xs-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-xs-order-13 {
  -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
          order: 13;
}
.ant-col-xs-12 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
}
.ant-col-xs-push-12 {
  left: 50%;
}
.ant-col-xs-pull-12 {
  right: 50%;
}
.ant-col-xs-offset-12 {
  margin-left: 50%;
}
.ant-col-xs-order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
}
.ant-col-xs-11 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 45.83333333%;
}
.ant-col-xs-push-11 {
  left: 45.83333333%;
}
.ant-col-xs-pull-11 {
  right: 45.83333333%;
}
.ant-col-xs-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-xs-order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
}
.ant-col-xs-10 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 41.66666667%;
}
.ant-col-xs-push-10 {
  left: 41.66666667%;
}
.ant-col-xs-pull-10 {
  right: 41.66666667%;
}
.ant-col-xs-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-xs-order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}
.ant-col-xs-9 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 37.5%;
}
.ant-col-xs-push-9 {
  left: 37.5%;
}
.ant-col-xs-pull-9 {
  right: 37.5%;
}
.ant-col-xs-offset-9 {
  margin-left: 37.5%;
}
.ant-col-xs-order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}
.ant-col-xs-8 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 33.33333333%;
}
.ant-col-xs-push-8 {
  left: 33.33333333%;
}
.ant-col-xs-pull-8 {
  right: 33.33333333%;
}
.ant-col-xs-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-xs-order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}
.ant-col-xs-7 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 29.16666667%;
}
.ant-col-xs-push-7 {
  left: 29.16666667%;
}
.ant-col-xs-pull-7 {
  right: 29.16666667%;
}
.ant-col-xs-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-xs-order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}
.ant-col-xs-6 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 25%;
}
.ant-col-xs-push-6 {
  left: 25%;
}
.ant-col-xs-pull-6 {
  right: 25%;
}
.ant-col-xs-offset-6 {
  margin-left: 25%;
}
.ant-col-xs-order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}
.ant-col-xs-5 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 20.83333333%;
}
.ant-col-xs-push-5 {
  left: 20.83333333%;
}
.ant-col-xs-pull-5 {
  right: 20.83333333%;
}
.ant-col-xs-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-xs-order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}
.ant-col-xs-4 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 16.66666667%;
}
.ant-col-xs-push-4 {
  left: 16.66666667%;
}
.ant-col-xs-pull-4 {
  right: 16.66666667%;
}
.ant-col-xs-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-xs-order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.ant-col-xs-3 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 12.5%;
}
.ant-col-xs-push-3 {
  left: 12.5%;
}
.ant-col-xs-pull-3 {
  right: 12.5%;
}
.ant-col-xs-offset-3 {
  margin-left: 12.5%;
}
.ant-col-xs-order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.ant-col-xs-2 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 8.33333333%;
}
.ant-col-xs-push-2 {
  left: 8.33333333%;
}
.ant-col-xs-pull-2 {
  right: 8.33333333%;
}
.ant-col-xs-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-xs-order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.ant-col-xs-1 {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 4.16666667%;
}
.ant-col-xs-push-1 {
  left: 4.16666667%;
}
.ant-col-xs-pull-1 {
  right: 4.16666667%;
}
.ant-col-xs-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-xs-order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.ant-col-xs-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-xs-push-0 {
  left: auto;
}
.ant-col-xs-pull-0 {
  right: auto;
}
.ant-col-xs-offset-0 {
  margin-left: 0;
}
.ant-col-xs-order-0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
@media (min-width: 576px) {
  .ant-col-sm-1,
  .ant-col-sm-2,
  .ant-col-sm-3,
  .ant-col-sm-4,
  .ant-col-sm-5,
  .ant-col-sm-6,
  .ant-col-sm-7,
  .ant-col-sm-8,
  .ant-col-sm-9,
  .ant-col-sm-10,
  .ant-col-sm-11,
  .ant-col-sm-12,
  .ant-col-sm-13,
  .ant-col-sm-14,
  .ant-col-sm-15,
  .ant-col-sm-16,
  .ant-col-sm-17,
  .ant-col-sm-18,
  .ant-col-sm-19,
  .ant-col-sm-20,
  .ant-col-sm-21,
  .ant-col-sm-22,
  .ant-col-sm-23,
  .ant-col-sm-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    float: left;
  }
  .ant-col-sm-24 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .ant-col-sm-push-24 {
    left: 100%;
  }
  .ant-col-sm-pull-24 {
    right: 100%;
  }
  .ant-col-sm-offset-24 {
    margin-left: 100%;
  }
  .ant-col-sm-order-24 {
    -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
            order: 24;
  }
  .ant-col-sm-23 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-sm-push-23 {
    left: 95.83333333%;
  }
  .ant-col-sm-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-sm-order-23 {
    -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
            order: 23;
  }
  .ant-col-sm-22 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-sm-push-22 {
    left: 91.66666667%;
  }
  .ant-col-sm-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-sm-order-22 {
    -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
            order: 22;
  }
  .ant-col-sm-21 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-sm-push-21 {
    left: 87.5%;
  }
  .ant-col-sm-pull-21 {
    right: 87.5%;
  }
  .ant-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-sm-order-21 {
    -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
            order: 21;
  }
  .ant-col-sm-20 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-sm-push-20 {
    left: 83.33333333%;
  }
  .ant-col-sm-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-sm-order-20 {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
  }
  .ant-col-sm-19 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-sm-push-19 {
    left: 79.16666667%;
  }
  .ant-col-sm-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-sm-order-19 {
    -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
            order: 19;
  }
  .ant-col-sm-18 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 75%;
  }
  .ant-col-sm-push-18 {
    left: 75%;
  }
  .ant-col-sm-pull-18 {
    right: 75%;
  }
  .ant-col-sm-offset-18 {
    margin-left: 75%;
  }
  .ant-col-sm-order-18 {
    -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
            order: 18;
  }
  .ant-col-sm-17 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-sm-push-17 {
    left: 70.83333333%;
  }
  .ant-col-sm-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-sm-order-17 {
    -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
            order: 17;
  }
  .ant-col-sm-16 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-sm-push-16 {
    left: 66.66666667%;
  }
  .ant-col-sm-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-sm-order-16 {
    -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
            order: 16;
  }
  .ant-col-sm-15 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-sm-push-15 {
    left: 62.5%;
  }
  .ant-col-sm-pull-15 {
    right: 62.5%;
  }
  .ant-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-sm-order-15 {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15;
  }
  .ant-col-sm-14 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-sm-push-14 {
    left: 58.33333333%;
  }
  .ant-col-sm-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-sm-order-14 {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14;
  }
  .ant-col-sm-13 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-sm-push-13 {
    left: 54.16666667%;
  }
  .ant-col-sm-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-sm-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .ant-col-sm-12 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
  }
  .ant-col-sm-push-12 {
    left: 50%;
  }
  .ant-col-sm-pull-12 {
    right: 50%;
  }
  .ant-col-sm-offset-12 {
    margin-left: 50%;
  }
  .ant-col-sm-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .ant-col-sm-11 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-sm-push-11 {
    left: 45.83333333%;
  }
  .ant-col-sm-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-sm-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .ant-col-sm-10 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-sm-push-10 {
    left: 41.66666667%;
  }
  .ant-col-sm-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-sm-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .ant-col-sm-9 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-sm-push-9 {
    left: 37.5%;
  }
  .ant-col-sm-pull-9 {
    right: 37.5%;
  }
  .ant-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-sm-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .ant-col-sm-8 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-sm-push-8 {
    left: 33.33333333%;
  }
  .ant-col-sm-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-sm-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .ant-col-sm-7 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-sm-push-7 {
    left: 29.16666667%;
  }
  .ant-col-sm-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-sm-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .ant-col-sm-6 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 25%;
  }
  .ant-col-sm-push-6 {
    left: 25%;
  }
  .ant-col-sm-pull-6 {
    right: 25%;
  }
  .ant-col-sm-offset-6 {
    margin-left: 25%;
  }
  .ant-col-sm-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .ant-col-sm-5 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-sm-push-5 {
    left: 20.83333333%;
  }
  .ant-col-sm-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-sm-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .ant-col-sm-4 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-sm-push-4 {
    left: 16.66666667%;
  }
  .ant-col-sm-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-sm-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .ant-col-sm-3 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-sm-push-3 {
    left: 12.5%;
  }
  .ant-col-sm-pull-3 {
    right: 12.5%;
  }
  .ant-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-sm-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .ant-col-sm-2 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-sm-push-2 {
    left: 8.33333333%;
  }
  .ant-col-sm-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-sm-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .ant-col-sm-1 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-sm-push-1 {
    left: 4.16666667%;
  }
  .ant-col-sm-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-sm-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .ant-col-sm-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-sm-push-0 {
    left: auto;
  }
  .ant-col-sm-pull-0 {
    right: auto;
  }
  .ant-col-sm-offset-0 {
    margin-left: 0;
  }
  .ant-col-sm-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media (min-width: 768px) {
  .ant-col-md-1,
  .ant-col-md-2,
  .ant-col-md-3,
  .ant-col-md-4,
  .ant-col-md-5,
  .ant-col-md-6,
  .ant-col-md-7,
  .ant-col-md-8,
  .ant-col-md-9,
  .ant-col-md-10,
  .ant-col-md-11,
  .ant-col-md-12,
  .ant-col-md-13,
  .ant-col-md-14,
  .ant-col-md-15,
  .ant-col-md-16,
  .ant-col-md-17,
  .ant-col-md-18,
  .ant-col-md-19,
  .ant-col-md-20,
  .ant-col-md-21,
  .ant-col-md-22,
  .ant-col-md-23,
  .ant-col-md-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    float: left;
  }
  .ant-col-md-24 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .ant-col-md-push-24 {
    left: 100%;
  }
  .ant-col-md-pull-24 {
    right: 100%;
  }
  .ant-col-md-offset-24 {
    margin-left: 100%;
  }
  .ant-col-md-order-24 {
    -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
            order: 24;
  }
  .ant-col-md-23 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-md-push-23 {
    left: 95.83333333%;
  }
  .ant-col-md-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-md-order-23 {
    -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
            order: 23;
  }
  .ant-col-md-22 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-md-push-22 {
    left: 91.66666667%;
  }
  .ant-col-md-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-md-order-22 {
    -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
            order: 22;
  }
  .ant-col-md-21 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-md-push-21 {
    left: 87.5%;
  }
  .ant-col-md-pull-21 {
    right: 87.5%;
  }
  .ant-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-md-order-21 {
    -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
            order: 21;
  }
  .ant-col-md-20 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-md-push-20 {
    left: 83.33333333%;
  }
  .ant-col-md-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-md-order-20 {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
  }
  .ant-col-md-19 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-md-push-19 {
    left: 79.16666667%;
  }
  .ant-col-md-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-md-order-19 {
    -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
            order: 19;
  }
  .ant-col-md-18 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 75%;
  }
  .ant-col-md-push-18 {
    left: 75%;
  }
  .ant-col-md-pull-18 {
    right: 75%;
  }
  .ant-col-md-offset-18 {
    margin-left: 75%;
  }
  .ant-col-md-order-18 {
    -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
            order: 18;
  }
  .ant-col-md-17 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-md-push-17 {
    left: 70.83333333%;
  }
  .ant-col-md-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-md-order-17 {
    -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
            order: 17;
  }
  .ant-col-md-16 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-md-push-16 {
    left: 66.66666667%;
  }
  .ant-col-md-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-md-order-16 {
    -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
            order: 16;
  }
  .ant-col-md-15 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-md-push-15 {
    left: 62.5%;
  }
  .ant-col-md-pull-15 {
    right: 62.5%;
  }
  .ant-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-md-order-15 {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15;
  }
  .ant-col-md-14 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-md-push-14 {
    left: 58.33333333%;
  }
  .ant-col-md-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-md-order-14 {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14;
  }
  .ant-col-md-13 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-md-push-13 {
    left: 54.16666667%;
  }
  .ant-col-md-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-md-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .ant-col-md-12 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
  }
  .ant-col-md-push-12 {
    left: 50%;
  }
  .ant-col-md-pull-12 {
    right: 50%;
  }
  .ant-col-md-offset-12 {
    margin-left: 50%;
  }
  .ant-col-md-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .ant-col-md-11 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-md-push-11 {
    left: 45.83333333%;
  }
  .ant-col-md-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-md-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .ant-col-md-10 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-md-push-10 {
    left: 41.66666667%;
  }
  .ant-col-md-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-md-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .ant-col-md-9 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-md-push-9 {
    left: 37.5%;
  }
  .ant-col-md-pull-9 {
    right: 37.5%;
  }
  .ant-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-md-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .ant-col-md-8 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-md-push-8 {
    left: 33.33333333%;
  }
  .ant-col-md-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-md-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .ant-col-md-7 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-md-push-7 {
    left: 29.16666667%;
  }
  .ant-col-md-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-md-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .ant-col-md-6 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 25%;
  }
  .ant-col-md-push-6 {
    left: 25%;
  }
  .ant-col-md-pull-6 {
    right: 25%;
  }
  .ant-col-md-offset-6 {
    margin-left: 25%;
  }
  .ant-col-md-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .ant-col-md-5 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-md-push-5 {
    left: 20.83333333%;
  }
  .ant-col-md-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-md-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .ant-col-md-4 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-md-push-4 {
    left: 16.66666667%;
  }
  .ant-col-md-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-md-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .ant-col-md-3 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-md-push-3 {
    left: 12.5%;
  }
  .ant-col-md-pull-3 {
    right: 12.5%;
  }
  .ant-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-md-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .ant-col-md-2 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-md-push-2 {
    left: 8.33333333%;
  }
  .ant-col-md-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-md-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .ant-col-md-1 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-md-push-1 {
    left: 4.16666667%;
  }
  .ant-col-md-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-md-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .ant-col-md-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-md-push-0 {
    left: auto;
  }
  .ant-col-md-pull-0 {
    right: auto;
  }
  .ant-col-md-offset-0 {
    margin-left: 0;
  }
  .ant-col-md-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media (min-width: 992px) {
  .ant-col-lg-1,
  .ant-col-lg-2,
  .ant-col-lg-3,
  .ant-col-lg-4,
  .ant-col-lg-5,
  .ant-col-lg-6,
  .ant-col-lg-7,
  .ant-col-lg-8,
  .ant-col-lg-9,
  .ant-col-lg-10,
  .ant-col-lg-11,
  .ant-col-lg-12,
  .ant-col-lg-13,
  .ant-col-lg-14,
  .ant-col-lg-15,
  .ant-col-lg-16,
  .ant-col-lg-17,
  .ant-col-lg-18,
  .ant-col-lg-19,
  .ant-col-lg-20,
  .ant-col-lg-21,
  .ant-col-lg-22,
  .ant-col-lg-23,
  .ant-col-lg-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    float: left;
  }
  .ant-col-lg-24 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .ant-col-lg-push-24 {
    left: 100%;
  }
  .ant-col-lg-pull-24 {
    right: 100%;
  }
  .ant-col-lg-offset-24 {
    margin-left: 100%;
  }
  .ant-col-lg-order-24 {
    -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
            order: 24;
  }
  .ant-col-lg-23 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-lg-push-23 {
    left: 95.83333333%;
  }
  .ant-col-lg-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-lg-order-23 {
    -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
            order: 23;
  }
  .ant-col-lg-22 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-lg-push-22 {
    left: 91.66666667%;
  }
  .ant-col-lg-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-lg-order-22 {
    -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
            order: 22;
  }
  .ant-col-lg-21 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-lg-push-21 {
    left: 87.5%;
  }
  .ant-col-lg-pull-21 {
    right: 87.5%;
  }
  .ant-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-lg-order-21 {
    -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
            order: 21;
  }
  .ant-col-lg-20 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-lg-push-20 {
    left: 83.33333333%;
  }
  .ant-col-lg-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-lg-order-20 {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
  }
  .ant-col-lg-19 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-lg-push-19 {
    left: 79.16666667%;
  }
  .ant-col-lg-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-lg-order-19 {
    -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
            order: 19;
  }
  .ant-col-lg-18 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 75%;
  }
  .ant-col-lg-push-18 {
    left: 75%;
  }
  .ant-col-lg-pull-18 {
    right: 75%;
  }
  .ant-col-lg-offset-18 {
    margin-left: 75%;
  }
  .ant-col-lg-order-18 {
    -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
            order: 18;
  }
  .ant-col-lg-17 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-lg-push-17 {
    left: 70.83333333%;
  }
  .ant-col-lg-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-lg-order-17 {
    -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
            order: 17;
  }
  .ant-col-lg-16 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-lg-push-16 {
    left: 66.66666667%;
  }
  .ant-col-lg-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-lg-order-16 {
    -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
            order: 16;
  }
  .ant-col-lg-15 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-lg-push-15 {
    left: 62.5%;
  }
  .ant-col-lg-pull-15 {
    right: 62.5%;
  }
  .ant-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-lg-order-15 {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15;
  }
  .ant-col-lg-14 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-lg-push-14 {
    left: 58.33333333%;
  }
  .ant-col-lg-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-lg-order-14 {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14;
  }
  .ant-col-lg-13 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-lg-push-13 {
    left: 54.16666667%;
  }
  .ant-col-lg-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-lg-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .ant-col-lg-12 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
  }
  .ant-col-lg-push-12 {
    left: 50%;
  }
  .ant-col-lg-pull-12 {
    right: 50%;
  }
  .ant-col-lg-offset-12 {
    margin-left: 50%;
  }
  .ant-col-lg-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .ant-col-lg-11 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-lg-push-11 {
    left: 45.83333333%;
  }
  .ant-col-lg-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-lg-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .ant-col-lg-10 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-lg-push-10 {
    left: 41.66666667%;
  }
  .ant-col-lg-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-lg-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .ant-col-lg-9 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-lg-push-9 {
    left: 37.5%;
  }
  .ant-col-lg-pull-9 {
    right: 37.5%;
  }
  .ant-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-lg-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .ant-col-lg-8 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-lg-push-8 {
    left: 33.33333333%;
  }
  .ant-col-lg-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-lg-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .ant-col-lg-7 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-lg-push-7 {
    left: 29.16666667%;
  }
  .ant-col-lg-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-lg-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .ant-col-lg-6 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 25%;
  }
  .ant-col-lg-push-6 {
    left: 25%;
  }
  .ant-col-lg-pull-6 {
    right: 25%;
  }
  .ant-col-lg-offset-6 {
    margin-left: 25%;
  }
  .ant-col-lg-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .ant-col-lg-5 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-lg-push-5 {
    left: 20.83333333%;
  }
  .ant-col-lg-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-lg-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .ant-col-lg-4 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-lg-push-4 {
    left: 16.66666667%;
  }
  .ant-col-lg-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-lg-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .ant-col-lg-3 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-lg-push-3 {
    left: 12.5%;
  }
  .ant-col-lg-pull-3 {
    right: 12.5%;
  }
  .ant-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-lg-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .ant-col-lg-2 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-lg-push-2 {
    left: 8.33333333%;
  }
  .ant-col-lg-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-lg-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .ant-col-lg-1 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-lg-push-1 {
    left: 4.16666667%;
  }
  .ant-col-lg-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-lg-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .ant-col-lg-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-lg-push-0 {
    left: auto;
  }
  .ant-col-lg-pull-0 {
    right: auto;
  }
  .ant-col-lg-offset-0 {
    margin-left: 0;
  }
  .ant-col-lg-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media (min-width: 1200px) {
  .ant-col-xl-1,
  .ant-col-xl-2,
  .ant-col-xl-3,
  .ant-col-xl-4,
  .ant-col-xl-5,
  .ant-col-xl-6,
  .ant-col-xl-7,
  .ant-col-xl-8,
  .ant-col-xl-9,
  .ant-col-xl-10,
  .ant-col-xl-11,
  .ant-col-xl-12,
  .ant-col-xl-13,
  .ant-col-xl-14,
  .ant-col-xl-15,
  .ant-col-xl-16,
  .ant-col-xl-17,
  .ant-col-xl-18,
  .ant-col-xl-19,
  .ant-col-xl-20,
  .ant-col-xl-21,
  .ant-col-xl-22,
  .ant-col-xl-23,
  .ant-col-xl-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    float: left;
  }
  .ant-col-xl-24 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .ant-col-xl-push-24 {
    left: 100%;
  }
  .ant-col-xl-pull-24 {
    right: 100%;
  }
  .ant-col-xl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xl-order-24 {
    -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
            order: 24;
  }
  .ant-col-xl-23 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-xl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xl-order-23 {
    -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
            order: 23;
  }
  .ant-col-xl-22 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-xl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xl-order-22 {
    -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
            order: 22;
  }
  .ant-col-xl-21 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-xl-push-21 {
    left: 87.5%;
  }
  .ant-col-xl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xl-order-21 {
    -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
            order: 21;
  }
  .ant-col-xl-20 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-xl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xl-order-20 {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
  }
  .ant-col-xl-19 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-xl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xl-order-19 {
    -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
            order: 19;
  }
  .ant-col-xl-18 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 75%;
  }
  .ant-col-xl-push-18 {
    left: 75%;
  }
  .ant-col-xl-pull-18 {
    right: 75%;
  }
  .ant-col-xl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xl-order-18 {
    -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
            order: 18;
  }
  .ant-col-xl-17 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-xl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xl-order-17 {
    -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
            order: 17;
  }
  .ant-col-xl-16 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-xl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xl-order-16 {
    -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
            order: 16;
  }
  .ant-col-xl-15 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-xl-push-15 {
    left: 62.5%;
  }
  .ant-col-xl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xl-order-15 {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15;
  }
  .ant-col-xl-14 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-xl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xl-order-14 {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14;
  }
  .ant-col-xl-13 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-xl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xl-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .ant-col-xl-12 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
  }
  .ant-col-xl-push-12 {
    left: 50%;
  }
  .ant-col-xl-pull-12 {
    right: 50%;
  }
  .ant-col-xl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xl-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .ant-col-xl-11 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-xl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xl-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .ant-col-xl-10 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-xl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xl-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .ant-col-xl-9 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-xl-push-9 {
    left: 37.5%;
  }
  .ant-col-xl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xl-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .ant-col-xl-8 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-xl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xl-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .ant-col-xl-7 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-xl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xl-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .ant-col-xl-6 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 25%;
  }
  .ant-col-xl-push-6 {
    left: 25%;
  }
  .ant-col-xl-pull-6 {
    right: 25%;
  }
  .ant-col-xl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xl-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .ant-col-xl-5 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-xl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xl-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .ant-col-xl-4 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-xl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xl-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .ant-col-xl-3 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-xl-push-3 {
    left: 12.5%;
  }
  .ant-col-xl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xl-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .ant-col-xl-2 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-xl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xl-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .ant-col-xl-1 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-xl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xl-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .ant-col-xl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xl-push-0 {
    left: auto;
  }
  .ant-col-xl-pull-0 {
    right: auto;
  }
  .ant-col-xl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xl-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media (min-width: 1600px) {
  .ant-col-xxl-1,
  .ant-col-xxl-2,
  .ant-col-xxl-3,
  .ant-col-xxl-4,
  .ant-col-xxl-5,
  .ant-col-xxl-6,
  .ant-col-xxl-7,
  .ant-col-xxl-8,
  .ant-col-xxl-9,
  .ant-col-xxl-10,
  .ant-col-xxl-11,
  .ant-col-xxl-12,
  .ant-col-xxl-13,
  .ant-col-xxl-14,
  .ant-col-xxl-15,
  .ant-col-xxl-16,
  .ant-col-xxl-17,
  .ant-col-xxl-18,
  .ant-col-xxl-19,
  .ant-col-xxl-20,
  .ant-col-xxl-21,
  .ant-col-xxl-22,
  .ant-col-xxl-23,
  .ant-col-xxl-24 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    float: left;
  }
  .ant-col-xxl-24 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .ant-col-xxl-push-24 {
    left: 100%;
  }
  .ant-col-xxl-pull-24 {
    right: 100%;
  }
  .ant-col-xxl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xxl-order-24 {
    -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
            order: 24;
  }
  .ant-col-xxl-23 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-xxl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xxl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xxl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xxl-order-23 {
    -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
            order: 23;
  }
  .ant-col-xxl-22 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-xxl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xxl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xxl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xxl-order-22 {
    -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
            order: 22;
  }
  .ant-col-xxl-21 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-xxl-push-21 {
    left: 87.5%;
  }
  .ant-col-xxl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xxl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xxl-order-21 {
    -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
            order: 21;
  }
  .ant-col-xxl-20 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-xxl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xxl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xxl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xxl-order-20 {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
  }
  .ant-col-xxl-19 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-xxl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xxl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xxl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xxl-order-19 {
    -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
            order: 19;
  }
  .ant-col-xxl-18 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 75%;
  }
  .ant-col-xxl-push-18 {
    left: 75%;
  }
  .ant-col-xxl-pull-18 {
    right: 75%;
  }
  .ant-col-xxl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xxl-order-18 {
    -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
            order: 18;
  }
  .ant-col-xxl-17 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-xxl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xxl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xxl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xxl-order-17 {
    -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
            order: 17;
  }
  .ant-col-xxl-16 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-xxl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xxl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xxl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xxl-order-16 {
    -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
            order: 16;
  }
  .ant-col-xxl-15 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-xxl-push-15 {
    left: 62.5%;
  }
  .ant-col-xxl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xxl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xxl-order-15 {
    -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
            order: 15;
  }
  .ant-col-xxl-14 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-xxl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xxl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xxl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xxl-order-14 {
    -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
            order: 14;
  }
  .ant-col-xxl-13 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-xxl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xxl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xxl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xxl-order-13 {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .ant-col-xxl-12 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
  }
  .ant-col-xxl-push-12 {
    left: 50%;
  }
  .ant-col-xxl-pull-12 {
    right: 50%;
  }
  .ant-col-xxl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xxl-order-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .ant-col-xxl-11 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-xxl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xxl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xxl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xxl-order-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .ant-col-xxl-10 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-xxl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xxl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xxl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xxl-order-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .ant-col-xxl-9 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-xxl-push-9 {
    left: 37.5%;
  }
  .ant-col-xxl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xxl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xxl-order-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .ant-col-xxl-8 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-xxl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xxl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xxl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xxl-order-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .ant-col-xxl-7 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-xxl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xxl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xxl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xxl-order-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .ant-col-xxl-6 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 25%;
  }
  .ant-col-xxl-push-6 {
    left: 25%;
  }
  .ant-col-xxl-pull-6 {
    right: 25%;
  }
  .ant-col-xxl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xxl-order-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .ant-col-xxl-5 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-xxl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xxl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xxl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xxl-order-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .ant-col-xxl-4 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-xxl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xxl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xxl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xxl-order-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .ant-col-xxl-3 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-xxl-push-3 {
    left: 12.5%;
  }
  .ant-col-xxl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xxl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xxl-order-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .ant-col-xxl-2 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-xxl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xxl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xxl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xxl-order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .ant-col-xxl-1 {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-xxl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xxl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xxl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xxl-order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .ant-col-xxl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xxl-push-0 {
    left: auto;
  }
  .ant-col-xxl-pull-0 {
    right: auto;
  }
  .ant-col-xxl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xxl-order-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
.ant-input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          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: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  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:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.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;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
          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;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-input-group {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          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;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  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;
  -webkit-box-shadow: none;
          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;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  height: 24px;
  padding: 1px 7px;
}
.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::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,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-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,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-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,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-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 {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          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;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(0, 0, 0, 0.65);
  line-height: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          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-disabled ~ .ant-input-suffix .anticon {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.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-input-with-clear-btn .ant-input:not(:last-child) {
  padding-right: 49px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input {
  padding-right: 22px;
}
.ant-input-affix-wrapper .ant-input {
  min-height: 100%;
}
.ant-input-password-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  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;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  vertical-align: 0;
}
.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-textarea-clear-icon {
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  position: absolute;
  top: 0;
  right: 0;
  margin: 8px 8px 0 0;
}
.ant-input-textarea-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-textarea-clear-icon:active {
  color: rgba(0, 0, 0, 0.65);
}
.ant-input-textarea-clear-icon + i {
  margin-left: 6px;
}
.ant-input-search-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  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 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-number {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          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: 1.5;
  background-color: #fff;
  background-image: none;
  -webkit-transition: all 0.3s;
  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:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.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;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
          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;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-input-number-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-input-number-sm {
  height: 24px;
  padding: 1px 7px;
}
.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;
  -webkit-transition: all 0.1s linear;
  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;
  -webkit-transition: all 0.1s linear;
  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;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
          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;
  -webkit-transition: all 0.3s linear;
  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:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.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;
  -webkit-transition: opacity 0.24s linear 0.1s;
  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;
  -webkit-transform: scale(0.58333333) rotate(0deg);
      -ms-transform: scale(0.58333333) rotate(0deg);
          transform: scale(0.58333333) 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 {
  border-top-right-radius: 4px;
  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;
  border-bottom-right-radius: 4px;
  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);
}
.ant-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
  background: #f0f2f5;
}
.ant-layout,
.ant-layout * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ant-layout.ant-layout-has-sider {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.ant-layout.ant-layout-has-sider > .ant-layout,
.ant-layout.ant-layout-has-sider > .ant-layout-content {
  overflow-x: hidden;
}
.ant-layout-header,
.ant-layout-footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.ant-layout-header {
  height: 64px;
  padding: 0 50px;
  line-height: 64px;
  background: #001529;
}
.ant-layout-footer {
  padding: 24px 50px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  background: #f0f2f5;
}
.ant-layout-content {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
}
.ant-layout-sider {
  position: relative;
  /* fix firefox can't set width smaller than content on flex item */
  min-width: 0;
  background: #001529;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ant-layout-sider-children {
  height: 100%;
  margin-top: -0.1px;
  padding-top: 0.1px;
}
.ant-layout-sider-has-trigger {
  padding-bottom: 48px;
}
.ant-layout-sider-right {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.ant-layout-sider-trigger {
  position: fixed;
  bottom: 0;
  z-index: 1;
  height: 48px;
  color: #fff;
  line-height: 48px;
  text-align: center;
  background: #002140;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ant-layout-sider-zero-width > * {
  overflow: hidden;
}
.ant-layout-sider-zero-width-trigger {
  position: absolute;
  top: 64px;
  right: -36px;
  z-index: 1;
  width: 36px;
  height: 42px;
  color: #fff;
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  background: #001529;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-layout-sider-zero-width-trigger:hover {
  background: #192c3e;
}
.ant-layout-sider-zero-width-trigger-right {
  left: -36px;
  border-radius: 4px 0 0 4px;
}
.ant-layout-sider-light {
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-trigger {
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
}
.ant-list {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
}
.ant-list * {
  outline: none;
}
.ant-list-pagination {
  margin-top: 24px;
  text-align: right;
}
.ant-list-pagination .ant-pagination-options {
  text-align: left;
}
.ant-list-more {
  margin-top: 12px;
  text-align: center;
}
.ant-list-more button {
  padding-right: 32px;
  padding-left: 32px;
}
.ant-list-spin {
  min-height: 40px;
  text-align: center;
}
.ant-list-empty-text {
  padding: 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  text-align: center;
}
.ant-list-items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 0;
}
.ant-list-item-content {
  color: rgba(0, 0, 0, 0.65);
}
.ant-list-item-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 0;
}
.ant-list-item-meta-avatar {
  margin-right: 16px;
}
.ant-list-item-meta-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
}
.ant-list-item-meta-title {
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 22px;
}
.ant-list-item-meta-title > a {
  color: rgba(0, 0, 0, 0.65);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-list-item-meta-title > a:hover {
  color: #1890ff;
}
.ant-list-item-meta-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 22px;
}
.ant-list-item-action {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: 48px;
  padding: 0;
  font-size: 0;
  list-style: none;
}
.ant-list-item-action > li {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
}
.ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-item-action-split {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background-color: #e8e8e8;
}
.ant-list-header {
  background: transparent;
}
.ant-list-footer {
  background: transparent;
}
.ant-list-header,
.ant-list-footer {
  padding-top: 12px;
  padding-bottom: 12px;
}
.ant-list-empty {
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  text-align: center;
}
.ant-list-split .ant-list-item {
  border-bottom: 1px solid #e8e8e8;
}
.ant-list-split .ant-list-item:last-child {
  border-bottom: none;
}
.ant-list-split .ant-list-header {
  border-bottom: 1px solid #e8e8e8;
}
.ant-list-loading .ant-list-spin-nested-loading {
  min-height: 32px;
}
.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child {
  border-bottom: 1px solid #e8e8e8;
}
.ant-list-lg .ant-list-item {
  padding-top: 16px;
  padding-bottom: 16px;
}
.ant-list-sm .ant-list-item {
  padding-top: 8px;
  padding-bottom: 8px;
}
.ant-list-vertical .ant-list-item {
  -webkit-box-align: initial;
      -ms-flex-align: initial;
          align-items: initial;
}
.ant-list-vertical .ant-list-item-main {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ant-list-vertical .ant-list-item-extra {
  margin-left: 40px;
}
.ant-list-vertical .ant-list-item-meta {
  margin-bottom: 16px;
}
.ant-list-vertical .ant-list-item-meta-title {
  margin-bottom: 12px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
}
.ant-list-vertical .ant-list-item-action {
  margin-top: 16px;
  margin-left: auto;
}
.ant-list-vertical .ant-list-item-action > li {
  padding: 0 16px;
}
.ant-list-vertical .ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-grid .ant-col > .ant-list-item {
  display: block;
  max-width: 100%;
  margin-bottom: 16px;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.ant-list-item-no-flex {
  display: block;
}
.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
  float: right;
}
.ant-list-bordered {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.ant-list-bordered .ant-list-header {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-footer {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-item {
  padding-right: 24px;
  padding-left: 24px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-list-bordered .ant-list-pagination {
  margin: 16px 24px;
}
.ant-list-bordered.ant-list-sm .ant-list-item {
  padding-right: 16px;
  padding-left: 16px;
}
.ant-list-bordered.ant-list-sm .ant-list-header,
.ant-list-bordered.ant-list-sm .ant-list-footer {
  padding: 8px 16px;
}
.ant-list-bordered.ant-list-lg .ant-list-header,
.ant-list-bordered.ant-list-lg .ant-list-footer {
  padding: 16px 24px;
}
@media screen and (max-width: 768px) {
  .ant-list-item-action {
    margin-left: 24px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin-left: 24px;
  }
}
@media screen and (max-width: 576px) {
  .ant-list-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .ant-list-item-action {
    margin-left: 12px;
  }
  .ant-list-vertical .ant-list-item {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .ant-list-vertical .ant-list-item-main {
    min-width: 220px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin: auto auto 16px;
  }
}
.ant-mentions-wrapper {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
.ant-mentions-wrapper .ant-mentions-editor {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
  height: auto;
  min-height: 32px;
  padding: 0;
  line-height: 1.5;
}
.ant-mentions-wrapper .ant-mentions-editor::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-mentions-wrapper .ant-mentions-editor:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-mentions-wrapper .ant-mentions-editor::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-mentions-wrapper .ant-mentions-editor:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions-wrapper .ant-mentions-editor:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-mentions-wrapper .ant-mentions-editor:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions-wrapper .ant-mentions-editor:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-mentions-wrapper .ant-mentions-editor:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-mentions-wrapper .ant-mentions-editor-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-wrapper .ant-mentions-editor-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-mentions-wrapper .ant-mentions-editor[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-wrapper .ant-mentions-editor[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-mentions-wrapper .ant-mentions-editor {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-mentions-wrapper .ant-mentions-editor-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-mentions-wrapper .ant-mentions-editor-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-mentions-wrapper .ant-mentions-editor-wrapper {
  height: auto;
  overflow-y: auto;
}
.ant-mentions-wrapper.ant-mentions-active:not(.disabled) .ant-mentions-editor {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-mentions-wrapper.disabled .ant-mentions-editor {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-wrapper.disabled .ant-mentions-editor:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-mentions-wrapper .public-DraftEditorPlaceholder-root {
  position: absolute;
  pointer-events: none;
}
.ant-mentions-wrapper .public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner {
  height: auto;
  padding: 5px 11px;
  color: #bfbfbf;
  white-space: pre-wrap;
  word-wrap: break-word;
  outline: none;
  opacity: 1;
}
.ant-mentions-wrapper .DraftEditor-editorContainer .public-DraftEditor-content {
  height: auto;
  padding: 5px 11px;
}
.ant-mentions-dropdown {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  min-width: 120px;
  max-height: 250px;
  margin-top: 1.5em;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-mentions-dropdown-placement-top {
  margin-top: -0.1em;
}
.ant-mentions-dropdown-notfound.ant-mentions-dropdown-item {
  color: rgba(0, 0, 0, 0.25);
}
.ant-mentions-dropdown-notfound.ant-mentions-dropdown-item .anticon-loading {
  display: block;
  color: #1890ff;
  text-align: center;
}
.ant-mentions-dropdown-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;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.ant-mentions-dropdown-item:hover {
  background-color: #e6f7ff;
}
.ant-mentions-dropdown-item.focus,
.ant-mentions-dropdown-item-active {
  background-color: #e6f7ff;
}
.ant-mentions-dropdown-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-mentions-dropdown-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-mentions-dropdown-item-selected,
.ant-mentions-dropdown-item-selected:hover {
  color: rgba(0, 0, 0, 0.65);
  font-weight: bold;
  background-color: #f5f5f5;
}
.ant-mentions-dropdown-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-mentions {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  display: inline-block;
  height: auto;
  padding: 0;
  overflow: hidden;
  line-height: 1.5;
  white-space: pre-wrap;
  vertical-align: bottom;
}
.ant-mentions::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-mentions:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-mentions::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-mentions:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-mentions:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-mentions:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-mentions-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-mentions[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-mentions {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-mentions-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-mentions-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-mentions-disabled > textarea {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-mentions-disabled > textarea:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-mentions-focused {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-mentions > textarea,
.ant-mentions-measure {
  min-height: 30px;
  margin: 0;
  padding: 4px 11px;
  overflow: inherit;
  overflow-x: hidden;
  overflow-y: auto;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  font-size-adjust: inherit;
  font-stretch: inherit;
  line-height: inherit;
  direction: inherit;
  letter-spacing: inherit;
  white-space: inherit;
  text-align: inherit;
  vertical-align: top;
  word-wrap: break-word;
  word-break: inherit;
  -moz-tab-size: inherit;
    -o-tab-size: inherit;
       tab-size: inherit;
}
.ant-mentions > textarea {
  width: 100%;
  border: none;
  outline: none;
  resize: none;
}
.ant-mentions > textarea::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-mentions > textarea:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-mentions > textarea::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-mentions > textarea:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions > textarea:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-mentions > textarea:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-mentions > textarea:-moz-read-only {
  cursor: default;
}
.ant-mentions > textarea:read-only {
  cursor: default;
}
.ant-mentions-measure {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  color: transparent;
  pointer-events: none;
}
.ant-mentions-measure > span {
  display: inline-block;
  min-height: 1em;
}
.ant-mentions-dropdown {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-mentions-dropdown-hidden {
  display: none;
}
.ant-mentions-dropdown-menu {
  max-height: 250px;
  margin-bottom: 0;
  padding-left: 0;
  overflow: auto;
  list-style: none;
  outline: none;
}
.ant-mentions-dropdown-menu-item {
  position: relative;
  display: block;
  min-width: 100px;
  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;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-mentions-dropdown-menu-item:hover {
  background-color: #e6f7ff;
}
.ant-mentions-dropdown-menu-item:first-child {
  border-radius: 4px 4px 0 0;
}
.ant-mentions-dropdown-menu-item:last-child {
  border-radius: 0 0 4px 4px;
}
.ant-mentions-dropdown-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-mentions-dropdown-menu-item-selected {
  color: rgba(0, 0, 0, 0.65);
  font-weight: 600;
  background-color: #fafafa;
}
.ant-mentions-dropdown-menu-item-active {
  background-color: #e6f7ff;
}
.ant-menu {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  -webkit-font-feature-settings: 'tnum';
          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;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-transition: background 0.3s, width 0.2s;
  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::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;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-menu-submenu,
.ant-menu-submenu-inline {
  -webkit-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);
  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;
  -webkit-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);
  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 > .ant-badge > a {
  color: rgba(0, 0, 0, 0.65);
}
.ant-menu-item > .ant-badge > a:hover {
  color: #1890ff;
}
.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;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 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 {
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          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;
  -webkit-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);
  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;
  -webkit-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);
  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;
  -webkit-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);
  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 {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-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;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0.65)));
  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;
  -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  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);
  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), -webkit-transform 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 {
  -webkit-transform: rotate(45deg) translateY(-2px);
      -ms-transform: rotate(45deg) translateY(-2px);
          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 {
  -webkit-transform: rotate(-45deg) translateY(2px);
      -ms-transform: rotate(-45deg) translateY(2px);
          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: -webkit-gradient(linear, left top, right top, from(#1890ff), to(#1890ff));
  background: linear-gradient(to right, #1890ff, #1890ff);
}
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  -webkit-transform: rotate(-45deg) translateX(2px);
      -ms-transform: rotate(-45deg) translateX(2px);
          transform: rotate(-45deg) translateX(2px);
}
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  -webkit-transform: rotate(45deg) translateX(-2px);
      -ms-transform: rotate(45deg) translateX(-2px);
          transform: rotate(45deg) translateX(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  -webkit-transform: rotate(-45deg) translateX(-2px);
      -ms-transform: rotate(-45deg) translateX(-2px);
          transform: rotate(-45deg) translateX(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  -webkit-transform: rotate(45deg) translateX(2px);
      -ms-transform: rotate(45deg) translateX(2px);
          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;
  -webkit-box-shadow: none;
          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: ' ';
}
.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;
  -webkit-transform: scaleY(0.0001);
      -ms-transform: scaleY(0.0001);
          transform: scaleY(0.0001);
  opacity: 0;
  -webkit-transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  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);
  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), -webkit-transform 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.02px;
}
.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 {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
  opacity: 1;
  -webkit-transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 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);
  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), -webkit-transform 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 {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-menu-sub.ant-menu-inline {
  padding: 0;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          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;
  -webkit-transition: all 0.3s;
  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;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset;
          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 .anticon + 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;
}
.ant-message {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          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;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          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;
  }
}
.ant-modal {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          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;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          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;
  -webkit-transition: color 0.3s;
  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 {
  -webkit-transform: none;
      -ms-transform: none;
          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 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            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-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;
}
.ant-notification {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: fixed;
  z-index: 1010;
  width: 384px;
  max-width: calc(100vw - 32px);
  margin-right: 24px;
}
.ant-notification-topLeft,
.ant-notification-bottomLeft {
  margin-right: 0;
  margin-left: 24px;
}
.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active {
  -webkit-animation-name: NotificationLeftFadeIn;
          animation-name: NotificationLeftFadeIn;
}
.ant-notification-close-icon {
  font-size: 14px;
  cursor: pointer;
}
.ant-notification-notice {
  position: relative;
  margin-bottom: 16px;
  padding: 16px 24px;
  overflow: hidden;
  line-height: 1.5;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.ant-notification-notice-message {
  display: inline-block;
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
}
.ant-notification-notice-message-single-line-auto-margin {
  display: block;
  width: calc(384px - 24px * 2 - 24px - 48px - 100%);
  max-width: 4px;
  background-color: transparent;
  pointer-events: none;
}
.ant-notification-notice-message-single-line-auto-margin::before {
  display: block;
  content: '';
}
.ant-notification-notice-description {
  font-size: 14px;
}
.ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 24px;
}
.ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-bottom: 4px;
  margin-left: 48px;
  font-size: 16px;
}
.ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-left: 48px;
  font-size: 14px;
}
.ant-notification-notice-icon {
  position: absolute;
  margin-left: 4px;
  font-size: 24px;
  line-height: 24px;
}
.anticon.ant-notification-notice-icon-success {
  color: #52c41a;
}
.anticon.ant-notification-notice-icon-info {
  color: #1890ff;
}
.anticon.ant-notification-notice-icon-warning {
  color: #faad14;
}
.anticon.ant-notification-notice-icon-error {
  color: #f5222d;
}
.ant-notification-notice-close {
  position: absolute;
  top: 16px;
  right: 22px;
  color: rgba(0, 0, 0, 0.45);
  outline: none;
}
.ant-notification-notice-close:hover {
  color: rgba(0, 0, 0, 0.67);
}
.ant-notification-notice-btn {
  float: right;
  margin-top: 16px;
}
.ant-notification .notification-fade-effect {
  -webkit-animation-duration: 0.24s;
          animation-duration: 0.24s;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
          animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.ant-notification-fade-enter,
.ant-notification-fade-appear {
  opacity: 0;
  -webkit-animation-duration: 0.24s;
          animation-duration: 0.24s;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
          animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.ant-notification-fade-leave {
  -webkit-animation-duration: 0.24s;
          animation-duration: 0.24s;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
          animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-fade-appear.ant-notification-fade-appear-active {
  -webkit-animation-name: NotificationFadeIn;
          animation-name: NotificationFadeIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.ant-notification-fade-leave.ant-notification-fade-leave-active {
  -webkit-animation-name: NotificationFadeOut;
          animation-name: NotificationFadeOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes NotificationFadeIn {
  0% {
    left: 384px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes NotificationFadeIn {
  0% {
    left: 384px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@-webkit-keyframes NotificationLeftFadeIn {
  0% {
    right: 384px;
    opacity: 0;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}
@keyframes NotificationLeftFadeIn {
  0% {
    right: 384px;
    opacity: 0;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}
@-webkit-keyframes NotificationFadeOut {
  0% {
    max-height: 150px;
    margin-bottom: 16px;
    padding-top: 16px 24px;
    padding-bottom: 16px 24px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
  }
}
@keyframes NotificationFadeOut {
  0% {
    max-height: 150px;
    margin-bottom: 16px;
    padding-top: 16px 24px;
    padding-bottom: 16px 24px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
  }
}
.ant-page-header {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  padding: 16px 24px;
  background-color: #fff;
}
.ant-page-header-ghost {
  background-color: inherit;
}
.ant-page-header.has-breadcrumb {
  padding-top: 12px;
}
.ant-page-header.has-footer {
  padding-bottom: 0;
}
.ant-page-header-back {
  float: left;
  margin: 8px 0;
  margin-right: 16px;
  font-size: 16px;
  line-height: 1;
}
.ant-page-header-back-button {
  color: #1890ff;
  text-decoration: none;
  outline: none;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #000;
  cursor: pointer;
}
.ant-page-header-back-button:focus,
.ant-page-header-back-button:hover {
  color: #40a9ff;
}
.ant-page-header-back-button:active {
  color: #096dd9;
}
.ant-page-header .ant-divider-vertical {
  height: 14px;
  margin: 0 12px;
  vertical-align: middle;
}
.ant-breadcrumb + .ant-page-header-heading {
  margin-top: 8px;
}
.ant-page-header-heading {
  width: 100%;
  overflow: hidden;
}
.ant-page-header-heading-title {
  display: block;
  float: left;
  margin-bottom: 0;
  padding-right: 12px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
}
.ant-page-header-heading .ant-avatar {
  float: left;
  margin-right: 12px;
}
.ant-page-header-heading-sub-title {
  float: left;
  margin: 5px 0;
  margin-right: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 22px;
}
.ant-page-header-heading-tags {
  float: left;
  margin: 4px 0;
}
.ant-page-header-heading-extra {
  float: right;
}
.ant-page-header-heading-extra > * {
  margin-left: 8px;
}
.ant-page-header-heading-extra > *:first-child {
  margin-left: 0;
}
.ant-page-header-content {
  padding-top: 12px;
  overflow: hidden;
}
.ant-page-header-footer {
  margin-top: 16px;
}
.ant-page-header-footer .ant-tabs-bar {
  margin-bottom: 1px;
  border-bottom: 0;
}
.ant-page-header-footer .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab {
  padding: 8px;
  font-size: 16px;
}
@media (max-width: 576px) {
  .ant-page-header-heading-extra {
    display: block;
    float: unset;
    width: 100%;
    padding-top: 12px;
    overflow: hidden;
  }
}
.ant-pagination {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.ant-pagination ul,
.ant-pagination ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-pagination::after {
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ' ';
}
.ant-pagination-total-text {
  display: inline-block;
  height: 32px;
  margin-right: 8px;
  line-height: 30px;
  vertical-align: middle;
}
.ant-pagination-item {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  margin-right: 8px;
  font-family: Arial;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-pagination-item a {
  display: block;
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.65);
  -webkit-transition: none;
  transition: none;
}
.ant-pagination-item a:hover {
  text-decoration: none;
}
.ant-pagination-item:focus,
.ant-pagination-item:hover {
  border-color: #1890ff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-pagination-item:focus a,
.ant-pagination-item:hover a {
  color: #1890ff;
}
.ant-pagination-item-active {
  font-weight: 500;
  background: #fff;
  border-color: #1890ff;
}
.ant-pagination-item-active a {
  color: #1890ff;
}
.ant-pagination-item-active:focus,
.ant-pagination-item-active:hover {
  border-color: #40a9ff;
}
.ant-pagination-item-active:focus a,
.ant-pagination-item-active:hover a {
  color: #40a9ff;
}
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  outline: 0;
}
.ant-pagination-jump-prev .ant-pagination-item-container,
.ant-pagination-jump-next .ant-pagination-item-container {
  position: relative;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  display: inline-block;
  font-size: 12px;
  font-size: 12px \9;
  -webkit-transform: scale(1) rotate(0deg);
      -ms-transform: scale(1) rotate(0deg);
          transform: scale(1) rotate(0deg);
  color: #1890ff;
  letter-spacing: -1px;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
:root .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
:root .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  font-size: 12px;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  color: rgba(0, 0, 0, 0.25);
  letter-spacing: 2px;
  text-align: center;
  text-indent: 0.13em;
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-prev,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  margin-right: 8px;
}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  color: rgba(0, 0, 0, 0.65);
  font-family: Arial;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-pagination-prev,
.ant-pagination-next {
  outline: 0;
}
.ant-pagination-prev a,
.ant-pagination-next a {
  color: rgba(0, 0, 0, 0.65);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-pagination-prev:hover a,
.ant-pagination-next:hover a {
  border-color: #40a9ff;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  display: block;
  height: 100%;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-pagination-prev:focus .ant-pagination-item-link,
.ant-pagination-next:focus .ant-pagination-item-link,
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
  color: #1890ff;
  border-color: #1890ff;
}
.ant-pagination-disabled,
.ant-pagination-disabled:hover,
.ant-pagination-disabled:focus {
  cursor: not-allowed;
}
.ant-pagination-disabled a,
.ant-pagination-disabled:hover a,
.ant-pagination-disabled:focus a,
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link,
.ant-pagination-disabled:focus .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination-slash {
  margin: 0 10px 0 5px;
}
.ant-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}
.ant-pagination-options-size-changer.ant-select {
  display: inline-block;
  width: auto;
  margin-right: 8px;
}
.ant-pagination-options-quick-jumper {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
}
.ant-pagination-options-quick-jumper 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: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 50px;
  margin: 0 8px;
}
.ant-pagination-options-quick-jumper input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-pagination-options-quick-jumper input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-pagination-options-quick-jumper input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-pagination-options-quick-jumper input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-pagination-options-quick-jumper input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-pagination-simple .ant-pagination-prev,
.ant-pagination-simple .ant-pagination-next {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  height: 24px;
  border: 0;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
}
.ant-pagination-simple .ant-pagination-simple-pager input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  padding: 0 6px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: #1890ff;
}
.ant-pagination.mini .ant-pagination-total-text,
.ant-pagination.mini .ant-pagination-simple-pager {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-item {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
}
.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev,
.ant-pagination.mini .ant-pagination-next {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-jump-prev,
.ant-pagination.mini .ant-pagination-jump-next {
  height: 24px;
  margin-right: 0;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options {
  margin-left: 2px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper input {
  height: 24px;
  padding: 1px 7px;
  width: 44px;
}
.ant-pagination.ant-pagination-disabled {
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border: none;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
  background: #dbdbdb;
  border-color: transparent;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
  color: #fff;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:hover,
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:focus {
  color: rgba(0, 0, 0, 0.45);
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 0;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 1;
}
@media only screen and (max-width: 992px) {
  .ant-pagination-item-after-jump-prev,
  .ant-pagination-item-before-jump-next {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .ant-pagination-options {
    display: none;
  }
}
.ant-popover {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          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;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
          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 {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
            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;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          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;
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) rotate(45deg);
          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;
  -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          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;
  -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
          box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) rotate(45deg);
          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;
  -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          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;
}
.ant-progress {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-progress-line {
  position: relative;
  width: 100%;
  font-size: 14px;
}
.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
  font-size: 12px;
}
.ant-progress-outer {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}
.ant-progress-show-info .ant-progress-outer {
  margin-right: calc(-2em - 8px);
  padding-right: calc(2em + 8px);
}
.ant-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  background-color: #f5f5f5;
  border-radius: 100px;
}
.ant-progress-circle-trail {
  stroke: #f5f5f5;
}
.ant-progress-circle-path {
  -webkit-animation: ant-progress-appear 0.3s;
          animation: ant-progress-appear 0.3s;
}
.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #1890ff;
}
.ant-progress-success-bg,
.ant-progress-bg {
  position: relative;
  background-color: #1890ff;
  border-radius: 100px;
  -webkit-transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.ant-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #52c41a;
}
.ant-progress-text {
  display: inline-block;
  width: 2em;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 1em;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
}
.ant-progress-text .anticon {
  font-size: 14px;
}
.ant-progress-status-active .ant-progress-bg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 10px;
  opacity: 0;
  -webkit-animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
          animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  content: '';
}
.ant-progress-status-exception .ant-progress-bg {
  background-color: #f5222d;
}
.ant-progress-status-exception .ant-progress-text {
  color: #f5222d;
}
.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #f5222d;
}
.ant-progress-status-success .ant-progress-bg {
  background-color: #52c41a;
}
.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #52c41a;
}
.ant-progress-circle .ant-progress-inner {
  position: relative;
  line-height: 1;
  background-color: transparent;
}
.ant-progress-circle .ant-progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 1;
  white-space: normal;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ant-progress-circle .ant-progress-text .anticon {
  font-size: 1.16666667em;
}
.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
  color: #f5222d;
}
.ant-progress-circle.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
@-webkit-keyframes ant-progress-active {
  0% {
    width: 0;
    opacity: 0.1;
  }
  20% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
@keyframes ant-progress-active {
  0% {
    width: 0;
    opacity: 0.1;
  }
  20% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
.ant-radio-group {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-radio-wrapper {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  margin-right: 8px;
  white-space: nowrap;
  cursor: pointer;
}
.ant-radio {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          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 {
  -webkit-box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
          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;
  -webkit-transition: all 0.3s;
  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;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  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 {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  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;
  -webkit-transition: color 0.3s, background 0.3s, border-color 0.3s;
  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;
  -webkit-box-shadow: -1px 0 0 0 #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;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #40a9ff;
  border-color: #40a9ff;
  -webkit-box-shadow: -1px 0 0 0 #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;
  -webkit-box-shadow: -1px 0 0 0 #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;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@-webkit-keyframes antRadioEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes antRadioEffect {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0;
  }
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  .ant-radio {
    vertical-align: text-bottom;
  }
}
.ant-rate {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #fadb14;
  font-size: 20px;
  line-height: unset;
  list-style: none;
  outline: none;
}
.ant-rate-disabled .ant-rate-star {
  cursor: default;
}
.ant-rate-disabled .ant-rate-star:hover {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.ant-rate-star {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  color: inherit;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-rate-star:not(:last-child) {
  margin-right: 8px;
}
.ant-rate-star > div:focus {
  outline: 0;
}
.ant-rate-star > div:hover,
.ant-rate-star > div:focus {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.ant-rate-star-first,
.ant-rate-star-second {
  color: #e8e8e8;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-rate-star-first .anticon,
.ant-rate-star-second .anticon {
  vertical-align: middle;
}
.ant-rate-star-first {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-half .ant-rate-star-second {
  opacity: 1;
}
.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-full .ant-rate-star-second {
  color: inherit;
}
.ant-rate-text {
  display: inline-block;
  margin-left: 8px;
  font-size: 14px;
}
.ant-result {
  padding: 48px 32px;
}
.ant-result-success .ant-result-icon > .anticon {
  color: #52c41a;
}
.ant-result-error .ant-result-icon > .anticon {
  color: #f5222d;
}
.ant-result-info .ant-result-icon > .anticon {
  color: #1890ff;
}
.ant-result-warning .ant-result-icon > .anticon {
  color: #faad14;
}
.ant-result-image {
  width: 250px;
  height: 295px;
  margin: auto;
}
.ant-result-icon {
  margin-bottom: 24px;
  text-align: center;
}
.ant-result-icon > .anticon {
  font-size: 72px;
}
.ant-result-title {
  color: rgba(0, 0, 0, 0.85);
  font-size: 24px;
  line-height: 1.8;
  text-align: center;
}
.ant-result-subtitle {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.ant-result-extra {
  margin-top: 32px;
  text-align: center;
}
.ant-result-extra > * {
  margin-right: 8px;
}
.ant-result-extra > *:last-child {
  margin-right: 0;
}
.ant-result-content {
  margin-top: 24px;
  padding: 24px 40px;
  background-color: #fafafa;
}
.ant-select {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          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;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          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 {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.ant-select-selection {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-radius: 4px;
  outline: none;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  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;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
          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;
  -webkit-transition: color 0.3s ease, opacity 0.15s ease;
  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;
  -webkit-box-shadow: none;
          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::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%;
  padding: 1px;
}
.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;
  -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  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;
  -webkit-transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  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;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) 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--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 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ant-select-open .ant-select-selection {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
          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%;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s;
  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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          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: 4px 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;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  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-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;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.2s;
  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;
}
.ant-skeleton {
  display: table;
  width: 100%;
}
.ant-skeleton-header {
  display: table-cell;
  padding-right: 16px;
  vertical-align: top;
}
.ant-skeleton-header .ant-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: #f2f2f2;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-content {
  display: table-cell;
  width: 100%;
  vertical-align: top;
}
.ant-skeleton-content .ant-skeleton-title {
  width: 100%;
  height: 16px;
  margin-top: 16px;
  background: #f2f2f2;
}
.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 24px;
}
.ant-skeleton-content .ant-skeleton-paragraph {
  padding: 0;
}
.ant-skeleton-content .ant-skeleton-paragraph > li {
  width: 100%;
  height: 16px;
  list-style: none;
  background: #f2f2f2;
}
.ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
  width: 61%;
}
.ant-skeleton-content .ant-skeleton-paragraph > li + li {
  margin-top: 16px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
  margin-top: 12px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 28px;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  -webkit-animation: ant-skeleton-loading 1.4s ease infinite;
          animation: ant-skeleton-loading 1.4s ease infinite;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  -webkit-animation: ant-skeleton-loading 1.4s ease infinite;
          animation: ant-skeleton-loading 1.4s ease infinite;
}
@-webkit-keyframes ant-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@keyframes ant-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.ant-slider {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  height: 12px;
  margin: 14px 6px 10px;
  padding: 4px 0;
  cursor: pointer;
  -ms-touch-action: none;
      touch-action: none;
}
.ant-slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
}
.ant-slider-vertical .ant-slider-rail {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-track {
  width: 4px;
}
.ant-slider-vertical .ant-slider-handle {
  margin-bottom: -7px;
  margin-left: -5px;
}
.ant-slider-vertical .ant-slider-mark {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-mark-text {
  left: 4px;
  white-space: nowrap;
}
.ant-slider-vertical .ant-slider-step {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-dot {
  top: auto;
  left: 2px;
  margin-bottom: -4px;
}
.ant-slider-tooltip .ant-tooltip-inner {
  min-width: unset;
}
.ant-slider-with-marks {
  margin-bottom: 28px;
}
.ant-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #f5f5f5;
  border-radius: 2px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.ant-slider-track {
  position: absolute;
  height: 4px;
  background-color: #91d5ff;
  border-radius: 4px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.ant-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px #91d5ff;
  border-radius: 50%;
  -webkit-box-shadow: 0;
          box-shadow: 0;
  cursor: pointer;
  -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: border-color 0.3s, -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.ant-slider-handle:focus {
  border-color: #46a6ff;
  outline: none;
  -webkit-box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.2);
          box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.2);
}
.ant-slider-handle.ant-tooltip-open {
  border-color: #1890ff;
}
.ant-slider:hover .ant-slider-rail {
  background-color: #e1e1e1;
}
.ant-slider:hover .ant-slider-track {
  background-color: #69c0ff;
}
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #69c0ff;
}
.ant-slider-mark {
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  font-size: 14px;
}
.ant-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  word-break: keep-all;
  cursor: pointer;
}
.ant-slider-mark-text-active {
  color: rgba(0, 0, 0, 0.65);
}
.ant-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.ant-slider-dot {
  position: absolute;
  top: -2px;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  background-color: #fff;
  border: 2px solid #e8e8e8;
  border-radius: 50%;
  cursor: pointer;
}
.ant-slider-dot:first-child {
  margin-left: -4px;
}
.ant-slider-dot:last-child {
  margin-left: -4px;
}
.ant-slider-dot-active {
  border-color: #8cc8ff;
}
.ant-slider-disabled {
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-track {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
.ant-slider-disabled .ant-slider-handle,
.ant-slider-disabled .ant-slider-dot {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25) !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-mark-text,
.ant-slider-disabled .ant-slider-dot {
  cursor: not-allowed !important;
}
.ant-spin {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: absolute;
  display: none;
  color: #1890ff;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-spin-spinning {
  position: static;
  display: inline-block;
  opacity: 1;
}
.ant-spin-nested-loading {
  position: relative;
}
.ant-spin-nested-loading > div > .ant-spin {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 400px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 5px;
  text-shadow: 0 1px 2px #fff;
}
.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
  margin-top: -20px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
  margin: -7px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
  padding-top: 2px;
}
.ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
  margin-top: -17px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
  margin: -16px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
  padding-top: 11px;
}
.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
  margin-top: -26px;
}
.ant-spin-container {
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ant-spin-container::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none \9;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.ant-spin-blur {
  clear: both;
  overflow: hidden;
  opacity: 0.5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.ant-spin-blur::after {
  opacity: 0.4;
  pointer-events: auto;
}
.ant-spin-tip {
  color: rgba(0, 0, 0, 0.45);
}
.ant-spin-dot {
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 1em;
  height: 1em;
}
.ant-spin-dot-item {
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  background-color: #1890ff;
  border-radius: 100%;
  -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
          transform: scale(0.75);
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  opacity: 0.3;
  -webkit-animation: antSpinMove 1s infinite linear alternate;
          animation: antSpinMove 1s infinite linear alternate;
}
.ant-spin-dot-item:nth-child(1) {
  top: 0;
  left: 0;
}
.ant-spin-dot-item:nth-child(2) {
  top: 0;
  right: 0;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.ant-spin-dot-item:nth-child(3) {
  right: 0;
  bottom: 0;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.ant-spin-dot-item:nth-child(4) {
  bottom: 0;
  left: 0;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.ant-spin-dot-spin {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-animation: antRotate 1.2s infinite linear;
          animation: antRotate 1.2s infinite linear;
}
.ant-spin-sm .ant-spin-dot {
  font-size: 14px;
}
.ant-spin-sm .ant-spin-dot i {
  width: 6px;
  height: 6px;
}
.ant-spin-lg .ant-spin-dot {
  font-size: 32px;
}
.ant-spin-lg .ant-spin-dot i {
  width: 14px;
  height: 14px;
}
.ant-spin.ant-spin-show-text .ant-spin-text {
  display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ */
  .ant-spin-blur {
    background: #fff;
    opacity: 0.5;
  }
}
@-webkit-keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@-webkit-keyframes antRotate {
  to {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg);
  }
}
@keyframes antRotate {
  to {
    -webkit-transform: rotate(405deg);
            transform: rotate(405deg);
  }
}
.ant-statistic {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.ant-statistic-title {
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-statistic-content {
  color: rgba(0, 0, 0, 0.85);
  font-size: 24px;
  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-statistic-content-value-decimal {
  font-size: 16px;
}
.ant-statistic-content-prefix,
.ant-statistic-content-suffix {
  display: inline-block;
}
.ant-statistic-content-prefix {
  margin-right: 4px;
}
.ant-statistic-content-suffix {
  margin-left: 4px;
  font-size: 16px;
}
.ant-steps {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: 0;
}
.ant-steps-item {
  position: relative;
  display: inline-block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  vertical-align: top;
}
.ant-steps-item-container {
  outline: none;
}
.ant-steps-item:last-child {
  -webkit-box-flex: 0;
      -ms-flex: none;
          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;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  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;
  -webkit-transition: background 0.3s;
  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;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
  font-size: 14px;
}
.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 .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-description,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {
  color: #1890ff;
}
.ant-steps .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 .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-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  margin-right: 12px;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
  margin-right: 0;
}
.ant-steps-small .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-title {
  padding-right: 12px;
  font-size: 14px;
  line-height: 24px;
}
.ant-steps-small .ant-steps-item-title::after {
  top: 12px;
}
.ant-steps-small .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-steps-small .ant-steps-item-tail {
  top: 8px;
}
.ant-steps-small .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-custom .ant-steps-item-icon > .ant-steps-icon {
  font-size: 24px;
  line-height: 24px;
  -webkit-transform: none;
      -ms-transform: none;
          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: 58px;
  padding: 3.5px 24px;
}
.ant-steps-label-vertical .ant-steps-item-content {
  display: block;
  width: 116px;
  margin-top: 8px;
  text-align: center;
}
.ant-steps-label-vertical .ant-steps-item-icon {
  display: inline-block;
  margin-left: 42px;
}
.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-item-subtitle {
  display: block;
  margin-bottom: 4px;
  margin-left: 0;
  line-height: 1.5;
}
.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon {
  margin-left: 46px;
}
.ant-steps-dot .ant-steps-item-title,
.ant-steps-dot.ant-steps-small .ant-steps-item-title {
  line-height: 1.5;
}
.ant-steps-dot .ant-steps-item-tail,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
  top: 2px;
  width: 100%;
  margin: 0 0 0 70px;
  padding: 0;
}
.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-dot.ant-steps-small .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,
.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 2px;
}
.ant-steps-dot .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .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,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  /* expand hover area */
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-dot.ant-steps-small .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,
.ant-steps-dot.ant-steps-small .ant-steps-item-content {
  width: 140px;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .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,
.ant-steps-dot.ant-steps-small .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 > .ant-steps-item-container > .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 {
  overflow: visible;
  text-align: center;
}
.ant-steps-navigation .ant-steps-item-container {
  display: inline-block;
  height: 100%;
  margin-left: -16px;
  padding-bottom: 12px;
  text-align: left;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
  max-width: auto;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
  max-width: 100%;
  padding-right: 0;
  overflow: hidden;
  white-space: nowrap;
  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 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.ant-steps-navigation .ant-steps-item:last-child::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item::after {
  position: absolute;
  top: 50%;
  left: 100%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -14px;
  margin-left: -2px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: none;
  border-left: none;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  content: '';
}
.ant-steps-navigation .ant-steps-item::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 3px;
  background-color: #1890ff;
  -webkit-transition: width 0.3s, left 0.3s;
  transition: width 0.3s, left 0.3s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  content: '';
}
.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
  left: 0;
  width: 100%;
}
@media (max-width: 480px) {
  .ant-steps-navigation > .ant-steps-item {
    margin-right: 0 !important;
  }
  .ant-steps-navigation > .ant-steps-item::before {
    display: none;
  }
  .ant-steps-navigation > .ant-steps-item.ant-steps-item-active::before {
    top: 0;
    right: 0;
    left: unset;
    display: block;
    width: 3px;
    height: calc(100% - 24px);
  }
  .ant-steps-navigation > .ant-steps-item::after {
    position: relative;
    top: -2px;
    left: 50%;
    display: block;
    width: 8px;
    height: 8px;
    margin-bottom: 8px;
    text-align: center;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .ant-steps-navigation > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    visibility: hidden;
  }
}
.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;
}
.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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          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;
  -webkit-transition: all 0.36s;
  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;
  -webkit-transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.ant-switch::after {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
          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;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-switch:focus:hover {
  -webkit-box-shadow: none;
          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;
  -webkit-transform: scale(0.66667);
      -ms-transform: scale(0.66667);
          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;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          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% {
    -webkit-transform: rotate(0deg) scale(0.66667);
            transform: rotate(0deg) scale(0.66667);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0.66667);
            transform: rotate(360deg) scale(0.66667);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}
@keyframes AntSwitchSmallLoadingCircle {
  0% {
    -webkit-transform: rotate(0deg) scale(0.66667);
            transform: rotate(0deg) scale(0.66667);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0.66667);
            transform: rotate(360deg) scale(0.66667);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}
.ant-table-wrapper {
  zoom: 1;
}
.ant-table-wrapper::before,
.ant-table-wrapper::after {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  clear: both;
}
.ant-table-wrapper::before,
.ant-table-wrapper::after {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  clear: both;
}
.ant-table {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  clear: both;
}
.ant-table-body {
  -webkit-transition: opacity 0.3s;
  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-layout-fixed table {
  table-layout: fixed;
}
.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;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  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;
  -webkit-transition: all 0.3s;
  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 {
  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;
  -webkit-transition: all 0.3s;
  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;
  -webkit-transform: scale(0.91666667) rotate(0deg);
      -ms-transform: scale(0.91666667) rotate(0deg);
          transform: scale(0.91666667) rotate(0deg);
  display: block;
  height: 1em;
  line-height: 1em;
  -webkit-transition: all 0.3s;
  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;
  max-width: 100%;
  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;
  -webkit-transition: all 0.3s;
  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;
  -webkit-transition: all 0.3s, border 0s;
  transition: all 0.3s, border 0s;
}
.ant-table-thead > tr,
.ant-table-tbody > tr {
  -webkit-transition: all 0.3s, height 0s;
  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;
  overflow-wrap: break-word;
}
.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;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-filter-dropdown .ant-dropdown-menu {
  max-height: calc(100vh - 130px);
  overflow-x: hidden;
  border: 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-table-filter-dropdown .ant-dropdown-menu-item > label + span {
  padding-right: 0;
}
.ant-table-filter-dropdown .ant-dropdown-menu-sub {
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          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-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;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-table-selection-menu {
  min-width: 96px;
  margin-top: 5px;
  margin-left: -30px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          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;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  display: inline-block;
  width: 17px;
  height: 17px;
  color: inherit;
  line-height: 13px;
  text-align: center;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  outline: none;
  -webkit-transition: all 0.3s;
  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: '.';
}
.ant-table-row-cell-ellipsis,
.ant-table-row-cell-ellipsis .ant-table-column-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-table-row-cell-ellipsis .ant-table-column-title {
  display: block;
}
.ant-table-row-cell-break-word {
  word-wrap: break-word;
  word-break: break-word;
}
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 {
  min-width: 100%;
}
.ant-table-scroll table .ant-table-fixed-columns-in-body:not([colspan]) {
  color: transparent;
}
.ant-table-scroll table .ant-table-fixed-columns-in-body:not([colspan]) > * {
  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;
  min-width: unset;
}
.ant-table-hide-scrollbar::-webkit-scrollbar {
  min-width: inherit;
  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: 1;
  overflow: hidden;
  border-radius: 0;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-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;
  -webkit-box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);
          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;
  -webkit-box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);
          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 {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ant-table.ant-table-scroll-position-right .ant-table-fixed-right {
  -webkit-box-shadow: none;
          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;
}
.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-left: 8px;
}
/**
* 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-content > .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-content > .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-footer {
  background-color: transparent;
  border-top: 1px solid #e8e8e8;
}
.ant-table-small > .ant-table-content > .ant-table-footer::before {
  background-color: transparent;
}
.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: transparent;
  border-radius: 4px 4px 0 0;
}
.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;
}
.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.ant-table-row-cell-last,
.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;
}
.ant-table-small.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  border-radius: 0 0 4px 4px;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container {
  height: 40px;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-ink-bar {
  visibility: hidden;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  height: 40px;
  margin: 0;
  margin-right: 2px;
  padding: 0 16px;
  line-height: 38px;
  background: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  height: 40px;
  color: #1890ff;
  background: #fff;
  border-color: #e8e8e8;
  border-bottom: 1px solid #fff;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active::before {
  border-top: 2px solid transparent;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-disabled {
  color: #1890ff;
  color: rgba(0, 0, 0, 0.25);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-inactive {
  padding: 0;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-wrap {
  margin-bottom: 0;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x {
  width: 16px;
  height: 16px;
  height: 14px;
  margin-right: -5px;
  margin-left: 3px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  vertical-align: middle;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane,
.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane {
  -webkit-transition: none !important;
  transition: none !important;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive,
.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive {
  overflow: hidden;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:hover .anticon-close {
  opacity: 1;
}
.ant-tabs-extra-content {
  line-height: 45px;
}
.ant-tabs-extra-content .ant-tabs-new-tab {
  position: relative;
  width: 20px;
  height: 20px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-tabs-extra-content .ant-tabs-new-tab:hover {
  color: #1890ff;
  border-color: #1890ff;
}
.ant-tabs-extra-content .ant-tabs-new-tab svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-tabs.ant-tabs-large .ant-tabs-extra-content {
  line-height: 56px;
}
.ant-tabs.ant-tabs-small .ant-tabs-extra-content {
  line-height: 37px;
}
.ant-tabs.ant-tabs-card .ant-tabs-extra-content {
  line-height: 40px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-container {
  height: 100%;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  margin-bottom: 8px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {
  padding-bottom: 4px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab:last-child,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab:last-child {
  margin-bottom: 8px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-new-tab,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-new-tab {
  width: 90%;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-wrap {
  margin-right: 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab {
  margin-right: 1px;
  border-right: 0;
  border-radius: 4px 0 0 4px;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active {
  margin-right: -1px;
  padding-right: 18px;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-left: 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  margin-left: 1px;
  border-left: 0;
  border-radius: 0 4px 4px 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {
  margin-left: -1px;
  padding-left: 18px;
}
.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab {
  height: auto;
  border-top: 0;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab-active {
  padding-top: 1px;
  padding-bottom: 0;
  color: #1890ff;
}
.ant-tabs {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  overflow: hidden;
  zoom: 1;
}
.ant-tabs::before,
.ant-tabs::after {
  display: table;
  content: '';
}
.ant-tabs::after {
  clear: both;
}
.ant-tabs::before,
.ant-tabs::after {
  display: table;
  content: '';
}
.ant-tabs::after {
  clear: both;
}
.ant-tabs-ink-bar {
  position: absolute;
  bottom: 1px;
  left: 0;
  z-index: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 0;
  height: 2px;
  background-color: #1890ff;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}
.ant-tabs-bar {
  margin: 0 0 16px 0;
  border-bottom: 1px solid #e8e8e8;
  outline: none;
  -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav-container {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: -1px;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5;
  white-space: nowrap;
  -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  zoom: 1;
}
.ant-tabs-nav-container::before,
.ant-tabs-nav-container::after {
  display: table;
  content: '';
}
.ant-tabs-nav-container::after {
  clear: both;
}
.ant-tabs-nav-container::before,
.ant-tabs-nav-container::after {
  display: table;
  content: '';
}
.ant-tabs-nav-container::after {
  clear: both;
}
.ant-tabs-nav-container-scrolling {
  padding-right: 32px;
  padding-left: 32px;
}
.ant-tabs-bottom .ant-tabs-bottom-bar {
  margin-top: 16px;
  margin-bottom: 0;
  border-top: 1px solid #e8e8e8;
  border-bottom: none;
}
.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-ink-bar {
  top: 1px;
  bottom: auto;
}
.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-nav-container {
  margin-top: -1px;
  margin-bottom: 0;
}
.ant-tabs-tab-prev,
.ant-tabs-tab-next {
  position: absolute;
  z-index: 2;
  width: 0;
  height: 100%;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 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;
  pointer-events: none;
}
.ant-tabs-tab-prev.ant-tabs-tab-arrow-show,
.ant-tabs-tab-next.ant-tabs-tab-arrow-show {
  width: 32px;
  height: 100%;
  opacity: 1;
  pointer-events: auto;
}
.ant-tabs-tab-prev:hover,
.ant-tabs-tab-next:hover {
  color: rgba(0, 0, 0, 0.65);
}
.ant-tabs-tab-prev-icon,
.ant-tabs-tab-next-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  line-height: inherit;
  text-align: center;
  text-transform: none;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ant-tabs-tab-prev-icon-target,
.ant-tabs-tab-next-icon-target {
  display: block;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
}
:root .ant-tabs-tab-prev-icon-target,
:root .ant-tabs-tab-next-icon-target {
  font-size: 12px;
}
.ant-tabs-tab-btn-disabled {
  cursor: not-allowed;
}
.ant-tabs-tab-btn-disabled,
.ant-tabs-tab-btn-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
}
.ant-tabs-tab-next {
  right: 2px;
}
.ant-tabs-tab-prev {
  left: 0;
}
:root .ant-tabs-tab-prev {
  -webkit-filter: none;
          filter: none;
}
.ant-tabs-nav-wrap {
  margin-bottom: -1px;
  overflow: hidden;
}
.ant-tabs-nav-scroll {
  overflow: hidden;
  white-space: nowrap;
}
.ant-tabs-nav {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding-left: 0;
  list-style: none;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav::before,
.ant-tabs-nav::after {
  display: table;
  content: ' ';
}
.ant-tabs-nav::after {
  clear: both;
}
.ant-tabs-nav .ant-tabs-tab {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  margin: 0 32px 0 0;
  padding: 12px 16px;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav .ant-tabs-tab::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  border-top: 2px solid transparent;
  border-radius: 4px 4px 0 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.ant-tabs-nav .ant-tabs-tab:last-child {
  margin-right: 0;
}
.ant-tabs-nav .ant-tabs-tab:hover {
  color: #40a9ff;
}
.ant-tabs-nav .ant-tabs-tab:active {
  color: #096dd9;
}
.ant-tabs-nav .ant-tabs-tab .anticon {
  margin-right: 8px;
}
.ant-tabs-nav .ant-tabs-tab-active {
  color: #1890ff;
  font-weight: 500;
}
.ant-tabs-nav .ant-tabs-tab-disabled,
.ant-tabs-nav .ant-tabs-tab-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tabs .ant-tabs-large-bar .ant-tabs-nav-container {
  font-size: 16px;
}
.ant-tabs .ant-tabs-large-bar .ant-tabs-tab {
  padding: 16px;
}
.ant-tabs .ant-tabs-small-bar .ant-tabs-nav-container {
  font-size: 14px;
}
.ant-tabs .ant-tabs-small-bar .ant-tabs-tab {
  padding: 8px 16px;
}
.ant-tabs-content::before {
  display: block;
  overflow: hidden;
  content: '';
}
.ant-tabs .ant-tabs-top-content,
.ant-tabs .ant-tabs-bottom-content {
  width: 100%;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  -webkit-backface-visibility: hidden;
  opacity: 1;
  -webkit-transition: opacity 0.45s;
  transition: opacity 0.45s;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive input,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
.ant-tabs .ant-tabs-top-content.ant-tabs-content-animated,
.ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: margin-left;
}
.ant-tabs .ant-tabs-left-bar,
.ant-tabs .ant-tabs-right-bar {
  height: 100%;
  border-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-arrow-show,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-arrow-show {
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab {
  display: block;
  float: none;
  margin: 0 0 16px 0;
  padding: 8px 24px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab:last-child,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab:last-child {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-extra-content,
.ant-tabs .ant-tabs-right-bar .ant-tabs-extra-content {
  text-align: center;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-scroll,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-scroll {
  width: auto;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  height: 100%;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling {
  padding: 32px 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav {
  width: 100%;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar,
.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
  top: 0;
  bottom: auto;
  left: auto;
  width: 2px;
  height: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-next,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-next {
  right: 0;
  bottom: 0;
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-prev,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-prev {
  top: 0;
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-content,
.ant-tabs .ant-tabs-right-content {
  width: auto;
  margin-top: 0 !important;
  overflow: hidden;
}
.ant-tabs .ant-tabs-left-bar {
  float: left;
  margin-right: -1px;
  margin-bottom: 0;
  border-right: 1px solid #e8e8e8;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab {
  text-align: right;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container {
  margin-right: -1px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap {
  margin-right: -1px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar {
  right: 1px;
}
.ant-tabs .ant-tabs-left-content {
  padding-left: 24px;
  border-left: 1px solid #e8e8e8;
}
.ant-tabs .ant-tabs-right-bar {
  float: right;
  margin-bottom: 0;
  margin-left: -1px;
  border-left: 1px solid #e8e8e8;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
  margin-left: -1px;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-left: -1px;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
  left: 1px;
}
.ant-tabs .ant-tabs-right-content {
  padding-right: 24px;
  border-right: 1px solid #e8e8e8;
}
.ant-tabs-top .ant-tabs-ink-bar-animated,
.ant-tabs-bottom .ant-tabs-ink-bar-animated {
  -webkit-transition: width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-left .ant-tabs-ink-bar-animated,
.ant-tabs-right .ant-tabs-ink-bar-animated {
  -webkit-transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.no-flex > .ant-tabs-content > .ant-tabs-content-animated,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-content-animated {
  margin-left: 0 !important;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
}
.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive input,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
.ant-tabs-left-content > .ant-tabs-content-animated,
.ant-tabs-right-content > .ant-tabs-content-animated {
  margin-left: 0 !important;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
}
.ant-tabs-left-content > .ant-tabs-tabpane-inactive,
.ant-tabs-right-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.ant-tabs-left-content > .ant-tabs-tabpane-inactive input,
.ant-tabs-right-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
.ant-tag {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          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;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  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;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
  margin-left: 3px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  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;
}
.ant-time-picker-panel {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          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-time-picker-panel-inner {
  position: relative;
  left: -2px;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-time-picker-panel-input {
  width: 100%;
  max-width: 154px;
  margin: 0;
  padding: 0;
  line-height: normal;
  border: 0;
  outline: 0;
  cursor: auto;
}
.ant-time-picker-panel-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-time-picker-panel-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-panel-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-panel-input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-time-picker-panel-input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-time-picker-panel-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-time-picker-panel-input-wrap {
  position: relative;
  padding: 7px 2px 7px 12px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-time-picker-panel-input-invalid {
  border-color: #f5222d;
}
.ant-time-picker-panel-narrow .ant-time-picker-panel-input-wrap {
  max-width: 112px;
}
.ant-time-picker-panel-select {
  position: relative;
  float: left;
  width: 56px;
  max-height: 192px;
  overflow: hidden;
  font-size: 14px;
  border-left: 1px solid #e8e8e8;
}
.ant-time-picker-panel-select:hover {
  overflow-y: auto;
}
.ant-time-picker-panel-select:first-child {
  margin-left: 0;
  border-left: 0;
}
.ant-time-picker-panel-select:last-child {
  border-right: 0;
}
.ant-time-picker-panel-select:only-child {
  width: 100%;
}
.ant-time-picker-panel-select ul {
  width: 56px;
  margin: 0;
  padding: 0 0 160px;
  list-style: none;
}
.ant-time-picker-panel-select li {
  width: 100%;
  height: 32px;
  margin: 0;
  padding: 0 0 0 12px;
  line-height: 32px;
  text-align: left;
  list-style: none;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ant-time-picker-panel-select li:focus {
  color: #1890ff;
  font-weight: 600;
  outline: none;
}
.ant-time-picker-panel-select li:hover {
  background: #e6f7ff;
}
li.ant-time-picker-panel-select-option-selected {
  font-weight: 600;
  background: #f5f5f5;
}
li.ant-time-picker-panel-select-option-selected:hover {
  background: #f5f5f5;
}
li.ant-time-picker-panel-select-option-disabled {
  color: rgba(0, 0, 0, 0.25);
}
li.ant-time-picker-panel-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
li.ant-time-picker-panel-select-option-disabled:focus {
  color: rgba(0, 0, 0, 0.25);
  font-weight: inherit;
}
.ant-time-picker-panel-combobox {
  zoom: 1;
}
.ant-time-picker-panel-combobox::before,
.ant-time-picker-panel-combobox::after {
  display: table;
  content: '';
}
.ant-time-picker-panel-combobox::after {
  clear: both;
}
.ant-time-picker-panel-combobox::before,
.ant-time-picker-panel-combobox::after {
  display: table;
  content: '';
}
.ant-time-picker-panel-combobox::after {
  clear: both;
}
.ant-time-picker-panel-addon {
  padding: 8px;
  border-top: 1px solid #e8e8e8;
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topRight {
  -webkit-animation-name: antSlideDownIn;
          animation-name: antSlideDownIn;
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomRight {
  -webkit-animation-name: antSlideUpIn;
          animation-name: antSlideUpIn;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topRight {
  -webkit-animation-name: antSlideDownOut;
          animation-name: antSlideDownOut;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomRight {
  -webkit-animation-name: antSlideUpOut;
          animation-name: antSlideUpOut;
}
.ant-time-picker {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 128px;
  outline: none;
  cursor: text;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ant-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: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-time-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-time-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-input:-moz-placeholder-shown {
  text-overflow: ellipsis;
}
.ant-time-picker-input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.ant-time-picker-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-time-picker-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}
.ant-time-picker-input:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
          box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.ant-time-picker-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-time-picker-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s;
}
.ant-time-picker-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-time-picker-input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-time-picker-open {
  opacity: 0;
}
.ant-time-picker-icon,
.ant-time-picker-clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 14px;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  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-time-picker-icon .ant-time-picker-clock-icon,
.ant-time-picker-clear .ant-time-picker-clock-icon {
  display: block;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
}
.ant-time-picker-clear {
  z-index: 2;
  background: #fff;
  opacity: 0;
  pointer-events: none;
}
.ant-time-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-time-picker:hover .ant-time-picker-clear {
  opacity: 1;
  pointer-events: auto;
}
.ant-time-picker-large .ant-time-picker-input {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-time-picker-small .ant-time-picker-input {
  height: 24px;
  padding: 1px 7px;
}
.ant-time-picker-small .ant-time-picker-icon,
.ant-time-picker-small .ant-time-picker-clear {
  right: 7px;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .ant-input {
      line-height: 1.5;
    }
  }
}
.ant-timeline {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-timeline-item {
  position: relative;
  margin: 0;
  padding: 0 0 20px;
  font-size: 14px;
  list-style: none;
}
.ant-timeline-item-tail {
  position: absolute;
  top: 10px;
  left: 4px;
  height: calc(100% - 10px);
  border-left: 2px solid #e8e8e8;
}
.ant-timeline-item-pending .ant-timeline-item-head {
  font-size: 12px;
  background-color: transparent;
}
.ant-timeline-item-pending .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-head {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 2px solid transparent;
  border-radius: 100px;
}
.ant-timeline-item-head-blue {
  color: #1890ff;
  border-color: #1890ff;
}
.ant-timeline-item-head-red {
  color: #f5222d;
  border-color: #f5222d;
}
.ant-timeline-item-head-green {
  color: #52c41a;
  border-color: #52c41a;
}
.ant-timeline-item-head-gray {
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-timeline-item-head-custom {
  position: absolute;
  top: 5.5px;
  left: 5px;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 3px 1px;
  line-height: 1;
  text-align: center;
  border: 0;
  border-radius: 0;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.ant-timeline-item-content {
  position: relative;
  top: -6px;
  margin: 0 0 0 18px;
  word-break: break-word;
}
.ant-timeline-item-last > .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-last > .ant-timeline-item-content {
  min-height: 48px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom {
  left: 50%;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head {
  margin-left: -4px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom {
  margin-left: 1px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content {
  left: calc(50% - 4px);
  width: calc(50% - 14px);
  text-align: left;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  width: calc(50% - 12px);
  margin: 0;
  text-align: right;
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
  left: calc(100% - 4px - 2px);
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  width: calc(100% - 18px);
}
.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
  display: block;
  height: calc(100% - 14px);
  border-left: 2px dotted #e8e8e8;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail {
  display: none;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
  top: 15px;
  display: block;
  height: calc(100% - 15px);
  border-left: 2px dotted #e8e8e8;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content {
  min-height: 48px;
}
.ant-tooltip {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          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;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          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 {
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(-6.53553391px) rotate(45deg);
      -ms-transform: translateY(-6.53553391px) rotate(45deg);
          transform: translateY(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-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 {
  -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateX(6.53553391px) rotate(45deg);
      -ms-transform: translateX(6.53553391px) rotate(45deg);
          transform: translateX(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-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 {
  -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateX(-6.53553391px) rotate(45deg);
      -ms-transform: translateX(-6.53553391px) rotate(45deg);
          transform: translateX(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-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 {
  -webkit-box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
          box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(6.53553391px) rotate(45deg);
      -ms-transform: translateY(6.53553391px) rotate(45deg);
          transform: translateY(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-transfer-customize-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ant-transfer-customize-list .ant-transfer-operation {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -ms-flex-item-align: center;
      align-self: center;
}
.ant-transfer-customize-list .ant-transfer-list {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  width: auto;
  height: auto;
  min-height: 200px;
}
.ant-transfer-customize-list .ant-transfer-list-body-with-search {
  padding-top: 0;
}
.ant-transfer-customize-list .ant-transfer-list-body-search-wrapper {
  position: relative;
  padding-bottom: 0;
}
.ant-transfer-customize-list .ant-transfer-list-body-customize-wrapper {
  padding: 12px;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small {
  border: 0;
  border-radius: 0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th {
  background: #fafafa;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content .ant-table-row:last-child td {
  border-bottom: 1px solid #e8e8e8;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body {
  margin: 0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination {
  margin: 16px 0 4px;
}
.ant-transfer {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  position: relative;
}
.ant-transfer-disabled .ant-transfer-list {
  background: #f5f5f5;
}
.ant-transfer-list {
  position: relative;
  display: inline-block;
  width: 180px;
  height: 200px;
  padding-top: 40px;
  vertical-align: middle;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.ant-transfer-list-with-footer {
  padding-bottom: 34px;
}
.ant-transfer-list-search {
  padding: 0 24px 0 8px;
}
.ant-transfer-list-search-action {
  position: absolute;
  top: 12px;
  right: 12px;
  bottom: 12px;
  width: 28px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 32px;
  text-align: center;
}
.ant-transfer-list-search-action .anticon {
  color: rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-transfer-list-search-action .anticon:hover {
  color: rgba(0, 0, 0, 0.45);
}
span.ant-transfer-list-search-action {
  pointer-events: none;
}
.ant-transfer-list-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 8px 12px 9px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
}
.ant-transfer-list-header-title {
  position: absolute;
  right: 12px;
}
.ant-transfer-list-header .ant-checkbox-wrapper + span {
  padding-left: 8px;
}
.ant-transfer-list-body {
  position: relative;
  height: 100%;
  font-size: 14px;
}
.ant-transfer-list-body-search-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 12px;
}
.ant-transfer-list-body-with-search {
  padding-top: 56px;
}
.ant-transfer-list-content {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  list-style: none;
}
.ant-transfer-list-content > .LazyLoad {
  -webkit-animation: transferHighlightIn 1s;
          animation: transferHighlightIn 1s;
}
.ant-transfer-list-content-item {
  min-height: 32px;
  padding: 6px 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-transfer-list-content-item > span {
  padding-right: 0;
}
.ant-transfer-list-content-item-text {
  padding-left: 8px;
}
.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
  background-color: #e6f7ff;
  cursor: pointer;
}
.ant-transfer-list-content-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-transfer-list-body-not-found {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 0;
  color: rgba(0, 0, 0, 0.25);
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ant-transfer-list-body-with-search .ant-transfer-list-body-not-found {
  margin-top: 16px;
}
.ant-transfer-list-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.ant-transfer-operation {
  display: inline-block;
  margin: 0 8px;
  overflow: hidden;
  vertical-align: middle;
}
.ant-transfer-operation .ant-btn {
  display: block;
}
.ant-transfer-operation .ant-btn:first-child {
  margin-bottom: 4px;
}
.ant-transfer-operation .ant-btn .anticon {
  font-size: 12px;
}
@-webkit-keyframes transferHighlightIn {
  0% {
    background: #bae7ff;
  }
  100% {
    background: transparent;
  }
}
@keyframes transferHighlightIn {
  0% {
    background: #bae7ff;
  }
  100% {
    background: transparent;
  }
}
.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;
  -webkit-transition: all 0.3s;
  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 {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          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;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
      -ms-transform: rotate(45deg) scale(0) translate(-50%, -50%);
          transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  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;
  -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
      -ms-transform: rotate(45deg) scale(1) translate(-50%, -50%);
          transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  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 {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.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 {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          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;
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          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 */
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          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;
  -webkit-transform: none;
      -ms-transform: none;
          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;
  -webkit-transition: all 0.3s;
  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-iconEle:empty {
  display: none;
}
.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;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) 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 {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-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;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) 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 {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          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 {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-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 {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-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 {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-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);
}
.ant-select-tree-checkbox {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          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;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-select-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
      -ms-transform: rotate(45deg) scale(0) translate(-50%, -50%);
          transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  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;
  -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
      -ms-transform: rotate(45deg) scale(1) translate(-50%, -50%);
          transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  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 {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.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 {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          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;
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          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 {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          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;
  -webkit-transition: all 0.3s;
  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;
  -webkit-transform: none;
      -ms-transform: none;
          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;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) 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 {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-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;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) 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 {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon svg {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          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;
  -webkit-transform: none;
      -ms-transform: none;
          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 {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}
.ant-select-tree-dropdown .ant-select-dropdown-search {
  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 {
  -webkit-box-sizing: border-box;
          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;
}
.ant-typography {
  color: rgba(0, 0, 0, 0.65);
}
.ant-typography.ant-typography-secondary {
  color: rgba(0, 0, 0, 0.45);
}
.ant-typography.ant-typography-warning {
  color: #faad14;
}
.ant-typography.ant-typography-danger {
  color: #f5222d;
}
.ant-typography.ant-typography-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
div.ant-typography,
.ant-typography p {
  margin-bottom: 1em;
}
h1.ant-typography,
.ant-typography h1 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 38px;
  line-height: 1.23;
}
h2.ant-typography,
.ant-typography h2 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 30px;
  line-height: 1.35;
}
h3.ant-typography,
.ant-typography h3 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 24px;
  line-height: 1.35;
}
h4.ant-typography,
.ant-typography h4 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
}
.ant-typography + h1.ant-typography,
.ant-typography + h2.ant-typography,
.ant-typography + h3.ant-typography,
.ant-typography + h4.ant-typography {
  margin-top: 1.2em;
}
.ant-typography div + h1,
.ant-typography ul + h1,
.ant-typography li + h1,
.ant-typography p + h1,
.ant-typography h1 + h1,
.ant-typography h2 + h1,
.ant-typography h3 + h1,
.ant-typography h4 + h1,
.ant-typography div + h2,
.ant-typography ul + h2,
.ant-typography li + h2,
.ant-typography p + h2,
.ant-typography h1 + h2,
.ant-typography h2 + h2,
.ant-typography h3 + h2,
.ant-typography h4 + h2,
.ant-typography div + h3,
.ant-typography ul + h3,
.ant-typography li + h3,
.ant-typography p + h3,
.ant-typography h1 + h3,
.ant-typography h2 + h3,
.ant-typography h3 + h3,
.ant-typography h4 + h3,
.ant-typography div + h4,
.ant-typography ul + h4,
.ant-typography li + h4,
.ant-typography p + h4,
.ant-typography h1 + h4,
.ant-typography h2 + h4,
.ant-typography h3 + h4,
.ant-typography h4 + h4 {
  margin-top: 1.2em;
}
span.ant-typography-ellipsis {
  display: inline-block;
}
.ant-typography a {
  color: #1890ff;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.ant-typography a:focus,
.ant-typography a:hover {
  color: #40a9ff;
}
.ant-typography a:active {
  color: #096dd9;
}
.ant-typography a:active,
.ant-typography a:hover {
  text-decoration: none;
}
.ant-typography a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  pointer-events: none;
}
.ant-typography code {
  margin: 0 0.2em;
  padding: 0.2em 0.4em 0.1em;
  font-size: 85%;
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 3px;
}
.ant-typography mark {
  padding: 0;
  background-color: #ffe58f;
}
.ant-typography u,
.ant-typography ins {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}
.ant-typography s,
.ant-typography del {
  text-decoration: line-through;
}
.ant-typography strong {
  font-weight: 600;
}
.ant-typography-expand,
.ant-typography-edit,
.ant-typography-copy {
  color: #1890ff;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  margin-left: 8px;
}
.ant-typography-expand:focus,
.ant-typography-edit:focus,
.ant-typography-copy:focus,
.ant-typography-expand:hover,
.ant-typography-edit:hover,
.ant-typography-copy:hover {
  color: #40a9ff;
}
.ant-typography-expand:active,
.ant-typography-edit:active,
.ant-typography-copy:active {
  color: #096dd9;
}
.ant-typography-copy-success,
.ant-typography-copy-success:hover,
.ant-typography-copy-success:focus {
  color: #52c41a;
}
.ant-typography-edit-content {
  position: relative;
}
div.ant-typography-edit-content {
  left: -12px;
  margin-top: -5px;
  margin-bottom: calc(1em - 4px - 2px);
}
.ant-typography-edit-content-confirm {
  position: absolute;
  right: 10px;
  bottom: 8px;
  color: rgba(0, 0, 0, 0.45);
  pointer-events: none;
}
.ant-typography-edit-content textarea {
  -moz-transition: none;
}
.ant-typography ul,
.ant-typography ol {
  margin: 0 0 1em 0;
  padding: 0;
}
.ant-typography ul li,
.ant-typography ol li {
  margin: 0 0 0 20px;
  padding: 0 0 0 4px;
}
.ant-typography ul li {
  list-style-type: circle;
}
.ant-typography ul li li {
  list-style-type: disc;
}
.ant-typography ol li {
  list-style-type: decimal;
}
.ant-typography-ellipsis-single-line {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-typography-ellipsis-multiple-line {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ant-upload {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          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;
  -webkit-transition: border-color 0.3s ease;
  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;
  -webkit-transition: border-color 0.3s;
  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;
  -webkit-transition: all 0.3s;
  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;
  width: 100%;
}
.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-picture-card-wrapper::before,
.ant-upload-picture-card-wrapper::after {
  display: table;
  content: '';
}
.ant-upload-picture-card-wrapper::after {
  clear: both;
}
.ant-upload-list {
  -webkit-box-sizing: border-box;
          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;
  -webkit-font-feature-settings: 'tnum';
          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::before,
.ant-upload-list::after {
  display: table;
  content: '';
}
.ant-upload-list::after {
  clear: both;
}
.ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
  padding-right: 14px;
}
.ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
  padding-right: 28px;
}
.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-name-icon-count-1 {
  padding-right: 14px;
}
.ant-upload-list-item-card-actions {
  position: absolute;
  right: 0;
  opacity: 0;
}
.ant-upload-list-item-card-actions.picture {
  top: 25px;
  line-height: 1;
  opacity: 1;
}
.ant-upload-list-item-card-actions .anticon {
  padding-right: 6px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-list-item-info {
  height: 100%;
  padding: 0 12px 0 4px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.ant-upload-list-item-info > span {
  display: block;
  width: 100%;
  height: 100%;
}
.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;
  -webkit-transform: scale(0.83333333) rotate(0deg);
      -ms-transform: scale(0.83333333) rotate(0deg);
          transform: scale(0.83333333) rotate(0deg);
  position: absolute;
  top: 6px;
  right: 4px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 0;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: all 0.3s;
  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:hover .ant-upload-list-item-card-actions {
  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 .ant-upload-list-item-card-actions {
  opacity: 1;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  color: #f5222d;
}
.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;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          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;
  -webkit-box-sizing: border-box;
          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;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
  padding-right: 18px;
}
.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
  padding-right: 36px;
}
.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-container {
  float: left;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0;
}
.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;
  -webkit-transition: all 0.3s;
  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;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.3s;
  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-download,
.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;
  -webkit-transition: all 0.3s;
  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-download: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%;
  -o-object-fit: cover;
     object-fit: cover;
}
.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 {
  position: absolute;
  bottom: 10px;
  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;
  }
}

* {
  padding: 0;
  margin: 0;
}
html,
body {
  height: 100%;
  font-family: "Noto Sans SC", sans-serif, -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";
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: -webkit-gradient(linear, left top, right top, from(#fff), to(#e4e4e4));
  background: linear-gradient(left, #fff, #e4e4e4);
  border: 1px solid #cccccc;
  background: #cccccc;
}
::-webkit-scrollbar-track-piece {
  background: #fff;
}
::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}
::-webkit-scrollbar-thumb:active {
  background: -webkit-gradient(linear, left top, right top, from(#22add4), to(#1e98ba));
  background: linear-gradient(left, #22add4, #1e98ba);
}
.oneLineText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hoverline:hover::before {
  right: -1%;
}
.hoverline::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 100%;
  bottom: 0px;
  background: #111;
  height: 1px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
.hoverline-white:hover::before {
  right: -1%;
}
.hoverline-white::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 100%;
  bottom: 0px;
  background: #111;
  height: 1px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
.hoverline-white::before {
  background: #fff;
}
.hoverline2px:hover::before {
  right: 0%;
}
.hoverline2px::before {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #fff;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
.searchInputHeader .ant-popover-inner-content {
  padding-right: 0;
}
.searchInputHeader .ant-popover-inner {
  border-radius: 0;
}
.searchInputHeader.ant-popover-placement-bottomLeft {
  padding-top: 1px;
}
.searchInputHeader .ant-popover-arrow {
  display: none;
}
.ant-popover-inner {
  border-radius: 0;
}
.filterPopover {
  padding-top: 0;
}
.filterPopover .ant-popover-inner-content {
  padding: 0;
}
.operatePopover .ant-popover-inner-content {
  padding: 0;
}
p,
figure,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
li,
ul {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
ul,
ol {
  list-style: none;
}
em,
i {
  font-style: normal;
}
.ell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multEll {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.multEll::before {
  content: ".....";
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  width: 2em;
  padding-left: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: white;
}
.multEll::after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: white;
}
.layout {
  max-width: 1920px;
  min-width: 1200px;
  margin: 0 auto;
}
.clearFloat::after {
  display: block;
  content: "";
  width: 100%;
  height: 0;
  visibility: hidden;
  clear: both;
}
.imgvertical {
  width: 100%;
  height: 300px;
  display: block;
  overflow: hidden;
  text-align: center;
}
.imgvertical img {
  display: inline-block !important;
  max-width: 80%;
  max-height: 95%;
  vertical-align: middle;
  margin: 0 auto;
}
.imgvertical::after {
  display: inline-block;
  width: 0;
  height: 100%;
  content: "";
  line-height: 100%;
  vertical-align: middle;
  visibility: hidden;
}
.index-ant-modal-close-x {
  z-index: 9999;
}
.index-ant-modal-close-x .ant-modal-close-x {
  line-height: 0;
  width: 17px;
  height: 17px;
  line-height: 17px;
  border-radius: 16px;
  margin-right: 12px;
  margin-top: 12px;
}
.index-ant-modal-close-x .ant-modal-close-x .iconfont.icontongyongdanchuang-guanbi {
  font-size: 15px;
  color: #bbbbbb;
}
.index-ant-modal-close-x .ant-modal-close-x .iconfont.icontongyongdanchuang-guanbi:hover {
  color: #000;
}
.index-ant-modal-close-x .ant-modal-close-x .videoModa.iconfont.icontongyongdanchuang-guanbi {
  font-size: 15px;
  color: #bbbbbb;
}
.index-ant-modal-close-x .ant-modal-close-x .videoModa.iconfont.icontongyongdanchuang-guanbi:hover {
  color: #fff;
}
.index-ant-modal-close-x .ant-modal-close-x svg {
  padding: 3px;
}
.ant-modal.bookModal .ant-modal-body {
  padding: 30px 0 20px 20px;
}
.common-footer-wrapper {
  width: 100%;
}
.common-footer-wrapper.black {
  background-color: #000;
}
.common-footer-wrapper.black .common-footer > li:nth-child(2) dt a,
.common-footer-wrapper.black .common-footer > li:nth-child(2) dd a {
  color: #fff;
}
.common-footer-wrapper.black .common-footer > li:nth-child(3) dt,
.common-footer-wrapper.black .common-footer > li:nth-child(3) dd {
  color: #fff;
}
.common-footer-wrapper.black .common-footer > li:nth-child(3) dt a,
.common-footer-wrapper.black .common-footer > li:nth-child(3) dd a {
  color: #fff;
}
.common-footer-wrapper.white {
  background-color: #fff;
}
.common-footer-wrapper.white .common-footer > li:nth-child(2) dt a,
.common-footer-wrapper.white .common-footer > li:nth-child(2) dd a {
  color: #000;
}
.common-footer-wrapper.white .common-footer > li:nth-child(3) dt,
.common-footer-wrapper.white .common-footer > li:nth-child(3) dd {
  color: #000;
}
.common-footer-wrapper.white .common-footer > li:nth-child(3) dt a,
.common-footer-wrapper.white .common-footer > li:nth-child(3) dd a {
  color: #000;
}
.common-footer-wrapper .common-footer {
  background-color: transparent;
  padding: 80px 0 87px;
}
.common-footer-wrapper .common-footer > li {
  float: left;
}
.common-footer-wrapper .common-footer > li:nth-child(1) {
  width: 60%;
  padding-left: 3%;
  padding-top: 5px;
}
.common-footer-wrapper .common-footer > li:nth-child(1) span {
  display: block;
  width: 90%;
  margin-bottom: 40px;
}
.common-footer-wrapper .common-footer > li:nth-child(1) span img {
  display: block;
  max-width: 97%;
}
.common-footer-wrapper .common-footer > li:nth-child(1) figure a {
  float: left;
  margin-right: 15px;
}
.common-footer-wrapper .common-footer > li:nth-child(1) figure a img {
  display: block;
  max-width: 64px;
}
.common-footer-wrapper .common-footer > li:nth-child(1) figure figcaption {
  float: left;
  overflow: hidden;
}
.common-footer-wrapper .common-footer > li:nth-child(1) figure figcaption h6,
.common-footer-wrapper .common-footer > li:nth-child(1) figure figcaption em {
  display: block;
  font-size: 16px;
  margin: 0;
  font-weight: 500;
  color: #b4b4b4;
}
.common-footer-wrapper .common-footer > li:nth-child(2) {
  position: relative;
  top: -10px;
  width: 18%;
}
.common-footer-wrapper .common-footer > li:nth-child(2) dl {
  margin: 0;
}
.common-footer-wrapper .common-footer > li:nth-child(2) dt {
  font-size: 18px;
  padding-bottom: 5px;
  margin: 0;
}
.common-footer-wrapper .common-footer > li:nth-child(2) dt a {
  border-bottom: 1px solid #ffffff;
}
.common-footer-wrapper .common-footer > li:nth-child(2) dd {
  padding: 10px 0;
  font-size: 16px;
  margin: 0;
}
.common-footer-wrapper .common-footer > li:nth-child(3) {
  width: 22%;
}
.common-footer-wrapper .common-footer > li:nth-child(3) dl {
  margin: 0;
}
.common-footer-wrapper .common-footer > li:nth-child(3) dt {
  font-size: 18px;
  padding-bottom: 5px;
}
.common-footer-wrapper .common-footer > li:nth-child(3) dt a {
  border-bottom: 1px solid #ffffff;
}
.common-footer-wrapper .common-footer > li:nth-child(3) dd {
  font-size: 16px;
  padding: 10px 0;
  font-weight: 500;
  margin: 0;
}
.common-footer-wrapper .common-footer > li:nth-child(3) dd a {
  display: inline-block;
  width: 42px;
  height: 42px;
  overflow: hidden;
  margin-right: 10px;
}
.common-footer-wrapper .common-footer > li:nth-child(3) dd a i {
  position: relative;
  display: block;
  width: 42px;
  height: 42px;
}
.common-footer-wrapper .common-footer > li:nth-child(3) dd a:nth-child(1) i {
  top: -9px;
  font-size: 40px;
}
.common-footer-wrapper .common-footer > li:nth-child(3) dd a:nth-child(2) i {
  top: -1px;
  font-size: 37px;
}
.footer-eweima-box,
.footer-weibo-box {
  width: 130px;
  height: 130px;
  overflow: hidden;
}
.footer-eweima-box img,
.footer-weibo-box img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
@media screen and (max-width: 1550px) {
  .common-footer-wrapper .common-footer > li:nth-child(1) {
    width: 56%;
  }
  .common-footer-wrapper .common-footer > li:nth-child(2) {
    width: 17%;
  }
  .common-footer-wrapper .common-footer > li:nth-child(3) {
    width: 27%;
  }
}
.notfound-wrapper {
  width: 100%;
}
.notfound-wrapper .layout {
  padding-top: 1px;
}
.notfound-wrapper .layout img {
  display: block;
  max-width: 100%;
  margin: 200px auto 100px;
}
.notfound-wrapper .layout a.goBack {
  display: block;
  width: 140px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background-color: #000;
  color: #fff;
  font-size: 17px;
  margin: 0 auto;
}
.online-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.custom-spin-style .ant-spin-blur {
  opacity: 0.9;
}
.layout-center {
  width: 100%;
  max-width: 1820px;
  min-width: 1300px;
  margin: 0 auto;
  padding: 0px 0px 0px 0px;
}
.button-warp {
  padding: 1px 5px 5px 5px;
  overflow: hidden;
}
.button {
  position: relative;
  border: 1px solid #111;
}
.button:after {
  left: 100%;
  -webkit-transform: skewY(45deg);
      -ms-transform: skewY(45deg);
          transform: skewY(45deg);
  position: absolute;
  background-color: #555c70;
  content: "";
  top: 1.5px;
  bottom: -5px;
  width: 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.button:before {
  top: 100%;
  margin-top: 1px;
  -webkit-transform: skew(45deg);
  -ms-transform: skew(45deg);
      transform: skew(45deg);
}
.button:after,
.button:before {
  position: absolute;
  background-color: #555c70;
  content: "";
}
.button:before {
  left: 2px;
  right: -4px;
  height: 7px;
}
.button.dark:after {
  background-color: #111;
}
.button.dark:before {
  background-color: #111;
}
.no-modal-radus .ant-modal-content {
  border-radius: 0;
}
.perfectInformation {
  position: absolute;
  width: 800px;
  height: 88px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.4);
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.perfectInformation .ptext {
  color: #111;
  font-weight: bold;
}
.perfectInformation .pgo {
  display: inline-block;
  margin-right: 20px;
  padding: 2px 20px;
  color: #fff;
  background-color: #555c70;
  cursor: pointer;
}
.perfectInformation .pkonw {
  display: inline-block;
  padding: 2px 8px;
  color: #111;
  cursor: pointer;
}
.perfectInformation .pkonw:hover {
  background-color: rgba(85, 92, 112, 0.4);
  color: #fff;
}

.logOutModalContent_2Qy0V .text_31ta5 {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  line-height: 22px; }

.logOutModalContent_2Qy0V .btnContainer_3s-nx {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.logOutModalContent_2Qy0V .btnContainer_3s-nx .btn_3nHHp {
    cursor: pointer;
    margin-left: auto;
    width: 108px;
    height: 40px;
    background: #000000;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    line-height: 40px;
    text-align: center; }

.logOut-modal {
  top: 33vh;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 0;
}
html::after,
body::after {
  min-height: calc(100% + 1px);
}
html.has-scroll-bar-width::-webkit-scrollbar,
body.has-scroll-bar-width::-webkit-scrollbar {
  width: 6px;
}

.t-show-wrapper {
  width: 100%;
  height: 100%;
  float: left;
  overflow-x: auto;
  overflow-y: hidden;
}
.t-show-wrapper .t-show-search-container {
  padding-top: 1px;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 68px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.t-show-wrapper .t-show-search-container .t-show-search-icon {
  display: block;
  float: right;
  cursor: pointer;
  overflow: hidden;
  width: 60px;
  height: 68px;
}
.t-show-wrapper .t-show-search-container .t-show-search-icon i {
  position: relative;
  top: 16px;
  font-size: 30px;
  font-weight: bold;
}
.t-show-wrapper .t-show-search-container .t-show-search-items {
  margin: 0 5px;
  margin-left: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.t-show-wrapper .t-show-search-container .t-show-search-items.hidden {
  width: 0;
  height: 0;
  overflow: hidden;
}
.t-show-wrapper .t-show-search-container .t-show-search-title {
  float: right;
  margin: 0;
  font-size: 14px;
  height: 68px;
  line-height: 68px;
  margin: 0 10px 0 0;
}
.t-show-wrapper .t-show-search-container .t-show-search-btn {
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
  height: 68px;
  line-height: 68px;
  padding-left: 15px;
}
.t-show-wrapper .t-show-search-container .t-show-article {
  width: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 68px;
  margin-left: 18px;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
}
.t-show-wrapper .t-show-search-container .t-show-article .t-show-article-item2 {
  font-size: 18px;
  font-weight: 500;
  color: #000;
  position: relative;
  cursor: pointer;
}
.t-show-wrapper .t-show-search-container .t-show-article .t-show-article-item2:hover::after {
  width: 100%;
}
.t-show-wrapper .t-show-search-container .t-show-article .t-show-article-item2::after {
  content: "";
  display: block;
  position: absolute;
  width: 0%;
  height: 2px;
  left: 0;
  bottom: -5px;
  background-color: #000;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.t-show-wrapper .t-show-search-container .t-show-article .t-show-article-line {
  display: inline-block;
  width: 2px;
  height: 24px;
  background-color: #000;
  margin: 0 20px;
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
}
.w-selector-wrapper {
  display: inline-block;
  width: 160px;
  height: 100%;
}
.w-selector-wrapper .w-selector-selected {
  width: 160px;
  height: 38px;
  background-color: #f6f6f6;
  text-align: center;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.w-selector-wrapper .w-selector-selected.w-selector-selected-value {
  color: #f6f6f6;
  background-color: #000;
}
.w-selector-wrapper .w-selector-selected p {
  max-width: 70%;
  display: inline-block;
  font-size: 14px;
  height: 38px;
  line-height: 38px;
  margin: 0 3px 0 0;
  overflow: hidden;
}
.w-selector-wrapper .w-selector-selected span {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
}
.w-selector-wrapper .w-selector-selected i {
  position: relative;
  top: -3px;
  left: 1px;
  font-size: 12px;
  cursor: pointer;
}
.t-show-Accordion-main {
  width: 100%;
  height: 100%;
}
.t-show-Accordion-main .t-show-Accordion-left {
  float: left;
  min-width: 90%;
  height: 100%;
  overflow-x: hidden;
}
.t-show-Accordion-main .t-show-Accordion-belt {
  position: relative;
  min-width: 100%;
  overflow: hidden;
  -webkit-transition: left 0.3s;
  transition: left 0.3s;
}
.t-show-Accordion-main .t-show-Accordion-belt .btn {
  position: fixed;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  z-index: 100;
  color: #fff;
  text-align: center;
  line-height: 48px;
}
.t-show-Accordion-main .t-show-Accordion-belt .btn .iconfont {
  position: absolute;
  left: 16px;
  z-index: 100;
}
.t-show-Accordion-main .t-show-Accordion-belt .btn.active {
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #000;
}
.t-show-Accordion-main .t-show-Accordion-belt .btn.active:hover {
  -webkit-transform: scale(1.25);
      -ms-transform: scale(1.25);
          transform: scale(1.25);
}
.t-show-Accordion-main .t-show-Accordion-belt .btn.active:hover::after {
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
}
.t-show-Accordion-main .t-show-Accordion-belt .btn.active::after {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  left: 0;
  top: 0;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.t-show-Accordion-main .t-show-Accordion-belt .btn.disabled {
  background-color: rgba(0, 0, 0, 0.2);
}
.t-show-Accordion-main .t-show-Accordion-belt .t-show-Accordion-empty {
  display: block;
  width: 100%;
  height: 100%;
}
.t-show-Accordion-main .t-show-Accordion-belt .t-show-Accordion-empty img {
  display: block;
  margin: 4% auto 0;
  max-width: 100%;
}
.t-show-Accordion-main .t-show-Accordion-belt .accordion-item {
  position: relative;
  height: 100%;
  background-color: #fff;
  float: left;
  margin: 0;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  -webkit-transition: all 0.22s linear;
  transition: all 0.22s linear;
  z-index: 1;
}
.t-show-Accordion-main .t-show-Accordion-belt .accordion-item .accordion-item-img {
  width: 100%;
}
.t-show-Accordion-main .t-show-Accordion-belt .accordion-item .accordion-item-img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
.t-show-Accordion-main .t-show-Accordion-belt .accordion-item:hover figcaption .my-ell {
  color: #fff;
  background: #000;
}
.t-show-Accordion-main .t-show-Accordion-belt .accordion-item:hover figcaption .block .hvr-shutter-in-horizontal:before {
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
      transform: scaleX(0);
}
.t-show-Accordion-main .t-show-Accordion-belt .accordion-item figcaption {
  width: 100%;
  height: 80px;
}
.t-show-Accordion-main .t-show-Accordion-belt .accordion-item figcaption .my-ell {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 3px;
  background: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  font-weight: 400;
  color: #000;
}
.t-show-Accordion-main .t-show-Accordion-belt .accordion-item figcaption h4 {
  position: relative;
  min-width: 30px;
  padding: 0 4px 0 6px;
  display: inline-block;
  font-size: 16px;
  font-weight: bolder;
  margin: 0;
  text-align: center;
  font-weight: normal;
}
.t-show-Accordion-main .t-show-Accordion-belt .accordion-item figcaption h4 em {
  position: relative;
  z-index: 5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.t-show-Accordion-main .t-show-Accordion-belt .accordion-item figcaption h4 .block {
  position: absolute;
  top: 13px;
  left: 0;
  z-index: 1;
  display: block;
  content: "";
  width: 100%;
  height: 9px;
  margin: 0 auto;
}
.t-show-Accordion-main .t-show-Accordion-belt .accordion-item figcaption h4 .block .hvr-shutter-in-horizontal {
  top: -9px;
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #f3b8df;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.t-show-Accordion-main .t-show-Accordion-belt .accordion-item figcaption h4 .block .hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #175851;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
      transform: scaleX(1);
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
      transform-origin: 50%;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.t-show-Accordion-main .t-show-Accordion-belt .accordion-item figcaption h4 .block .hvr-shutter-in-horizontal:hover:before,
.t-show-Accordion-main .t-show-Accordion-belt .accordion-item figcaption h4 .block .hvr-shutter-in-horizontal:focus:before,
.t-show-Accordion-main .t-show-Accordion-belt .accordion-item figcaption h4 .block .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
      transform: scaleX(0);
}
.t-show-Accordion-main .t-show-Accordion-belt .accordion-item figcaption p {
  width: 100%;
  margin: 0 auto;
  padding: 0 2% 0;
  font-size: 16px;
  letter-spacing: 2px;
}
.t-show-Accordion-main .t-show-Accordion-belt .accordion-item figcaption p i {
  width: 83%;
  float: left;
}
.t-show-Accordion-main .t-show-Accordion-belt .accordion-item figcaption p em {
  width: 15%;
  float: right;
  text-align: right;
}
.t-show-Accordion-main .t-show-Accordion-belt .accordion-item figcaption p span {
  display: block;
  clear: both;
}
.t-show-Accordion-main .t-show-Accordion-belt .accordion-item:hover i.iconfont {
  display: block;
}
.t-show-Accordion-main .t-show-Accordion-belt .accordion-item > i.iconfont {
  display: none;
  position: absolute;
  right: 0px;
  width: 40px;
  height: 40px;
  line-height: 41px;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-weight: normal !important;
}
.t-show-Accordion-main .t-show-Accordion-belt .accordion-item > i.iconfont:hover {
  background-color: #000000;
}
.t-show-Accordion-main .t-show-Accordion-belt .accordion-item > i.collected {
  top: 0px;
  font-size: 14px;
}
.t-show-Accordion-main .t-show-Accordion-belt .accordion-item > i.collected.active {
  color: fff;
}
.t-show-Accordion-main .t-show-Accordion-belt .accordion-item > i.icontongyong_xiazai {
  top: 41px;
  font-size: 14px;
}
.t-show-Accordion-main .t-show-Accordion-nav {
  min-width: 62px;
  height: 100%;
  float: right;
  background-color: #000;
}
.t-show-Accordion-main .t-show-Accordion-carousel-box {
  overflow: hidden;
}
.t-show-Accordion-main .carousel-slide-prev,
.t-show-Accordion-main .carousel-slide-next {
  display: block;
  width: 100%;
  outline: none;
  border: none;
  height: 55px;
  cursor: pointer;
  color: #fff;
  background-color: transparent;
}
.t-show-Accordion-main .carousel-slide-prev i,
.t-show-Accordion-main .carousel-slide-next i {
  font-size: 25px;
}
.t-show-Accordion-main .t-show-Accordion-navItem-box {
  position: relative;
  height: 75px;
}
.t-show-Accordion-main .t-show-Accordion-navItem-ul {
  position: absolute;
  left: 1px;
  width: 100px;
  max-height: 250px;
}
.t-show-Accordion-main .t-show-Accordion-navItem {
  position: relative;
  text-align: center;
  padding: 10px 0;
  color: #fff;
  cursor: pointer;
  margin: 0;
  height: 75px;
  overflow: hidden;
}
.t-show-Accordion-main .t-show-Accordion-navItem dt {
  font-size: 18px;
  font-weight: bold;
}
.t-show-Accordion-main .selectItem {
  border-left: 5px solid #fff;
}
.t-show-Accordion-main .t-show-Accordion-navItem.active,
.t-show-Accordion-main .t-show-Accordion-navItem:hover {
  background-color: #fff;
  color: #000;
}
.t-show-Accordion-main .custom-popover-wrapper {
  position: absolute;
  display: none;
  width: 120px;
  min-height: 60px;
  max-height: 250px;
  background-color: #fbfbfbb3;
  color: #666666;
  font-size: 16px;
  padding: 5px 10px;
  margin: 0;
  overflow-y: auto;
  z-index: 10;
}
.t-show-Accordion-main .custom-popover-wrapper img {
  position: absolute;
  left: 50px;
  top: 22px;
  width: 20px;
}
.t-show-Accordion-main .custom-popover-wrapper li {
  width: 100%;
  padding: 5px 0;
  cursor: pointer;
  text-align: center;
}
.t-show-Accordion-main .custom-popover-wrapper li:hover {
  color: #333333;
}
.t-show-popover-content {
  margin: 0;
  max-height: 300px;
  overflow-y: auto;
}
.t-show-popover-content li {
  padding: 2px 0;
  cursor: pointer;
}
.simpleSelector {
  width: 160px;
  max-height: 400px;
  overflow-y: auto;
  margin: 0;
}
.simpleSelector li {
  height: 38px;
  padding-left: 20px;
  cursor: pointer;
  font-size: 14px;
  color: #000000;
  line-height: 38px;
}
.simpleSelector li.active {
  color: #fff;
  background-color: #000;
}
.simpleSelector li:hover {
  color: #fff;
  background-color: #000;
}
.tsshow-popover.ant-popover-placement-bottomRight {
  padding-top: 0;
}
.tsshow-popover.ant-popover-placement-bottom {
  padding-top: 0;
}
.tsshow-popover .ant-popover-arrow {
  display: none;
}
.tsshow-popover .ant-popover-inner-content {
  padding: 0;
}
.tsshow-popover .ant-popover-inner {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.user-info-page {
  position: relative;
  top: 0px;
  left: 0px;
  padding: 0px;
  margin: 0px;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
  font-size: 16px;
  color: #000;
  background-color: #efefef;
  /* 自定义文本域 */
  /* 自定义输入框 */
  /* 错误信息 */
  /* 将颜色值设置为黑色 */
  /* 列表每一项 */
  /* 加底部边框 */
  /* 360度旋转动画 */
  /* 自定义文件上传按钮 */
  /* 解决更换手机模态框的样式 placeholder样式问题 */
}
.user-info-page .page-title {
  position: absolute;
  top: 10px;
  right: 18px;
  font-size: 30px;
  line-height: 30px;
  font-weight: 600;
  color: #000;
}
.user-info-page .logo {
  position: absolute;
  top: -40px;
  left: 18px;
  height: 250px;
  font-size: 250px;
  line-height: 250px;
  font-weight: 700;
  color: #000;
}
@media screen and (max-width: 1366px) and (min-width: 1200px) {
  .user-info-page .logo {
    font-size: 131px;
    top: -71px;
    -webkit-transition: top;
    transition: top;
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
  }
}
.user-info-page .info-bottom-box {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
  min-width: 1360px;
  height: 694px;
  padding: 20px;
}
@media screen and (max-width: 1366px) and (min-width: 1200px) {
  .user-info-page .info-bottom-box {
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: -200%;
        -ms-transform-origin: -200%;
            transform-origin: -200%;
    bottom: -60px;
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform, -webkit-transform;
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
  }
}
@media screen and (min-width: 1370px) and (max-width: 1600px) {
  .user-info-page .info-bottom-box {
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transform-origin: -450%;
        -ms-transform-origin: -450%;
            transform-origin: -450%;
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform, -webkit-transform;
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
  }
}
.user-info-page .avatar {
  position: relative;
  width: 320px;
  height: 462px;
  background-color: #efefef;
}
.user-info-page .avatar .img-box {
  position: relative;
  top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 240px;
  width: 240px;
  margin: 0 auto;
  border-radius: 120px;
  overflow: hidden;
  cursor: pointer;
}
.user-info-page .avatar .img-box img {
  width: 240px;
  height: 240px;
  border-radius: 120px;
}
.user-info-page .avatar .marsk {
  position: absolute;
  width: 240px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 120px;
}
.user-info-page .avatar .marsk .icontouxiang3 {
  font-size: 40px;
}
.user-info-page .avatar .logo-w {
  position: absolute;
  top: 250px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(180deg);
      -ms-transform: translateX(-50%) rotate(180deg);
          transform: translateX(-50%) rotate(180deg);
  height: 250px;
  line-height: 250px;
  text-align: center;
  font-size: 306px;
  font-weight: 700;
  overflow: hidden;
}
@media screen and (max-width: 1900px) and (min-width: 1200px) {
  .user-info-page .avatar {
    left: -31px;
    -webkit-transition: left;
    transition: left;
    -webkit-transition-duration: 1s;
            transition-duration: 1s;
  }
}
.user-info-page .person-info {
  position: relative;
  width: 566px;
  height: 486px;
  padding: 30px;
  color: #fff;
  background-color: #da6339;
  /* 覆盖antd 的datapicker样式 */
  /* 覆盖antd 的radio group样式 */
}
.user-info-page .person-info .title {
  position: absolute;
  top: -42px;
  left: 0;
  font-size: 24px;
  color: #000;
}
.user-info-page .person-info .input-style {
  background-color: #da6339;
}
.user-info-page .person-info .datePick .ant-input {
  background-color: #da6339;
  border-color: rgba(255, 255, 255, 0.3);
  color: #fff;
  padding-left: 22px;
}
.user-info-page .person-info .datePick .ant-input:hover {
  border-color: rgba(255, 255, 255, 0.7);
}
.user-info-page .person-info .datePick .ant-calendar-picker-icon {
  color: #fff;
}
.user-info-page .person-info .datePick .ant-calendar-picker {
  width: 100%;
}
.user-info-page .person-info .ant-radio-inner {
  background-color: #da6339;
}
.user-info-page .person-info .ant-radio-checked .ant-radio-inner {
  border-color: #fff;
}
.user-info-page .person-info .ant-radio-inner::after {
  background-color: #fff;
}
.user-info-page .person-info .ant-radio-wrapper {
  color: #fff;
}
.user-info-page .company-info {
  width: 566px;
  height: 320px;
  padding: 30px;
  color: #fff;
  background-color: #da6339;
}
.user-info-page .company-info .input-style {
  background-color: #da6339;
}
.user-info-page .company-info .textarea-style {
  background-color: #da6339;
  /* 取消滚动条 */
}
.user-info-page .company-info .textarea-style::-webkit-scrollbar {
  width: 0px;
  background-color: transparent;
}
.user-info-page .company-info .ant-input {
  background-color: #da6339;
}
.user-info-page .person-desc {
  position: relative;
  width: 354px;
  height: 620px;
  padding: 20px 24px;
  font-size: 16px;
  background-color: #da6339;
}
.user-info-page .person-desc .title {
  position: absolute;
  top: 10px;
  left: 0px;
  font-size: 16px;
  color: #fff;
  margin-bottom: 10px;
}
.user-info-page .person-desc .textarea-desc {
  width: 100%;
  height: 520px;
  line-height: 80px;
  padding: 0;
  padding-top: 24px;
  margin: 0;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  resize: none;
  border: none;
  outline: none;
  /* 背景必须这么写，不然有bug */
  background: url(https://assets.wow-trend.com/wowtrend/static/resource/images/bff329ee.png) repeat 0px 0px local;
  /* 取消滚动条 */
}
.user-info-page .person-desc .textarea-desc::-webkit-scrollbar {
  width: 0px;
  background-color: transparent;
}
.user-info-page .submit-btn-group {
  position: absolute;
  top: -54px;
  left: 0px;
  padding: 0 30px;
  width: 100%;
  height: 30px;
}
.user-info-page .submit-btn-group button {
  width: 80px;
  height: 30px;
  padding: 0;
  font-size: 16px;
}
.user-info-page .submit-btn-group button:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.user-info-page .submit-btn-group button:active {
  position: relative;
  top: 1px;
}
.user-info-page .submit-btn-group .save-btn-box {
  padding-left: 20px;
  text-align: left;
}
.user-info-page .submit-btn-group .back-btn-box {
  padding-right: 20px;
  text-align: right;
}
.user-info-page .complete-info-content-input-city {
  width: 100%;
  display: inline-block;
}
.user-info-page .complete-info-content-input-city .complete-info-content-select {
  width: 33%;
  height: 100%;
  text-align: center;
  display: inline-block;
}
.user-info-page .complete-info-content-input-city .complete-info-content-select .ant-select-selection {
  border-radius: 0;
}
.user-info-page .complete-info-content-input-city .complete-info-content-select.error .ant-select-selection {
  border: 1px solid #ffc629;
}
.user-info-page .complete-info-content-input-city .ant-select {
  color: rgba(255, 255, 255, 0.65);
}
.user-info-page .complete-info-content-input-city .ant-select-selection {
  background-color: #da6339;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.user-info-page .complete-info-content-input-city .ant-select-selection-selected-value {
  border-color: rgba(255, 255, 255, 0.3);
  outline: none;
}
.user-info-page .complete-info-content-input-city .ant-select-selection:hover {
  border-color: rgba(255, 255, 255, 0.7);
  outline: none;
}
.user-info-page .complete-info-content-input-city .ant-select-open-ant-select-focused {
  outline: none;
}
.user-info-page .complete-info-content-input-city .ant-select-focused .ant-select-selection,
.user-info-page .complete-info-content-input-city .ant-select-selection:focus,
.user-info-page .complete-info-content-input-city .ant-select-selection:active {
  border-color: rgba(255, 255, 255, 0.7);
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.user-info-page .complete-info-content-input-city .ant-select-focused .ant-select-selection .iconxiangxia:before,
.user-info-page .complete-info-content-input-city .ant-select-selection:focus .iconxiangxia:before,
.user-info-page .complete-info-content-input-city .ant-select-selection:active .iconxiangxia:before {
  color: rgba(255, 255, 255, 0.7);
}
.user-info-page .complete-info-content-input-city .iconxiangxia:before {
  color: rgba(255, 255, 255, 0.3);
}
.user-info-page .edit-box {
  position: relative;
}
.user-info-page .edit-btn {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 12px;
}
.user-info-page .edit-btn:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.user-info-page .edit-btn:active {
  -webkit-transform: translateY(-46%);
      -ms-transform: translateY(-46%);
          transform: translateY(-46%);
}
.user-info-page button {
  height: 22px;
  font-size: 16px;
  line-height: 6px;
  padding: 8px 8px;
  background-color: #000;
  color: #fff;
  border: none;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  cursor: pointer;
}
.user-info-page .textarea-style {
  width: 100%;
  height: 52px;
  margin-top: 18px;
  font-size: 16px;
  line-height: 52px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  border-top: none;
  border-left: none;
  border-right: none;
  outline: none;
  resize: none;
  padding-left: 22px;
}
.user-info-page .textarea-style:focus {
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
.user-info-page .input-style {
  width: 100%;
  height: 59px;
  padding-left: 22px;
  font-size: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  outline: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.user-info-page .input-style:focus {
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
.user-info-page ::-webkit-input-placeholder {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}
.user-info-page ::-moz-placeholder {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}
.user-info-page :-ms-input-placeholder {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}
.user-info-page ::-ms-input-placeholder {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}
.user-info-page ::placeholder {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
}
.user-info-page .width-limit {
  width: 56%;
}
.user-info-page .err-msg,
.user-info-page .err-msg-area {
  position: absolute;
  bottom: -20px;
  right: 0px;
  z-index: 1;
  height: 22px;
  line-height: 22px;
  color: #ffc629;
}
.user-info-page .err-msg-area {
  bottom: -10px;
}
.user-info-page .must-icon {
  position: absolute;
  left: -10px;
}
.user-info-page .black-color {
  color: #000;
}
.user-info-page .item {
  height: 60px;
  line-height: 60px;
}
.user-info-page .item > div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.user-info-page .item.text-box {
  line-height: 100px;
  height: 100px;
}
.user-info-page .line {
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
@-webkit-keyframes circle {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.user-info-page .avator-cricle {
  -webkit-animation: circle 3s infinite linear;
          animation: circle 3s infinite linear;
}
.user-info-page .file-upload-btn {
  position: absolute;
  width: 240px;
  height: 240px;
  border: 1px solid #000;
  border-radius: 120px;
  outline: none;
  font-size: 0px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
}
.user-info-page .file-upload-btn ::-webkit-input-placeholder {
  width: 0;
  height: 0;
  font-size: 0px;
}
.user-info-page .file-upload-btn ::-moz-placeholder {
  width: 0;
  height: 0;
  font-size: 0px;
}
.user-info-page .file-upload-btn :-ms-input-placeholder {
  width: 0;
  height: 0;
  font-size: 0px;
}
.user-info-page .file-upload-btn ::-ms-input-placeholder {
  width: 0;
  height: 0;
  font-size: 0px;
}
.user-info-page .file-upload-btn ::placeholder {
  width: 0;
  height: 0;
  font-size: 0px;
}
.user-info-page .change-phone-content .change-phone-content-input .change-phone-input-1 ::-webkit-input-placeholder {
  color: #bfbfbf;
}
.user-info-page .change-phone-content .change-phone-content-input .change-phone-input-1 ::-moz-placeholder {
  color: #bfbfbf;
}
.user-info-page .change-phone-content .change-phone-content-input .change-phone-input-1 :-ms-input-placeholder {
  color: #bfbfbf;
}
.user-info-page .change-phone-content .change-phone-content-input .change-phone-input-1 ::-ms-input-placeholder {
  color: #bfbfbf;
}
.user-info-page .change-phone-content .change-phone-content-input .change-phone-input-1 ::placeholder {
  color: #bfbfbf;
}
.user-info-page .change-phone-content .change-phone-content-input .change-phone-input-2 ::-webkit-input-placeholder {
  color: #bfbfbf;
}
.user-info-page .change-phone-content .change-phone-content-input .change-phone-input-2 ::-moz-placeholder {
  color: #bfbfbf;
}
.user-info-page .change-phone-content .change-phone-content-input .change-phone-input-2 :-ms-input-placeholder {
  color: #bfbfbf;
}
.user-info-page .change-phone-content .change-phone-content-input .change-phone-input-2 ::-ms-input-placeholder {
  color: #bfbfbf;
}
.user-info-page .change-phone-content .change-phone-content-input .change-phone-input-2 ::placeholder {
  color: #bfbfbf;
}
.user-info-page .ant-calendar {
  width: 380px;
}
.user-info-page .useful-padding {
  padding-left: 22px;
}

.member-page {
  min-width: 1300px;
}
.member-page .header {
  border-bottom: 2px solid #111;
  background-color: #fafafa;
}
.member-page .member-fotter {
  margin: 0 auto;
  padding-bottom: 40px;
}
.member-page .goTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #DDDDDD;
  background-color: #fff;
  overflow: hidden;
}
.member-page .goTop > i {
  margin-top: 1px;
  font-size: 16px;
  color: #AAAAAA;
}
.member-page .goTop:hover {
  background-color: #000;
}
.member-page .goTop:hover > i {
  color: #fff;
}
.center-layout {
  width: 1760px;
  min-width: 1300px;
  margin: 0 auto;
}
.content-container {
  background-color: #fff;
}
.ant-select-selection {
  border-radius: 0;
}
@media screen and (max-width: 1760px) {
  .center-layout {
    width: 100%;
    margin: 0 auto;
  }
}
.new-member-header {
  height: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fafafa;
}
.new-member-header .logo {
  float: left;
  height: 60px;
  width: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.new-member-header .logo > a {
  width: 90px;
  height: 59px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.new-member-header .nav {
  margin: 0;
  float: left;
  margin-left: 10px;
}
.new-member-header .nav > li {
  margin: 0;
  padding: 0;
  float: left;
  height: 60px;
  padding: 0 20px;
  line-height: 60px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  cursor: pointer;
}
.new-member-header .nav > li.active {
  background-color: #111;
  color: #fff;
}
.new-member-header .nav > li:hover {
  background-color: #111;
  color: #fff;
}

.member-page {
  min-width: 1300px;
}
.member-page .header {
  border-bottom: 2px solid #111;
  background-color: #fafafa;
}
.member-page .member-fotter {
  margin: 0 auto;
  padding-bottom: 40px;
}
.member-page .goTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #DDDDDD;
  background-color: #fff;
  overflow: hidden;
}
.member-page .goTop > i {
  margin-top: 1px;
  font-size: 16px;
  color: #AAAAAA;
}
.member-page .goTop:hover {
  background-color: #000;
}
.member-page .goTop:hover > i {
  color: #fff;
}
.center-layout {
  width: 1760px;
  min-width: 1300px;
  margin: 0 auto;
}
.content-container {
  background-color: #fff;
}
.ant-select-selection {
  border-radius: 0;
}
@media screen and (max-width: 1760px) {
  .center-layout {
    width: 100%;
    margin: 0 auto;
  }
}
.content-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 50px;
}
.addPadding {
  max-width: 1860px;
  min-width: 1300;
  margin: 0 auto;
}
.content-box-component {
  position: relative;
  display: block;
  min-width: 1130px;
  padding: 2px 58px 60px 90px;
  border: 1px solid #111;
}
.content-box-component .title {
  position: absolute;
  top: -34px;
  width: 104px;
  height: 26px;
  font-size: 26px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #111111;
  line-height: 18px;
  margin-bottom: 14px;
}
.content-box-component .left-top .left-top-line-top {
  width: 1px;
  height: 50px;
  background-color: #111;
  position: absolute;
  left: -1px;
  top: -50px;
}
.content-box-component .left-top .left-top-line-left {
  width: 50px;
  height: 1px;
  background-color: #111;
  position: absolute;
  left: -50px;
  top: -1px;
}
.content-box-component .left-top .left-top-line-dash {
  width: 2px;
  height: 50px;
  background: repeating-linear-gradient(to bottom, transparent 0 4px, #111 4px 8px);
  position: absolute;
  left: -20px;
  top: 16px;
}
.content-box-component .left-bottom .left-bottom-box {
  width: 58px;
  height: 182px;
  border: 1px solid #111;
  position: absolute;
  left: -26px;
  bottom: -1px;
  background-color: #fff;
}
.content-box-component .left-bottom .left-bottom-box .left-bottom-line-dash {
  width: 2px;
  height: 50px;
  background: repeating-linear-gradient(to bottom, transparent 0 4px, #111 4px 8px);
  position: absolute;
  bottom: 56px;
  left: 20px;
}
.content-box-component .left-bottom .left-bottom-box .left-bottom-text {
  width: 243px;
  height: 28px;
  position: absolute;
  bottom: 112px;
  right: -109px;
  -webkit-columns: #111;
     -moz-columns: #111;
          columns: #111;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  color: #111;
  font-weight: 500;
  font-size: 16px;
}
.content-box-component .left-bottom .left-bottom-flower {
  position: absolute;
  bottom: -54px;
  left: 48px;
}
.content-box-component .right-top .right-top-line-horizontal {
  width: 100px;
  height: 1px;
  background-color: #111;
  position: absolute;
  top: 0px;
  right: -110px;
}
.content-box-component .right-top .right-top-line-vertical {
  width: 1px;
  height: 100px;
  background-color: #111;
  position: absolute;
  top: -50px;
  right: -60px;
}
.content-box-component .right-top .right-top-text {
  position: absolute;
  top: 48px;
  right: -124px;
  -webkit-columns: #111;
     -moz-columns: #111;
          columns: #111;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  color: #111;
  font-weight: 500;
  font-size: 16px;
}
.content-box-component .right-bottom .right-bottom-line-horizontal {
  width: 100px;
  height: 1px;
  background-color: #111;
  position: absolute;
  bottom: 0px;
  right: -110px;
}
.content-box-component .right-bottom .right-bottom-line-vertical {
  width: 1px;
  height: 100px;
  background-color: #111;
  position: absolute;
  bottom: -50px;
  right: -60px;
}
.content-box-component .right-bottom .right-bottom-text {
  position: absolute;
  bottom: 70px;
  right: -148px;
  -webkit-columns: #111;
     -moz-columns: #111;
          columns: #111;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  color: #111;
  font-weight: 500;
  font-size: 16px;
}
.content-container-footer {
  position: absolute;
  left: 0;
  bottom: -190px;
  width: 100%;
  padding: 0px 58px 20px 120px;
}

.member-page {
  min-width: 1300px;
}
.member-page .header {
  border-bottom: 2px solid #111;
  background-color: #fafafa;
}
.member-page .member-fotter {
  margin: 0 auto;
  padding-bottom: 40px;
}
.member-page .goTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #DDDDDD;
  background-color: #fff;
  overflow: hidden;
}
.member-page .goTop > i {
  margin-top: 1px;
  font-size: 16px;
  color: #AAAAAA;
}
.member-page .goTop:hover {
  background-color: #000;
}
.member-page .goTop:hover > i {
  color: #fff;
}
.center-layout {
  width: 1760px;
  min-width: 1300px;
  margin: 0 auto;
}
.content-container {
  background-color: #fff;
}
.ant-select-selection {
  border-radius: 0;
}
@media screen and (max-width: 1760px) {
  .center-layout {
    width: 100%;
    margin: 0 auto;
  }
}
.member-footer-component {
  position: relative;
}
.member-footer-component .memfooter-left a {
  color: #111;
}
.member-footer-component .memfooter-right {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #111;
}
.member-footer-component .memfooter-right a {
  cursor: pointer;
  color: #111;
}
.member-footer-component .memfooter-right .iconfont {
  font-size: 25px;
}
.memfotter-pop1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.memfotter-pop1 .memfotter-imgTitle {
  text-align: center;
}
.memfotter-pop1 .memfotter-img {
  width: 150px;
  height: 160px;
}
.memfotter-pop1 .memfotter-img img {
  width: 150px;
}

.member-page {
  min-width: 1300px;
}
.member-page .header {
  border-bottom: 2px solid #111;
  background-color: #fafafa;
}
.member-page .member-fotter {
  margin: 0 auto;
  padding-bottom: 40px;
}
.member-page .goTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #DDDDDD;
  background-color: #fff;
  overflow: hidden;
}
.member-page .goTop > i {
  margin-top: 1px;
  font-size: 16px;
  color: #AAAAAA;
}
.member-page .goTop:hover {
  background-color: #000;
}
.member-page .goTop:hover > i {
  color: #fff;
}
.center-layout {
  width: 1760px;
  min-width: 1300px;
  margin: 0 auto;
}
.content-container {
  background-color: #fff;
}
.ant-select-selection {
  border-radius: 0;
}
@media screen and (max-width: 1760px) {
  .center-layout {
    width: 100%;
    margin: 0 auto;
  }
}
.memeber-success-modal {
  color: #111;
}
.success-modal-item {
  text-align: center;
  color: #111;
}
.success-modal-item .successicon {
  font-size: 40px;
}
.success-modal-item.save {
  height: 30px;
  margin-bottom: 30px;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #111;
}
.success-modal-ok-btn {
  width: 100px;
  height: 32px;
  margin: 0 auto;
  text-align: center;
  line-height: 32px;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
  background-color: #111;
}
.success-modal-text {
  margin: 30px 0px;
  font-size: 12px;
  text-align: center;
  font-weight: 400;
}
.success-modal-server {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}
.success-modal-server > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.success-modal-server .success-modal-imgname {
  text-align: center;
  font-size: 12px;
}
.success-modal-img > img {
  width: 80px;
  height: 80px;
}

.member-page {
  min-width: 1300px;
}
.member-page .header {
  border-bottom: 2px solid #111;
  background-color: #fafafa;
}
.member-page .member-fotter {
  margin: 0 auto;
  padding-bottom: 40px;
}
.member-page .goTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #DDDDDD;
  background-color: #fff;
  overflow: hidden;
}
.member-page .goTop > i {
  margin-top: 1px;
  font-size: 16px;
  color: #AAAAAA;
}
.member-page .goTop:hover {
  background-color: #000;
}
.member-page .goTop:hover > i {
  color: #fff;
}
.center-layout {
  width: 1760px;
  min-width: 1300px;
  margin: 0 auto;
}
.content-container {
  background-color: #fff;
}
.ant-select-selection {
  border-radius: 0;
}
@media screen and (max-width: 1760px) {
  .center-layout {
    width: 100%;
    margin: 0 auto;
  }
}
.user-info-component {
  position: relative;
  width: 1000px;
  background-color: #ffffff;
  min-height: calc(100vh - 525px);
  /* 自定义文件上传按钮 */
}
.user-info-component .uinfo-desc {
  margin-top: 20px;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #999999;
  line-height: 18px;
}
.user-info-component .user-info-title {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #111111;
  margin-top: 38px;
}
.user-info-component .uinfo-item {
  margin-top: 20px;
}
.user-info-component .label {
  text-align: right;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #111111;
}
.user-info-component .uinfo-content {
  font-size: 12px;
  color: #111111;
}
.user-info-component .uinfo-content .uinfo-avator {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  overflow: hidden;
}
.user-info-component .uinfo-content .uinfo-avator > img {
  width: 100%;
  height: 100%;
}
.user-info-component .uinfo-auth-list {
  margin-bottom: 20px;
  margin-right: 10px;
  font-size: 12px;
  color: #111111;
}
.user-info-component .uinfo-auth-list:last-of-type {
  margin-bottom: 0px;
}
.user-info-component .uinfo-auth-list img {
  margin-right: 10px;
}
.user-info-component .uinfo-input {
  width: 100%;
  height: 28px;
  background: none;
  outline: none;
  border: 1px solid #dfe1e1;
}
.user-info-component .uinfo-errorMsg {
  color: red;
}
.user-info-component .uinfo-avator-operator,
.user-info-component .uinfo-moble-operator {
  float: right;
  margin-right: 20px;
  position: relative;
  border: 1px solid #111;
  font-size: 12px;
  display: inline-block;
  padding: 4px 8px;
  cursor: pointer;
  overflow: hidden;
}
.user-info-component .uinfo-avator-operator:hover,
.user-info-component .uinfo-moble-operator:hover {
  border: 1px solid #111;
  color: #111;
}
.user-info-component .uinfo-avator-operator {
  margin-top: 26px;
}
.user-info-component .uinfo-avator-desc {
  margin-top: 10px;
  color: #999999;
}
.user-info-component .uinfo-operation {
  margin-top: 45px;
}
.user-info-component .uinfo-cancel.ant-btn:hover,
.user-info-component .uinfo-cancel.ant-btn:focus {
  color: #111;
  border-color: #111;
}
.user-info-component .uinfo-save {
  margin-left: 18px;
  background-color: #111;
  color: #fff;
}
.user-info-component .uinfo-save.ant-btn:hover,
.user-info-component .uinfo-save.ant-btn:focus {
  color: #fff;
  border-color: #111;
}
.user-info-component .uinfo-Qrcode {
  width: 310px;
  position: absolute;
  right: 0px;
  top: 90px;
  font-size: 12px;
}
.user-info-component .uinfo-Qrcode .uinfo-Qrcode-desc {
  width: 310px;
}
.user-info-component .uinfo-Qrcode .uinfo-Qrcode-desc > span {
  color: #111;
  font-weight: bold;
}
.user-info-component .uinfo-Qrcode .uinfo-Qrcode-qr {
  width: 310px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-info-component .uinfo-Qrcode .uinfo-Qrcode-qr > img {
  width: 150px;
}
.user-info-component .text-width {
  width: 270px;
}
.user-info-component .file-upload-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 100px;
  border: 1px solid #000;
  outline: none;
  font-size: 0px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
}
.user-info-component .file-upload-btn ::-webkit-input-placeholder {
  width: 0;
  height: 0;
  font-size: 0px;
}
.user-info-component .file-upload-btn ::-moz-placeholder {
  width: 0;
  height: 0;
  font-size: 0px;
}
.user-info-component .file-upload-btn :-ms-input-placeholder {
  width: 0;
  height: 0;
  font-size: 0px;
}
.user-info-component .file-upload-btn ::-ms-input-placeholder {
  width: 0;
  height: 0;
  font-size: 0px;
}
.user-info-component .file-upload-btn ::placeholder {
  width: 0;
  height: 0;
  font-size: 0px;
}
.exit-company .ant-modal-content {
  border-radius: 0;
}
.exit-company .ant-modal-confirm-btns .ant-btn-primary {
  background-color: #000;
  border-color: #000;
}
.exit-company .ant-btn {
  border-radius: 0;
}
.exit-company .ant-btn.ant-btn-primary:hover,
.exit-company .ant-btn.ant-btn-primary:focus {
  color: #fff;
}
.exit-company .ant-btn:hover,
.exit-company .ant-btn:focus {
  color: #000;
  border-color: #000;
}

.select_3ajGn {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  .select_3ajGn .coverInput_qvVKK {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer; }
  .select_3ajGn .title_2fQ6u {
    height: 12px;
    font-size: 12px;
    line-height: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    margin-left: 20px; }
  .select_3ajGn .icon_2LPln {
    width: 9px;
    height: 5px;
    line-height: 5px;
    font-size: 12px;
    margin-right: 16px;
    -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
            transform: scale(0.6);
    cursor: pointer; }
  .select_3ajGn .itemSelect_1dsJq {
    background-color: #000; }
  .select_3ajGn .itemSelect_1dsJq .title_2fQ6u {
      color: #fff; }
  .select_3ajGn .cascaderMenus_3mluW {
    position: absolute;
    left: 0; }
  .select_3ajGn .dropDownContainer_D8vrG {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
    z-index: 999;
    background-color: #f6f6f6; }
  .select_3ajGn .dropDownContainer_D8vrG .dropdown_3dwL5 {
      background-color: #f6f6f6;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      z-index: 999;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .select_3ajGn .dropDownContainer_D8vrG .dropdown_3dwL5 .left_NP2-h {
        width: 49px;
        text-align: center; }
  .select_3ajGn .dropDownContainer_D8vrG .dropdown_3dwL5 .left_NP2-h .item_2PUoD {
          font-size: 12px;
          font-weight: 400;
          color: #aaa;
          line-height: 13.5px;
          -webkit-transform: scale(0.85);
              -ms-transform: scale(0.85);
                  transform: scale(0.85); }
  .select_3ajGn .dropDownContainer_D8vrG .dropdown_3dwL5 .left_NP2-h .item_2PUoD:hover {
            cursor: pointer;
            text-decoration: underline; }
  .select_3ajGn .dropDownContainer_D8vrG .dropdown_3dwL5 .right_jl0Nr {
        overflow-y: overlay; }
  .select_3ajGn .dropDownContainer_D8vrG .dropdown_3dwL5 .right_jl0Nr::-webkit-scrollbar {
          width: 0; }
  .select_3ajGn .dropDownContainer_D8vrG .dropdown_3dwL5 .right_jl0Nr .item_2PUoD {
          position: relative;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          background-color: #f6f6f6; }
  .select_3ajGn .dropDownContainer_D8vrG .dropdown_3dwL5 .right_jl0Nr .item_2PUoD .left-icon_3YUPy {
            width: 18px;
            height: 18px;
            margin-left: 20px;
            border: 1px solid #fff;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            background-size: 18px 18px;
            background-repeat: no-repeat; }
  .select_3ajGn .dropDownContainer_D8vrG .dropdown_3dwL5 .right_jl0Nr .item_2PUoD .title_2fQ6u {
            width: calc(100% - 58px);
            height: 12px;
            font-size: 12px;
            line-height: 12px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
            text-align: left;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
  .select_3ajGn .dropDownContainer_D8vrG .dropdown_3dwL5 .right_jl0Nr .item_2PUoD .right-icon_2OQKh {
            width: 4px;
            height: 8px;
            font-size: 8px;
            margin-right: 20px; }
  .select_3ajGn .dropDownContainer_D8vrG .dropdown_3dwL5 .right_jl0Nr .item_2PUoD:hover {
            background-color: #000; }
  .select_3ajGn .dropDownContainer_D8vrG .dropdown_3dwL5 .right_jl0Nr .item_2PUoD:hover .title_2fQ6u {
              color: #fff; }
  .select_3ajGn .dropDownContainer_D8vrG .dropdown_3dwL5 .right_jl0Nr .item_2PUoD:hover .right-icon_2OQKh {
              color: #fff; }
  .select_3ajGn .children_3PTbL {
    background-color: #f6f6f6;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 999;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    overflow-y: overlay; }
  .select_3ajGn .children_3PTbL::-webkit-scrollbar {
      width: 0; }
  .select_3ajGn .children_3PTbL .child_1kJEE {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer;
      background-color: #f6f6f6; }
  .select_3ajGn .children_3PTbL .child_1kJEE:hover {
        background-color: #000; }
  .select_3ajGn .children_3PTbL .child_1kJEE:hover .title_2fQ6u {
          color: #fff; }
  .select_3ajGn .children_3PTbL .child_1kJEE .flag_2VGIJ {
        width: 14px;
        height: 14px;
        margin-left: 17px; }
  .select_3ajGn .children_3PTbL .child_1kJEE .title_2fQ6u {
        width: calc(100% - 40px);
        height: 12px;
        font-size: 12px;
        line-height: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #333333;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }

.articleList_1BVE8 {
  width: 100%;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: left; }
  .articleList_1BVE8 .card_ns_RC {
    width: 367px;
    margin-bottom: 48px;
    position: relative; }
  .articleList_1BVE8 .card_ns_RC .pictureContainer_2ZK91 {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer; }
  .articleList_1BVE8 .card_ns_RC .pictureContainer_2ZK91 .picture_vyScD {
        width: 100%;
        height: 226px;
        border: 1px solid #f6f6f6;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center top;
           object-position: center top; }
  .articleList_1BVE8 .card_ns_RC .pictureContainer_2ZK91 .video_2sgfv {
        position: absolute;
        font-size: 64px; }
  .articleList_1BVE8 .card_ns_RC .articleFooter_1fvH2 {
      margin-top: 13px;
      height: 84px; }
  .articleList_1BVE8 .card_ns_RC .articleFooter_1fvH2 .title_1Wtw_ {
        height: 16px;
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #111111;
        line-height: 16px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer; }
  .articleList_1BVE8 .card_ns_RC .articleFooter_1fvH2 .title_1Wtw_:hover {
          text-decoration: underline; }
  .articleList_1BVE8 .card_ns_RC .articleFooter_1fvH2 .info_3XxpU {
        margin-top: 9px;
        height: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .articleList_1BVE8 .card_ns_RC .articleFooter_1fvH2 .info_3XxpU .text_3PQki {
          height: 12px;
          font-size: 12px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #999999;
          line-height: 12px; }
  .articleList_1BVE8 .card_ns_RC .articleFooter_1fvH2 .operate_3jYtj {
        margin-top: 13px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
  .articleList_1BVE8 .card_ns_RC .articleFooter_1fvH2 .operate_3jYtj .item_2jclG {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          border: 1px solid #d7d6d6;
          width: 80px;
          height: 34px;
          text-align: center;
          line-height: 32px;
          font-size: 14px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          cursor: pointer; }
  .articleList_1BVE8 .card_ns_RC .articleFooter_1fvH2 .operate_3jYtj .item_2jclG .icon_1ibOv {
            font-size: 14px; }
  .articleList_1BVE8 .card_ns_RC .articleFooter_1fvH2 .operate_3jYtj .item_2jclG:hover {
            border-color: #000;
            background-color: #000;
            color: #fff; }

.register-success-content {
  width: 100%;
  overflow-y: hidden;
  position: relative;
}
.register-success-content .success-left {
  display: inline-block;
  width: 45%;
  height: 100%;
  vertical-align: top;
}
.register-success-content .success-left .left-content {
  height: 100%;
  width: 100%;
  margin-top: 56px;
  padding-left: 100px;
}
.register-success-content .success-left .left-content .left-title {
  width: 100%;
}
.register-success-content .success-left .left-content .left-title .left-title-1 {
  font-size: 40px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #000000;
  line-height: 35px;
}
.register-success-content .success-left .left-content .left-title .left-title-2 {
  font-size: 18px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #000000;
  line-height: 2.7;
}
.register-success-content .success-left .left-content .left-title .left-title-2 button {
  margin-left: 10px;
  width: 80px;
  height: 20px;
  background: #000000;
  border-radius: 10px;
  font-size: 12px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: #ffffff;
  cursor: pointer;
  outline: none;
  border: none;
  line-height: 1.5;
}
.register-success-content .success-left .left-content .left-image {
  margin-top: 50px;
  margin-bottom: 18px;
}
.register-success-content .success-left .left-content .left-image img {
  width: 105px;
  height: 105px;
  border-radius: 105px;
}
.register-success-content .success-left .left-content .left-line {
  width: 80%;
  height: 1px;
  background: #eaeaea;
}
.register-success-content .success-left .left-content .left-user-info {
  line-height: 1.7;
  margin-top: 30px;
  margin-bottom: 60px;
}
.register-success-content .success-left .left-content .left-user-info .user-title {
  font-size: 24px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  color: #000000;
  margin-bottom: 2px;
}
.register-success-content .success-left .left-content .left-user-info .user-item div {
  display: inline-block;
}
.register-success-content .success-left .left-content .left-user-info .user-item div:first-child {
  font-size: 18px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: #000000;
  letter-spacing: 2px;
}
.register-success-content .success-left .left-content .left-user-info .user-item div:first-child i {
  font-size: 20px;
}
.register-success-content .success-left .left-content .left-user-info .user-item div:last-child {
  margin-left: 30px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: #000000;
}
.register-success-content .success-left .left-content .left-user-info .user-item div:last-child button {
  margin-left: 24px;
  width: 80px;
  height: 20px;
  background: #000000;
  border-radius: 10px;
  font-size: 12px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: #ffffff;
  cursor: pointer;
  outline: none;
  border: none;
  line-height: 1.5;
}
.register-success-content .success-left .left-content .left-user-info .edit-button {
  margin-top: 32px;
  width: 103px;
  height: 44px;
  background: #000000;
  border-radius: 4px;
  font-size: 16px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  color: #ffffff;
  cursor: pointer;
  border: none;
  outline: none;
}
.register-success-content .success-left .left-bottom {
  margin-top: 45px;
}
.register-success-content .success-left .left-bottom .bottom-image {
  margin-bottom: 21px;
}
.register-success-content .success-left .left-bottom .bottom-image img {
  cursor: pointer;
}
.register-success-content .success-left .left-bottom .bottom-info {
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  color: #000000;
}
.register-success-content .success-center {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 3.5%;
  height: 100%;
  background: #000000;
  vertical-align: top;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.register-success-content .success-center .icon-list {
  text-align: center;
  line-height: 2.5;
}
.register-success-content .success-center .icon-list i {
  color: #ffffff;
}
.register-success-content .success-right {
  display: inline-block;
  width: 51.5%;
  height: 100%;
  vertical-align: top;
}
.register-success-content .success-right .right-header .header-user {
  display: inline-block;
  position: relative;
  float: right;
  margin-top: 10px;
  margin-right: 10px;
}
.register-success-content .success-right .right-header .header-user > a {
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: #000000;
  margin-right: 25px;
}
.register-success-content .success-right .right-header .header-user img {
  cursor: pointer;
  border-radius: 40px;
}
.register-success-content .success-right .right-header .header-user .header-user-info {
  position: absolute;
  top: 0;
  right: 0;
}
.register-success-content .success-right .right-header .header-logo {
  text-align: center;
  position: relative;
}
.register-success-content .success-right .right-header .header-logo .logo-nav {
  margin-top: 8px;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-items: center;
  width: 118px;
}
.register-success-content .success-right .right-header .header-logo .logo-nav div {
  display: inline-block;
  width: 59%;
  cursor: pointer;
}
.register-success-content .success-right .right-header .header-logo .logo-nav div:first-child {
  text-align: left;
}
.register-success-content .success-right .right-header .header-logo .logo-nav div:last-child {
  text-align: right;
}
.register-success-content .success-right .right-content {
  margin-top: 112px;
}
.register-success-content .success-right .right-content .content-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.register-success-content .success-right .right-content .content {
  display: inline-block;
}
.register-success-content .success-right .right-content .content > div {
  display: inline-block;
}
.register-success-content .success-right .right-content .content .empty-content {
  width: 30px;
  height: 230px;
  display: inline-block;
  vertical-align: top;
}
.register-success-content .success-right .right-content .content .image-content {
  display: inline-block;
  width: 230px;
  height: 230px;
  background: url("https://assets.wow-trend.com/wowtrend/static/resource/images/dcb44f75.png") no-repeat top center / cover;
  cursor: pointer;
  position: relative;
}
.register-success-content .success-right .right-content .content .image-content .image-content-title {
  text-align: center;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #ffffff;
  line-height: 16px;
  opacity: 0;
}
.register-success-content .success-right .right-content .content .image-content .image-content-title:hover {
  opacity: 1;
  background: rgba(0, 0, 1, 0.5);
}
.register-success-content .success-right .right-bottom {
  position: relative;
  text-align: center;
  margin-top: 100px;
}
.register-success-content .success-right .right-bottom div:first-child {
  font-size: 24px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #000000;
}
.register-success-content .success-right .right-bottom div:last-child {
  font-size: 16px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  color: #000000;
}
.register-success-content .apply-sorry-modal {
  position: absolute;
  background: white;
  height: 100%;
  width: 100%;
  opacity: 0.9;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sorry-modal-content-style {
  width: 550px;
  height: 450px;
  opacity: 0.9;
  background-color: #E7077C;
}
.sorry-modal-content-style .sorry-modal-title {
  height: 65%;
  width: 100%;
}
.sorry-modal-content-style .sorry-modal-title .sorry-title {
  font-size: 72px;
  font-family: SourceCodeRoman-Semibold;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 9px;
  margin-top: 71px;
  margin-left: 71px;
  display: inline-block;
}
.sorry-modal-content-style .sorry-modal-title .sorry-emoji {
  font-size: 60px;
  font-family: SourceCodeRoman-Semibold;
  font-weight: 600;
  color: #ffffff;
  display: inline-block;
  letter-spacing: 9px;
  margin-left: 71px;
}
.sorry-modal-content-style .sorry-modal-bottom {
  height: 35%;
}
.sorry-modal-content-style .sorry-modal-bottom div {
  margin-left: 71px;
  width: 437px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: #ffffff;
}
.sorry-modal-content-style .sorry-modal-bottom div:first-child {
  border-bottom: 1px solid #ffffff;
  letter-spacing: 3px;
}
.sorry-modal-content-style .sorry-modal-bottom div:last-child {
  margin-top: 48px;
  border-top: 1px solid #ffffff;
  padding-top: 30px;
  letter-spacing: 5px;
}

.filterModalFullScreenMask_-Sshu {
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
  .filterModalFullScreenMask_-Sshu .mask_1adq4 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  @-webkit-keyframes fadeIn_1kT9d {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  @keyframes fadeIn_1kT9d {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  .filterModal_3FVB9.Normal_3Gtd6 {
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc((100% - 1816px)/2 + 210px);
  background-color: #fafafa;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-animation: fadeIn_1kT9d 0.6s ease-in-out forwards;
          animation: fadeIn_1kT9d 0.6s ease-in-out forwards;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
  .filterModal_3FVB9.Normal_3Gtd6.hiddle_2zBmq {
    -webkit-transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02);
    transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02); }
  @media screen and (max-width: 1816px) {
    .filterModal_3FVB9.Normal_3Gtd6 {
      left: 210px; } }
  .filterModal_3FVB9.Normal_3Gtd6 .mask_1adq4 {
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vw;
    background-color: rgba(0, 0, 0, 0.63); }
  .filterModal_3FVB9.Normal_3Gtd6 .body_1QChG {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 99;
    height: 100%; }
  .filterModal_3FVB9.Normal_3Gtd6 .backBtnBox_3m-vK {
    position: absolute;
    top: 9px;
    right: 10px;
    z-index: 2; }
  .filterModal_3FVB9.Normal_3Gtd6 .backBtnBox_3m-vK > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 10px;
      height: 10px;
      border-radius: 6px;
      padding: 10px; }
  .filterModal_3FVB9.Normal_3Gtd6 .backBtnBox_3m-vK .closeBtn_1aDWN {
      font-size: 12px;
      color: #111111;
      cursor: pointer;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7); }
  .filterModal_3FVB9.Normal_3Gtd6 .backBtnBox_3m-vK .modalImg_3emM5 {
      position: absolute;
      right: 17px;
      top: 19px; }
  .filterModal_3FVB9.Normal_3Gtd6 .content_3pgdW {
    padding-left: 1px; }
  .filterModal_3FVB9.DarkCyan_3LEgp {
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc((100% - 1816px)/2 + 210px);
  background-color: #e7eeed;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-animation: fadeIn_1kT9d 0.6s ease-in-out forwards;
          animation: fadeIn_1kT9d 0.6s ease-in-out forwards;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
  .filterModal_3FVB9.DarkCyan_3LEgp.hiddle_2zBmq {
    -webkit-transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02);
    transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02); }
  @media screen and (max-width: 1816px) {
    .filterModal_3FVB9.DarkCyan_3LEgp {
      left: 210px; } }
  .filterModal_3FVB9.DarkCyan_3LEgp .mask_1adq4 {
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vw;
    background-color: rgba(0, 0, 0, 0.63); }
  .filterModal_3FVB9.DarkCyan_3LEgp .body_1QChG {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 99;
    height: 100%; }
  .filterModal_3FVB9.DarkCyan_3LEgp .backBtnBox_3m-vK {
    position: absolute;
    top: 9px;
    right: 10px;
    z-index: 2; }
  .filterModal_3FVB9.DarkCyan_3LEgp .backBtnBox_3m-vK > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 10px;
      height: 10px;
      border-radius: 6px;
      padding: 10px; }
  .filterModal_3FVB9.DarkCyan_3LEgp .backBtnBox_3m-vK .closeBtn_1aDWN {
      font-size: 12px;
      color: #111111;
      cursor: pointer;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7); }
  .filterModal_3FVB9.DarkCyan_3LEgp .backBtnBox_3m-vK .modalImg_3emM5 {
      position: absolute;
      right: 17px;
      top: 19px; }
  .filterModal_3FVB9.DarkCyan_3LEgp .content_3pgdW {
    padding-left: 1px; }
  .filterModal_3FVB9.Wheat_3Llp2 {
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc((100% - 1816px)/2 + 210px);
  background-color: #fbf5ee;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-animation: fadeIn_1kT9d 0.6s ease-in-out forwards;
          animation: fadeIn_1kT9d 0.6s ease-in-out forwards;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
  .filterModal_3FVB9.Wheat_3Llp2.hiddle_2zBmq {
    -webkit-transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02);
    transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02); }
  @media screen and (max-width: 1816px) {
    .filterModal_3FVB9.Wheat_3Llp2 {
      left: 210px; } }
  .filterModal_3FVB9.Wheat_3Llp2 .mask_1adq4 {
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vw;
    background-color: rgba(0, 0, 0, 0.63); }
  .filterModal_3FVB9.Wheat_3Llp2 .body_1QChG {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 99;
    height: 100%; }
  .filterModal_3FVB9.Wheat_3Llp2 .backBtnBox_3m-vK {
    position: absolute;
    top: 9px;
    right: 10px;
    z-index: 2; }
  .filterModal_3FVB9.Wheat_3Llp2 .backBtnBox_3m-vK > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 10px;
      height: 10px;
      border-radius: 6px;
      padding: 10px; }
  .filterModal_3FVB9.Wheat_3Llp2 .backBtnBox_3m-vK .closeBtn_1aDWN {
      font-size: 12px;
      color: #111111;
      cursor: pointer;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7); }
  .filterModal_3FVB9.Wheat_3Llp2 .backBtnBox_3m-vK .modalImg_3emM5 {
      position: absolute;
      right: 17px;
      top: 19px; }
  .filterModal_3FVB9.Wheat_3Llp2 .content_3pgdW {
    padding-left: 1px; }
  .filterModal_3FVB9.RosyBrown_3RAO6 {
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc((100% - 1816px)/2 + 210px);
  background-color: #f0eaee;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-animation: fadeIn_1kT9d 0.6s ease-in-out forwards;
          animation: fadeIn_1kT9d 0.6s ease-in-out forwards;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
  .filterModal_3FVB9.RosyBrown_3RAO6.hiddle_2zBmq {
    -webkit-transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02);
    transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02); }
  @media screen and (max-width: 1816px) {
    .filterModal_3FVB9.RosyBrown_3RAO6 {
      left: 210px; } }
  .filterModal_3FVB9.RosyBrown_3RAO6 .mask_1adq4 {
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vw;
    background-color: rgba(0, 0, 0, 0.63); }
  .filterModal_3FVB9.RosyBrown_3RAO6 .body_1QChG {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 99;
    height: 100%; }
  .filterModal_3FVB9.RosyBrown_3RAO6 .backBtnBox_3m-vK {
    position: absolute;
    top: 9px;
    right: 10px;
    z-index: 2; }
  .filterModal_3FVB9.RosyBrown_3RAO6 .backBtnBox_3m-vK > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 10px;
      height: 10px;
      border-radius: 6px;
      padding: 10px; }
  .filterModal_3FVB9.RosyBrown_3RAO6 .backBtnBox_3m-vK .closeBtn_1aDWN {
      font-size: 12px;
      color: #111111;
      cursor: pointer;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7); }
  .filterModal_3FVB9.RosyBrown_3RAO6 .backBtnBox_3m-vK .modalImg_3emM5 {
      position: absolute;
      right: 17px;
      top: 19px; }
  .filterModal_3FVB9.RosyBrown_3RAO6 .content_3pgdW {
    padding-left: 1px; }
  .filterModal_3FVB9.Chocolate_3TM3M {
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc((100% - 1816px)/2 + 210px);
  background-color: #ffeee7;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-animation: fadeIn_1kT9d 0.6s ease-in-out forwards;
          animation: fadeIn_1kT9d 0.6s ease-in-out forwards;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
  .filterModal_3FVB9.Chocolate_3TM3M.hiddle_2zBmq {
    -webkit-transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02);
    transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02); }
  @media screen and (max-width: 1816px) {
    .filterModal_3FVB9.Chocolate_3TM3M {
      left: 210px; } }
  .filterModal_3FVB9.Chocolate_3TM3M .mask_1adq4 {
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vw;
    background-color: rgba(0, 0, 0, 0.63); }
  .filterModal_3FVB9.Chocolate_3TM3M .body_1QChG {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 99;
    height: 100%; }
  .filterModal_3FVB9.Chocolate_3TM3M .backBtnBox_3m-vK {
    position: absolute;
    top: 9px;
    right: 10px;
    z-index: 2; }
  .filterModal_3FVB9.Chocolate_3TM3M .backBtnBox_3m-vK > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 10px;
      height: 10px;
      border-radius: 6px;
      padding: 10px; }
  .filterModal_3FVB9.Chocolate_3TM3M .backBtnBox_3m-vK .closeBtn_1aDWN {
      font-size: 12px;
      color: #111111;
      cursor: pointer;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7); }
  .filterModal_3FVB9.Chocolate_3TM3M .backBtnBox_3m-vK .modalImg_3emM5 {
      position: absolute;
      right: 17px;
      top: 19px; }
  .filterModal_3FVB9.Chocolate_3TM3M .content_3pgdW {
    padding-left: 1px; }
  .filterModal_3FVB9.Coral_3Qc4g {
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc((100% - 1816px)/2 + 210px);
  background-color: #ffeae8;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-animation: fadeIn_1kT9d 0.6s ease-in-out forwards;
          animation: fadeIn_1kT9d 0.6s ease-in-out forwards;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
  .filterModal_3FVB9.Coral_3Qc4g.hiddle_2zBmq {
    -webkit-transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02);
    transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02); }
  @media screen and (max-width: 1816px) {
    .filterModal_3FVB9.Coral_3Qc4g {
      left: 210px; } }
  .filterModal_3FVB9.Coral_3Qc4g .mask_1adq4 {
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vw;
    background-color: rgba(0, 0, 0, 0.63); }
  .filterModal_3FVB9.Coral_3Qc4g .body_1QChG {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 99;
    height: 100%; }
  .filterModal_3FVB9.Coral_3Qc4g .backBtnBox_3m-vK {
    position: absolute;
    top: 9px;
    right: 10px;
    z-index: 2; }
  .filterModal_3FVB9.Coral_3Qc4g .backBtnBox_3m-vK > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 10px;
      height: 10px;
      border-radius: 6px;
      padding: 10px; }
  .filterModal_3FVB9.Coral_3Qc4g .backBtnBox_3m-vK .closeBtn_1aDWN {
      font-size: 12px;
      color: #111111;
      cursor: pointer;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7); }
  .filterModal_3FVB9.Coral_3Qc4g .backBtnBox_3m-vK .modalImg_3emM5 {
      position: absolute;
      right: 17px;
      top: 19px; }
  .filterModal_3FVB9.Coral_3Qc4g .content_3pgdW {
    padding-left: 1px; }
  .filterModal_3FVB9.CadetBlue_1EnTr {
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc((100% - 1816px)/2 + 210px);
  background-color: #e3f6ee;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-animation: fadeIn_1kT9d 0.6s ease-in-out forwards;
          animation: fadeIn_1kT9d 0.6s ease-in-out forwards;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
  .filterModal_3FVB9.CadetBlue_1EnTr.hiddle_2zBmq {
    -webkit-transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02);
    transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02); }
  @media screen and (max-width: 1816px) {
    .filterModal_3FVB9.CadetBlue_1EnTr {
      left: 210px; } }
  .filterModal_3FVB9.CadetBlue_1EnTr .mask_1adq4 {
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vw;
    background-color: rgba(0, 0, 0, 0.63); }
  .filterModal_3FVB9.CadetBlue_1EnTr .body_1QChG {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 99;
    height: 100%; }
  .filterModal_3FVB9.CadetBlue_1EnTr .backBtnBox_3m-vK {
    position: absolute;
    top: 9px;
    right: 10px;
    z-index: 2; }
  .filterModal_3FVB9.CadetBlue_1EnTr .backBtnBox_3m-vK > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 10px;
      height: 10px;
      border-radius: 6px;
      padding: 10px; }
  .filterModal_3FVB9.CadetBlue_1EnTr .backBtnBox_3m-vK .closeBtn_1aDWN {
      font-size: 12px;
      color: #111111;
      cursor: pointer;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7); }
  .filterModal_3FVB9.CadetBlue_1EnTr .backBtnBox_3m-vK .modalImg_3emM5 {
      position: absolute;
      right: 17px;
      top: 19px; }
  .filterModal_3FVB9.CadetBlue_1EnTr .content_3pgdW {
    padding-left: 1px; }
  .filterModal_3FVB9.Gold_3W__T {
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc((100% - 1816px)/2 + 210px);
  background-color: #fff9e9;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-animation: fadeIn_1kT9d 0.6s ease-in-out forwards;
          animation: fadeIn_1kT9d 0.6s ease-in-out forwards;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
  .filterModal_3FVB9.Gold_3W__T.hiddle_2zBmq {
    -webkit-transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02);
    transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02); }
  @media screen and (max-width: 1816px) {
    .filterModal_3FVB9.Gold_3W__T {
      left: 210px; } }
  .filterModal_3FVB9.Gold_3W__T .mask_1adq4 {
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vw;
    background-color: rgba(0, 0, 0, 0.63); }
  .filterModal_3FVB9.Gold_3W__T .body_1QChG {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 99;
    height: 100%; }
  .filterModal_3FVB9.Gold_3W__T .backBtnBox_3m-vK {
    position: absolute;
    top: 9px;
    right: 10px;
    z-index: 2; }
  .filterModal_3FVB9.Gold_3W__T .backBtnBox_3m-vK > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 10px;
      height: 10px;
      border-radius: 6px;
      padding: 10px; }
  .filterModal_3FVB9.Gold_3W__T .backBtnBox_3m-vK .closeBtn_1aDWN {
      font-size: 12px;
      color: #111111;
      cursor: pointer;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7); }
  .filterModal_3FVB9.Gold_3W__T .backBtnBox_3m-vK .modalImg_3emM5 {
      position: absolute;
      right: 17px;
      top: 19px; }
  .filterModal_3FVB9.Gold_3W__T .content_3pgdW {
    padding-left: 1px; }
  .filterModal_3FVB9.PowDerBlue_1mjAc {
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc((100% - 1816px)/2 + 210px);
  background-color: #eaf0f3;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-animation: fadeIn_1kT9d 0.6s ease-in-out forwards;
          animation: fadeIn_1kT9d 0.6s ease-in-out forwards;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
  .filterModal_3FVB9.PowDerBlue_1mjAc.hiddle_2zBmq {
    -webkit-transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02);
    transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02); }
  @media screen and (max-width: 1816px) {
    .filterModal_3FVB9.PowDerBlue_1mjAc {
      left: 210px; } }
  .filterModal_3FVB9.PowDerBlue_1mjAc .mask_1adq4 {
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vw;
    background-color: rgba(0, 0, 0, 0.63); }
  .filterModal_3FVB9.PowDerBlue_1mjAc .body_1QChG {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 99;
    height: 100%; }
  .filterModal_3FVB9.PowDerBlue_1mjAc .backBtnBox_3m-vK {
    position: absolute;
    top: 9px;
    right: 10px;
    z-index: 2; }
  .filterModal_3FVB9.PowDerBlue_1mjAc .backBtnBox_3m-vK > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 10px;
      height: 10px;
      border-radius: 6px;
      padding: 10px; }
  .filterModal_3FVB9.PowDerBlue_1mjAc .backBtnBox_3m-vK .closeBtn_1aDWN {
      font-size: 12px;
      color: #111111;
      cursor: pointer;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7); }
  .filterModal_3FVB9.PowDerBlue_1mjAc .backBtnBox_3m-vK .modalImg_3emM5 {
      position: absolute;
      right: 17px;
      top: 19px; }
  .filterModal_3FVB9.PowDerBlue_1mjAc .content_3pgdW {
    padding-left: 1px; }
  .filterModal_3FVB9.Dark_1L7tl {
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc((100% - 1816px)/2 + 210px);
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-animation: fadeIn_1kT9d 0.6s ease-in-out forwards;
          animation: fadeIn_1kT9d 0.6s ease-in-out forwards;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
  .filterModal_3FVB9.Dark_1L7tl.hiddle_2zBmq {
    -webkit-transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02);
    transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02); }
  @media screen and (max-width: 1816px) {
    .filterModal_3FVB9.Dark_1L7tl {
      left: 210px; } }
  .filterModal_3FVB9.Dark_1L7tl .mask_1adq4 {
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vw;
    background-color: rgba(0, 0, 0, 0.63); }
  .filterModal_3FVB9.Dark_1L7tl .body_1QChG {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 99;
    height: 100%; }
  .filterModal_3FVB9.Dark_1L7tl .backBtnBox_3m-vK {
    position: absolute;
    top: 9px;
    right: 10px;
    z-index: 2; }
  .filterModal_3FVB9.Dark_1L7tl .backBtnBox_3m-vK > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 10px;
      height: 10px;
      border-radius: 6px;
      padding: 10px; }
  .filterModal_3FVB9.Dark_1L7tl .backBtnBox_3m-vK .closeBtn_1aDWN {
      font-size: 12px;
      color: #111111;
      cursor: pointer;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7); }
  .filterModal_3FVB9.Dark_1L7tl .backBtnBox_3m-vK .modalImg_3emM5 {
      position: absolute;
      right: 17px;
      top: 19px; }
  .filterModal_3FVB9.Dark_1L7tl .content_3pgdW {
    padding-left: 1px; }

.areaFilter_xlDXU.Normal_3NGoU {
  width: 550px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .areaFilter_xlDXU.Normal_3NGoU .title_b-U0m {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .areaFilter_xlDXU.Normal_3NGoU .search_29mrY {
    position: relative;
    width: 100%;
    margin-bottom: 12px; }
  .areaFilter_xlDXU.Normal_3NGoU .search_29mrY .searchIcon_3SdfQ {
      position: absolute;
      top: 6px;
      left: 8px;
      font-size: 12px; }
  .areaFilter_xlDXU.Normal_3NGoU .search_29mrY input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .areaFilter_xlDXU.Normal_3NGoU .search_29mrY input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Normal_3NGoU .search_29mrY input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Normal_3NGoU .search_29mrY input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Normal_3NGoU .search_29mrY input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Normal_3NGoU .search_29mrY input::placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Normal_3NGoU .continents_1St8g {
    background-color: #fff;
    position: relative;
    width: 100%; }
  .areaFilter_xlDXU.Normal_3NGoU .continent_2D6UN {
    display: inline-block;
    background-color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    cursor: pointer; }
  .areaFilter_xlDXU.Normal_3NGoU .continent_2D6UN.selected_2Z8Kl {
      background-color: #111111;
      color: #fff; }
  .areaFilter_xlDXU.Normal_3NGoU .continent_2D6UN:hover {
      background-color: #111111;
      color: #fff; }
  .areaFilter_xlDXU.Normal_3NGoU .body_12zCb {
    position: relative;
    width: 100%;
    height: 258px;
    padding-top: 10px;
    overflow: auto; }
  .areaFilter_xlDXU.Normal_3NGoU .body_12zCb .countryItem_r5RQj {
      margin-bottom: 10px;
      color: red; }
  .areaFilter_xlDXU.Normal_3NGoU .body_12zCb .countryItem_r5RQj > div {
        float: left;
        width: 102px; }
  .areaFilter_xlDXU.Normal_3NGoU .body_12zCb .countryItem_r5RQj .cityItem_3B35u {
        width: calc(100% - 104px);
        color: orange; }
  .areaFilter_xlDXU.Normal_3NGoU .body_12zCb .countryItem_r5RQj .cityItem_3B35u > div {
          float: left;
          width: 102px; }
  .areaFilter_xlDXU.Normal_3NGoU .body_12zCb::-webkit-scrollbar {
      width: 3px;
      height: 6px; }
  .areaFilter_xlDXU.Normal_3NGoU .body_12zCb .area_3bNn2 {
      position: relative;
      width: 100%;
      padding-top: 5px;
      padding-right: 20px;
      padding-left: 10px;
      overflow: auto; }
  .areaFilter_xlDXU.Normal_3NGoU .body_12zCb .area_3bNn2::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .areaFilter_xlDXU.DarkCyan_1GND- {
  width: 550px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .areaFilter_xlDXU.DarkCyan_1GND- .title_b-U0m {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .areaFilter_xlDXU.DarkCyan_1GND- .search_29mrY {
    position: relative;
    width: 100%;
    margin-bottom: 12px; }
  .areaFilter_xlDXU.DarkCyan_1GND- .search_29mrY .searchIcon_3SdfQ {
      position: absolute;
      top: 6px;
      left: 8px;
      font-size: 12px; }
  .areaFilter_xlDXU.DarkCyan_1GND- .search_29mrY input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .areaFilter_xlDXU.DarkCyan_1GND- .search_29mrY input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.DarkCyan_1GND- .search_29mrY input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.DarkCyan_1GND- .search_29mrY input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.DarkCyan_1GND- .search_29mrY input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.DarkCyan_1GND- .search_29mrY input::placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.DarkCyan_1GND- .continents_1St8g {
    background-color: #fff;
    position: relative;
    width: 100%; }
  .areaFilter_xlDXU.DarkCyan_1GND- .continent_2D6UN {
    display: inline-block;
    background-color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    cursor: pointer; }
  .areaFilter_xlDXU.DarkCyan_1GND- .continent_2D6UN.selected_2Z8Kl {
      background-color: #111111;
      color: #fff; }
  .areaFilter_xlDXU.DarkCyan_1GND- .continent_2D6UN:hover {
      background-color: #111111;
      color: #fff; }
  .areaFilter_xlDXU.DarkCyan_1GND- .body_12zCb {
    position: relative;
    width: 100%;
    height: 258px;
    padding-top: 10px;
    overflow: auto; }
  .areaFilter_xlDXU.DarkCyan_1GND- .body_12zCb .countryItem_r5RQj {
      margin-bottom: 10px;
      color: red; }
  .areaFilter_xlDXU.DarkCyan_1GND- .body_12zCb .countryItem_r5RQj > div {
        float: left;
        width: 102px; }
  .areaFilter_xlDXU.DarkCyan_1GND- .body_12zCb .countryItem_r5RQj .cityItem_3B35u {
        width: calc(100% - 104px);
        color: orange; }
  .areaFilter_xlDXU.DarkCyan_1GND- .body_12zCb .countryItem_r5RQj .cityItem_3B35u > div {
          float: left;
          width: 102px; }
  .areaFilter_xlDXU.DarkCyan_1GND- .body_12zCb::-webkit-scrollbar {
      width: 3px;
      height: 6px; }
  .areaFilter_xlDXU.DarkCyan_1GND- .body_12zCb .area_3bNn2 {
      position: relative;
      width: 100%;
      padding-top: 5px;
      padding-right: 20px;
      padding-left: 10px;
      overflow: auto; }
  .areaFilter_xlDXU.DarkCyan_1GND- .body_12zCb .area_3bNn2::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .areaFilter_xlDXU.Wheat_2pONv {
  width: 550px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .areaFilter_xlDXU.Wheat_2pONv .title_b-U0m {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .areaFilter_xlDXU.Wheat_2pONv .search_29mrY {
    position: relative;
    width: 100%;
    margin-bottom: 12px; }
  .areaFilter_xlDXU.Wheat_2pONv .search_29mrY .searchIcon_3SdfQ {
      position: absolute;
      top: 6px;
      left: 8px;
      font-size: 12px; }
  .areaFilter_xlDXU.Wheat_2pONv .search_29mrY input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .areaFilter_xlDXU.Wheat_2pONv .search_29mrY input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Wheat_2pONv .search_29mrY input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Wheat_2pONv .search_29mrY input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Wheat_2pONv .search_29mrY input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Wheat_2pONv .search_29mrY input::placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Wheat_2pONv .continents_1St8g {
    background-color: #fff;
    position: relative;
    width: 100%; }
  .areaFilter_xlDXU.Wheat_2pONv .continent_2D6UN {
    display: inline-block;
    background-color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    cursor: pointer; }
  .areaFilter_xlDXU.Wheat_2pONv .continent_2D6UN.selected_2Z8Kl {
      background-color: #111111;
      color: #fff; }
  .areaFilter_xlDXU.Wheat_2pONv .continent_2D6UN:hover {
      background-color: #111111;
      color: #fff; }
  .areaFilter_xlDXU.Wheat_2pONv .body_12zCb {
    position: relative;
    width: 100%;
    height: 258px;
    padding-top: 10px;
    overflow: auto; }
  .areaFilter_xlDXU.Wheat_2pONv .body_12zCb .countryItem_r5RQj {
      margin-bottom: 10px;
      color: red; }
  .areaFilter_xlDXU.Wheat_2pONv .body_12zCb .countryItem_r5RQj > div {
        float: left;
        width: 102px; }
  .areaFilter_xlDXU.Wheat_2pONv .body_12zCb .countryItem_r5RQj .cityItem_3B35u {
        width: calc(100% - 104px);
        color: orange; }
  .areaFilter_xlDXU.Wheat_2pONv .body_12zCb .countryItem_r5RQj .cityItem_3B35u > div {
          float: left;
          width: 102px; }
  .areaFilter_xlDXU.Wheat_2pONv .body_12zCb::-webkit-scrollbar {
      width: 3px;
      height: 6px; }
  .areaFilter_xlDXU.Wheat_2pONv .body_12zCb .area_3bNn2 {
      position: relative;
      width: 100%;
      padding-top: 5px;
      padding-right: 20px;
      padding-left: 10px;
      overflow: auto; }
  .areaFilter_xlDXU.Wheat_2pONv .body_12zCb .area_3bNn2::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .areaFilter_xlDXU.RosyBrown_hTU_I {
  width: 550px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .areaFilter_xlDXU.RosyBrown_hTU_I .title_b-U0m {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .areaFilter_xlDXU.RosyBrown_hTU_I .search_29mrY {
    position: relative;
    width: 100%;
    margin-bottom: 12px; }
  .areaFilter_xlDXU.RosyBrown_hTU_I .search_29mrY .searchIcon_3SdfQ {
      position: absolute;
      top: 6px;
      left: 8px;
      font-size: 12px; }
  .areaFilter_xlDXU.RosyBrown_hTU_I .search_29mrY input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .areaFilter_xlDXU.RosyBrown_hTU_I .search_29mrY input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.RosyBrown_hTU_I .search_29mrY input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.RosyBrown_hTU_I .search_29mrY input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.RosyBrown_hTU_I .search_29mrY input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.RosyBrown_hTU_I .search_29mrY input::placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.RosyBrown_hTU_I .continents_1St8g {
    background-color: #fff;
    position: relative;
    width: 100%; }
  .areaFilter_xlDXU.RosyBrown_hTU_I .continent_2D6UN {
    display: inline-block;
    background-color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    cursor: pointer; }
  .areaFilter_xlDXU.RosyBrown_hTU_I .continent_2D6UN.selected_2Z8Kl {
      background-color: #111111;
      color: #fff; }
  .areaFilter_xlDXU.RosyBrown_hTU_I .continent_2D6UN:hover {
      background-color: #111111;
      color: #fff; }
  .areaFilter_xlDXU.RosyBrown_hTU_I .body_12zCb {
    position: relative;
    width: 100%;
    height: 258px;
    padding-top: 10px;
    overflow: auto; }
  .areaFilter_xlDXU.RosyBrown_hTU_I .body_12zCb .countryItem_r5RQj {
      margin-bottom: 10px;
      color: red; }
  .areaFilter_xlDXU.RosyBrown_hTU_I .body_12zCb .countryItem_r5RQj > div {
        float: left;
        width: 102px; }
  .areaFilter_xlDXU.RosyBrown_hTU_I .body_12zCb .countryItem_r5RQj .cityItem_3B35u {
        width: calc(100% - 104px);
        color: orange; }
  .areaFilter_xlDXU.RosyBrown_hTU_I .body_12zCb .countryItem_r5RQj .cityItem_3B35u > div {
          float: left;
          width: 102px; }
  .areaFilter_xlDXU.RosyBrown_hTU_I .body_12zCb::-webkit-scrollbar {
      width: 3px;
      height: 6px; }
  .areaFilter_xlDXU.RosyBrown_hTU_I .body_12zCb .area_3bNn2 {
      position: relative;
      width: 100%;
      padding-top: 5px;
      padding-right: 20px;
      padding-left: 10px;
      overflow: auto; }
  .areaFilter_xlDXU.RosyBrown_hTU_I .body_12zCb .area_3bNn2::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .areaFilter_xlDXU.Chocolate_1QoKy {
  width: 550px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .areaFilter_xlDXU.Chocolate_1QoKy .title_b-U0m {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .areaFilter_xlDXU.Chocolate_1QoKy .search_29mrY {
    position: relative;
    width: 100%;
    margin-bottom: 12px; }
  .areaFilter_xlDXU.Chocolate_1QoKy .search_29mrY .searchIcon_3SdfQ {
      position: absolute;
      top: 6px;
      left: 8px;
      font-size: 12px; }
  .areaFilter_xlDXU.Chocolate_1QoKy .search_29mrY input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .areaFilter_xlDXU.Chocolate_1QoKy .search_29mrY input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Chocolate_1QoKy .search_29mrY input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Chocolate_1QoKy .search_29mrY input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Chocolate_1QoKy .search_29mrY input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Chocolate_1QoKy .search_29mrY input::placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Chocolate_1QoKy .continents_1St8g {
    background-color: #fff;
    position: relative;
    width: 100%; }
  .areaFilter_xlDXU.Chocolate_1QoKy .continent_2D6UN {
    display: inline-block;
    background-color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    cursor: pointer; }
  .areaFilter_xlDXU.Chocolate_1QoKy .continent_2D6UN.selected_2Z8Kl {
      background-color: #111111;
      color: #fff; }
  .areaFilter_xlDXU.Chocolate_1QoKy .continent_2D6UN:hover {
      background-color: #111111;
      color: #fff; }
  .areaFilter_xlDXU.Chocolate_1QoKy .body_12zCb {
    position: relative;
    width: 100%;
    height: 258px;
    padding-top: 10px;
    overflow: auto; }
  .areaFilter_xlDXU.Chocolate_1QoKy .body_12zCb .countryItem_r5RQj {
      margin-bottom: 10px;
      color: red; }
  .areaFilter_xlDXU.Chocolate_1QoKy .body_12zCb .countryItem_r5RQj > div {
        float: left;
        width: 102px; }
  .areaFilter_xlDXU.Chocolate_1QoKy .body_12zCb .countryItem_r5RQj .cityItem_3B35u {
        width: calc(100% - 104px);
        color: orange; }
  .areaFilter_xlDXU.Chocolate_1QoKy .body_12zCb .countryItem_r5RQj .cityItem_3B35u > div {
          float: left;
          width: 102px; }
  .areaFilter_xlDXU.Chocolate_1QoKy .body_12zCb::-webkit-scrollbar {
      width: 3px;
      height: 6px; }
  .areaFilter_xlDXU.Chocolate_1QoKy .body_12zCb .area_3bNn2 {
      position: relative;
      width: 100%;
      padding-top: 5px;
      padding-right: 20px;
      padding-left: 10px;
      overflow: auto; }
  .areaFilter_xlDXU.Chocolate_1QoKy .body_12zCb .area_3bNn2::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .areaFilter_xlDXU.Coral_3Myqx {
  width: 550px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .areaFilter_xlDXU.Coral_3Myqx .title_b-U0m {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .areaFilter_xlDXU.Coral_3Myqx .search_29mrY {
    position: relative;
    width: 100%;
    margin-bottom: 12px; }
  .areaFilter_xlDXU.Coral_3Myqx .search_29mrY .searchIcon_3SdfQ {
      position: absolute;
      top: 6px;
      left: 8px;
      font-size: 12px; }
  .areaFilter_xlDXU.Coral_3Myqx .search_29mrY input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .areaFilter_xlDXU.Coral_3Myqx .search_29mrY input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Coral_3Myqx .search_29mrY input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Coral_3Myqx .search_29mrY input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Coral_3Myqx .search_29mrY input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Coral_3Myqx .search_29mrY input::placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Coral_3Myqx .continents_1St8g {
    background-color: #fff;
    position: relative;
    width: 100%; }
  .areaFilter_xlDXU.Coral_3Myqx .continent_2D6UN {
    display: inline-block;
    background-color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    cursor: pointer; }
  .areaFilter_xlDXU.Coral_3Myqx .continent_2D6UN.selected_2Z8Kl {
      background-color: #111111;
      color: #fff; }
  .areaFilter_xlDXU.Coral_3Myqx .continent_2D6UN:hover {
      background-color: #111111;
      color: #fff; }
  .areaFilter_xlDXU.Coral_3Myqx .body_12zCb {
    position: relative;
    width: 100%;
    height: 258px;
    padding-top: 10px;
    overflow: auto; }
  .areaFilter_xlDXU.Coral_3Myqx .body_12zCb .countryItem_r5RQj {
      margin-bottom: 10px;
      color: red; }
  .areaFilter_xlDXU.Coral_3Myqx .body_12zCb .countryItem_r5RQj > div {
        float: left;
        width: 102px; }
  .areaFilter_xlDXU.Coral_3Myqx .body_12zCb .countryItem_r5RQj .cityItem_3B35u {
        width: calc(100% - 104px);
        color: orange; }
  .areaFilter_xlDXU.Coral_3Myqx .body_12zCb .countryItem_r5RQj .cityItem_3B35u > div {
          float: left;
          width: 102px; }
  .areaFilter_xlDXU.Coral_3Myqx .body_12zCb::-webkit-scrollbar {
      width: 3px;
      height: 6px; }
  .areaFilter_xlDXU.Coral_3Myqx .body_12zCb .area_3bNn2 {
      position: relative;
      width: 100%;
      padding-top: 5px;
      padding-right: 20px;
      padding-left: 10px;
      overflow: auto; }
  .areaFilter_xlDXU.Coral_3Myqx .body_12zCb .area_3bNn2::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .areaFilter_xlDXU.CadetBlue_2zfnS {
  width: 550px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .areaFilter_xlDXU.CadetBlue_2zfnS .title_b-U0m {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .areaFilter_xlDXU.CadetBlue_2zfnS .search_29mrY {
    position: relative;
    width: 100%;
    margin-bottom: 12px; }
  .areaFilter_xlDXU.CadetBlue_2zfnS .search_29mrY .searchIcon_3SdfQ {
      position: absolute;
      top: 6px;
      left: 8px;
      font-size: 12px; }
  .areaFilter_xlDXU.CadetBlue_2zfnS .search_29mrY input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .areaFilter_xlDXU.CadetBlue_2zfnS .search_29mrY input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.CadetBlue_2zfnS .search_29mrY input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.CadetBlue_2zfnS .search_29mrY input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.CadetBlue_2zfnS .search_29mrY input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.CadetBlue_2zfnS .search_29mrY input::placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.CadetBlue_2zfnS .continents_1St8g {
    background-color: #fff;
    position: relative;
    width: 100%; }
  .areaFilter_xlDXU.CadetBlue_2zfnS .continent_2D6UN {
    display: inline-block;
    background-color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    cursor: pointer; }
  .areaFilter_xlDXU.CadetBlue_2zfnS .continent_2D6UN.selected_2Z8Kl {
      background-color: #111111;
      color: #fff; }
  .areaFilter_xlDXU.CadetBlue_2zfnS .continent_2D6UN:hover {
      background-color: #111111;
      color: #fff; }
  .areaFilter_xlDXU.CadetBlue_2zfnS .body_12zCb {
    position: relative;
    width: 100%;
    height: 258px;
    padding-top: 10px;
    overflow: auto; }
  .areaFilter_xlDXU.CadetBlue_2zfnS .body_12zCb .countryItem_r5RQj {
      margin-bottom: 10px;
      color: red; }
  .areaFilter_xlDXU.CadetBlue_2zfnS .body_12zCb .countryItem_r5RQj > div {
        float: left;
        width: 102px; }
  .areaFilter_xlDXU.CadetBlue_2zfnS .body_12zCb .countryItem_r5RQj .cityItem_3B35u {
        width: calc(100% - 104px);
        color: orange; }
  .areaFilter_xlDXU.CadetBlue_2zfnS .body_12zCb .countryItem_r5RQj .cityItem_3B35u > div {
          float: left;
          width: 102px; }
  .areaFilter_xlDXU.CadetBlue_2zfnS .body_12zCb::-webkit-scrollbar {
      width: 3px;
      height: 6px; }
  .areaFilter_xlDXU.CadetBlue_2zfnS .body_12zCb .area_3bNn2 {
      position: relative;
      width: 100%;
      padding-top: 5px;
      padding-right: 20px;
      padding-left: 10px;
      overflow: auto; }
  .areaFilter_xlDXU.CadetBlue_2zfnS .body_12zCb .area_3bNn2::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .areaFilter_xlDXU.Gold_eGmxK {
  width: 550px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .areaFilter_xlDXU.Gold_eGmxK .title_b-U0m {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .areaFilter_xlDXU.Gold_eGmxK .search_29mrY {
    position: relative;
    width: 100%;
    margin-bottom: 12px; }
  .areaFilter_xlDXU.Gold_eGmxK .search_29mrY .searchIcon_3SdfQ {
      position: absolute;
      top: 6px;
      left: 8px;
      font-size: 12px; }
  .areaFilter_xlDXU.Gold_eGmxK .search_29mrY input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .areaFilter_xlDXU.Gold_eGmxK .search_29mrY input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Gold_eGmxK .search_29mrY input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Gold_eGmxK .search_29mrY input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Gold_eGmxK .search_29mrY input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Gold_eGmxK .search_29mrY input::placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Gold_eGmxK .continents_1St8g {
    background-color: #fff;
    position: relative;
    width: 100%; }
  .areaFilter_xlDXU.Gold_eGmxK .continent_2D6UN {
    display: inline-block;
    background-color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    cursor: pointer; }
  .areaFilter_xlDXU.Gold_eGmxK .continent_2D6UN.selected_2Z8Kl {
      background-color: #111111;
      color: #fff; }
  .areaFilter_xlDXU.Gold_eGmxK .continent_2D6UN:hover {
      background-color: #111111;
      color: #fff; }
  .areaFilter_xlDXU.Gold_eGmxK .body_12zCb {
    position: relative;
    width: 100%;
    height: 258px;
    padding-top: 10px;
    overflow: auto; }
  .areaFilter_xlDXU.Gold_eGmxK .body_12zCb .countryItem_r5RQj {
      margin-bottom: 10px;
      color: red; }
  .areaFilter_xlDXU.Gold_eGmxK .body_12zCb .countryItem_r5RQj > div {
        float: left;
        width: 102px; }
  .areaFilter_xlDXU.Gold_eGmxK .body_12zCb .countryItem_r5RQj .cityItem_3B35u {
        width: calc(100% - 104px);
        color: orange; }
  .areaFilter_xlDXU.Gold_eGmxK .body_12zCb .countryItem_r5RQj .cityItem_3B35u > div {
          float: left;
          width: 102px; }
  .areaFilter_xlDXU.Gold_eGmxK .body_12zCb::-webkit-scrollbar {
      width: 3px;
      height: 6px; }
  .areaFilter_xlDXU.Gold_eGmxK .body_12zCb .area_3bNn2 {
      position: relative;
      width: 100%;
      padding-top: 5px;
      padding-right: 20px;
      padding-left: 10px;
      overflow: auto; }
  .areaFilter_xlDXU.Gold_eGmxK .body_12zCb .area_3bNn2::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .areaFilter_xlDXU.PowDerBlue_3YkxS {
  width: 550px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .areaFilter_xlDXU.PowDerBlue_3YkxS .title_b-U0m {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .areaFilter_xlDXU.PowDerBlue_3YkxS .search_29mrY {
    position: relative;
    width: 100%;
    margin-bottom: 12px; }
  .areaFilter_xlDXU.PowDerBlue_3YkxS .search_29mrY .searchIcon_3SdfQ {
      position: absolute;
      top: 6px;
      left: 8px;
      font-size: 12px; }
  .areaFilter_xlDXU.PowDerBlue_3YkxS .search_29mrY input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .areaFilter_xlDXU.PowDerBlue_3YkxS .search_29mrY input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.PowDerBlue_3YkxS .search_29mrY input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.PowDerBlue_3YkxS .search_29mrY input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.PowDerBlue_3YkxS .search_29mrY input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.PowDerBlue_3YkxS .search_29mrY input::placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.PowDerBlue_3YkxS .continents_1St8g {
    background-color: #fff;
    position: relative;
    width: 100%; }
  .areaFilter_xlDXU.PowDerBlue_3YkxS .continent_2D6UN {
    display: inline-block;
    background-color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    cursor: pointer; }
  .areaFilter_xlDXU.PowDerBlue_3YkxS .continent_2D6UN.selected_2Z8Kl {
      background-color: #111111;
      color: #fff; }
  .areaFilter_xlDXU.PowDerBlue_3YkxS .continent_2D6UN:hover {
      background-color: #111111;
      color: #fff; }
  .areaFilter_xlDXU.PowDerBlue_3YkxS .body_12zCb {
    position: relative;
    width: 100%;
    height: 258px;
    padding-top: 10px;
    overflow: auto; }
  .areaFilter_xlDXU.PowDerBlue_3YkxS .body_12zCb .countryItem_r5RQj {
      margin-bottom: 10px;
      color: red; }
  .areaFilter_xlDXU.PowDerBlue_3YkxS .body_12zCb .countryItem_r5RQj > div {
        float: left;
        width: 102px; }
  .areaFilter_xlDXU.PowDerBlue_3YkxS .body_12zCb .countryItem_r5RQj .cityItem_3B35u {
        width: calc(100% - 104px);
        color: orange; }
  .areaFilter_xlDXU.PowDerBlue_3YkxS .body_12zCb .countryItem_r5RQj .cityItem_3B35u > div {
          float: left;
          width: 102px; }
  .areaFilter_xlDXU.PowDerBlue_3YkxS .body_12zCb::-webkit-scrollbar {
      width: 3px;
      height: 6px; }
  .areaFilter_xlDXU.PowDerBlue_3YkxS .body_12zCb .area_3bNn2 {
      position: relative;
      width: 100%;
      padding-top: 5px;
      padding-right: 20px;
      padding-left: 10px;
      overflow: auto; }
  .areaFilter_xlDXU.PowDerBlue_3YkxS .body_12zCb .area_3bNn2::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .areaFilter_xlDXU.Dark_3GQx5 {
  width: 550px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .areaFilter_xlDXU.Dark_3GQx5 .title_b-U0m {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .areaFilter_xlDXU.Dark_3GQx5 .search_29mrY {
    position: relative;
    width: 100%;
    margin-bottom: 12px; }
  .areaFilter_xlDXU.Dark_3GQx5 .search_29mrY .searchIcon_3SdfQ {
      position: absolute;
      top: 6px;
      left: 8px;
      font-size: 12px; }
  .areaFilter_xlDXU.Dark_3GQx5 .search_29mrY input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .areaFilter_xlDXU.Dark_3GQx5 .search_29mrY input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Dark_3GQx5 .search_29mrY input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Dark_3GQx5 .search_29mrY input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Dark_3GQx5 .search_29mrY input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Dark_3GQx5 .search_29mrY input::placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_xlDXU.Dark_3GQx5 .continents_1St8g {
    background-color: #fff;
    position: relative;
    width: 100%; }
  .areaFilter_xlDXU.Dark_3GQx5 .continent_2D6UN {
    display: inline-block;
    background-color: #fff;
    padding: 5px 10px;
    font-size: 12px;
    cursor: pointer; }
  .areaFilter_xlDXU.Dark_3GQx5 .continent_2D6UN.selected_2Z8Kl {
      background-color: #111111;
      color: #fff; }
  .areaFilter_xlDXU.Dark_3GQx5 .continent_2D6UN:hover {
      background-color: #111111;
      color: #fff; }
  .areaFilter_xlDXU.Dark_3GQx5 .body_12zCb {
    position: relative;
    width: 100%;
    height: 258px;
    padding-top: 10px;
    overflow: auto; }
  .areaFilter_xlDXU.Dark_3GQx5 .body_12zCb .countryItem_r5RQj {
      margin-bottom: 10px;
      color: red; }
  .areaFilter_xlDXU.Dark_3GQx5 .body_12zCb .countryItem_r5RQj > div {
        float: left;
        width: 102px; }
  .areaFilter_xlDXU.Dark_3GQx5 .body_12zCb .countryItem_r5RQj .cityItem_3B35u {
        width: calc(100% - 104px);
        color: orange; }
  .areaFilter_xlDXU.Dark_3GQx5 .body_12zCb .countryItem_r5RQj .cityItem_3B35u > div {
          float: left;
          width: 102px; }
  .areaFilter_xlDXU.Dark_3GQx5 .body_12zCb::-webkit-scrollbar {
      width: 3px;
      height: 6px; }
  .areaFilter_xlDXU.Dark_3GQx5 .body_12zCb .area_3bNn2 {
      position: relative;
      width: 100%;
      padding-top: 5px;
      padding-right: 20px;
      padding-left: 10px;
      overflow: auto; }
  .areaFilter_xlDXU.Dark_3GQx5 .body_12zCb .area_3bNn2::-webkit-scrollbar-track-piece {
        background-color: #fff; }

.content_3Ofwb {
  width: 140px;
  padding: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .content_3Ofwb .contentMain_3YwIV {
    width: 100%;
    max-height: 230px;
    padding: 0 20px;
    margin: 20px 0;
    overflow-y: auto; }
  .content_3Ofwb .contentMain_3YwIV::-webkit-scrollbar {
      width: 4px; }
  .content_3Ofwb .contentMain_3YwIV::-webkit-scrollbar-thumb {
      border: none;
      border-radius: 2px;
      background-color: rgba(255, 255, 255, 0.32); }
  .content_3Ofwb .contentMain_3YwIV::-webkit-scrollbar-track {
      border: none;
      border-radius: 0;
      background: transparent; }
  .content_3Ofwb .contentMain_3YwIV::-webkit-scrollbar-track-piece {
      background: transparent; }
  .content_3Ofwb .contentMain_3YwIV .item0_3HVbc {
      height: 25px;
      margin-bottom: 8px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer; }
  .content_3Ofwb .contentMain_3YwIV .item0_3HVbc:hover {
        background: rgba(0, 0, 0, 0.2); }
  .content_3Ofwb .contentMain_3YwIV .item0_3HVbc .left_HlQmm {
        height: 16px;
        font-size: 12px;
        font-weight: 300;
        color: #ffffff;
        line-height: 16px;
        margin-left: 16px; }
  .content_3Ofwb .contentMain_3YwIV .item0_3HVbc.selected_16KfN {
        background: #000; }
  .content_3Ofwb .contentMain_3YwIV .item0_3HVbc.selected_16KfN .close_3KIz9 {
          display: block; }
  .content_3Ofwb .contentMain_3YwIV .item0_3HVbc .close_3KIz9 {
        display: none;
        margin-right: 8px;
        font-size: 6px;
        color: #fff; }
  .content_3Ofwb .contentMain_3YwIV .item1__veeB {
      margin-bottom: 8px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .content_3Ofwb .contentMain_3YwIV .item1__veeB .left_HlQmm {
        border-left: 3px solid #fff;
        padding-left: 6px;
        padding-right: 8px;
        height: 22px;
        font-size: 14px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.99);
        line-height: 22px;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
  .content_3Ofwb .contentMain_3YwIV .item1__veeB .left_HlQmm:hover {
          background: rgba(0, 0, 0, 0.4); }
  .content_3Ofwb .contentMain_3YwIV .item1__veeB .left_HlQmm.selected_16KfN {
          background: #000; }
  .content_3Ofwb .contentMain_3YwIV .item1__veeB .left_HlQmm.selected_16KfN .close_3KIz9 {
            visibility: visible; }
  .content_3Ofwb .contentMain_3YwIV .item1__veeB .left_HlQmm .close_3KIz9 {
          visibility: hidden;
          margin-left: 8px;
          font-size: 10px;
          color: #fff; }
  .content_3Ofwb .contentMain_3YwIV .item1__veeB .right_2BWQi {
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .content_3Ofwb .contentMain_3YwIV .item1__veeB .right_2BWQi .rightItem_3bY40 {
          height: 22px;
          padding: 0 8px;
          border-radius: 4px;
          font-size: 14px;
          font-weight: 300;
          color: #ffffff;
          line-height: 22px;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          margin-left: 6px;
          margin-bottom: 16px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          cursor: pointer; }
  .content_3Ofwb .contentMain_3YwIV .item1__veeB .right_2BWQi .rightItem_3bY40:hover {
            background: rgba(0, 0, 0, 0.4); }
  .content_3Ofwb .contentMain_3YwIV .item1__veeB .right_2BWQi .rightItem_3bY40.selected_16KfN {
            background: #000; }
  .content_3Ofwb .contentMain_3YwIV .item1__veeB .right_2BWQi .rightItem_3bY40.selected_16KfN .close_3KIz9 {
              visibility: visible; }
  .content_3Ofwb .contentMain_3YwIV .item1__veeB .right_2BWQi .rightItem_3bY40 .close_3KIz9 {
            visibility: hidden;
            margin-left: 8px;
            font-size: 10px;
            color: #fff; }

.bar_2m89v {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  -webkit-box-shadow: inset 3px 2px 3px 0px rgba(6, 18, 35, 0.2), inset -2px -3px 3px 0px rgba(255, 255, 255, 0.5);
          box-shadow: inset 3px 2px 3px 0px rgba(6, 18, 35, 0.2), inset -2px -3px 3px 0px rgba(255, 255, 255, 0.5); }
  .bar_2m89v .percent_H_FPI {
    height: 100%;
    border-radius: 10px;
    background: -webkit-gradient(linear, left top, right top, from(#300cff), to(#ebe9fb));
    background: linear-gradient(90deg, #300cff 0%, #ebe9fb 100%);
    position: relative; }
  .bar_2m89v .percent_H_FPI .placement_QX2BP {
      position: absolute;
      right: 3px;
      top: -36px;
      width: 40px;
      height: 24px;
      background: #eceef1;
      -webkit-box-shadow: 3px 2px 4px 0px rgba(0, 0, 0, 0.2), -2px -3px 4px 0px #ffffff;
              box-shadow: 3px 2px 4px 0px rgba(0, 0, 0, 0.2), -2px -3px 4px 0px #ffffff;
      font-size: 12px;
      font-weight: 300;
      color: rgba(29, 28, 67, 0.4);
      line-height: 24px;
      text-align: center;
      -webkit-transform: translateX(50%);
          -ms-transform: translateX(50%);
              transform: translateX(50%); }
  .bar_2m89v .percent_H_FPI .placement_QX2BP .arrow_-WXBX {
        position: absolute;
        right: 50%;
        bottom: -3px;
        width: 6px;
        height: 6px;
        background-color: #eceef1;
        -webkit-transform: translateX(50%) rotate(45deg);
            -ms-transform: translateX(50%) rotate(45deg);
                transform: translateX(50%) rotate(45deg);
        -webkit-box-shadow: 3px 2px 4px 0px rgba(0, 0, 0, 0.2);
                box-shadow: 3px 2px 4px 0px rgba(0, 0, 0, 0.2); }
  .content_1UAHh {
  width: 40px;
  height: 16px;
  font-size: 12px;
  font-weight: 300;
  color: rgba(29, 28, 67, 0.4);
  line-height: 16px;
  text-align: center;
  padding-top: 7px;
  padding-bottom: 20px; }

.bar-popover {
  pointer-events: none;
  z-index: 999;
}
.bar-popover .ant-popover-inner-content {
  background: #eceef1;
  -webkit-box-shadow: 3px 2px 4px 0px rgba(0, 0, 0, 0.2), -2px -3px 4px 0px #ffffff;
          box-shadow: 3px 2px 4px 0px rgba(0, 0, 0, 0.2), -2px -3px 4px 0px #ffffff;
  padding: 0;
}
.bar-popover .ant-popover-content .ant-popover-arrow {
  border-color: #eceef1;
  right: 50%;
  -webkit-transform: translateX(50%) rotate(45deg);
      -ms-transform: translateX(50%) rotate(45deg);
          transform: translateX(50%) rotate(45deg);
}

.curPattern_36GaU {
  height: 100%;
  position: relative; }
  .curPattern_36GaU .funcs_1SRy7 {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .curPattern_36GaU .funcs_1SRy7 .item_n0yjY {
      width: 24px;
      height: 24px;
      background: #eceef1;
      -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2), -2px -2px 6px 0px #ffffff;
              box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2), -2px -2px 6px 0px #ffffff;
      border-radius: 12px;
      margin-right: 16px;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .curPattern_36GaU .funcs_1SRy7 .item_n0yjY:active {
        -webkit-box-shadow: inset 3px 2px 3px 0px rgba(6, 18, 35, 0.2), inset -2px -3px 3px 0px rgba(255, 255, 255, 0.5);
                box-shadow: inset 3px 2px 3px 0px rgba(6, 18, 35, 0.2), inset -2px -3px 3px 0px rgba(255, 255, 255, 0.5); }
  .curPattern_36GaU .funcs_1SRy7 .item_n0yjY:last-child {
        margin-right: 0; }
  .curPattern_36GaU .funcs_1SRy7 .item_n0yjY .normal_rG9L- {
        display: block; }
  .curPattern_36GaU .funcs_1SRy7 .item_n0yjY .hover_3U7rR {
        display: none; }
  .curPattern_36GaU .funcs_1SRy7 .item_n0yjY:hover .normal_rG9L- {
        display: none; }
  .curPattern_36GaU .funcs_1SRy7 .item_n0yjY:hover .hover_3U7rR {
        display: block; }
  .curPattern_36GaU .title_3KrF0 {
    width: 64px;
    height: 22px;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    line-height: 22px;
    margin-bottom: 17px; }
  .curPattern_36GaU .image_Kibxd {
    height: calc(100% - 39px);
    background: rgba(0, 0, 0, 0.04);
    border-radius: 8px;
    position: relative; }
  .curPattern_36GaU .image_Kibxd:hover .cover_122Ah {
      visibility: visible; }
  .curPattern_36GaU .image_Kibxd .cover_122Ah {
      visibility: hidden;
      position: absolute;
      z-index: 10;
      background: rgba(0, 0, 0, 0.6);
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .curPattern_36GaU .image_Kibxd .cover_122Ah img {
        width: 80px;
        height: 80px; }
  .curPattern_36GaU .image_Kibxd img {
      -o-object-fit: contain;
         object-fit: contain;
      width: 100%;
      height: 100%; }
  .warnTitle_3VGMJ {
  padding: 0 6px;
  height: 20px;
  background: #000000;
  border-radius: 4px;
  border: 1px solid #000000;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  line-height: 17px;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px); }
  .warnTitle_3VGMJ.warnTitle2_3uD9C {
    -webkit-transform: translateX(-14px);
        -ms-transform: translateX(-14px);
            transform: translateX(-14px); }

.zhiyiSearchContent_1aT2i .canvasArea_3mucK {
  position: relative;
  width: 320px;
  height: 320px;
  border: 1px solid #E0E1E2;
  margin-bottom: 20px;
  overflow: hidden; }

.zhiyiSearchContent_1aT2i .dragUploadBox_CaSUc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff; }

.zhiyiSearchContent_1aT2i .dragUploadBox_CaSUc > i {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 20;
    font-size: 12px;
    cursor: pointer; }

.zhiyiSearchContent_1aT2i .dragUploadBox_CaSUc > i:hover {
      color: #000; }

.zhiyiSearchContent_1aT2i .btn__epmh {
  width: 100%;
  height: 38px;
  text-align: center;
  line-height: 38px;
  margin-bottom: 10px;
  cursor: pointer; }

.zhiyiSearchContent_1aT2i .btn__epmh i {
    margin-right: 10px; }

.zhiyiSearchContent_1aT2i .btn__epmh.repick_1lC_r {
    background-color: #565C70;
    color: #fff; }

.zhiyiSearchContent_1aT2i .btn__epmh.reupload_1dBFq {
    background-color: #EAEAEA;
    position: relative;
    overflow: hidden; }

.zhiyiSearchContent_1aT2i .btn__epmh.reupload_1dBFq input {
      position: absolute;
      left: 0;
      top: 0;
      width: 340px;
      height: 50px;
      opacity: 0;
      cursor: pointer; }

.searchArea_2bD7y {
  width: 320px;
  height: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .searchArea_2bD7y canvas {
    max-width: 319px;
    max-height: 319px; }

.box_3JkCx {
  display: inline-block;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.imgPreview_Zc2q_ {
  overflow: hidden; }

.imageCropper_2bsOx .sure_9Q7dn, .imageCropper_2bsOx .cancle_UTgZZ {
  float: right;
  width: 56px;
  height: 29px;
  text-align: center;
  line-height: 27px;
  font-size: 12px;
  margin-left: 10px;
  border: 1px solid #E0E0E0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.imageCropper_2bsOx .sure_9Q7dn {
  background-color: #000;
  color: #fff; }

.downBackground_34msG {
  height: 908px;
  min-width: 1300px;
  max-width: 1820px;
  position: relative;
  background: url("https://assets.wow-trend.com/wowtrend/static/resource/images/appDownload/bdc6ac5d.png") no-repeat;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  height: 908px;
  min-width: 1300px;
  background-size: 1820px auto;
  max-width: 1820px;
  margin: auto;
  position: relative;
  overflow-x: hidden; }
  .downBackground_34msG::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: inherit;
    -webkit-filter: blur(12px);
            filter: blur(12px);
    z-index: -1; }
  .downBackground_34msG .backMask_w5HBT {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #00000090; }
  .downBackground_34msG .logo_3YT_U {
    margin: auto;
    width: 128px;
    height: 254px;
    position: relative; }
  .downBackground_34msG .logo_3YT_U img {
      margin-top: 126px;
      width: 100%;
      height: 128px; }
  .downBackground_34msG .title_1Wfpf {
    font-size: 60px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 84px;
    margin-top: 48px;
    text-align: center;
    position: relative; }
  .downBackground_34msG .sub_28BpQ {
    font-size: 39px;
    text-align: center;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 60px;
    position: relative; }
  .downBackground_34msG .qrcode_3C_RA {
    width: 120px;
    height: 120px;
    background-color: #fff;
    padding: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative; }
  .downBackground_34msG .qrcode_3C_RA::before {
      content: '';
      width: 0;
      height: 0;
      border-top: 7px solid #fff;
      border-right: 7px solid transparent;
      border-left: 7px solid transparent;
      position: absolute;
      bottom: -6px;
      left: 0;
      right: 0;
      margin: auto; }
  .downBackground_34msG .qrAndBtn_HQUjn {
    position: relative; }
  .downBackground_34msG .qrAndBtn_HQUjn:hover {
      -webkit-transition: all .1s ease;
      transition: all .1s ease; }
  .downBackground_34msG .qrAndBtn_HQUjn:hover .qrcode_3C_RA {
        display: block; }
  .downBackground_34msG .qrAndBtn_HQUjn .qrcode_3C_RA {
      position: absolute;
      bottom: 76px;
      left: 0;
      right: 0;
      margin: auto;
      display: none; }
  .downBackground_34msG .downBtn_3H1l8 {
    width: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: auto;
    margin-top: 48px; }
  .downBackground_34msG .downBtn_3H1l8 .btn_1WFVT {
      width: 180px;
      height: 60px;
      background-color: #000000;
      border: 2px solid #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      cursor: pointer; }
  .downBackground_34msG .downBtn_3H1l8 .btn_1WFVT:hover {
        -webkit-box-shadow: 2px 2px 1px #fff;
                box-shadow: 2px 2px 1px #fff; }
  .downBackground_34msG .downBtn_3H1l8 .btn_1WFVT p {
        font-size: 18px;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 24px; }
  .downBackground_34msG .downBtn_3H1l8 .btn_1WFVT p span {
          font-weight: normal;
          font-size: 16px; }

.colorHistory_iUaFB {
  padding: 32px 50px 0 50px;
  width: 100%;
  min-height: calc(100vh - 124px);
  position: relative; }
  .colorHistory_iUaFB .list_1YdS_ {
    overflow: auto;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 100%; }
  .colorHistory_iUaFB .list_1YdS_ .item_OGUyI {
      -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
      transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
      transition: transform 0.5s ease, opacity 0.5s ease;
      transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
      float: left;
      margin: 0 30px 32px 0;
      position: relative;
      overflow: hidden;
      width: calc((100% - 30px * 7) / 8);
      padding-top: calc((100% - 30px * 7) / 8); }
  .colorHistory_iUaFB .list_1YdS_ .item_OGUyI:nth-child(8n) {
        margin-right: 0; }
  .colorHistory_iUaFB .list_1YdS_ .item_OGUyI:hover {
        -webkit-box-shadow: 0 2px 5px #ccc;
                box-shadow: 0 2px 5px #ccc; }
  .colorHistory_iUaFB .list_1YdS_ .item_OGUyI.un-active_60Cf7 {
        -webkit-transform: translateY(10%) scale(0.99);
            -ms-transform: translateY(10%) scale(0.99);
                transform: translateY(10%) scale(0.99);
        opacity: 0.1; }
  .colorHistory_iUaFB .list_1YdS_ .item_OGUyI .itemBody_1rCHK {
        overflow: hidden;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        cursor: url("https://assets.wow-trend.com/wowtrend/static/resource/images/b08cb59e.svg") 12 12, pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
  .colorHistory_iUaFB .list_1YdS_ .item_OGUyI .actionPart_mZnu6 {
        -webkit-transition: bottom 0.2s ease-out;
        transition: bottom 0.2s ease-out;
        position: absolute;
        bottom: -30px;
        right: 19px; }
  .colorHistory_iUaFB .list_1YdS_ .item_OGUyI .actionPart_mZnu6 .styleIcon_3Kt4L {
          width: 24px;
          height: 24px;
          background: rgba(0, 0, 0, 0.15);
          border-radius: 4px;
          padding: 4px;
          color: #ffffff;
          cursor: pointer; }
  .colorHistory_iUaFB .list_1YdS_ .item_OGUyI .actionPart_mZnu6 .styleIcon_3Kt4L:hover {
            color: #ddd; }
  .colorHistory_iUaFB .list_1YdS_ .item_OGUyI .actionPart_mZnu6 .styleIcon_3Kt4L:active {
            color: #aaa; }
  .colorHistory_iUaFB .onreslut_3gLGp {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .colorHistory_iUaFB .onreslut_3gLGp > img {
      width: 400px; }
  .colorHistory_iUaFB .onreslut_3gLGp > div {
      width: 96px;
      height: 22px;
      font-size: 16px;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.99);
      line-height: 22px;
      margin-top: 24px;
      text-align: center; }
  .loadingAnimation_3e7LQ {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(200, 200, 200, 0.5); }

.site-info .si-part-item {
  position: relative;
  width: 100%;
}
.site-info .si-part-item img {
  width: 100%;
}
.site-info .si-part-item img.test-arrow {
  width: 7.14%;
  position: absolute;
  left: 0;
  top: 0;
}
.site-info .si-part-item img.test-arrow.top-1 {
  top: 1px;
}
.site-info .overlay-content {
  padding: 0;
}
.site-info .si-product {
  position: relative;
}
.site-info .si-product-container {
  width: 100%;
  padding-top: 5px;
  padding-left: 4px;
  position: absolute;
  width: 84.06593407%;
  height: 89.29845422%;
  top: 5.35077289%;
  left: 12.85714286%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.site-info .si-product-item {
  width: 24.68%;
  border-radius: 12px;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
}
.site-info .si-product-item:hover {
  -webkit-transform: scale(0.98);
      -ms-transform: scale(0.98);
          transform: scale(0.98);
}
.site-info .si-product-item img {
  width: 100%;
}

.colorPurple_1NIOI {
  background-image: linear-gradient(55deg, #b95fff 20.83%, #ce90ff 0, #ce90ff 50%, #b95fff 0, #b95fff 70.83%, #ce90ff 0, #ce90ff);
  -webkit-animation: stripes_1EVlm 1.5s linear infinite, button-pulse_1McoI 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
          animation: stripes_1EVlm 1.5s linear infinite, button-pulse_1McoI 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite; }

.colorGreen_2D43m {
  background-image: linear-gradient(55deg, #00ff80 20.83%, #7cffbe 0, #7cffbe 50%, #00ff80 0, #00ff80 70.83%, #7cffbe 0, #7cffbe);
  -webkit-animation: stripes_1EVlm 1.5s linear infinite, button-pulse_1McoI 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
          animation: stripes_1EVlm 1.5s linear infinite, button-pulse_1McoI 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite; }

.indexContent_2iVOf {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #111;
  border: 1px solid #000000;
  border-top: none;
  border-bottom: none;
  background-color: #FAFAFA;
  overflow: scroll; }

.indexContent_2iVOf::-webkit-scrollbar {
    width: 0; }

.indexContent_2iVOf .bannerBox_1n6sY {
    width: 100%;
    height: 0;
    padding-bottom: 42%;
    position: relative; }

.indexContent_2iVOf .bannerBox_1n6sY .sliderWarp_1beoj {
      float: left;
      position: absolute;
      width: 80.72687%;
      left: 0;
      top: 0;
      height: 100%;
      border: 1px solid #000000;
      border-top: none; }

.indexContent_2iVOf .bannerBox_1n6sY .rankList_37syA {
      float: left;
      position: absolute;
      border-top: none;
      width: 19.27313%;
      right: 0;
      top: 0;
      height: 100%; }

.orderContent_1YD1P,
.pickContent_3M5_k {
  position: relative;
  float: left;
  width: 28.63436%;
  height: 0;
  padding-bottom: 42.73128%; }

.morepickContentBox_3UDyv {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.buttenBox_i0d56 {
  width: 76%;
  height: 90px;
  cursor: pointer; }

.pickBtn_2gqAG {
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  font-weight: bold;
  background-size: 73.25px 104.61px; }

@-webkit-keyframes stripes_1EVlm {
  0% {
    background-position: 0 0; }
  to {
    background-position: 73.25px 0; } }

@keyframes stripes_1EVlm {
  0% {
    background-position: 0 0; }
  to {
    background-position: 73.25px 0; } }

@-webkit-keyframes button-pulse_1McoI {
  50% {
    -webkit-transform: translate(4px, 4px);
            transform: translate(4px, 4px); } }

@keyframes button-pulse_1McoI {
  50% {
    -webkit-transform: translate(4px, 4px);
            transform: translate(4px, 4px); } }

.morePick_1hOzx {
  position: relative;
  float: left;
  width: 42.73128%;
  height: 0;
  padding-bottom: 42.73128%; }

.bookLeft_gad5l {
  position: relative;
  padding-top: 2px;
  float: left;
  width: 63.21586%;
  height: 0;
  padding-bottom: 45.26432%; }

.bookRight_1ti2u {
  position: relative;
  float: left;
  width: 36.78414%;
  height: 0;
  border: 1px solid #000000;
  padding-bottom: 45.26432%; }

.tshows_2rNsG {
  position: relative;
  width: 100%;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000; }

.sliderWarpBox_3F6A9 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.rankListBox_2ek-5 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain; }

.rankListBox_2ek-5::-webkit-scrollbar-track-piece {
    background: #A2D9C7; }

.rankListBox_2ek-5::-webkit-scrollbar {
    width: 0px; }

.contentBox_2aaEu {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.contentBox_2aaEu .hedader_2IKP0 {
    width: 100%;
    height: 15.46392%;
    border: 1px solid #000000;
    padding-top: 25px;
    padding-left: 41px; }

.contentBox_2aaEu .hedader_2IKP0 > div:nth-of-type(1) {
      font-size: 24px;
      font-weight: bold; }

.contentBox_2aaEu .hedader_2IKP0 > div:nth-of-type(2) {
      margin-top: 6px;
      font-size: 14px;
      font-weight: 400; }

.contentBox_2aaEu .showBox_3tpsK {
    cursor: pointer;
    width: 100%;
    height: 84.53608%;
    overflow: hidden;
    border: 1px solid #000000; }

.contentBox_2aaEu .showBox_3tpsK img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center top;
         object-position: center top;
      -webkit-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out; }

.contentBox_2aaEu .showBox_3tpsK:hover img {
      -webkit-transform: scale(1.05);
          -ms-transform: scale(1.05);
              transform: scale(1.05); }

.pickBox_ywXNm {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pickBox_ywXNm .pickHeader_132Pp {
    width: 100%;
    height: 76.80412%;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #000000; }

.pickBox_ywXNm .pickHeader_132Pp img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center top;
         object-position: center top;
      -webkit-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out; }

.pickBox_ywXNm .pickHeader_132Pp:hover img {
      -webkit-transform: scale(1.05);
          -ms-transform: scale(1.05);
              transform: scale(1.05); }

.pickBox_ywXNm .morepickContent_XZ971 {
    width: 100%;
    height: 23.19588%;
    border: 1px solid #000000; }

.bookLeftBox_mcmph {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.bookLeftBox_mcmph .header_13uqz {
    width: 100%;
    height: 15.30612%;
    padding-top: 25px;
    padding-left: 41px;
    border: 1px solid #000000; }

.bookLeftBox_mcmph .header_13uqz > div:nth-of-type(1) {
      font-size: 24px;
      font-weight: bold; }

.bookLeftBox_mcmph .header_13uqz > div:nth-of-type(2) {
      margin-top: 6px;
      font-size: 14px;
      font-weight: 400; }

.bookLeftBox_mcmph .content_2swMW {
    width: 100%;
    height: 84.69388%; }

.bookLeftBox_mcmph .content_2swMW .allimg_3mS2W {
      float: left;
      width: 62.71777%;
      border: 1px solid #000000;
      height: 100%;
      overflow: hidden;
      cursor: pointer; }

.bookLeftBox_mcmph .content_2swMW .allimg_3mS2W img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center top;
           object-position: center top;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out; }

.bookLeftBox_mcmph .content_2swMW .allimg_3mS2W:hover img {
        -webkit-transform: scale(1.05);
            -ms-transform: scale(1.05);
                transform: scale(1.05); }

.bookLeftBox_mcmph .content_2swMW .morebook_vd-os {
      float: left;
      width: 37.28223%;
      height: 100%; }

.bookLeftBox_mcmph .content_2swMW .morebook_vd-os > div:nth-of-type(1) {
        width: 100%;
        height: 68.66097%;
        overflow: hidden;
        cursor: pointer;
        border: 1px solid #000000; }

.bookLeftBox_mcmph .content_2swMW .morebook_vd-os > div:nth-of-type(1) img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          -o-object-position: center top;
             object-position: center top;
          -webkit-transition: all 0.4s ease-in-out;
          transition: all 0.4s ease-in-out; }

.bookLeftBox_mcmph .content_2swMW .morebook_vd-os > div:nth-of-type(1):hover img {
          -webkit-transform: scale(1.05);
              -ms-transform: scale(1.05);
                  transform: scale(1.05); }

.bookLeftBox_mcmph .content_2swMW .morebook_vd-os > div:nth-of-type(2) {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 31.33903%;
        border: 1px solid #000000; }

.bookRightBox_1T5su {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: pointer; }

.bookRightBox_1T5su img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center top;
       object-position: center top;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; }

.bookRightBox_1T5su:hover img {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05); }

.tshows_2rNsG .tsheader_MjmDx {
  height: 120px;
  color: #fff;
  padding-top: 25px;
  padding-left: 41px;
  border: 1px solid #000000;
  background-color: #555C70; }

.tshows_2rNsG .tsheader_MjmDx > div:nth-of-type(1) {
    font-size: 24px;
    font-weight: bold; }

.tshows_2rNsG .tsheader_MjmDx > div:nth-of-type(2) {
    margin-top: 6px;
    font-size: 14px;
    font-weight: 400; }

.tshows_2rNsG .tsContent_2FgmT {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 44.05286%; }

.tshows_2rNsG .tsContent_2FgmT .tsContentBox_WaHLR {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

.tshows_2rNsG .tsContent_2FgmT .tshowBg_2KEKy {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.tshows_2rNsG .tsContent_2FgmT .tshowBg_2KEKy img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center top;
         object-position: center top;
      -webkit-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out; }

.tshows_2rNsG .cardList_3UJBf {
  padding-left: 20px;
  width: 6996px;
  height: 623px; }

.tshows_2rNsG .cardList_3UJBf .cardItem_2ggxj {
    float: left;
    margin-right: 52px;
    width: 382px;
    height: 623px;
    background-color: #fff; }

@media screen and (max-width: 1760px) {
  .tshows_2rNsG .cardList_3UJBf {
    width: 6004px;
    height: 534px; }
    .tshows_2rNsG .cardList_3UJBf .cardItem_2ggxj {
      width: 320px;
      height: 534px; }
  .tshows_2rNsG .cardListbox_3SJ5_ {
    padding-top: 30px; } }

@media screen and (max-width: 1500px) {
  .tshows_2rNsG .cardList_3UJBf {
    width: 5364px;
    height: 467px; }
    .tshows_2rNsG .cardList_3UJBf .cardItem_2ggxj {
      width: 280px;
      height: 467px; }
  .tshows_2rNsG .cardListbox_3SJ5_ {
    padding-top: 30px; } }

.tshows_2rNsG .cardListbox_3SJ5_ {
  width: 100%;
  padding-left: 36px;
  padding-top: 70px;
  padding-bottom: 20px;
  overflow-x: scroll; }

.tshows_2rNsG .cardListbox_3SJ5_::-webkit-scrollbar {
    height: 0; }

.buttonWarp_18IUi {
  padding: 2px 14px 14px 2px;
  overflow: hidden; }

.button_dwcVN {
  position: relative;
  border: 2px solid #111; }

.button_dwcVN:after {
  left: 100%;
  margin-left: 1px;
  -webkit-transform: skewY(45deg);
      -ms-transform: skewY(45deg);
          transform: skewY(45deg);
  position: absolute;
  background-color: #555c70;
  content: "";
  top: 5px;
  bottom: -10px;
  width: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.button_dwcVN:before {
  top: 100%;
  margin-top: 1px;
  -webkit-transform: skew(45deg);
  -ms-transform: skew(45deg);
      transform: skew(45deg); }

.button_dwcVN:after,
.button_dwcVN:before {
  position: absolute;
  background-color: #555c70;
  content: ""; }

.button_dwcVN:before {
  left: 5px;
  right: -9px;
  height: 16px; }

.button_dwcVN.dark_2q668:after {
  background-color: #111; }

.button_dwcVN.dark_2q668:before {
  background-color: #111; }

.scrollBarContainer_1Wx2N {
  position: absolute;
  left: 50px;
  bottom: 44px;
  width: calc(100% - 100px); }

@media screen and (max-width: 1760px) {
    .scrollBarContainer_1Wx2N {
      bottom: 30px; } }

@media screen and (max-width: 1360px) {
    .scrollBarContainer_1Wx2N {
      bottom: 8px; } }

.home-tsslider {
  position: absolute;
  left: 50px;
  width: 90%;
  bottom: 60px;
}
.home-tsslider .ant-slider-step {
  height: 18px;
}
.home-tsslider .ant-slider-track {
  height: 18px;
}
.home-tsslider .ant-slider-rail {
  height: 18px;
  border-radius: 9px;
}
.home-tsslider .ant-slider-handle {
  border: 2px solid #000;
  background-color: #BA8CF2;
}

.rank-list-wrapper-new {
  position: relative;
}
.rank-list-wrapper-new .ant-affix .data-header {
  background-color: #FF7030;
}
.rank-list-wrapper-new .ant-affix .data-header .title {
  color: #fff;
}
.rank-list-wrapper-new .ant-affix .data-header a {
  color: #fff;
}
.rank-list-wrapper-new .data-header {
  border-bottom: 1px solid #e8e8e8;
}
.rank-list-wrapper-new .data-header .center {
  padding: 10px 0 10px 0px;
  width: 90%;
  max-width: 1727px;
  margin: 0 auto;
}
.rank-list-wrapper-new .data-header .title {
  float: left;
  font-size: 18px;
  font-weight: bold;
}
.rank-list-wrapper-new .data-header .operator {
  float: right;
  padding-right: 18%;
}
.rank-list-wrapper-new .data-header .drop {
  color: rgba(0, 0, 0, 0.65);
}
.rank-list-wrapper-new .data-header a {
  color: rgba(0, 0, 0, 0.65);
}
.rank-list-wrapper-new .rank-list-layout {
  width: 90%;
  max-width: 1727px;
}
.rank-list-wrapper-new .rank-list-layout .rank-step {
  width: 17%;
  position: sticky;
  -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);
  float: right;
}
.rank-list-wrapper-new .rank-list-layout .rank-step .left {
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
}
.rank-list-wrapper-new .rank-list-layout .rank-step .left .circle {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #e5e5e5;
  border-radius: 50%;
  z-index: 2;
}
.rank-list-wrapper-new .rank-list-layout .rank-step .left .line {
  position: absolute;
  left: 5px;
  width: 2px;
  height: 531px;
  background: #d2d2d2;
  z-index: 1;
}
.rank-list-wrapper-new .rank-list-layout .rank-step .left .active {
  background: #89aaa6;
}
.rank-list-wrapper-new .rank-list-layout .rank-step .main {
  position: absolute;
  top: 0;
  left: 27px;
  width: 90%;
}
.rank-list-wrapper-new .rank-list-layout .rank-step .main .item {
  position: absolute;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #a0a0a0;
  line-height: 20px;
  cursor: pointer;
}
.rank-list-wrapper-new .rank-list-layout .rank-step .main .item .children {
  width: 175px;
  position: absolute;
  top: 40px;
  color: #a0a0a0;
}
.rank-list-wrapper-new .rank-list-layout .rank-step .main .item .children .child {
  cursor: pointer;
  margin-top: 2.5px;
}
.rank-list-wrapper-new .rank-list-layout .rank-step .main .active {
  background: rgba(23, 88, 81, 0.5);
  border-radius: 6px;
  color: #fff;
}
.rank-list-wrapper-new .border-wrapper {
  border-radius: 10px;
  border: 1px solid #ddd;
  margin-bottom: 70px;
}
.rank-list-wrapper-new .rank-list-main {
  width: 82%;
  position: relative;
  padding-top: 40px;
}
.rank-list-wrapper-new .rank-list-main .anchor {
  position: relative;
  top: -41px;
}
.rank-list-wrapper-new .rank-list-frame-1 {
  position: relative;
  width: 100%;
  margin-bottom: 50px;
}
.rank-list-wrapper-new .rank-list-frame-1 .title {
  position: absolute;
  top: 12px;
  left: 16px;
  font-size: 28px;
  font-weight: bold;
  color: #000000;
  z-index: 3;
}
.rank-list-wrapper-new .rank-list-frame-1 i {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  background-color: #F8B551;
  border-radius: 50%;
  left: 68%;
  top: 13.25%;
}
.rank-list-wrapper-new .rank-list-frame-1 > img.bg {
  display: block;
  margin: 0 auto;
  width: 100%;
}
.rank-list-wrapper-new .rank-list-frame-1 .ranklist-poster-1,
.rank-list-wrapper-new .rank-list-frame-1 .ranklist-poster-2,
.rank-list-wrapper-new .rank-list-frame-1 .ranklist-poster-3 {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.rank-list-wrapper-new .rank-list-frame-1 .ranklist-poster-1 i,
.rank-list-wrapper-new .rank-list-frame-1 .ranklist-poster-2 i,
.rank-list-wrapper-new .rank-list-frame-1 .ranklist-poster-3 i {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  background-color: #F8B551;
  border-radius: 50%;
}
.rank-list-wrapper-new .rank-list-frame-1 .ranklist-poster-1 img,
.rank-list-wrapper-new .rank-list-frame-1 .ranklist-poster-2 img,
.rank-list-wrapper-new .rank-list-frame-1 .ranklist-poster-3 img {
  display: block;
  width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.rank-list-wrapper-new .rank-list-frame-1 .ranklist-poster-1:hover,
.rank-list-wrapper-new .rank-list-frame-1 .ranklist-poster-2:hover,
.rank-list-wrapper-new .rank-list-frame-1 .ranklist-poster-3:hover {
  z-index: 3;
}
.rank-list-wrapper-new .rank-list-frame-1 .ranklist-poster-1:hover img,
.rank-list-wrapper-new .rank-list-frame-1 .ranklist-poster-2:hover img,
.rank-list-wrapper-new .rank-list-frame-1 .ranklist-poster-3:hover img {
  -webkit-transform: scale(1.05, 1.03);
      -ms-transform: scale(1.05, 1.03);
          transform: scale(1.05, 1.03);
}
.rank-list-wrapper-new .rank-list-frame-1 .ranklist-poster-1 {
  position: absolute;
  top: 55%;
  left: 16.4%;
  z-index: 2;
  width: 21%;
}
.rank-list-wrapper-new .rank-list-frame-1 .ranklist-poster-1 i {
  top: -16px;
  right: -29px;
}
.rank-list-wrapper-new .rank-list-frame-1 .ranklist-poster-2 {
  position: absolute;
  top: 58%;
  left: 37.4%;
  z-index: 3;
  width: 22.1%;
}
.rank-list-wrapper-new .rank-list-frame-1 .ranklist-poster-2 i {
  top: -21px;
  left: -27px;
}
.rank-list-wrapper-new .rank-list-frame-1 .ranklist-poster-3 {
  position: absolute;
  top: 8%;
  left: 30%;
  z-index: 2;
  width: 21%;
}
.rank-list-wrapper-new .rank-list-frame-1 .ranklist-poster-3 i {
  top: -21px;
  left: -27px;
}
.rank-list-wrapper-new .rank-list-frame-1 .ranklist-text-1 {
  position: absolute;
  top: 48%;
  left: 10%;
  width: 11.3%;
  z-index: 1;
}
.rank-list-wrapper-new .rank-list-frame-1 .ranklist-text-1 img {
  display: block;
  width: 100%;
}
.rank-list-wrapper-new .rank-list-frame-1 .ranklist-text-2 {
  position: absolute;
  top: 70%;
  left: 61%;
  width: 16.1%;
  z-index: 5;
}
.rank-list-wrapper-new .rank-list-frame-1 .ranklist-text-2 img {
  display: block;
  width: 100%;
}
.rank-list-wrapper-new .rank-list-frame-1 .ranklist-text-3 {
  position: absolute;
  top: 20%;
  left: 52.5%;
  width: 9.7%;
  z-index: 5;
}
.rank-list-wrapper-new .rank-list-frame-1 .ranklist-text-3 img {
  display: block;
  width: 100%;
}
.rank-list-wrapper-new .rank-list-frame-2 {
  position: relative;
  width: 100%;
  margin-bottom: 50px;
}
.rank-list-wrapper-new .rank-list-frame-2 > img.bg {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.rank-list-wrapper-new .rank-list-frame-2 > h4 {
  position: absolute;
  top: 3px;
  left: 10px;
  margin: 0;
  font-size: 28px;
  font-weight: bold;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-1:hover,
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-2:hover,
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-3:hover,
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-4:hover,
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-5:hover,
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-6:hover,
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-7:hover,
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-8:hover {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 4;
  -webkit-transform: scale(1.02, 1.02);
      -ms-transform: scale(1.02, 1.02);
          transform: scale(1.02, 1.02);
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-1 {
  position: absolute;
  top: 40%;
  left: 0;
  width: 16%;
  color: #000;
  z-index: 2;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-1 img {
  display: block;
  width: 100%;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-1 i {
  position: absolute;
  top: 20%;
  left: 28%;
  font-size: 16px;
  font-weight: bold;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-1 p {
  position: absolute;
  top: 36%;
  left: 30%;
  margin: 0;
  font-size: 14px;
  text-align: left;
  line-height: 16px;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-2 {
  position: absolute;
  top: 25%;
  left: 8%;
  width: 19.4%;
  color: #fff;
  z-index: 2;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-2 img {
  display: block;
  width: 100%;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-2 i {
  position: absolute;
  top: 20%;
  left: 70%;
  font-size: 16px;
  font-weight: bold;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-2 p {
  position: absolute;
  top: 36%;
  left: 30%;
  margin: 0;
  font-size: 14px;
  text-align: left;
  line-height: 16px;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-3 {
  position: absolute;
  top: 37.8%;
  left: 19.5%;
  width: 14%;
  color: #fff;
  z-index: 2;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-3 img {
  display: block;
  width: 100%;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-3 i {
  position: absolute;
  top: 13%;
  left: 70%;
  font-size: 16px;
  font-weight: bold;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-3 p {
  position: absolute;
  top: 36%;
  left: 34%;
  margin: 0;
  font-size: 14px;
  text-align: left;
  line-height: 16px;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-4 {
  position: absolute;
  top: 41.8%;
  left: 30%;
  width: 14%;
  color: #fff;
  z-index: 1;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-4 img {
  display: block;
  width: 100%;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-4 i {
  position: absolute;
  top: 13%;
  left: 76%;
  font-size: 16px;
  font-weight: bold;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-4 p {
  position: absolute;
  top: 30%;
  left: 35%;
  margin: 0;
  font-size: 14px;
  text-align: left;
  line-height: 16px;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-5 {
  position: absolute;
  top: 35%;
  left: 45%;
  width: 15.5%;
  color: #fff;
  z-index: 1;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-5 img {
  display: block;
  width: 100%;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-5 i {
  position: absolute;
  top: 13%;
  left: 61%;
  font-size: 16px;
  font-weight: bold;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-5 p {
  position: absolute;
  top: 28%;
  left: 25%;
  margin: 0;
  font-size: 14px;
  text-align: left;
  line-height: 16px;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-6 {
  position: absolute;
  top: 26%;
  left: 56%;
  width: 18%;
  color: #fff;
  z-index: 3;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-6 img {
  display: block;
  width: 100%;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-6 i {
  position: absolute;
  top: 17%;
  left: 61%;
  font-size: 16px;
  font-weight: bold;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-6 p {
  position: absolute;
  top: 35%;
  left: 39%;
  margin: 0;
  font-size: 14px;
  text-align: left;
  line-height: 16px;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-7 {
  position: absolute;
  top: 23%;
  right: 14.5%;
  width: 16%;
  color: #fff;
  z-index: 2;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-7 img {
  display: block;
  width: 100%;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-7 i {
  position: absolute;
  top: 10%;
  right: 28%;
  font-size: 16px;
  font-weight: bold;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-7 p {
  position: absolute;
  top: 30%;
  left: 30%;
  margin: 0;
  font-size: 14px;
  text-align: left;
  line-height: 16px;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-8 {
  position: absolute;
  top: 13%;
  right: 1%;
  width: 16%;
  color: #fff;
  z-index: 1;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-8 img {
  display: block;
  width: 100%;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-8 i {
  position: absolute;
  top: 10%;
  right: 28%;
  font-size: 16px;
  font-weight: bold;
}
.rank-list-wrapper-new .rank-list-frame-2 .ranklist-color-8 p {
  position: absolute;
  top: 35%;
  left: 39%;
  margin: 0;
  font-size: 14px;
  text-align: left;
  line-height: 16px;
}
.rank-list-wrapper-new .rank-list-frame-3 {
  position: relative;
  width: 100%;
  border-radius: 10px;
  margin-bottom: 50px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.rank-list-wrapper-new .rank-list-frame-3 > h4 {
  margin: 3px 0 0 10px;
  font-size: 28px;
  font-weight: bold;
}
.rank-list-wrapper-new .rank-list-frame-3 .h-ins {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  margin-top: 30px;
  margin-bottom: 70px;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box-container {
  position: relative;
  width: 100%;
  min-height: 1830px;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box {
  position: absolute;
  width: 30%;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box h4 {
  font-weight: bold;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box h5 {
  margin: 0 0 17px;
  font-weight: bold;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box h5 em {
  display: block;
  font-size: 16px;
  font-weight: bold;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box h5 i {
  display: block;
  width: 40px;
  height: 14px;
  background-color: #FC2553;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box p {
  font-weight: 400;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box figure {
  margin: 0;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box figure img {
  float: left;
  max-width: 50%;
  margin: 0 auto;
  cursor: pointer;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box figcaption {
  float: left;
  width: 48%;
  margin-left: 2%;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box figcaption h4,
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box figcaption h5,
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box figcaption p {
  margin: 0;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box figcaption h4 {
  font-size: 18px;
  color: #FC2553;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box figcaption h5 {
  font-size: 14px;
  color: #FC2553;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box figcaption p {
  width: 100%;
  background-color: #FC2553;
  color: #fff;
  padding: 2px 3px;
  -webkit-box-shadow: 4px 4px 1px #fec8d4;
          box-shadow: 4px 4px 1px #fec8d4;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box figcaption p i {
  float: right;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box.box-1 {
  width: 50%;
  left: 20px;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box.box-2 {
  top: 80px;
  left: 56%;
  width: 36%;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box.box-3 {
  top: 500px;
  left: 10%;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box.box-4 {
  top: 550px;
  left: 51%;
  width: 28%;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box.box-5 {
  top: 850px;
  left: 20px;
  width: 30%;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box.box-6 {
  top: 850px;
  left: 55%;
  width: 33%;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box.box-7 {
  top: 1200px;
  left: 20px;
  width: 33%;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box.box-7 p {
  width: 120px;
  text-align: center;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box.box-8 {
  top: 1550px;
  left: 18%;
  width: 33%;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box.box-8 p {
  width: 100px;
  text-align: center;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box.box-9 {
  top: 1240px;
  left: 44%;
  width: 33%;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box.box-9 p {
  width: 100px;
  text-align: center;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box.box-10 {
  top: 1425px;
  left: 70%;
  width: 33%;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-box.box-10 p {
  width: 120px;
  text-align: center;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-chart-box {
  position: relative;
  margin-bottom: 20px;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-chart-box > h4 {
  font-size: 16px;
  font-weight: bold;
  margin-left: 20px;
  margin-bottom: 20px;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-chart-box .bg {
  display: block;
  max-width: 98%;
  margin-left: 20px;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-chart-box .ins-portrait:hover {
  -webkit-transform: scale(1.06, 1.06);
      -ms-transform: scale(1.06, 1.06);
          transform: scale(1.06, 1.06);
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-chart-box .ins-portrait {
  text-align: center;
  position: absolute;
  margin: 0;
  width: 7.7%;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-chart-box .ins-portrait .ins-img-container {
  width: 109px;
  height: 109px;
  border-radius: 50%;
  overflow: hidden;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-chart-box .ins-portrait .ins-img-container img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-chart-box .ins-portrait figcaption {
  margin: 0 auto;
  display: inline-block;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-chart-box .ins-portrait h4,
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-chart-box .ins-portrait h5 {
  margin: 0;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-chart-box .ins-portrait h4 {
  font-weight: bold;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-chart-box .ins-portrait h5 {
  font-size: 12px;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait1 {
  bottom: 1.3%;
  left: 7.5%;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait2 {
  bottom: 11%;
  left: 16%;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait3 {
  bottom: 38%;
  left: 24%;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait4 {
  bottom: 19%;
  left: 32%;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait5 {
  bottom: 1.2%;
  left: 40%;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait6 {
  bottom: 1%;
  left: 49%;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait7 {
  bottom: 9%;
  left: 57%;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait8 {
  bottom: 42%;
  left: 60%;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait9 {
  left: 67%;
  bottom: 11.5%;
}
.rank-list-wrapper-new .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait10 {
  bottom: 53%;
  left: 72.5%;
}
.rank-list-wrapper-new .ins-divider {
  width: 98%;
  margin: 1px auto 10px;
  height: 1px;
  background-color: #000;
}
.rank-list-wrapper-new .rank-list-frame-4 {
  padding-top: 1px;
  padding-bottom: 1px;
  margin-bottom: 30px;
}
.rank-list-wrapper-new .rank-list-frame-4 .design-h {
  display: block;
  width: 40%;
  margin: 30px auto 50px;
}
.rank-list-wrapper-new .rank-list-frame-4 ul {
  width: 95%;
  margin: 0 auto;
}
.rank-list-wrapper-new .rank-list-frame-4 ul li {
  float: left;
  width: 23%;
  margin: 1%;
  height: 320px;
  background-color: #C39547;
  padding: 1px 0 3.5%;
  cursor: pointer;
}
.rank-list-wrapper-new .rank-list-frame-4 ul li img {
  display: block;
  max-width: 72%;
  margin: 12px auto 42px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.rank-list-wrapper-new .rank-list-frame-4 ul li em {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  width: 93%;
  margin: 0 auto;
}
.rank-list-wrapper-new .rank-list-frame-4 ul li:hover img {
  -webkit-transform: scale(1.05, 1.05);
      -ms-transform: scale(1.05, 1.05);
          transform: scale(1.05, 1.05);
}
.rank-list-wrapper-new .rank-list-frame-4 .annotation {
  width: 92.5%;
  margin: 60px auto;
}
.rank-list-wrapper-new .rank-list-frame-6 .top-h {
  display: block;
  max-width: 100%;
  margin: 60px auto 80px;
}
.rank-list-wrapper-new .rank-list-frame-6 .top-main > ul {
  width: 46%;
}
.rank-list-wrapper-new .rank-list-frame-6 .top-main > ul:nth-child(1) {
  float: left;
}
.rank-list-wrapper-new .rank-list-frame-6 .top-main > ul:nth-child(2) {
  float: right;
}
.rank-list-wrapper-new .rank-list-frame-6 .top-main > ul > li {
  position: relative;
  width: 100%;
  margin-bottom: 25px;
}
.rank-list-wrapper-new .rank-list-frame-6 .top-main > ul > li > h4,
.rank-list-wrapper-new .rank-list-frame-6 .top-main > ul > li > h5 {
  margin: 0;
}
.rank-list-wrapper-new .rank-list-frame-6 .top-main > ul > li > h4 {
  position: absolute;
  top: -24px;
  left: 1px;
  color: #20C997;
  font-size: 68px;
  width: 72px;
  text-align: right;
}
.rank-list-wrapper-new .rank-list-frame-6 .top-main > ul > li > h5 {
  font-size: 18px;
  padding-left: 85px;
  cursor: pointer;
}
.rank-list-wrapper-new .rank-list-frame-6 .top-main > ul > li > div.p {
  width: 100%;
  height: 90px;
  padding-left: 85px;
  padding-right: 10px;
  line-height: 23px;
  cursor: pointer;
}
.rank-list-wrapper-new .rank-list-frame-6 .all100 {
  display: block;
  width: 160px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  font-size: 22px;
  border: none;
  outline: none;
  margin: 60px auto 60px;
  background-color: #20C997;
  cursor: pointer;
}
.rank-list-wrapper-new .rank-list-aside {
  position: absolute;
  right: 0;
}
.rank-list-wrapper-new .rank-list-aside .home-right-nev-wrapper {
  position: relative;
}
.ranklist-modal-main {
  padding-top: 10px;
}
.ranklist-modal-allBrands .ranklist-modal-allBrands-main {
  width: 100%;
  padding-left: 3%;
}
.ranklist-modal-allBrands .ranklist-modal-allBrands-main ul {
  float: left;
  width: 24.6%;
  margin-bottom: 30px;
}
.ranklist-modal-allBrands .ranklist-modal-allBrands-main ul li {
  cursor: pointer;
}
.ranklist-modal-allBrands .ranklist-modal-allBrands-main ul li:hover {
  color: #20C997;
}
.ranklist-modal-allBrands .ranklist-modal-allBrands-main ul i {
  padding-right: 8px;
}
@media screen and (min-width: 1300px) and (max-width: 1550px) {
  .rank-list-wrapper .rank-list-frame-1 .ranklist-poster-1 {
    top: 33%;
    left: 16%;
  }
  .rank-list-wrapper .rank-list-frame-1 .ranklist-poster-2 {
    top: 25%;
    left: 51%;
  }
  .rank-list-wrapper .rank-list-frame-1 .ranklist-poster-3 {
    top: 16.3%;
    right: 8.7%;
  }
  .rank-list-wrapper .rank-list-frame-1 .ranklist-text-1 {
    left: 5.4%;
  }
  .rank-list-wrapper .rank-list-frame-1 .ranklist-text-2 {
    left: 43.5%;
  }
  .rank-list-wrapper .rank-list-frame-1 .ranklist-text-3 {
    right: 5.6%;
  }
  .rank-list-wrapper .rank-list-frame-6 .top-main > ul > li {
    margin-bottom: 36px;
  }
  .rank-list-wrapper .rank-list-frame-3 .h-ins {
    width: 55%;
  }
  .rank-list-wrapper .rank-list-frame-2 .ranklist-color-1 p,
  .rank-list-wrapper .rank-list-frame-2 .ranklist-color-2 p,
  .rank-list-wrapper .rank-list-frame-2 .ranklist-color-3 p,
  .rank-list-wrapper .rank-list-frame-2 .ranklist-color-4 p,
  .rank-list-wrapper .rank-list-frame-2 .ranklist-color-5 p,
  .rank-list-wrapper .rank-list-frame-2 .ranklist-color-6 p,
  .rank-list-wrapper .rank-list-frame-2 .ranklist-color-7 p,
  .rank-list-wrapper .rank-list-frame-2 .ranklist-color-8 p {
    font-size: 12px;
  }
  .rank-list-wrapper .rank-list-frame-2 .ranklist-color-2 p {
    left: 34%;
  }
  .rank-list-wrapper .rank-list-frame-2 .ranklist-color-3 p {
    left: 25%;
  }
  .rank-list-wrapper .rank-list-frame-2 .ranklist-color-4 p {
    top: 28%;
    left: 29%;
  }
}

.rank-list-wrapper {
  position: relative;
}
.rank-list-wrapper .ant-affix .data-header {
  background-color: #FF7030;
}
.rank-list-wrapper .ant-affix .data-header .title {
  color: #fff;
}
.rank-list-wrapper .ant-affix .data-header a {
  color: #fff;
}
.rank-list-wrapper .data-header {
  border-bottom: 1px solid #e8e8e8;
}
.rank-list-wrapper .data-header .center {
  padding: 10px 0 10px 0px;
  width: 90%;
  max-width: 1727px;
  margin: 0 auto;
}
.rank-list-wrapper .data-header .title {
  float: left;
  font-size: 18px;
  font-weight: bold;
}
.rank-list-wrapper .data-header .operator {
  float: right;
  padding-right: 18%;
}
.rank-list-wrapper .data-header .drop {
  color: rgba(0, 0, 0, 0.65);
}
.rank-list-wrapper .data-header a {
  color: rgba(0, 0, 0, 0.65);
}
.rank-list-wrapper .rank-list-layout {
  width: 90%;
  max-width: 1727px;
}
.rank-list-wrapper .rank-list-layout .rank-step {
  width: 17%;
  position: sticky;
  -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);
  float: right;
}
.rank-list-wrapper .rank-list-layout .rank-step .left {
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
}
.rank-list-wrapper .rank-list-layout .rank-step .left .circle {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #e5e5e5;
  border-radius: 50%;
  z-index: 2;
}
.rank-list-wrapper .rank-list-layout .rank-step .left .line {
  position: absolute;
  left: 5px;
  width: 2px;
  height: 531px;
  background: #d2d2d2;
  z-index: 1;
}
.rank-list-wrapper .rank-list-layout .rank-step .left .active {
  background: #89aaa6;
}
.rank-list-wrapper .rank-list-layout .rank-step .main {
  position: absolute;
  top: 0;
  left: 27px;
  width: 90%;
}
.rank-list-wrapper .rank-list-layout .rank-step .main .item {
  position: absolute;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #a0a0a0;
  line-height: 20px;
  cursor: pointer;
}
.rank-list-wrapper .rank-list-layout .rank-step .main .item .children {
  width: 175px;
  position: absolute;
  top: 40px;
  color: #a0a0a0;
}
.rank-list-wrapper .rank-list-layout .rank-step .main .item .children .child {
  cursor: pointer;
  margin-top: 2.5px;
}
.rank-list-wrapper .rank-list-layout .rank-step .main .active {
  background: rgba(23, 88, 81, 0.5);
  border-radius: 6px;
  color: #fff;
}
.rank-list-wrapper .border-wrapper {
  border-radius: 10px;
  border: 1px solid #ddd;
  margin-bottom: 70px;
}
.rank-list-wrapper .rank-list-main {
  width: 82%;
  position: relative;
  padding-top: 40px;
}
.rank-list-wrapper .rank-list-main .anchor {
  position: relative;
  top: -41px;
}
.rank-list-wrapper .rank-list-frame-1 {
  position: relative;
  width: 100%;
  margin-bottom: 50px;
}
.rank-list-wrapper .rank-list-frame-1 .title {
  position: absolute;
  top: 12px;
  left: 16px;
  font-size: 28px;
  font-weight: bold;
  color: #000000;
}
.rank-list-wrapper .rank-list-frame-1 > img.bg {
  display: block;
  margin: 0 auto;
  width: 100%;
}
.rank-list-wrapper .rank-list-frame-1 .ranklist-poster-1,
.rank-list-wrapper .rank-list-frame-1 .ranklist-poster-2,
.rank-list-wrapper .rank-list-frame-1 .ranklist-poster-3 {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.rank-list-wrapper .rank-list-frame-1 .ranklist-poster-1 i,
.rank-list-wrapper .rank-list-frame-1 .ranklist-poster-2 i,
.rank-list-wrapper .rank-list-frame-1 .ranklist-poster-3 i {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  background-color: #F8B551;
  border-radius: 50%;
}
.rank-list-wrapper .rank-list-frame-1 .ranklist-poster-1 img,
.rank-list-wrapper .rank-list-frame-1 .ranklist-poster-2 img,
.rank-list-wrapper .rank-list-frame-1 .ranklist-poster-3 img {
  display: block;
  width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.rank-list-wrapper .rank-list-frame-1 .ranklist-poster-1:hover,
.rank-list-wrapper .rank-list-frame-1 .ranklist-poster-2:hover,
.rank-list-wrapper .rank-list-frame-1 .ranklist-poster-3:hover {
  z-index: 3;
}
.rank-list-wrapper .rank-list-frame-1 .ranklist-poster-1:hover img,
.rank-list-wrapper .rank-list-frame-1 .ranklist-poster-2:hover img,
.rank-list-wrapper .rank-list-frame-1 .ranklist-poster-3:hover img {
  -webkit-transform: scale(1.05, 1.03);
      -ms-transform: scale(1.05, 1.03);
          transform: scale(1.05, 1.03);
}
.rank-list-wrapper .rank-list-frame-1 .ranklist-poster-1 {
  position: absolute;
  top: 32.7%;
  left: 16.4%;
  z-index: 2;
  width: 21%;
}
.rank-list-wrapper .rank-list-frame-1 .ranklist-poster-1 i {
  top: -16px;
  right: -29px;
}
.rank-list-wrapper .rank-list-frame-1 .ranklist-poster-2 {
  position: absolute;
  top: 24%;
  left: 50.5%;
  z-index: 3;
  width: 22.1%;
}
.rank-list-wrapper .rank-list-frame-1 .ranklist-poster-2 i {
  top: -21px;
  left: -27px;
}
.rank-list-wrapper .rank-list-frame-1 .ranklist-poster-3 {
  position: absolute;
  top: 16%;
  right: 9%;
  z-index: 2;
  width: 21%;
}
.rank-list-wrapper .rank-list-frame-1 .ranklist-poster-3 i {
  top: -21px;
  left: -27px;
}
.rank-list-wrapper .rank-list-frame-1 .ranklist-text-1 {
  position: absolute;
  top: 35%;
  left: 6%;
  width: 11.3%;
  z-index: 5;
}
.rank-list-wrapper .rank-list-frame-1 .ranklist-text-1 img {
  display: block;
  width: 100%;
}
.rank-list-wrapper .rank-list-frame-1 .ranklist-text-2 {
  position: absolute;
  top: 32%;
  left: 43%;
  width: 16.1%;
  z-index: 5;
}
.rank-list-wrapper .rank-list-frame-1 .ranklist-text-2 img {
  display: block;
  width: 100%;
}
.rank-list-wrapper .rank-list-frame-1 .ranklist-text-3 {
  position: absolute;
  top: 23%;
  right: 6%;
  width: 9.7%;
  z-index: 5;
}
.rank-list-wrapper .rank-list-frame-1 .ranklist-text-3 img {
  display: block;
  width: 100%;
}
.rank-list-wrapper .rank-list-frame-2 {
  position: relative;
  width: 100%;
  margin-bottom: 50px;
}
.rank-list-wrapper .rank-list-frame-2 > img.bg {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.rank-list-wrapper .rank-list-frame-2 > h4 {
  position: absolute;
  top: 3px;
  left: 10px;
  margin: 0;
  font-size: 28px;
  font-weight: bold;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-1:hover,
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-2:hover,
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-3:hover,
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-4:hover,
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-5:hover,
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-6:hover,
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-7:hover,
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-8:hover {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 4;
  -webkit-transform: scale(1.02, 1.02);
      -ms-transform: scale(1.02, 1.02);
          transform: scale(1.02, 1.02);
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-1 {
  position: absolute;
  top: 40%;
  left: 0;
  width: 16%;
  color: #000;
  z-index: 2;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-1 img {
  display: block;
  width: 100%;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-1 i {
  position: absolute;
  top: 20%;
  left: 28%;
  font-size: 16px;
  font-weight: bold;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-1 p {
  position: absolute;
  top: 36%;
  left: 30%;
  margin: 0;
  font-size: 14px;
  text-align: center;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-2 {
  position: absolute;
  top: 25%;
  left: 8%;
  width: 19.4%;
  color: #fff;
  z-index: 2;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-2 img {
  display: block;
  width: 100%;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-2 i {
  position: absolute;
  top: 20%;
  left: 70%;
  font-size: 16px;
  font-weight: bold;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-2 p {
  position: absolute;
  top: 36%;
  left: 42%;
  margin: 0;
  font-size: 14px;
  text-align: center;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-3 {
  position: absolute;
  top: 37.8%;
  left: 19.5%;
  width: 14%;
  color: #fff;
  z-index: 2;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-3 img {
  display: block;
  width: 100%;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-3 i {
  position: absolute;
  top: 13%;
  left: 70%;
  font-size: 16px;
  font-weight: bold;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-3 p {
  position: absolute;
  top: 36%;
  left: 34%;
  margin: 0;
  font-size: 14px;
  text-align: center;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-4 {
  position: absolute;
  top: 41.8%;
  left: 30%;
  width: 14%;
  color: #fff;
  z-index: 1;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-4 img {
  display: block;
  width: 100%;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-4 i {
  position: absolute;
  top: 13%;
  left: 76%;
  font-size: 16px;
  font-weight: bold;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-4 p {
  position: absolute;
  top: 36%;
  left: 38%;
  margin: 0;
  font-size: 14px;
  text-align: center;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-5 {
  position: absolute;
  top: 35%;
  left: 45%;
  width: 15.5%;
  color: #fff;
  z-index: 1;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-5 img {
  display: block;
  width: 100%;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-5 i {
  position: absolute;
  top: 13%;
  left: 61%;
  font-size: 16px;
  font-weight: bold;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-5 p {
  position: absolute;
  top: 28%;
  left: 30%;
  margin: 0;
  font-size: 14px;
  text-align: center;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-6 {
  position: absolute;
  top: 26%;
  left: 56%;
  width: 18%;
  color: #fff;
  z-index: 3;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-6 img {
  display: block;
  width: 100%;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-6 i {
  position: absolute;
  top: 17%;
  left: 61%;
  font-size: 16px;
  font-weight: bold;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-6 p {
  position: absolute;
  top: 35%;
  left: 39%;
  margin: 0;
  font-size: 14px;
  text-align: center;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-7 {
  position: absolute;
  top: 23%;
  right: 14.5%;
  width: 16%;
  color: #fff;
  z-index: 2;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-7 img {
  display: block;
  width: 100%;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-7 i {
  position: absolute;
  top: 10%;
  right: 28%;
  font-size: 16px;
  font-weight: bold;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-7 p {
  position: absolute;
  top: 35%;
  left: 39%;
  margin: 0;
  font-size: 14px;
  text-align: center;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-8 {
  position: absolute;
  top: 13%;
  right: 1%;
  width: 16%;
  color: #fff;
  z-index: 1;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-8 img {
  display: block;
  width: 100%;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-8 i {
  position: absolute;
  top: 10%;
  right: 28%;
  font-size: 16px;
  font-weight: bold;
}
.rank-list-wrapper .rank-list-frame-2 .ranklist-color-8 p {
  position: absolute;
  top: 35%;
  left: 39%;
  margin: 0;
  font-size: 14px;
  text-align: center;
}
.rank-list-wrapper .rank-list-frame-3 {
  position: relative;
  width: 100%;
  border-radius: 10px;
  margin-bottom: 50px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.rank-list-wrapper .rank-list-frame-3 > h4 {
  margin: 3px 0 0 10px;
  font-size: 28px;
  font-weight: bold;
}
.rank-list-wrapper .rank-list-frame-3 .h-ins {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  margin-top: 30px;
  margin-bottom: 70px;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-box-container {
  position: relative;
  width: 100%;
  min-height: 1830px;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-box {
  position: absolute;
  width: 30%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-box h5 {
  margin: 0 0 17px;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-box h5 em {
  display: block;
  font-size: 16px;
  font-weight: bold;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-box h5 i {
  display: block;
  width: 40px;
  height: 14px;
  background-color: #FC2553;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-box figure {
  margin: 0;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-box figure img {
  float: left;
  max-width: 50%;
  margin: 0 auto;
  cursor: pointer;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-box figcaption {
  float: left;
  width: 48%;
  margin-left: 2%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-box figcaption h4,
.rank-list-wrapper .rank-list-frame-3 .ins-image-box figcaption h5,
.rank-list-wrapper .rank-list-frame-3 .ins-image-box figcaption p {
  margin: 0;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-box figcaption h4 {
  font-size: 18px;
  color: #FC2553;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-box figcaption h5 {
  font-size: 14px;
  color: #FC2553;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-box figcaption p {
  width: 100%;
  background-color: #FC2553;
  color: #fff;
  padding: 2px 3px;
  -webkit-box-shadow: 4px 4px 1px #fec8d4;
          box-shadow: 4px 4px 1px #fec8d4;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-box figcaption p i {
  float: right;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-box.box-1 {
  width: 50%;
  left: 20px;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-box.box-2 {
  top: 80px;
  left: 56%;
  width: 36%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-box.box-3 {
  top: 500px;
  left: 10%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-box.box-4 {
  top: 550px;
  left: 51%;
  width: 28%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-box.box-5 {
  top: 850px;
  left: 20px;
  width: 30%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-box.box-6 {
  top: 850px;
  left: 55%;
  width: 33%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-box.box-7 {
  top: 1200px;
  left: 20px;
  width: 33%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-box.box-7 p {
  width: 120px;
  text-align: center;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-box.box-8 {
  top: 1550px;
  left: 18%;
  width: 33%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-box.box-8 p {
  width: 100px;
  text-align: center;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-box.box-9 {
  top: 1240px;
  left: 44%;
  width: 33%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-box.box-9 p {
  width: 100px;
  text-align: center;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-box.box-10 {
  top: 1425px;
  left: 70%;
  width: 27%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-box.box-10 p {
  width: 120px;
  text-align: center;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box {
  position: relative;
  margin-bottom: 20px;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box > h4 {
  font-size: 16px;
  font-weight: bold;
  margin-left: 20px;
  margin-bottom: 20px;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box .bg {
  display: block;
  max-width: 98%;
  margin-left: 20px;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box .ins-portrait:hover {
  -webkit-transform: scale(1.06, 1.06);
      -ms-transform: scale(1.06, 1.06);
          transform: scale(1.06, 1.06);
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box .ins-portrait {
  position: absolute;
  margin: 0;
  width: 7.7%;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box .ins-portrait img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box .ins-portrait figcaption {
  margin: 0 auto;
  text-align: center;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box .ins-portrait h4,
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box .ins-portrait h5 {
  margin: 0;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box .ins-portrait h4 {
  font-weight: bold;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box .ins-portrait h5 {
  text-align: left;
  padding-left: 14%;
  font-size: 12px;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait1 {
  top: 40%;
  left: 12%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait2 {
  bottom: 12%;
  left: 19%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait2 h5 {
  padding-left: 25%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait3 {
  top: 45%;
  left: 26%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait3 h5 {
  padding-left: 29%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait4 {
  top: 55%;
  left: 34%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait4 h5 {
  padding-left: 12%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait5 {
  top: 26%;
  left: 43%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait5 h5 {
  padding-left: 26%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait6 {
  bottom: 11%;
  left: 44%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait6 h5 {
  padding-left: 19%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait7 {
  top: 36%;
  left: 55%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait7 h5 {
  padding-left: 26%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait8 {
  top: 22%;
  left: 66%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait8 h5 {
  padding-left: 12%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait9 {
  left: 67%;
  bottom: 2.5%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait9 h5 {
  padding-left: 26%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait10 {
  top: 10%;
  left: 77%;
}
.rank-list-wrapper .rank-list-frame-3 .ins-image-chart-box .ins-portrait.portrait10 h5 {
  padding-left: 22%;
}
.rank-list-wrapper .ins-divider {
  width: 98%;
  margin: 1px auto 10px;
  height: 1px;
  background-color: #000;
}
.rank-list-wrapper .rank-list-frame-4 {
  padding-top: 1px;
  padding-bottom: 1px;
  margin-bottom: 30px;
}
.rank-list-wrapper .rank-list-frame-4 .design-h {
  display: block;
  width: 40%;
  margin: 30px auto 50px;
}
.rank-list-wrapper .rank-list-frame-4 ul {
  width: 95%;
  margin: 0 auto;
}
.rank-list-wrapper .rank-list-frame-4 ul li {
  float: left;
  width: 18%;
  margin: 1%;
  background-color: #C39547;
  padding: 1px 0 3.5%;
  cursor: pointer;
}
.rank-list-wrapper .rank-list-frame-4 ul li img {
  display: block;
  max-width: 72%;
  margin: 12px auto 42px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.rank-list-wrapper .rank-list-frame-4 ul li em {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  width: 93%;
  margin: 0 auto;
}
.rank-list-wrapper .rank-list-frame-4 ul li:hover img {
  -webkit-transform: scale(1.05, 1.05);
      -ms-transform: scale(1.05, 1.05);
          transform: scale(1.05, 1.05);
}
.rank-list-wrapper .rank-list-frame-5 {
  margin-bottom: 55px;
}
.rank-list-wrapper .rank-list-frame-5 .effect-h {
  display: block;
  max-width: 100%;
  margin: 60px auto 50px;
}
.rank-list-wrapper .rank-list-frame-5 figure {
  width: 78%;
  margin: 0 auto;
}
.rank-list-wrapper .rank-list-frame-5 figure span {
  display: block;
  width: 50%;
  padding-bottom: 38.2%;
}
.rank-list-wrapper .rank-list-frame-5 figure img {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.rank-list-wrapper .rank-list-frame-5 figure figcaption {
  width: 100%;
  font-size: 16px;
  background-color: #C44768;
  line-height: 24px;
  padding: 10px 10px 25px;
  overflow-y: auto;
  margin: 0 auto;
}
.rank-list-wrapper .rank-list-frame-5 figure a {
  display: block;
  color: #fff;
  text-indent: 1em;
}
.rank-list-wrapper .rank-list-frame-6 .top-h {
  display: block;
  max-width: 100%;
  margin: 60px auto 80px;
}
.rank-list-wrapper .rank-list-frame-6 .top-main > ul {
  width: 46%;
}
.rank-list-wrapper .rank-list-frame-6 .top-main > ul:nth-child(1) {
  float: left;
}
.rank-list-wrapper .rank-list-frame-6 .top-main > ul:nth-child(2) {
  float: right;
}
.rank-list-wrapper .rank-list-frame-6 .top-main > ul > li {
  position: relative;
  width: 100%;
  margin-bottom: 25px;
}
.rank-list-wrapper .rank-list-frame-6 .top-main > ul > li > h4,
.rank-list-wrapper .rank-list-frame-6 .top-main > ul > li > h5 {
  margin: 0;
}
.rank-list-wrapper .rank-list-frame-6 .top-main > ul > li > h4 {
  position: absolute;
  top: -24px;
  left: 1px;
  color: #20C997;
  font-size: 68px;
  width: 72px;
  text-align: right;
}
.rank-list-wrapper .rank-list-frame-6 .top-main > ul > li > h5 {
  font-size: 18px;
  padding-left: 85px;
  cursor: pointer;
}
.rank-list-wrapper .rank-list-frame-6 .top-main > ul > li > div.p {
  width: 100%;
  height: 90px;
  padding-left: 85px;
  padding-right: 10px;
  line-height: 23px;
  cursor: pointer;
}
.rank-list-wrapper .rank-list-frame-6 .all100 {
  display: block;
  width: 160px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  font-size: 22px;
  border: none;
  outline: none;
  margin: 60px auto 60px;
  background-color: #20C997;
  cursor: pointer;
}
.ranklist-modal-main {
  padding-top: 10px;
}
.ranklist-modal-allBrands .ranklist-modal-allBrands-main {
  width: 100%;
  padding-left: 3%;
}
.ranklist-modal-allBrands .ranklist-modal-allBrands-main ul {
  float: left;
  width: 24.6%;
  margin-bottom: 30px;
}
.ranklist-modal-allBrands .ranklist-modal-allBrands-main ul li {
  cursor: pointer;
}
.ranklist-modal-allBrands .ranklist-modal-allBrands-main ul li:hover {
  color: #20C997;
}
.ranklist-modal-allBrands .ranklist-modal-allBrands-main ul i {
  padding-right: 8px;
}
@media screen and (min-width: 1300px) and (max-width: 1550px) {
  .rank-list-wrapper .rank-list-frame-1 .ranklist-poster-1 {
    top: 33%;
    left: 16%;
  }
  .rank-list-wrapper .rank-list-frame-1 .ranklist-poster-2 {
    top: 25%;
    left: 51%;
  }
  .rank-list-wrapper .rank-list-frame-1 .ranklist-poster-3 {
    top: 16.3%;
    right: 8.7%;
  }
  .rank-list-wrapper .rank-list-frame-1 .ranklist-text-1 {
    left: 5.4%;
  }
  .rank-list-wrapper .rank-list-frame-1 .ranklist-text-2 {
    left: 43.5%;
  }
  .rank-list-wrapper .rank-list-frame-1 .ranklist-text-3 {
    right: 5.6%;
  }
  .rank-list-wrapper .rank-list-frame-6 .top-main > ul > li {
    margin-bottom: 36px;
  }
  .rank-list-wrapper .rank-list-frame-3 .h-ins {
    width: 55%;
  }
  .rank-list-wrapper .rank-list-frame-2 .ranklist-color-1 p,
  .rank-list-wrapper .rank-list-frame-2 .ranklist-color-2 p,
  .rank-list-wrapper .rank-list-frame-2 .ranklist-color-3 p,
  .rank-list-wrapper .rank-list-frame-2 .ranklist-color-4 p,
  .rank-list-wrapper .rank-list-frame-2 .ranklist-color-5 p,
  .rank-list-wrapper .rank-list-frame-2 .ranklist-color-6 p,
  .rank-list-wrapper .rank-list-frame-2 .ranklist-color-7 p,
  .rank-list-wrapper .rank-list-frame-2 .ranklist-color-8 p {
    font-size: 12px;
  }
  .rank-list-wrapper .rank-list-frame-2 .ranklist-color-2 p {
    left: 34%;
  }
  .rank-list-wrapper .rank-list-frame-2 .ranklist-color-3 p {
    left: 25%;
  }
  .rank-list-wrapper .rank-list-frame-2 .ranklist-color-4 p {
    top: 28%;
    left: 29%;
  }
}

.report-component-layout {
  position: relative;
  width: 100%;
  height: auto;
}
.report-fixed-column-wrapper {
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 60px;
  min-height: 60px;
}
.report-fixed-column-wrapper .report-fixed-column {
  width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.report-fixed-column-wrapper .report-fixed-column.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 30;
}
.report-fixed-column-wrapper .report-fixed-column-main {
  position: relative;
}
.report-fixed-column-wrapper div.clearFloat {
  width: 94%;
  margin: 0 auto;
  padding: 15px 0;
}
.report-fixed-column-wrapper .fixed-column-title {
  float: left;
}
.report-fixed-column-wrapper .fixed-column-title h3,
.report-fixed-column-wrapper .fixed-column-title h5 {
  display: inline-block;
  margin: 0;
}
.report-fixed-column-wrapper .fixed-column-title h3 {
  font-size: 18px;
}
.report-fixed-column-wrapper .fixed-column-title h5 {
  font-size: 16px;
}
.report-fixed-column-wrapper .fixed-column-dropdown {
  float: right;
}
.report-fixed-column-wrapper .fixed-column-menuItem-span {
  display: block;
  max-width: 340px;
}
.report-fixed-column-wrapper .fixed-column-dropdown-button {
  position: relative;
  top: 5px;
}
.report-fixed-column-wrapper .fixed-column-dropdown-button p {
  display: inline-block;
  margin: 0;
}
.report-fixed-column-wrapper .fixed-column-dropdown-button i.anticon {
  margin: 0 5px;
}
.report-fixed-column-wrapper .fixed-column-dropdown-button i.anticon-close-circle {
  position: relative;
  top: 1px;
  cursor: pointer;
}
.fixed-column-dd-menu .ant-dropdown-menu-item:hover,
.fixed-column-dd-menu .ant-dropdown-menu-submenu-title:hover {
  background-color: #f3f1f1;
}
.report-fixed-column-wrapper.DarkCyan .report-fixed-column h3,
.report-fixed-column-wrapper.DarkCyan .report-fixed-column h5 {
  color: #175851;
}
.report-fixed-column-wrapper.DarkCyan .report-fixed-column.fixed {
  background-color: #175851;
  color: #fff;
}
.report-fixed-column-wrapper.DarkCyan .report-fixed-column.fixed h3,
.report-fixed-column-wrapper.DarkCyan .report-fixed-column.fixed h5 {
  color: #fff;
}
.report-fixed-column-wrapper.RosyBrown .report-fixed-column h3,
.report-fixed-column-wrapper.RosyBrown .report-fixed-column h5 {
  color: #9b758b;
}
.report-fixed-column-wrapper.RosyBrown .report-fixed-column.fixed {
  background-color: #9b758b;
  color: #fff;
}
.report-fixed-column-wrapper.RosyBrown .report-fixed-column.fixed h3,
.report-fixed-column-wrapper.RosyBrown .report-fixed-column.fixed h5 {
  color: #fff;
}
.report-body {
  width: 80%;
  min-height: 700px;
  margin: 0 auto;
}
.report-commopn-title {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 1px;
}
.report-commopn-title img {
  display: block;
  max-width: 100%;
  margin-bottom: 10px;
}
.report-commopn-title h5 {
  margin: 0;
  font-size: 25px;
  font-weight: bold;
}
.report-category-anchorPoint,
.report-profile-anchorPoint,
.report-city-anchorPoint,
.report-keypoints-anchorPoint {
  border-top: 60px solid transparent;
  margin-bottom: 60px;
}
.report-component-layout .ant-back-top {
  bottom: 100px;
  right: 20px;
  text-align: center;
}
.report-component-layout #components-back-top-demo-custom.ant-back-top-inner {
  height: 40px;
  width: 40px;
  border-radius: 4px;
  color: #ccc;
  text-align: center;
  font-size: 14px;
  border: 1px solid #ccc;
}
.report-component-layout #components-back-top-demo-custom.ant-back-top-inner > div {
  margin-top: -6px;
}
.report-component-layout #components-back-top-demo-custom.ant-back-top-inner:hover {
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.7);
          box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.7);
  color: #000;
}
.report-component-layout .iconxiangshang {
  display: block;
  font-size: 20px;
  line-height: 18px;
  text-align: center;
  margin-left: 6px;
  padding-top: 6px;
  padding-left: 3px;
}

.notLogin {
  color: red;
}
.notLogin:hover {
  color: red;
}
.user-infor-popover-style .ant-popover-inner-content {
  padding: 0;
}
.user-infor-wrapper-style {
  display: inline-block;
}
.user-infor-wrapper-style > img {
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.user-container-style {
  width: 170px;
  padding: 0 0 16px;
}
.user-container-style > span {
  display: block;
  border-bottom: 1px solid #ddd;
  padding: 23px 15px;
}
.user-container-style > span img {
  float: left;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.user-container-style > span dl {
  float: left;
  margin: 0;
  width: 90px;
  margin: 0 0 0 9px;
}
.user-container-style > span dl dt {
  display: block;
  width: 100%;
  overflow: hidden;
}
.user-container-style > span dl dd {
  margin: 0;
  height: 21px;
}
.user-container-style > span dl dd i {
  font-size: 14px;
}
.user-container-style > ul {
  margin: 0;
  text-align: center;
}
.user-container-style > ul li {
  color: #666666;
  padding: 9px 15px;
}
.user-container-style > ul li a {
  color: #666666;
}
.user-container-style > ul li a .user-icon {
  display: inline-block;
  width: 30px;
  text-align: right;
}
.user-container-style > ul li a .user-icon .iconfont {
  text-align: right;
}
.user-container-style > ul li a .user-icon .iconfaxianwang_shoucang {
  margin-right: 2px;
}
.user-container-style > ul li.line {
  width: 100%;
  height: 1px;
  padding: 0;
  background-color: #ddd;
}
.head-user {
  display: inline-block;
  width: 33.333%;
  vertical-align: middle;
}
.user-loginAndsearch-box {
  position: relative;
}
.user-loginAndsearch-box i.iconxinwangzhanshangxian-toubu-sousuo,
.user-loginAndsearch-box a.download,
.user-loginAndsearch-box .user-infor {
  line-height: 31px;
  cursor: pointer;
  float: right;
}
.user-loginAndsearch-box i.iconxinwangzhanshangxian-toubu-sousuo {
  position: relative;
  top: 2px;
  font-size: 20px;
}
.user-loginAndsearch-box a.download {
  color: #000;
  margin: 0 20px;
}
.user-loginAndsearch-box a.download i {
  font-size: 20px;
}
.user-loginAndsearch-box a.find-logo {
  float: right;
  display: block;
  margin-left: 20px;
}
.user-loginAndsearch-box a.find-logo img {
  display: block;
  position: relative;
  right: 0;
  float: right;
  margin: 0;
}
.user-loginAndsearch-box .user-infor i.iconfont {
  font-size: 30px;
}
.search-modal .ant-modal-close {
  display: none;
}
.search-modal .ant-modal-content {
  border-radius: 50%;
  background-color: transparent;
}
.search-modal .search-modal-body {
  width: 692px;
  height: 692px;
  border-radius: 50%;
  background-color: rgba(155, 117, 139, 0.9);
  color: #fff;
  padding: 1px 0 0 0;
}
.search-modal .search-modal-body .icon-iconsearch-box {
  display: block;
  margin: 135px auto 0;
  text-align: center;
  width: 80px;
}
.search-modal .search-modal-body .icon-iconsearch-box i {
  font-size: 22px;
}
.search-modal .search-modal-body .search-input-box {
  text-align: center;
  margin-top: 84px;
  margin-bottom: 70px;
}
.search-modal .search-modal-body .hot-search {
  display: block;
  width: 562px;
  max-height: 215px;
  overflow-y: auto;
  margin-left: 100px;
  margin-bottom: 0;
}
.search-modal .search-modal-body .hot-search li.title {
  font-size: 16px;
  margin-bottom: 25px;
}
.search-modal .search-modal-body .hot-search em {
  float: left;
  width: 33.3%;
  font-size: 14px;
  padding: 7px 0;
  text-align: left;
  cursor: pointer;
}
.search-modal .search-modal-body .search-input-wrapper {
  position: relative;
  width: 98%;
  margin: 0 auto;
}
.search-modal .search-modal-body .search-input-wrapper .simu-focus {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1px;
  display: block;
  width: 1px;
  height: 25px;
  background-color: #fff;
}
.search-modal .search-modal-body .search-input-wrapper .search-input-style {
  position: relative;
  z-index: 2;
  display: block;
  width: 74%;
  height: 35px;
  margin: 0 auto;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: center;
  border-bottom: 2px solid #fff;
  font-size: 16px;
}
.search-modal .search-modal-body .search-input-wrapper .preSelect-box {
  position: relative;
  display: block;
  width: 74%;
  margin: 0 auto;
}
.search-modal .search-modal-body .search-input-wrapper .preSelect-box .preSelect {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
  z-index: 5;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}
.search-modal .search-modal-body .search-input-wrapper .preSelect-box .preSelect li {
  padding: 5px 0 5px 15px;
  text-align: left;
  color: #666;
  cursor: pointer;
}
.search-modal .search-modal-body .search-input-wrapper .preSelect-box .preSelect li:hover {
  color: #000;
}
.search-modal .search-modal-body .search-input-wrapper .ant-select-selection__placeholder,
.search-modal .search-modal-body .search-input-wrapper .ant-select-selection-selected-value {
  color: #fff;
  font-size: 15px;
  text-align: center;
  padding-right: 8px;
  width: 89px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.search-modal .search-modal-body .search-input-wrapper .ant-select-arrow {
  color: #fff;
}
.search-modal .search-modal-body .search-input-wrapper .ant-select-dropdown {
  color: #fff;
}
.search-modal .search-modal-body .search-input-wrapper .ant-select-selection {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
/* 搜索框小于 1600px 像素的弹窗样式 */
@media screen and (max-width: 1600px) {
  .search-modal .search-modal-body {
    width: 450px;
    height: 450px;
  }
  .search-modal .search-modal-body .search-input-box {
    margin-top: 22px;
    margin-bottom: 0px;
  }
  .search-modal .search-modal-body .icon-iconsearch-box {
    margin: 30px auto 0;
  }
  .search-modal .search-modal-body .hot-search {
    display: block;
    width: 76%;
    max-height: 93%;
    overflow-y: auto;
    margin-left: 49px;
    margin-top: 20px;
  }
}
.ant-select-dropdown.si-ant-selector-style {
  background-color: rgba(250, 248, 248, 0.7);
}
.ant-select-dropdown.si-ant-selector-style .ant-select-dropdown-menu-item {
  text-align: center;
}
.home-head-wrapper {
  position: relative;
  z-index: 6;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.home-head {
  background-color: #ffffff;
}
.home-head .index-gender {
  display: inline-block;
  width: 33.333%;
  vertical-align: middle;
}
.home-head .index-gender > ol {
  width: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 5;
  margin: 0;
}
.home-head .index-gender > ol li {
  float: left;
  margin-right: 15px;
}
.home-head .index-gender > ol a {
  display: block;
  font-size: 14px;
  color: #c7c7c7;
  letter-spacing: 1px;
  font-weight: 500;
}
.home-head .index-gender > ol li.active a {
  color: #000;
}
.home-head .home-head-one {
  margin: 0px 5.26315% 0px 5.26315%;
  padding-top: 20px;
}
.home-head .home-head-two {
  font-size: 0px;
  width: 100%;
  height: 41px;
  line-height: 40px;
  background: #fff;
}
.home-head .home-head-two-top {
  position: fixed;
}
.home-head .head-logo {
  width: 33.333%;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.home-head .head-logo a {
  display: block;
  width: 100%;
  height: 100%;
}
.home-head .head-logo a img {
  display: inline-block;
  height: auto;
}
.home-head .head-logo > span {
  position: relative;
  display: block;
}
.home-head .head-logo > span i {
  font-size: 27px;
  cursor: pointer;
}
.home-head .head-left {
  text-align: left;
  padding-left: 5.26315789%;
}
.home-head .head-left a {
  text-align: left;
}
.home-head .head-left > nav:nth-child(1) > a {
  letter-spacing: 10px;
}
.home-head .head-left > nav:nth-child(1) > a.active,
.home-head .head-left > nav:nth-child(1) > a:hover {
  color: #175851;
}
.home-head .head-left > nav:nth-child(1) ol a.active {
  color: #175851;
}
.home-head .head-left > nav:nth-child(1) .menu-item-container {
  border-top-color: #175851;
}
.home-head .head-left > nav:nth-child(2) > a.active,
.home-head .head-left > nav:nth-child(2) > a:hover {
  color: #e1b282;
}
.home-head .head-left > nav:nth-child(2) ol a.active {
  color: #e1b282;
}
.home-head .head-left > nav:nth-child(2) .menu-item-container {
  border-top-color: #e1b282;
}
.home-head .head-left > nav:nth-child(3) > a.active,
.home-head .head-left > nav:nth-child(3) > a:hover {
  color: #9b758b;
}
.home-head .head-left > nav:nth-child(3) ol a.active {
  color: #9b758b;
}
.home-head .head-left > nav:nth-child(3) .menu-item-container {
  border-top-color: #9b758b;
}
.home-head .head-left > nav:nth-child(4) > a.active,
.home-head .head-left > nav:nth-child(4) > a:hover {
  color: #da6339;
}
.home-head .head-left > nav:nth-child(4) ol a.active {
  color: #da6339;
}
.home-head .head-left > nav:nth-child(4) .menu-item-container {
  border-top-color: #da6339;
}
.home-head .head-right {
  text-align: right;
  padding-right: 5.26315789%;
  display: inline-block;
  width: 50%;
}
.home-head .head-right a {
  text-align: right;
}
.home-head .head-right ol.menu-item-ol {
  text-align: right;
  float: right;
}
.home-head .head-right > nav:nth-child(1) > a.active,
.home-head .head-right > nav:nth-child(1) > a:hover {
  color: #e46375;
}
.home-head .head-right > nav:nth-child(1) ol a.active {
  color: #e46375;
}
.home-head .head-right > nav:nth-child(1) .menu-item-container {
  border-top-color: #e46375;
}
.home-head .head-right > nav:nth-child(2) > a.active,
.home-head .head-right > nav:nth-child(2) > a:hover {
  color: #87a397;
}
.home-head .head-right > nav:nth-child(2) ol a.active {
  color: #87a397;
}
.home-head .head-right > nav:nth-child(2) .menu-item-container {
  border-top-color: #87a397;
}
.home-head .head-right > nav:nth-child(3) > a.active,
.home-head .head-right > nav:nth-child(3) > a:hover {
  color: #ffc629;
}
.home-head .head-right > nav:nth-child(3) ol a.active {
  color: #ffc629;
}
.home-head .head-right > nav:nth-child(3) .menu-item-container {
  border-top-color: #ffc629;
}
.home-head .head-right > nav:nth-child(4) > a.active,
.home-head .head-right > nav:nth-child(4) > a:hover {
  color: #749bb0;
}
.home-head .head-right > nav:nth-child(4) ol a.active {
  color: #749bb0;
}
.home-head .head-right > nav:nth-child(4) .menu-item-container {
  border-top-color: #749bb0;
}
.home-head .head-left,
.home-head .head-right {
  width: 50%;
  height: 100%;
  display: inline-block;
  border-bottom: 1px solid #e0e0e0;
}
.home-head .head-left a,
.home-head .head-right a {
  display: block;
  width: 100%;
  color: #000;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 2px;
}
.home-head .head-left .user-loginAndsearch-box a.download,
.home-head .head-right .user-loginAndsearch-box a.download,
.home-head .head-left .user-loginAndsearch-box a.find-logo,
.home-head .head-right .user-loginAndsearch-box a.find-logo {
  display: inline-block;
  width: auto;
}
.home-head .head-left .menu-item,
.home-head .head-right .menu-item {
  float: left;
  width: 25%;
  padding: 0 0 12px 0;
}
.home-head .head-left .menu-item .menu-item-container,
.home-head .head-right .menu-item .menu-item-container {
  position: fixed;
  left: 50%;
  margin-left: -50%;
  z-index: 100;
  width: 100%;
  max-height: 600px;
  min-height: 180px;
  overflow-y: auto;
  background-color: #fff;
  text-align: left;
  -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
  border-top: 1px solid #f5f5f5;
  padding-top: 8px;
  padding-bottom: 8px;
  border-top: 1px solid #fff;
}
.home-head .head-left .menu-item ol.menu-item-ol,
.home-head .head-right .menu-item ol.menu-item-ol {
  position: relative;
  top: auto;
  left: auto;
  margin: 0;
}
.home-head .head-left .menu-item ol.menu-item-ol li.menu-item-ol-adv,
.home-head .head-right .menu-item ol.menu-item-ol li.menu-item-ol-adv {
  position: absolute;
  top: 4px;
  width: 260px;
  height: 154px;
  padding: 0;
  margin-bottom: 0px;
}
.home-head .head-left .menu-item ol.menu-item-ol li.menu-item-ol-adv img,
.home-head .head-right .menu-item ol.menu-item-ol li.menu-item-ol-adv img {
  display: block;
  max-width: 100%;
  margin: 0;
}
.home-head .head-left .menu-item ol.menu-item-ol li,
.home-head .head-right .menu-item ol.menu-item-ol li {
  padding: 2px 0;
}
.home-head .head-left .menu-item ol.menu-item-ol a,
.home-head .head-right .menu-item ol.menu-item-ol a {
  font-size: 16px;
  font-weight: 400;
}
.home-head .head-left .menu-item ol.menu-item-ol a em,
.home-head .head-right .menu-item ol.menu-item-ol a em {
  border-bottom: 1px solid #fff;
}
.home-head .head-left .menu-item ol.menu-item-ol a:hover em,
.home-head .head-right .menu-item ol.menu-item-ol a:hover em {
  border-bottom-color: #000;
}
.home-head .head-left .menu-item .menu-item-adv,
.home-head .head-right .menu-item .menu-item-adv {
  display: inline-block;
  width: 45%;
  height: 154px;
  overflow: hidden;
}
.home-head .head-left .menu-item .menu-item-adv.left,
.home-head .head-right .menu-item .menu-item-adv.left {
  float: left;
  text-align: right;
}
.home-head .head-left .menu-item .menu-item-adv.right,
.home-head .head-right .menu-item .menu-item-adv.right {
  float: right;
}
.user-component-box {
  position: relative;
}
.home-right-nev-wrapper {
  position: absolute;
  top: 33px;
  right: 0px;
  width: 227px;
  z-index: 3;
}
.home-right-nev-wrapper li {
  margin-bottom: 50px;
}
.home-right-nev-wrapper li a {
  display: block;
  color: #adadad;
}
.home-right-nev-wrapper li.active a {
  color: #000;
}
.home-right-nev-wrapper li:nth-child(1) {
  margin-left: 40px;
}
.home-right-nev-wrapper li:nth-child(2) {
  margin-left: 0px;
}
.home-right-nev-wrapper li:nth-child(3) {
  margin-left: 40px;
}
.home-right-nev-wrapper img {
  display: inline-block;
  height: 40px;
}
@media screen and (max-width: 1366px) and (min-width: 1200px) {
  .home-right-nev-wrapper {
    width: 200px;
  }
}
input.search-input-style::-ms-input-placeholder {
  color: #ccc;
}
input.search-input-style::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #ccc;
}

.chengyi-content .content-image {
  text-align: center;
  margin-bottom: 100px;
}
.chengyi-content .content-image img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.report-category-anchorPoint p.report-item-desc {
  max-width: 100%;
  margin-bottom: 20px;
  word-break: break-all;
}
.report-category-anchorPoint p.report-important-column-footer {
  text-align: right;
  margin: 0;
  padding: 10px 20px;
  color: #999999;
}
.report-category-anchorPoint .report-important-column {
  margin-top: 50px;
}
.repoart-important-item {
  width: 48%;
}
.repoart-important-item > h5 {
  margin: 0 0 20px;
  font-size: 22px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333333;
}
.repoart-important-item .item-dl {
  width: 100%;
  margin: 0;
  padding: 0;
}
.repoart-important-item .item-dl dd {
  float: left;
}
.repoart-important-item .item-dl dd:nth-child(1) {
  width: 27%;
}
.repoart-important-item .item-dl dd:nth-child(2) {
  width: 34.5%;
  margin: 0 1.9% 0;
}
.repoart-important-item .item-dl dd:nth-child(3) {
  width: 34.5%;
}
.repoart-important-item .item-ul-box {
  position: relative;
  width: 100%;
  padding-top: 110%;
}
.repoart-important-item .item-ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  /* 处理一下  文字过多的问题 */
}
.repoart-important-item .item-ul li {
  position: relative;
  padding-left: 2px;
  padding-right: 2px;
  margin-bottom: 10px;
  color: #666;
  line-height: 25px;
  color: #666666;
  font-size: 14px;
  max-height: 100px;
  max-width: 100%;
}
@media screen and (max-width: 1800px) {
  .repoart-important-item .item-ul li {
    max-height: 80px;
  }
}
@media screen and (max-width: 1700px) {
  .repoart-important-item .item-ul li {
    max-height: 70px;
  }
}
@media screen and (max-width: 1600px) {
  .repoart-important-item .item-ul li {
    max-height: 65px;
  }
}
.repoart-important-item .item-circle-box-padding {
  position: relative;
  padding-top: 100%;
}
.repoart-important-item .item-circle-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.repoart-important-item .item-circle-box .item-box {
  position: relative;
  width: 45%;
  padding-top: 45%;
  margin: 0 auto;
}
.repoart-important-item .item-circle-box .item-box:nth-child(1) {
  margin-bottom: 8%;
}
.repoart-important-item .item-circle-box span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  text-align: center;
  color: #fff;
}
.repoart-important-item .item-circle-box span h6 {
  font-size: 12px;
  margin: 18% auto 1%;
  color: #fff;
  text-align: center;
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.repoart-important-item .item-circle-box span em {
  display: block;
  font-size: 12px;
}
.repoart-important-item .item-circle-box span i {
  display: block;
  max-width: 76%;
  margin: 0 auto;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.repoart-important-item .item-figure {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
.repoart-important-item .item-figure figcaption {
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  color: #fff;
  background-color: blueviolet;
}
.repoart-important-item .item-figure figcaption > label {
  float: left;
  font-size: 15px;
  max-width: 48%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.repoart-important-item .item-figure figcaption > em {
  float: right;
  max-width: 48%;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}
.repoart-important-item .item-figure div.item-box {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 150%;
  background-color: #ccc;
}
.repoart-important-item .item-figure div.item-box .item-box-inner {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.repoart-important-item .img-list-box {
  width: 100%;
  margin-top: 30px;
}
.repoart-important-item .img-list-box .img-box-outer {
  position: relative;
  display: inline-block;
  width: 20%;
  height: 0px;
  padding-bottom: 30%;
  margin-right: 20px;
  overflow: hidden;
}
.repoart-important-item .img-list-box .img-box-outer:nth-last-of-type(1) {
  margin-right: 0px;
}
.repoart-important-item .img-list-box .img-box-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.repoart-important-item .img-list-box .img-box-inner:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.repoart-important-item .slider-box {
  float: left;
  width: 90%;
  margin-top: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.repoart-important-item .slider-arrow-right {
  position: relative;
  float: right;
  width: 9%;
  margin-top: 40px;
  padding-top: 30%;
  border: none;
  outline: none;
  background-color: transparent;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.repoart-important-item .slider-arrow-right i.iconfont {
  position: absolute;
  top: 38%;
  left: 26%;
  color: #000;
  font-size: 35px;
  font-weight: 800;
  background-color: transparent;
}
.repoart-important-item .slider-image {
  position: relative;
  padding-top: 150%;
  overflow: hidden;
  background-color: #fff;
}
.repoart-important-item .slider-image .img-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 90%;
  height: 90%;
  cursor: pointer;
  overflow: hidden;
}
.repoart-important-item .slider-image .img-box img {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  display: block;
  width: 100%;
  margin: 0 auto;
}
.repoart-important-item .slider-image .img-box img:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.repoart-important-item .big-slider-image {
  position: relative;
  padding-top: 150%;
  overflow: hidden;
  background-color: #fff;
}
.repoart-important-item .big-slider-image .img-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #fff;
}
.repoart-important-item .big-slider-image .img-box:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
/* 分类的-柱状图组件样式 */
.category-charts-container {
  position: relative;
  padding: 32px 0px 0px 0px;
  width: 100%;
  height: 100%;
}
.category-charts-container .charts-title {
  position: absolute;
  top: 0;
  left: 0;
}
.category-charts-container .charts-title span {
  font-weight: 600;
  color: #000;
  vertical-align: middle;
}
.category-charts-container .charts-title .title-top,
.category-charts-container .charts-title .title-bottom {
  margin-left: 12px;
  display: inline-block;
  width: 60px;
  height: 20px;
}
.category-charts-container .charts-title .title-top {
  background-color: #9b758b;
}
.category-charts-container .charts-title .title-bottom {
  background-color: #ee9898;
}
.category-charts-container .operation {
  position: absolute;
  top: 0px;
  right: 0px;
}
.category-charts-container .add-bar-btn {
  margin-right: 8px;
}
.category-charts-container .control-bar {
  position: absolute;
  top: 0px;
  right: -160px;
  width: 160px;
  z-index: 2;
}
.category-charts-container .control-bar .control-bar-title {
  font-weight: 600;
  font-size: 14px;
  text-align: center;
}
.category-charts-container .comparison {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 31%;
  height: 40px;
}
.desc-bubble {
  position: absolute;
  width: 589px;
  height: 180px;
  padding: 20px;
  z-index: 9999;
  background-color: #fff;
}
.desc-bubble .triangle-left {
  position: absolute;
  top: 65%;
  left: -16px;
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-right: 16px solid #fff;
  border-bottom: 16px solid transparent;
}
.desc-bubble .triangle-right {
  position: absolute;
  top: 65%;
  right: -16px;
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-left: 16px solid #fff;
  border-bottom: 16px solid transparent;
}
.desc-bubble .desc-img {
  width: 94px;
  height: 140px;
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}
.desc-bubble .desc-content {
  display: inline-block;
  vertical-align: top;
  width: 76%;
}
.desc-bubble .desc-content .title {
  text-align: left;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333333;
  display: inline-block;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.desc-bubble .desc-content .data-info {
  float: right;
}
.desc-bubble .desc-text {
  height: 84%;
  border: 1px solid #fff;
  overflow: hidden;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  line-height: 20px;
}
.report-city-anchorPoint {
  position: relative;
  border: 1px solid transparent;
  margin-bottom: 0;
}
.report-city-anchorPoint .map-container {
  position: relative;
  left: 0px;
  width: 1710px;
}
.report-city-anchorPoint .map-container .bg-img {
  width: 1710px;
}
.report-city-anchorPoint .map-container .circle {
  position: absolute;
  top: 54px;
  left: 28px;
  width: 150px;
  height: 150px;
  border-radius: 81px;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
}
.report-city-anchorPoint .map-container .city-name {
  text-align: center;
  margin-top: 20px;
  font-size: 24px;
  font-weight: 600;
}
.report-city-anchorPoint .map-container .newyork-img {
  position: absolute;
  top: 45%;
  left: 5.7%;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.report-city-anchorPoint .map-container .paris-img {
  position: absolute;
  top: 46%;
  left: 31.3%;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.report-city-anchorPoint .map-container .milan-img {
  position: absolute;
  top: 44.6%;
  left: 56.8%;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.report-city-anchorPoint .map-container .london-img {
  position: absolute;
  top: 45%;
  left: 82.19%;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.report-city-anchorPoint .fotter-msg {
  position: absolute;
  bottom: 20px;
  right: 87px;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #999999;
  line-height: 24px;
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
.city-barnd-modal {
  position: absolute;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  min-width: 460px;
  height: 310px;
  padding: 20px 170px 20px 20px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  overflow: hidden;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.city-barnd-modal .city-img {
  position: absolute;
  bottom: 0px;
  right: 20px;
}
.city-barnd-modal .iconshanchu {
  position: absolute;
  top: 6px;
  right: 6px;
  font-size: 40px;
  cursor: pointer;
  color: #c5c4c4a6;
}
.city-barnd-modal .iconshanchu:hover {
  color: #000;
}
.city-barnd-modal .brand-item {
  display: inline-block;
  margin-right: 35px;
  vertical-align: top;
}
.city-barnd-modal .brand-item .title {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333333;
  line-height: 30px;
}
.city-barnd-modal .brand-item .left {
  margin-right: 20px;
}
.city-barnd-modal .brand-item .left,
.city-barnd-modal .brand-item .right {
  display: inline-block;
  vertical-align: top;
}
.city-barnd-modal .brand-item .left li,
.city-barnd-modal .brand-item .right li {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #8c8989;
  line-height: 30px ;
  max-width: 130px;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.city-barnd-modal .brand-item .left li:hover,
.city-barnd-modal .brand-item .right li:hover {
  color: #000;
}
@media screen and (max-width: 1400px) {
  .city-barnd-modal .brand-item .title {
    font-size: 14px;
  }
  .city-barnd-modal .brand-item .left li,
  .city-barnd-modal .brand-item .right li {
    font-size: 12px;
  }
}
.anchor-point-component {
  position: fixed;
  top: 36%;
  right: 30px;
  z-index: 100;
  border-radius: 10px;
}
.anchor-point-component .point-item {
  position: relative;
}
.anchor-point-component a {
  display: block;
  text-decoration: none;
  color: #333;
}
.anchor-point-component .iconfont {
  font-size: 36px;
}
.anchor-point-component .item-flag {
  position: absolute;
  top: 50%;
  right: 140%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.anchor-point-component .title-flage {
  position: relative;
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.3);
}
.anchor-point-component .title-flage .title {
  padding: 6px 10px;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.anchor-point-component .title-flage .triangle-right {
  position: absolute;
  right: -6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-left: 6px solid #fff;
  border-bottom: 6px solid transparent;
}
@media screen and (max-width: 1731px) {
  .repoart-important-item .item-circle-box span h6 {
    font-size: 12px;
    margin-top: 9%;
  }
}
@media screen and (max-width: 1670px) {
  .report-profile-anchorPoint.DarkCyan .profile-images-slider .images-slider li.image-first p.image-1-pop label {
    margin-top: 20%;
  }
}
@media screen and (max-width: 1461px) {
  .repoart-important-item .slider-arrow-right i.iconfont {
    font-size: 25px;
  }
  .repoart-important-item .item-circle-box span h6 {
    font-size: 12px;
    margin-top: 0%;
  }
  .report-profile-anchorPoint.RosyBrown .profile-images-slider .images-slider li.image-first p.image-1-pop label,
  .report-profile-anchorPoint.RosyBrown .profile-images-slider .images-slider li.image-first p.image-1-pop em,
  .report-profile-anchorPoint.RosyBrown .profile-images-slider .images-slider li.image-first p.image-1-pop i {
    font-size: 14px;
  }
  .pieChart-item-container li:nth-child(1) dl dt {
    font-size: 14px;
  }
  .pieChart-item-container li:nth-child(1) dl dd.paragraph {
    font-size: 12px;
  }
}

.report-profile-anchorPoint .report-profile-column {
  width: 93%;
  margin: 0 auto 60px;
}
.report-profile-anchorPoint .profile-item-box {
  width: 48%;
}
.report-profile-anchorPoint .profile-item-box > dl {
  margin: 0;
}
.report-profile-anchorPoint .profile-item-box > dl dt {
  font-size: 18px;
  font-weight: bold;
}
.report-profile-anchorPoint .profile-item-box > dl dd {
  margin: 10px 0;
  max-width: 100%;
  max-height: 60px;
}
.report-profile-anchorPoint .profile-item-box > section {
  position: relative;
  width: 100%;
}
.report-profile-anchorPoint .profile-chart-box {
  width: 100%;
  padding-top: 66%;
}
.report-profile-anchorPoint .profile-chart-box ul.chart-ul {
  position: absolute;
  top: 9%;
  left: 5%;
  width: 90%;
  height: 84%;
  margin: 0;
}
.report-profile-anchorPoint .profile-chart-box ul.chart-ul > li {
  display: inline-block;
  width: 15.6%;
  height: 100%;
  margin-right: 1%;
  cursor: pointer;
}
.report-profile-anchorPoint .profile-chart-box ul.chart-ul > li > p {
  position: relative;
  width: 100%;
  height: 86%;
  margin: 0;
  text-align: center;
}
.report-profile-anchorPoint .profile-chart-box ul.chart-ul > li > p em {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2%;
  line-height: 2%;
  background-color: #fffc;
  -webkit-transition-property: height;
  transition-property: height;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
.report-profile-anchorPoint .profile-chart-box ul.chart-ul > li > p em i {
  position: absolute;
  left: 0;
  width: 100%;
}
.report-profile-anchorPoint .profile-chart-box ul.chart-ul > li > p em i.normal {
  top: 9px;
}
.report-profile-anchorPoint .profile-chart-box ul.chart-ul > li > p em i.offset {
  top: -8px;
  color: #fff;
}
.report-profile-anchorPoint .profile-chart-box ul.chart-ul > li > p em:hover {
  background-color: #fff;
}
.report-profile-anchorPoint .profile-chart-box ul.chart-ul > li > span {
  position: relative;
  top: 2%;
  display: block;
  width: 100%;
  padding: 13% 5px;
  text-align: center;
  color: #fff;
}
.report-profile-anchorPoint .profile-chart-box ul.chart-ul.left {
  text-align: left;
}
.report-profile-anchorPoint .profile-chart-box ul.chart-ul.right {
  text-align: right;
}
.report-profile-anchorPoint .profile-images-slider {
  position: relative;
  width: 100%;
  padding-top: 100%;
}
.report-profile-anchorPoint .profile-images-slider .bg-img {
  position: absolute;
  top: -6%;
  width: 109%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0;
  opacity: 0.1;
}
.report-profile-anchorPoint .profile-images-slider .images-slider-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 77.3%;
}
.report-profile-anchorPoint .profile-images-slider .images-slider {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: 20;
}
.report-profile-anchorPoint .profile-images-slider .images-slider li {
  position: relative;
}
.report-profile-anchorPoint .profile-images-slider .images-slider li > span {
  display: block;
  width: 100%;
}
.report-profile-anchorPoint .profile-images-slider .images-slider li.image-first {
  width: 53%;
  height: 100%;
  background-color: bisque;
}
.report-profile-anchorPoint .profile-images-slider .images-slider li.image-first span {
  height: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  outline: 1px solid transparent;
}
.report-profile-anchorPoint .profile-images-slider .images-slider li.image-first span:hover {
  -webkit-transform: scale(1.04);
      -ms-transform: scale(1.04);
          transform: scale(1.04);
}
.report-profile-anchorPoint .profile-images-slider .images-slider li.image-first p.image-1-pop {
  position: absolute;
  bottom: 10px;
  width: 44%;
  height: 30%;
  border-radius: 50%;
  text-align: center;
  margin: 0;
}
.report-profile-anchorPoint .profile-images-slider .images-slider li.image-first p.image-1-pop label {
  display: block;
  width: 79%;
  color: #fff;
  margin: 24% auto 1%;
  font-size: 16px;
  text-align: center;
}
.report-profile-anchorPoint .profile-images-slider .images-slider li.image-first p.image-1-pop em {
  margin: 2% auto;
}
.report-profile-anchorPoint .profile-images-slider .images-slider li.image-first p.image-1-pop em,
.report-profile-anchorPoint .profile-images-slider .images-slider li.image-first p.image-1-pop i {
  color: #fff;
  display: block;
  font-size: 14px;
}
.report-profile-anchorPoint .profile-images-slider .images-slider li.image-first.left {
  float: left;
}
.report-profile-anchorPoint .profile-images-slider .images-slider li.image-first.left p.image-1-pop {
  right: 10px;
}
.report-profile-anchorPoint .profile-images-slider .images-slider li.image-first.right {
  float: right;
}
.report-profile-anchorPoint .profile-images-slider .images-slider li.image-first.right p.image-1-pop {
  left: 10px;
}
.report-profile-anchorPoint .profile-images-slider .images-slider li.image-second {
  width: 45%;
  height: 100%;
}
.report-profile-anchorPoint .profile-images-slider .images-slider li.image-second span {
  height: 90%;
  margin-bottom: 2%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  outline: 1px solid transparent;
  cursor: pointer;
}
.report-profile-anchorPoint .profile-images-slider .images-slider li.image-second span:hover {
  -webkit-transform: scale(1.04);
      -ms-transform: scale(1.04);
          transform: scale(1.04);
}
.report-profile-anchorPoint .profile-images-slider .images-slider li.image-second p.image-2-footer {
  width: 100%;
  margin: 0;
  padding-top: 1px;
}
.report-profile-anchorPoint .profile-images-slider .images-slider li.image-second p.image-2-footer button {
  position: relative;
  margin-top: 1%;
  width: 22%;
  padding-top: 13%;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #ddd;
  outline: none;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
.report-profile-anchorPoint .profile-images-slider .images-slider li.image-second p.image-2-footer button i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 29px;
  font-weight: bold;
  color: #d4d4d4;
}
.report-profile-anchorPoint .profile-images-slider .images-slider li.image-second p.image-2-footer label {
  font-size: 28px;
  margin: 0;
}
.report-profile-anchorPoint .profile-images-slider .images-slider li.image-second.left {
  float: right;
}
.report-profile-anchorPoint .profile-images-slider .images-slider li.image-second.left p.image-2-footer > button {
  float: left;
  -webkit-transform: translateX(40px);
      -ms-transform: translateX(40px);
          transform: translateX(40px);
}
.report-profile-anchorPoint .profile-images-slider .images-slider li.image-second.left p.image-2-footer > label {
  float: right;
}
.report-profile-anchorPoint .profile-images-slider .images-slider li.image-second.right {
  float: left;
}
.report-profile-anchorPoint .profile-images-slider .images-slider li.image-second.right p.image-2-footer > button {
  float: right;
  -webkit-transform: translateX(-40px);
      -ms-transform: translateX(-40px);
          transform: translateX(-40px);
}
.report-profile-anchorPoint .profile-images-slider .images-slider li.image-second.right p.image-2-footer > label {
  float: left;
}
.report-profile-anchorPoint .profile-images-slider .images-slider.left {
  float: left;
}
.report-profile-anchorPoint .profile-images-slider .images-slider.right {
  float: right;
}
.profile-images-slider .images-slider:hover p.image-2-footer > button {
  -webkit-transform: translateX(0) !important;
      -ms-transform: translateX(0) !important;
          transform: translateX(0) !important;
  opacity: 1 !important;
}
.bg-img.left {
  left: 0;
}
.bg-img.right {
  left: -9%;
}
.profile-chart-list {
  width: 100%;
  padding: 4% 0 1px 0;
  margin-top: 150px;
}
.report-piechart-column {
  position: relative;
  width: 100%;
  padding-top: 44%;
  margin-bottom: 7%;
}
.pieChart-item-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}
.pieChart-item-container li:nth-child(1) {
  position: relative;
  width: 47%;
  height: 100%;
}
.pieChart-item-container li:nth-child(1) span.image-big {
  display: block;
  width: 49.2%;
  height: 79%;
  margin: 0 auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  outline: 1px solid transparent;
  cursor: pointer;
}
.pieChart-item-container li:nth-child(1) span.image-big:hover {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.pieChart-item-container li:nth-child(1) span.image-small {
  position: absolute;
  bottom: 0;
  width: 23.9%;
  height: 38.4%;
  z-index: 10;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  outline: 1px solid transparent;
  cursor: pointer;
}
.pieChart-item-container li:nth-child(1) span.image-small:hover {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.pieChart-item-container li:nth-child(1) button {
  position: absolute;
  bottom: 21%;
  width: 10%;
  padding-top: 6%;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #ddd;
  outline: none;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.pieChart-item-container li:nth-child(1) button i {
  position: absolute;
  top: 30%;
  left: 0;
  width: 100%;
  height: 15px;
  font-size: 29px;
  font-weight: bold;
  color: #d4d4d4;
  overflow: hidden;
}
.pieChart-item-container li:nth-child(1) button i::before {
  position: absolute;
  top: -66%;
  left: 25%;
}
.pieChart-item-container li:nth-child(1) dl {
  position: absolute;
  top: 13%;
  width: 41%;
  height: 43%;
  padding: 5%;
  background-color: #fff;
  margin: 0;
}
.pieChart-item-container li:nth-child(1) dt {
  font-size: 18px;
}
.pieChart-item-container li:nth-child(1) dd {
  margin: 0 auto;
}
.pieChart-item-container li:nth-child(1) dd.tags {
  margin-top: 10px;
  margin-bottom: 10px;
  max-height: 24.5%;
  overflow-y: auto;
}
.pieChart-item-container li:nth-child(1) dd.tags em {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  padding: 1px 5px;
  margin: 0 2px;
  max-width: 80px;
  cursor: pointer;
  border-radius: 3px;
}
.pieChart-item-container li:nth-child(1) dd.tags em:hover {
  opacity: 0.7;
}
.pieChart-item-container li:nth-child(1) dd.paragraph {
  max-width: 100%;
  min-height: 20%;
  max-height: 56%;
}
.pieChart-item-container li:nth-child(2) {
  width: 47%;
  height: 100%;
}
.pieChart-item-container li:nth-child(2) .chart-box {
  width: 100%;
  height: 100%;
}
.report-piechart-column.left li.item-left {
  float: left;
}
.report-piechart-column.left li.item-left dl {
  right: -6%;
}
.report-piechart-column.left li.item-left span.image-small {
  left: 13%;
}
.report-piechart-column.left li.item-left button {
  left: 37%;
  -webkit-transform: translateX(-30px);
      -ms-transform: translateX(-30px);
          transform: translateX(-30px);
}
.report-piechart-column.left li.item-right {
  float: right;
}
.report-piechart-column.right li.item-left {
  float: right;
}
.report-piechart-column.right li.item-left dl {
  left: -6%;
}
.report-piechart-column.right li.item-left span.image-small {
  right: 13%;
}
.report-piechart-column.right li.item-left button {
  right: 37%;
  -webkit-transform: translateX(30px);
      -ms-transform: translateX(30px);
          transform: translateX(30px);
}
.report-piechart-column.right li.item-right {
  float: left;
}
.report-piechart-column li.item-left:hover button {
  opacity: 1 !important;
  -webkit-transform: translateX(0px) !important;
      -ms-transform: translateX(0px) !important;
          transform: translateX(0px) !important;
}
@media screen and (max-width: 1400px) {
  .pieChart-item-container li:nth-child(1) button i {
    top: 27%;
    left: -5%;
  }
}
.report-profile-anchorPoint.DarkCyan .profile-chart-box ul.chart-ul.left > li:nth-child(1) > p em {
  background-color: #d8eeeb;
}
.report-profile-anchorPoint.DarkCyan .profile-chart-box ul.chart-ul.right > li:last-child > p em {
  background-color: #d8eeeb;
}
.report-profile-anchorPoint.DarkCyan .profile-chart-box ul.chart-ul > li > span {
  background-color: #175851;
}
.report-profile-anchorPoint.DarkCyan .profile-images-slider .images-slider li.image-first p.image-1-pop {
  background-color: rgba(23, 88, 81, 0.5);
}
.report-profile-anchorPoint.DarkCyan .profile-images-slider .images-slider li.image-second p.image-2-footer > label {
  color: #175851;
}
.report-profile-anchorPoint.DarkCyan .profile-chart-list {
  background-color: #d8eeeb;
}
.report-profile-anchorPoint.DarkCyan .pieChart-item-container li:nth-child(1) dd.tags em {
  background-color: #175851;
}
.report-profile-anchorPoint.RosyBrown .profile-chart-box ul.chart-ul.left > li:nth-child(1) > p em {
  background-color: #FFB0B0;
}
.report-profile-anchorPoint.RosyBrown .profile-chart-box ul.chart-ul.right > li:last-child > p em {
  background-color: #FFB0B0;
}
.report-profile-anchorPoint.RosyBrown .profile-chart-box ul.chart-ul > li > span {
  background-color: #9b758b;
}
.report-profile-anchorPoint.RosyBrown .profile-images-slider .images-slider li.image-first p.image-1-pop {
  background-color: rgba(155, 117, 139, 0.5);
}
.report-profile-anchorPoint.RosyBrown .profile-images-slider .images-slider li.image-second p.image-2-footer > label {
  color: #9b758b;
}
.report-profile-anchorPoint.RosyBrown .profile-chart-list {
  background-color: #F9F5F8;
}
.report-profile-anchorPoint.RosyBrown .pieChart-item-container li:nth-child(1) dd.tags em {
  background-color: #9b758b;
}
@media screen and (max-width: 1400px) {
  .report-profile-anchorPoint .profile-images-slider .images-slider li.image-second p.image-2-footer button i {
    font-size: 21px;
  }
}
@media screen and (max-width: 1366px) {
  .report-profile-anchorPoint .profile-images-slider .images-slider li.image-first p.image-1-pop label {
    margin-top: 17%;
  }
}

.report-keypoints-anchorPoint {
  width: 100%;
}
.report-keypoints-container {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 10px;
}
.keypoints-svg {
  stroke-dasharray: 15;
  stroke-dashoffset: 0;
  fill: transparent;
  stroke: black;
  stroke-width: 1;
  -webkit-animation: myAnimation 1s linear infinite;
          animation: myAnimation 1s linear infinite;
}
@-webkit-keyframes myAnimation {
  from {
    stroke-dashoffset: 60;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes myAnimation {
  from {
    stroke-dashoffset: 60;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.report-keypoints-item-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding-top: 50px;
}
.report-keypoints-item-container .image-slider-wrapper {
  position: relative;
  width: 100%;
  padding-top: 42%;
}
.report-keypoints-item-container .image-slider {
  position: absolute;
  top: 0;
  width: 47%;
  height: 100%;
}
.report-keypoints-item-container .image-slider span.image-big {
  display: block;
  width: 49%;
  height: 82%;
  margin: 0 auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  outline: 1px solid transparent;
}
.report-keypoints-item-container .image-slider span.image-big:hover {
  -webkit-transform: scale(1.05, 1.05);
      -ms-transform: scale(1.05, 1.05);
          transform: scale(1.05, 1.05);
}
.report-keypoints-item-container .image-slider span.image-small {
  position: absolute;
  bottom: 0;
  width: 24%;
  height: 40%;
  z-index: 10;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  outline: 1px solid transparent;
  cursor: pointer;
}
.report-keypoints-item-container .image-slider span.image-small:hover {
  -webkit-transform: scale(1.04);
      -ms-transform: scale(1.04);
          transform: scale(1.04);
}
.report-keypoints-item-container .image-slider button {
  visibility: hidden;
  position: absolute;
  bottom: 18%;
  width: 60px;
  height: 40px;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #ddd;
  outline: none;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.report-keypoints-item-container .image-slider button i {
  position: relative;
  top: 2px;
  font-size: 30px;
  font-weight: bold;
  color: #d4d4d4;
}
.report-keypoints-item-container .image-slider .keypoints-chart {
  position: absolute;
  top: 19%;
  height: 48%;
  padding: 3% 5%;
  background-color: #fff;
  margin: 0;
}
.report-keypoints-item-container .image-slider .keypoints-chart h6 {
  margin: 0;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
}
.report-keypoints-item-container .image-slider .keypoints-chart ul {
  height: 65%;
  margin: 5% 0 0 0;
}
.report-keypoints-item-container .image-slider .keypoints-chart ul li {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 100%;
  font-size: 12px;
  margin: 0;
}
.report-keypoints-item-container .image-slider .keypoints-chart ul em {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -20px;
  text-align: center;
  cursor: pointer;
}
.report-keypoints-item-container .image-slider .keypoints-chart ul span {
  position: absolute;
  left: 22%;
  bottom: 0;
  width: 57%;
  height: 2%;
  background-color: #E7EEED;
  cursor: pointer;
}
.report-keypoints-item-container .image-slider .keypoints-chart ul span i {
  position: absolute;
  top: -18px;
  left: 0;
  width: 100%;
  text-align: center;
}
.report-keypoints-item-container .image-slider:hover button {
  visibility: visible;
  -webkit-transform: translateX(0) !important;
      -ms-transform: translateX(0) !important;
          transform: translateX(0) !important;
}
.report-keypoints-item-container .image-slider.left {
  left: 0;
}
.report-keypoints-item-container .image-slider.left span.image-small {
  left: 19%;
}
.report-keypoints-item-container .image-slider.left button {
  left: 43%;
  -webkit-transform: translateX(-60px);
      -ms-transform: translateX(-60px);
          transform: translateX(-60px);
}
.report-keypoints-item-container .image-slider.left .keypoints-chart {
  left: 66%;
}
.report-keypoints-item-container .image-slider.right {
  right: 0;
}
.report-keypoints-item-container .image-slider.right span.image-small {
  right: 19%;
}
.report-keypoints-item-container .image-slider.right button {
  right: 43%;
  -webkit-transform: translateX(60px);
      -ms-transform: translateX(60px);
          transform: translateX(60px);
}
.report-keypoints-item-container .image-slider.right .keypoints-chart {
  right: 66%;
}
.report-keypoints-anchorPoint.DarkCyan .report-keypoints-container {
  background-color: #E7EEED;
}
.report-keypoints-anchorPoint.DarkCyan .report-keypoints-item-container .image-slider .keypoints-chart ul span {
  background-color: #E7EEED;
}
.report-keypoints-anchorPoint.DarkCyan .report-keypoints-item-container .image-slider .keypoints-chart ul span:hover {
  background-color: #175851;
}
.report-keypoints-anchorPoint.DarkCyan .keypoints-path {
  stroke: #175851;
}
.report-keypoints-anchorPoint.RosyBrown .report-keypoints-container {
  background-color: #F9F5F8;
}
.report-keypoints-anchorPoint.RosyBrown .report-keypoints-item-container .image-slider .keypoints-chart ul span {
  background-color: #F9F5F8;
}
.report-keypoints-anchorPoint.RosyBrown .report-keypoints-item-container .image-slider .keypoints-chart ul span:hover {
  background-color: #9b758b;
}
.report-keypoints-anchorPoint.RosyBrown .keypoints-path {
  stroke: #9b758b;
}
@media screen and (max-width: 1380px) {
  .report-keypoints-item-container .image-slider.left .keypoints-chart {
    top: 16%;
    height: 51%;
  }
  .report-keypoints-item-container .image-slider .keypoints-chart h6 {
    font-size: 16px;
  }
  .report-keypoints-item-container .image-slider .keypoints-chart ul li {
    width: 60px;
  }
}

.search-page-layout {
  position: relative;
  width: 100%;
}
.search-page-layout .search-page-container {
  padding-top: 60px;
  margin-bottom: 70px;
  min-height: 800px;
}
.search-page-layout .search-page-picture > dt {
  margin-bottom: 12px;
}
.search-page-layout .search-page-picture > dt span {
  position: relative;
  float: left;
  font-size: 35px;
  font-weight: 540;
  width: 120px;
  height: 60px;
}
.search-page-layout .search-page-picture > dt span i {
  position: relative;
  z-index: 2;
  letter-spacing: 1px;
  font-weight: 500;
  color: #000;
}
.search-page-layout .search-page-picture > dt span::after {
  position: absolute;
  left: 15px;
  top: 24px;
  display: block;
  content: '';
  width: 75px;
  height: 30px ;
  background-color: #20C997;
}
.search-page-layout .search-page-picture > dt a {
  position: relative;
  top: 30px;
  right: 10px;
  float: right;
  font-size: 14px;
  border: 1px solid #969696;
  border-radius: 5px;
  padding: 3px 15px;
  color: #000;
}
.search-page-layout .search-page-pattern > dt {
  margin-bottom: 12px;
}
.search-page-layout .search-page-pattern > dt span {
  position: relative;
  float: left;
  font-size: 35px;
  font-weight: 540;
  width: 140px;
  height: 60px;
}
.search-page-layout .search-page-pattern > dt span i {
  position: relative;
  z-index: 2;
  letter-spacing: 1px;
  font-weight: 500;
  color: #000;
}
.search-page-layout .search-page-pattern > dt span::after {
  position: absolute;
  left: 15px;
  top: 24px;
  display: block;
  content: '';
  width: 85px;
  height: 30px ;
  background-color: #20C997;
}
.search-page-layout .search-page-pattern > dt a {
  position: relative;
  top: 30px;
  right: 10px;
  float: right;
  font-size: 14px;
  border: 1px solid #969696;
  border-radius: 5px;
  padding: 3px 15px;
  color: #000;
}
.search-page-layout .search-page-article > dt {
  margin-bottom: 12px;
}
.search-page-layout .search-page-article > dt span {
  position: relative;
  float: left;
  font-size: 35px;
  font-weight: 540;
  width: 200px;
  height: 70px;
}
.search-page-layout .search-page-article > dt span i {
  position: relative;
  z-index: 2;
  letter-spacing: 1px;
  font-weight: 500;
  color: #000;
}
.search-page-layout .search-page-article > dt span::after {
  position: absolute;
  left: 15px;
  top: 30px;
  display: block;
  content: '';
  width: 150px;
  height: 30px;
  background-color: #20C997;
}
.search-page-layout .search-page-article > dt a {
  position: relative;
  top: 40px;
  right: 10px;
  float: right;
  font-size: 14px;
  border: 1px solid #969696;
  border-radius: 5px;
  padding: 3px 15px;
  color: #000;
}
.search-page-layout .search-page-list {
  width: 93%;
  margin-left: auto;
  margin-right: auto;
}
.search-page-layout .search-page-list > dd {
  display: block;
  width: 100%;
  min-height: 400px;
}
.search-page-layout .search-page-picture {
  margin-bottom: 100px;
}
.search-page-layout .search-page-picture dd .lazyLoadWrapper {
  float: left;
  width: 15.6%;
  padding-bottom: 21.3%;
  margin: 0 0.5% 20px;
  overflow: hidden;
  background-color: #929292;
  cursor: pointer;
}
.search-page-layout .search-page-picture dd .lazyLoadWrapper img {
  visibility: hidden;
}
.search-page-layout .search-page-pattern {
  margin-bottom: 130px;
}
.search-page-layout .search-page-pattern figure {
  float: left;
  width: 24%;
  margin: 0 0.5% 25px;
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
}
.search-page-layout .search-page-pattern figure .lazyLoadWrapper {
  width: 100%;
  padding-bottom: 51.2%;
  overflow: hidden;
  cursor: pointer;
}
.search-page-layout .search-page-pattern figure .LazyLoad {
  width: 100%;
  height: 250px;
  overflow: hidden;
  background-color: #efefef;
}
.search-page-layout .search-page-pattern figure .LazyLoad img {
  max-width: none;
  max-height: none;
  width: 100%;
  height: auto;
}
.search-page-layout .search-page-pattern figure figcaption {
  width: 100%;
  font-weight: 500;
  color: #000;
}
.search-page-layout .search-page-pattern figure figcaption h5 {
  width: 98%;
  margin: 5px auto 0;
  font-size: 16px;
}
.search-page-layout .search-page-pattern figure figcaption h5.active {
  color: #C04929;
}
.search-page-layout .search-page-pattern figure figcaption em {
  width: 98%;
  margin: 5px auto 0;
  display: block;
  font-weight: 500;
  padding: 5px 0;
}
.search-page-layout .search-page-article figure {
  float: left;
  width: 32.3%;
  margin: 0 0.5% 20px 0.5%;
}
.search-page-layout .search-page-article figure .lazyLoadWrapper {
  width: 100%;
  padding-bottom: 51.2%;
  overflow: hidden;
  cursor: pointer;
}
.search-page-layout .search-page-article figure figcaption {
  width: 100%;
}
.search-page-layout .search-page-article figure figcaption h5 {
  width: 98%;
  margin: 5px auto 0;
  font-size: 16px;
}
.search-page-layout .search-page-article figure figcaption h5.active {
  color: #C04929;
}
.search-page-layout .search-page-article figure figcaption em {
  display: block;
  width: 98%;
  margin: 0 auto 0;
  padding: 5px 0;
}
.search-page-layout .search-page-article figure figcaption a {
  display: inline-block;
  border-bottom: 1px solid #000;
  color: #000;
  margin-left: 1%;
}
.search-page-layout .search-page-article figure figcaption > span {
  display: block;
  margin: 10px auto 10px;
  width: 98%;
  height: 135px;
  line-height: 34px;
  font-weight: 500;
}
.search-page-layout .search-page-empty {
  width: 100%;
  color: #000;
  padding-top: 40px;
  padding-bottom: 30px;
}
.search-page-layout .search-page-empty span,
.search-page-layout .search-page-empty em {
  text-align: center;
  display: block;
  font-size: 24px;
  margin: 0 0 20px;
}
.search-page-layout .search-page-empty img {
  display: block;
  margin: 60px auto 0;
  max-width: 100%;
}
.search-page-select-box {
  width: 93%;
  padding: 5px 0 5px 0;
  margin: 0 auto 20px;
}
.search-page-select-box .search-page-select {
  float: right;
}
.search-page-select-box .ant-select-selection {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.search-page-select-box .ant-select-selection-selected-value {
  font-size: 18px;
  color: #000;
}
.search-control-box {
  display: block;
  width: 93%;
  height: 46px;
  overflow: hidden;
  margin: 0 auto 40px;
}
.search-control-box span {
  float: left;
  width: 70px;
  height: 46px;
  overflow: hidden;
  cursor: pointer;
}
.search-control-box i {
  position: relative;
  top: -7px;
  left: 13px;
  font-size: 46px;
  color: #000;
  font-weight: normal;
}
.search-control-box input {
  width: 90%;
  border: none;
  outline: none;
  height: 46px;
  padding-left: 15px;
  font-size: 20px;
  border-left: 1px solid #929292;
}
.search-control-box input::-webkit-input-placeholder {
  color: #D2D2D2;
  font-size: 30px;
  font-weight: normal;
}
.search-common-layout {
  width: 100%;
}
.search-common-layout .search-common-container {
  padding-top: 90px;
  padding-bottom: 50px;
}
.search-common-layout .search-common-container .search-common-main {
  width: 93%;
  margin: 0 auto;
}
.search-common-layout .search-common-container .search-control-box {
  margin: 0 auto 27px;
}
.search-common-layout .search-common-container .search-control-box input {
  letter-spacing: 1px;
}
.search-common-layout .search-common-container .search-page-select-box {
  width: 100%;
  margin: 55px auto 62px;
}
.search-common-layout .search-common-container .search-common-InfiniteScroll {
  width: 100%;
  height: auto;
}
.search-common-layout .search-common-container aside {
  float: left;
  width: 290px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.search-common-layout .search-common-container aside h5 {
  margin: 0 0 120px;
  font-size: 20px;
  padding-left: 10px;
  letter-spacing: 2px;
}
.search-common-layout .search-common-container aside li {
  position: relative;
  width: 100%;
  margin: 0 0 45px 0;
  padding-left: 25px;
  cursor: pointer;
  font-size: 18px;
  letter-spacing: 2px;
  color: #a2a2a2;
}
.search-common-layout .search-common-container aside li::before {
  position: absolute;
  top: 12px;
  left: 12px;
  display: block;
  content: '';
  width: 5px;
  height: 5px;
  border: 1px solid #a2a2a2;
  border-radius: 50%;
}
.search-common-layout .search-common-container aside li.active {
  color: #000;
}
.search-common-layout .search-common-container aside li.active::before {
  width: 6px;
  height: 6px;
  background-color: #000;
}
.search-common-layout .search-common-container .search-common-empty {
  overflow: hidden;
  color: #000;
  padding-top: 210px;
  padding-bottom: 50px;
  letter-spacing: 1px;
}
.search-common-layout .search-common-container .search-common-empty span {
  font-size: 24px;
  margin: 0 0 20px;
  text-align: center;
  display: block;
}
.search-common-layout .search-common-container .search-common-empty dl {
  margin: 0;
  text-align: center;
}
.search-common-layout .search-common-container .search-common-empty dl dt {
  margin: 0;
  font-size: 24px;
}
.search-common-layout .search-common-container .search-common-empty dl dd {
  margin: 0;
  font-weight: 600;
  font-size: 23px;
}
.search-common-layout .search-common-container .search-common-empty img {
  display: block;
  margin: 60px auto 0;
  max-width: 100%;
}
.search-article-wrapper {
  width: 100%;
}
.search-article-wrapper .search-article-container {
  min-height: 800px;
}
.search-article-wrapper .search-article-container .search-article-list {
  float: right;
}
.search-article-wrapper .search-article-container .search-article-item {
  float: left;
  width: 32.3%;
  margin: 0 0.5% 35px 0.5%;
  background-color: #fff;
}
.search-article-wrapper .search-article-container .search-article-item .LazyLoad {
  width: 100%;
  max-height: 268px;
  min-height: 190px;
  overflow: hidden;
  background-color: #efefef;
}
.search-article-wrapper .search-article-container .search-article-item .LazyLoad img {
  max-width: 100%;
  max-height: none;
  width: 100%;
}
.search-article-wrapper .search-article-container .search-article-item > a {
  display: block;
  width: 100%;
  padding-bottom: 51.2%;
}
.search-article-wrapper .search-article-container .search-article-item > i {
  display: inline-block;
  margin-left: 1%;
  color: #000;
  text-decoration: underline;
}
.search-article-wrapper .search-article-container .search-article-item > h5 {
  width: 98%;
  margin: 5px auto 0;
  font-size: 17px;
}
.search-article-wrapper .search-article-container .search-article-item > h5.active {
  color: #C04929;
}
.search-article-wrapper .search-article-container .search-article-item > em {
  display: block;
  width: 98%;
  margin: 0 auto 0;
  padding: 5px 0;
  color: #000;
}
.search-article-wrapper .search-article-container .search-article-item > p {
  margin: 10px auto 10px;
  width: 98%;
  height: 90px;
  line-height: 30px;
  font-weight: 500;
  color: #000;
}
.search-article-wrapper .color1 {
  color: #658EA4;
}
.search-article-wrapper .color2 {
  color: #87A397;
}
.search-article-wrapper .color3 {
  color: #C04929;
}
.search-pattern-wrapper .search-pattern-container {
  min-height: 800px;
}
.search-pattern-wrapper .search-pattern-list {
  visibility: hidden;
  float: right;
  padding-bottom: 30px;
}
.search-pattern-wrapper .search-pattern-item {
  float: left;
  width: 24%;
  margin: 0 0.5% 30px 0.5%;
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
}
.search-pattern-wrapper .search-pattern-item > span {
  display: block;
  width: 100%;
  padding-bottom: 51.2%;
}
.search-pattern-wrapper .search-pattern-item > h5 {
  width: 98%;
  margin: 5px auto 0;
  font-size: 17px;
}
.search-pattern-wrapper .search-pattern-item > h5.active {
  color: #C04929;
}
.search-pattern-wrapper .search-pattern-item > em {
  width: 98%;
  margin: 0 auto 0;
  display: block;
  color: #000;
  padding: 5px 0;
}

.home-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
  overflow: hidden;
  /* 定义首页小点点的动画 */
}
@-webkit-keyframes jump-animation {
  0% {
    top: 1px;
  }
  50% {
    top: -20px;
  }
  100% {
    top: 1px;
  }
}
@keyframes jump-animation {
  0% {
    top: 1px;
  }
  50% {
    top: -20px;
  }
  100% {
    top: 1px;
  }
}
@-webkit-keyframes point-animation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes point-animation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.home-3Dlogo-container {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding-top: 1px;
}
.home-3Dlogo-container img {
  display: none;
  max-width: 100%;
  margin: 150px auto 0;
}
.home-container {
  position: relative;
  z-index: 5;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: url('https://assets.wow-trend.com/wowtrend/static/resource/images/6e198e8e.png'), auto;
}
.home-container .aboutus {
  position: fixed;
  bottom: 20%;
  right: -10px;
  width: 85px;
  height: 33px;
  line-height: 30px;
  background-color: #fc2553;
  color: #fff;
  border: none;
  outline: none;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  text-align: center;
  letter-spacing: 1px;
}
.home-container footer {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  padding-top: 5px;
  padding-bottom: 5px;
}
.home-container footer ol {
  margin: 0;
}
.home-container footer ol li {
  position: relative;
  float: left;
  width: 25%;
  text-align: center;
}
.home-container footer ol li a {
  display: table;
  height: 50px;
  vertical-align: middle;
  color: #000;
  text-align: center;
  font-size: 14px;
  margin-left: 35%;
}
.home-container footer ol li a span {
  display: table-cell;
  font-weight: bold;
  vertical-align: middle;
}
.home-container footer ol li a span i {
  position: relative;
  top: 1px;
  margin: 0 5px;
  display: block;
  font-weight: bold;
  width: 11px;
  height: 11px;
  border: 2px solid #155750;
  border-radius: 50%;
}
.home-container footer ol li a em {
  display: table-cell;
  font-weight: bold;
  vertical-align: middle;
}
.home-container footer ol li a img {
  display: table-cell;
  vertical-align: middle;
}
.home-subscribed-wrapper .home-selection-body {
  background: url('https://assets.wow-trend.com/wowtrend/static/resource/images/d3f45e44.png') no-repeat left top;
  background-size: 100% 100%;
}
.home-selection-wrapper .home-selection-body {
  background: url('https://assets.wow-trend.com/wowtrend/static/resource/images/36d432dc.png') no-repeat left top;
  background-size: 100% 100%;
}
.home-selection-wrapper,
.home-subscribed-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
}
.home-selection-wrapper .home-selection-body,
.home-subscribed-wrapper .home-selection-body {
  position: relative;
  padding: 33px 0 33px;
}
.home-selection-wrapper .home-selection-body .home-subscribed,
.home-subscribed-wrapper .home-selection-body .home-subscribed {
  width: 1294px;
}
.home-selection-wrapper .home-selection-body .home-selection,
.home-subscribed-wrapper .home-selection-body .home-selection {
  width: 1190px;
}
.home-selection-wrapper .home-selection-body .home-selection,
.home-subscribed-wrapper .home-selection-body .home-selection {
  height: 860px;
}
.home-selection-wrapper .home-selection-body .home-subscribed,
.home-subscribed-wrapper .home-selection-body .home-subscribed {
  height: 920px;
}
.home-selection-wrapper .home-selection-body .home-selection,
.home-subscribed-wrapper .home-selection-body .home-selection,
.home-selection-wrapper .home-selection-body .home-subscribed,
.home-subscribed-wrapper .home-selection-body .home-subscribed {
  margin: 20px auto 30px;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 30px 20px 50px;
  border-radius: 5px;
}
.home-selection-wrapper .home-selection-body .home-selection h3.title,
.home-subscribed-wrapper .home-selection-body .home-selection h3.title,
.home-selection-wrapper .home-selection-body .home-subscribed h3.title,
.home-subscribed-wrapper .home-selection-body .home-subscribed h3.title {
  margin-bottom: 30px;
  margin-left: 50px;
}
.home-selection-wrapper .home-selection-body .home-selection h3.title strong,
.home-subscribed-wrapper .home-selection-body .home-selection h3.title strong,
.home-selection-wrapper .home-selection-body .home-subscribed h3.title strong,
.home-subscribed-wrapper .home-selection-body .home-subscribed h3.title strong {
  font-size: 36px;
  font-weight: 500;
}
.home-selection-wrapper .home-selection-body .home-selection h3.title em,
.home-subscribed-wrapper .home-selection-body .home-selection h3.title em,
.home-selection-wrapper .home-selection-body .home-subscribed h3.title em,
.home-subscribed-wrapper .home-selection-body .home-subscribed h3.title em {
  display: none;
  position: absolute;
  top: -2px;
  left: -105px;
  float: right;
  font-size: 14px;
  background-color: #000;
  padding: 3px 5px;
  border-radius: 5px;
  color: #fff;
}
.home-selection-wrapper .home-selection-body .home-selection h3.title em::after,
.home-subscribed-wrapper .home-selection-body .home-selection h3.title em::after,
.home-selection-wrapper .home-selection-body .home-subscribed h3.title em::after,
.home-subscribed-wrapper .home-selection-body .home-subscribed h3.title em::after {
  position: absolute;
  top: 6px;
  right: -13px;
  display: block;
  content: '';
  border: 7px solid transparent;
  border-left-color: #000;
  width: 0;
  height: 0;
}
.home-selection-wrapper .home-selection-body .home-selection h3.title button,
.home-subscribed-wrapper .home-selection-body .home-selection h3.title button,
.home-selection-wrapper .home-selection-body .home-subscribed h3.title button,
.home-subscribed-wrapper .home-selection-body .home-subscribed h3.title button {
  position: relative;
  top: 15px;
  right: 75px;
  float: right;
  border: none;
  outline: none;
  background-color: transparent;
  font-size: 14px;
  cursor: pointer;
}
.home-selection-wrapper .home-selection-body .home-selection .carousel-container,
.home-subscribed-wrapper .home-selection-body .home-selection .carousel-container,
.home-selection-wrapper .home-selection-body .home-subscribed .carousel-container,
.home-subscribed-wrapper .home-selection-body .home-subscribed .carousel-container {
  position: relative;
  width: 92%;
  height: 690px;
  margin-left: 40px;
}
.home-selection-wrapper .home-selection-body .home-selection .carousel-container .slick-slide > div:last-child,
.home-subscribed-wrapper .home-selection-body .home-selection .carousel-container .slick-slide > div:last-child,
.home-selection-wrapper .home-selection-body .home-subscribed .carousel-container .slick-slide > div:last-child,
.home-subscribed-wrapper .home-selection-body .home-subscribed .carousel-container .slick-slide > div:last-child {
  margin-top: 40px;
}
@media screen and (max-width: 1366px) and (min-width: 1200px) {
  .home-selection-wrapper .home-selection-body .home-selection .selection-item,
  .home-subscribed-wrapper .home-selection-body .home-selection .selection-item,
  .home-selection-wrapper .home-selection-body .home-subscribed .selection-item,
  .home-subscribed-wrapper .home-selection-body .home-subscribed .selection-item {
    height: 280px !important;
  }
}
@media screen and (max-width: 1760px) {
  .home-selection-wrapper .home-selection-body .home-selection,
  .home-subscribed-wrapper .home-selection-body .home-selection {
    width: 68%;
  }
  .home-selection-wrapper .home-selection-body .home-subscribed,
  .home-subscribed-wrapper .home-selection-body .home-subscribed {
    width: 1200px;
  }
}
@media screen and (max-width: 1670px) {
  .home-selection-wrapper .home-selection-body .home-subscribed,
  .home-subscribed-wrapper .home-selection-body .home-subscribed {
    width: 1000px;
  }
}
@media screen and (max-width: 1480px) {
  .home-selection-wrapper .home-selection-body .home-subscribed,
  .home-subscribed-wrapper .home-selection-body .home-subscribed {
    width: 900px;
  }
}
.home-selection-wrapper .home-selection-body .carousel-arrow-btn,
.home-subscribed-wrapper .home-selection-body .carousel-arrow-btn {
  position: absolute;
  top: 47%;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}
.home-selection-wrapper .home-selection-body .carousel-arrow-btn i,
.home-subscribed-wrapper .home-selection-body .carousel-arrow-btn i {
  font-size: 30px;
}
@media screen and (max-width: 1366px) and (min-width: 1200px) {
  .home-selection-wrapper .home-selection-body .carousel-arrow-btn,
  .home-subscribed-wrapper .home-selection-body .carousel-arrow-btn {
    top: 40%;
  }
}
.home-selection-wrapper .home-selection-body .carousel-arrow-btn.btn-left,
.home-subscribed-wrapper .home-selection-body .carousel-arrow-btn.btn-left {
  left: -46px;
}
.home-selection-wrapper .home-selection-body .carousel-arrow-btn.btn-right,
.home-subscribed-wrapper .home-selection-body .carousel-arrow-btn.btn-right {
  right: -46px;
}
.home-selection-wrapper .home-selection-body .selection-item,
.home-subscribed-wrapper .home-selection-body .selection-item {
  position: relative;
  width: 319px;
  height: 318px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.home-selection-wrapper .home-selection-body .selection-item .imgWrapper,
.home-subscribed-wrapper .home-selection-body .selection-item .imgWrapper {
  width: 319px;
  height: 318px;
  margin: 0 auto;
}
.home-selection-wrapper .home-selection-body .selection-item .cover,
.home-subscribed-wrapper .home-selection-body .selection-item .cover {
  position: absolute;
  top: 0;
  left: 12px;
  width: 319px;
  height: 318px;
}
.home-selection-wrapper .home-selection-body .selection-item .cover p,
.home-subscribed-wrapper .home-selection-body .selection-item .cover p {
  width: 84%;
  margin: 127px auto 0;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 1366px) and (min-width: 1200px) {
  .home-selection-wrapper .home-selection-body .selection-item,
  .home-subscribed-wrapper .home-selection-body .selection-item {
    width: 260px;
    height: 260px;
    -webkit-transition: width,height;
    transition: width,height;
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
  }
  .home-selection-wrapper .home-selection-body .selection-item .cover,
  .home-subscribed-wrapper .home-selection-body .selection-item .cover {
    width: 260px;
    height: 260px;
    left: 0px;
    -webkit-transition: width,height;
    transition: width,height;
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
  }
  .home-selection-wrapper .home-selection-body .selection-item .imgWrapper,
  .home-subscribed-wrapper .home-selection-body .selection-item .imgWrapper {
    width: 260px;
    height: 260px;
    margin: 0;
    -webkit-transition: width,height;
    transition: width,height;
    -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
  }
}
.home-selection-wrapper .home-selection-body .subscribed-item,
.home-subscribed-wrapper .home-selection-body .subscribed-item {
  position: relative;
  width: 372px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.home-selection-wrapper .home-selection-body .subscribed-item > a,
.home-subscribed-wrapper .home-selection-body .subscribed-item > a {
  display: block;
  width: 96%;
  margin: 0 auto;
}
.home-selection-wrapper .home-selection-body .subscribed-item figure,
.home-subscribed-wrapper .home-selection-body .subscribed-item figure {
  width: 98%;
  margin: 0 auto;
  cursor: pointer;
}
.home-selection-wrapper .home-selection-body .subscribed-item .imgWrapper,
.home-subscribed-wrapper .home-selection-body .subscribed-item .imgWrapper {
  width: 100%;
  height: 192px;
  margin: 0 auto;
}
.home-selection-wrapper .home-selection-body .subscribed-item figcaption > h5,
.home-subscribed-wrapper .home-selection-body .subscribed-item figcaption > h5 {
  width: 98%;
  margin: 5px auto;
  font-weight: 600;
  font-size: 16px;
}
.home-selection-wrapper .home-selection-body .subscribed-item figcaption > p,
.home-subscribed-wrapper .home-selection-body .subscribed-item figcaption > p {
  position: relative;
  margin: 0 auto;
  width: 98%;
  height: 67px;
  color: #000;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.home-selection-wrapper .home-selection-body .subscribed-item figcaption > p::before,
.home-subscribed-wrapper .home-selection-body .subscribed-item figcaption > p::before {
  position: absolute;
  z-index: 1;
  bottom: 4px;
  right: 0;
  width: 3em;
  padding-left: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.home-selection-wrapper .home-selection-body .subscribed-item figcaption > p::after,
.home-subscribed-wrapper .home-selection-body .subscribed-item figcaption > p::after {
  content: '';
  display: inline-block;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.home-selection-wrapper .home-selection-body .subscribed-item .subscribed-item-bottom,
.home-subscribed-wrapper .home-selection-body .subscribed-item .subscribed-item-bottom {
  display: block;
  width: 96%;
  margin: 0 auto;
  font-size: 12px;
  height: 35px;
  padding: 5px 0;
  overflow: hidden;
  color: #000;
}
.home-selection-wrapper .home-selection-body .subscribed-item .subscribed-item-bottom em,
.home-subscribed-wrapper .home-selection-body .subscribed-item .subscribed-item-bottom em {
  float: left;
  text-align: center;
  border: 1px solid #000;
  border-radius: 3px;
  padding: 1px 2px;
  background-color: #fff;
}
.home-selection-wrapper .home-selection-body .subscribed-item .subscribed-item-bottom i,
.home-subscribed-wrapper .home-selection-body .subscribed-item .subscribed-item-bottom i {
  float: right;
  line-height: 27px;
}
.home-selection-wrapper .home-selection-body .subscribed-rightNav li.active a,
.home-subscribed-wrapper .home-selection-body .subscribed-rightNav li.active a {
  color: #fff;
}
.home-selection-wrapper .home-selection-body .subscribed-rightNav a,
.home-subscribed-wrapper .home-selection-body .subscribed-rightNav a {
  color: #868686;
}
.infinite-scroll-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #f2f2f2;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.infinite-scroll-wrapper .frame {
  width: 100%;
  min-height: 100%;
  background-color: #fff;
}
.infinite-scroll-wrapper .frame img {
  display: block;
  margin: 0 auto;
  width: 98%;
  min-width: 1220px;
  max-width: 1900px;
}

@charset "UTF-8";
.singleColorPalettePage_1kb5M {
  padding: 32px 140px 0;
  width: 1910px;
  margin: 0 auto;
  min-height: calc(100vh - 124px);
  position: relative; }
.singleColorPalettePage_1kb5M .header_ZO1rt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 40px; }
.singleColorPalettePage_1kb5M .header_ZO1rt .categoryItem_2u1Nf {
      height: 40px;
      border-radius: 28px;
      border: 1px solid #555b70;
      padding-left: 11px;
      padding-right: 12px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer; }
.singleColorPalettePage_1kb5M .header_ZO1rt .categoryItem_2u1Nf + .categoryItem_2u1Nf {
        margin-left: 15px; }
.singleColorPalettePage_1kb5M .header_ZO1rt .categoryItem_2u1Nf:hover {
        background: rgba(0, 0, 0, 0.04); }
.singleColorPalettePage_1kb5M .header_ZO1rt .categoryItem_2u1Nf:active {
        background: #555b70;
        color: #ffffff; }
.singleColorPalettePage_1kb5M .header_ZO1rt .categoryItem_2u1Nf.active_hxMLI {
        background: #555b70;
        color: #ffffff; }
.singleColorPalettePage_1kb5M .header_ZO1rt .categoryItem_2u1Nf .categoryImg_12FQF {
        width: 30px;
        height: 30px;
        margin-right: 8px; }
.singleColorPalettePage_1kb5M .main_2f5ZG {
    margin-top: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
.singleColorPalettePage_1kb5M .main_2f5ZG .colorList_16jIe {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 120px;
              flex: 0 0 120px; }
.singleColorPalettePage_1kb5M .main_2f5ZG .colorList_16jIe .colorItem_1UxGU {
        height: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        cursor: pointer; }
.singleColorPalettePage_1kb5M .main_2f5ZG .colorList_16jIe .colorItem_1UxGU + .colorItem_1UxGU {
          margin-top: 18px; }
.singleColorPalettePage_1kb5M .main_2f5ZG .colorList_16jIe .colorItem_1UxGU:hover .colorBlock_b8Mk0 {
          border-color: rgba(80, 89, 109, 0.4); }
.singleColorPalettePage_1kb5M .main_2f5ZG .colorList_16jIe .colorItem_1UxGU:active .colorBlock_b8Mk0, .singleColorPalettePage_1kb5M .main_2f5ZG .colorList_16jIe .colorItem_1UxGU.active_hxMLI .colorBlock_b8Mk0 {
          border-color: #50596d; }
.singleColorPalettePage_1kb5M .main_2f5ZG .colorList_16jIe .colorItem_1UxGU .colorBlock_b8Mk0 {
          width: 28px;
          height: 28px;
          padding: 3px;
          border-radius: 50%;
          border: 1px solid #fafafa;
          margin-right: 13px; }
.singleColorPalettePage_1kb5M .main_2f5ZG .colorList_16jIe .colorItem_1UxGU .colorBlock_b8Mk0 .colorBlockBody_AJaDq {
            width: 20px;
            height: 20px;
            border-radius: 50%; }
.singleColorPalettePage_1kb5M .main_2f5ZG .colorList_16jIe .colorItem_1UxGU .colorBlock_b8Mk0 .colorBlockBody_AJaDq[colorname="白色"] {
              -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
                      box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2); }
.singleColorPalettePage_1kb5M .main_2f5ZG .piePart_2DLf0 {
      width: 100%;
      position: relative; }
.singleColorPalettePage_1kb5M .main_2f5ZG .piePart_2DLf0 .pieEcharts_10oeu {
        height: 650px !important;
        width: 650px;
        margin: 0 auto; }
.singleColorPalettePage_1kb5M .main_2f5ZG .piePart_2DLf0 .selectPart_34Wq8 {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        z-index: 10;
        width: 280px;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
.singleColorPalettePage_1kb5M .main_2f5ZG .piePart_2DLf0 .selectPart_34Wq8 .content_170i9 {
          cursor: pointer;
          line-height: 33px;
          font-size: 24px;
          height: 33px;
          width: 140px;
          position: relative;
          overflow: hidden; }
.singleColorPalettePage_1kb5M .main_2f5ZG .piePart_2DLf0 .selectPart_34Wq8 .content_170i9 .contentItem_3D0_h {
            position: absolute;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
            text-align: center;
            top: 0;
            left: 0;
            -webkit-transition: left 0.5s ease-in-out;
            transition: left 0.5s ease-in-out; }
.singleColorPalettePage_1kb5M .main_2f5ZG .piePart_2DLf0 .selectPart_34Wq8 .content_170i9 .contentItem_3D0_h > div {
              width: 140px; }
.singleColorPalettePage_1kb5M .main_2f5ZG .piePart_2DLf0 .selectPart_34Wq8 > i {
          cursor: pointer; }
.singleColorPalettePage_1kb5M .main_2f5ZG .piePart_2DLf0 .selectPart_34Wq8 > i[disabled] {
            cursor: not-allowed;
            color: #d0d0d0; }
.singleColorPalettePage_1kb5M .main_2f5ZG .piePart_2DLf0 .selectPart_34Wq8 > i:hover {
            color: #000000; }
.popBody_3DJA2 {
  padding: 16px;
  max-height: 400px;
  overflow: auto; }
.popBody_3DJA2 .seasonListPart_2y4DN .seasonItem_mzB7h {
    width: 109px;
    height: 28px;
    line-height: 28px;
    padding-left: 8px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
.popBody_3DJA2 .seasonListPart_2y4DN .seasonItem_mzB7h + .seasonItem_mzB7h {
      margin-top: 16px; }
.popBody_3DJA2 .seasonListPart_2y4DN .seasonItem_mzB7h:hover {
      border-radius: 4px;
      background: rgba(0, 0, 0, 0.06); }
@media screen and (max-width: 1910px) and (min-width: 1630px) {
  .singleColorPalettePage_1kb5M {
    -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
            transform: scale(0.85);
    -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
            transform-origin: 0% 0%; }
  .popBody_3DJA2 {
    max-height: 340px; } }
@media screen and (max-width: 1630px) and (min-width: 1431px) {
  .singleColorPalettePage_1kb5M {
    -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
            transform: scale(0.75);
    -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
            transform-origin: 0% 0%; }
  .popBody_3DJA2 {
    max-height: 300px; } }
@media screen and (max-width: 1430px) {
  .singleColorPalettePage_1kb5M {
    -webkit-transform: scale(0.65);
        -ms-transform: scale(0.65);
            transform: scale(0.65);
    -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
            transform-origin: 0% 0%; }
  .popBody_3DJA2 {
    max-height: 260px; } }

.select-popover {
  padding-top: 0;
}
.select-popover .ant-popover-arrow {
  display: none;
}
.select-popover .ant-popover-inner {
  border-radius: 4px;
}
.select-popover .ant-popover-inner .ant-popover-inner-content {
  padding: 0;
}

.match-recommend-content .match-recommend-header {
  display: block;
}
.match-recommend-content .match-recommend-header .match-recommend-header-img {
  display: inline-block;
  width: 21.6%;
  vertical-align: top;
  padding-left: 3%;
}
.match-recommend-content .match-recommend-header .match-recommend-header-img img {
  margin-left: 40px;
}
.match-recommend-content .match-recommend-header .match-recommend-blank {
  display: inline-block;
  width: 75.4%;
  vertical-align: top;
  border-top: 1px solid #e5e5e5;
}
.match-recommend-content .match-recommend-body .match-recommend-line {
  width: 1824px;
  position: relative;
}
.match-recommend-content .match-recommend-body .match-recommend-line .line-item {
  width: 597px;
  display: inline-block;
}
.match-recommend-content .match-recommend-body .match-recommend-line .line-item .line-info {
  overflow: hidden;
  position: relative;
  height: 20px;
}
.match-recommend-content .match-recommend-body .match-recommend-line .line-item .line-info .match-recommend-line {
  position: absolute;
  display: inline-block;
  width: 48.83%;
  height: 3px;
  background: black;
  vertical-align: middle;
}
.match-recommend-content .match-recommend-body .match-recommend-line .line-item .line-info .match-recommend-line.left {
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.match-recommend-content .match-recommend-body .match-recommend-line .line-item .line-info .match-recommend-line.right {
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.match-recommend-content .match-recommend-body .match-recommend-line .line-item .line-info .match-recommend-circle {
  vertical-align: middle;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  background: #ffffff;
  border: 3px solid #000000;
  border-radius: 50%;
}
.match-recommend-content .match-recommend-body .match-recommend-line .line-item .line-title {
  text-align: center;
  font-size: 16px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  color: #000000;
  line-height: 16px;
}
.match-recommend-content .match-recommend-body .match-recommend-body-img {
  height: 543px;
  position: relative;
  width: 1824px;
}
.match-recommend-content .match-recommend-body .match-recommend-body-img img {
  cursor: pointer;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 500ms;
  transition: -webkit-transform 500ms;
  transition: transform 500ms ;
  transition: transform 500ms, -webkit-transform 500ms;
}
.match-recommend-content .match-recommend-body .match-recommend-body-img img:hover {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.match-recommend-content .match-recommend-body .match-recommend-body-img div {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  color: #000000;
  line-height: 16px;
}
.match-recommend-content .match-recommend-body .match-recommend-body-img .image-content1 {
  position: absolute;
  left: 146px;
  top: 111px;
  z-index: 2;
}
.match-recommend-content .match-recommend-body .match-recommend-body-img .image-content1 > div {
  top: -173px;
  left: -27px;
}
.match-recommend-content .match-recommend-body .match-recommend-body-img .image-content2 {
  position: absolute;
  left: 400px;
  top: 63px;
}
.match-recommend-content .match-recommend-body .match-recommend-body-img .image-content2 > div {
  top: 28px;
  left: -40px;
}
.match-recommend-content .match-recommend-body .match-recommend-body-img .image-content3 {
  position: absolute;
  left: 780px;
  top: 82px;
  z-index: 2;
}
.match-recommend-content .match-recommend-body .match-recommend-body-img .image-content3 > div {
  top: 176px;
  left: -28px;
}
.match-recommend-content .match-recommend-body .match-recommend-body-img .image-content4 {
  position: absolute;
  left: 997px;
  top: 73px;
  z-index: 2;
}
.match-recommend-content .match-recommend-body .match-recommend-body-img .image-content4 > div {
  top: 46px;
  right: 217px;
}
.match-recommend-content .match-recommend-body .match-recommend-body-img .image-content5 {
  position: absolute;
  right: 303px;
  top: 90px;
  z-index: 2;
}
.match-recommend-content .match-recommend-body .match-recommend-body-img .image-content5 > div {
  top: 172px;
  right: 20px;
}
.match-recommend-content .match-recommend-body .match-recommend-body-img .image-content6 {
  position: absolute;
  right: 119px;
  top: 10px;
  z-index: 2;
}
.match-recommend-content .match-recommend-body .match-recommend-body-img .image-content6 > div {
  top: 143px;
  right: 13px;
}
@media screen and (max-width: 1900px) {
  .match-recommend-content .match-recommend-body {
    zoom: 0.9;
  }
}
@media screen and (max-width: 1700px) {
  .match-recommend-content .match-recommend-body {
    zoom: 0.85;
  }
}
@media screen and (max-width: 1600px) {
  .match-recommend-content .match-recommend-body {
    zoom: 0.8;
  }
}
@media screen and (max-width: 1500px) {
  .match-recommend-content .match-recommend-body {
    zoom: 0.68;
  }
}

.data-visualization {
  margin: 0 auto;
}
.data-visualization .data-layout {
  width: 100%;
  margin: 0 auto;
}
.data-visualization .center {
  width: 1760px;
  min-width: 1300px;
  margin: 0 auto;
  padding: 0px 0px 30px 0px;
}
@media screen and (max-width: 1760px) {
  .data-visualization .center {
    width: 100%;
    margin: 0 auto;
    padding: 0px 0px 30px 0px;
  }
}
.data-visualization .ant-affix .data-header {
  background-color: #FF7030;
}
.data-visualization .ant-affix .data-header .title {
  color: #fff;
}
.data-visualization .ant-affix .data-header a {
  color: #fff;
}
.data-visualization .data-header {
  width: 100%;
  border-bottom: 1px solid #e8e8e8;
}
.data-visualization .data-header .center {
  padding: 10px 0px 10px 0px;
}
.data-visualization .data-header .title {
  float: left;
  font-size: 18px;
  font-weight: bold;
}
.data-visualization .data-header .operator {
  float: right;
}
.data-visualization .data-header .drop {
  color: rgba(0, 0, 0, 0.65);
}
.data-visualization .data-header a {
  color: rgba(0, 0, 0, 0.65);
}
.data-visualization .people-rank {
  width: 100%;
  position: relative;
  margin: 0 auto;
  margin-top: 10px;
  min-height: 200px;
  padding-left: 17.3%;
}
.data-visualization .people-rank .style-rank-line {
  right: 2%;
  position: absolute;
  width: 80%;
  height: 1px;
  background-color: #e5e5e5;
}
.data-visualization .people-rank .people-logo {
  position: absolute;
  top: 0px;
  left: 40px;
  width: 15%;
  min-width: 102px;
}
.data-visualization .people-rank .ant-tabs-nav {
  position: relative;
  top: 0px;
  left: 47%;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
.data-visualization .people-rank .ant-tabs-bar {
  border-bottom: none;
}
.data-visualization .people-rank .ant-tabs-nav .ant-tabs-tab:hover {
  color: #DA6339;
}
.data-visualization .people-rank .ant-tabs-nav .ant-tabs-tab-active {
  color: #DA6339;
}
.data-visualization .people-rank .ant-tabs-ink-bar {
  background-color: #DA6339;
}
.data-visualization .style-rank {
  position: relative;
  max-width: 1900px;
  min-width: 1300px;
  margin: 0 auto;
  padding-left: 17.3%;
}
.data-visualization .style-rank .style-rank-line {
  right: 2%;
  position: absolute;
  width: 80%;
  height: 1px;
  background-color: #e5e5e5;
}
.data-visualization .style-rank .style-logo {
  position: absolute;
  top: 0px;
  left: 40px;
  width: 7.6%;
  min-width: 102px;
}
.data-visualization .style-rank .chart-left {
  position: relative;
  width: 48%;
  float: left;
  height: 0;
  padding-bottom: 48%;
}
.data-visualization .style-rank .chart-left > div {
  position: absolute;
}
.data-visualization .style-rank .chart-right {
  width: 34%;
  position: absolute;
  bottom: 0px;
  right: 0px;
  height: 0;
  padding-bottom: 34%;
}
.data-visualization .style-rank .chart-right > div {
  position: absolute;
}
.data-visualization .pie-echarts {
  position: absolute;
  width: 100%;
  height: 100%;
}
.data-visualization .people-item {
  width: 100%;
  height: 100%;
}
.data-visualization .people-item .top {
  position: relative;
  width: 100%;
  height: 0px;
  padding-bottom: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.data-visualization .people-item .top .bg-img-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.data-visualization .people-item .top .bg-img {
  display: block;
  width: 52%;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.data-visualization .people-item .top .bg-img:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.data-visualization .people-item .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.data-visualization .people-item .bottom .star-name {
  position: absolute;
  right: 56%;
  top: 34%;
  color: #000;
  cursor: pointer;
  white-space: nowrap;
  border-bottom: 1px solid #000;
}
.data-visualization .clearFloat::after {
  display: block;
  content: '';
  width: 100%;
  height: 0;
  visibility: hidden;
  clear: both;
}
.data-visualization .match-recommend-content {
  margin: 70px 0px;
}
.data-visualization .match-recommend-content .match-recommend-header .match-recommend-header-img {
  padding-left: 0px;
}

.stylePalette_2UaEh .contentWrap_2AfHK {
  width: 1910px;
  width: 100%;
  padding: 32px 50px 0px 50px; }
  .stylePalette_2UaEh .contentWrap_2AfHK .content_1r00M {
    position: relative;
    min-height: calc(100vh - 124px - 32px); }
  .stylePalette_2UaEh .contentWrap_2AfHK .content_1r00M .leftPart_rrNRU {
      position: absolute;
      height: 100%;
      border-right: 1px solid black;
      width: 171px;
      padding-bottom: 15px;
      height: calc(100vh - 124px - 32px - 20px);
      overflow: auto; }
  .stylePalette_2UaEh .contentWrap_2AfHK .content_1r00M .leftPart_rrNRU .filterList_1NsJ_ {
        padding-right: 20px;
        height: 100%; }
  .stylePalette_2UaEh .contentWrap_2AfHK .content_1r00M .rightPart_3CsXJ {
      width: calc(100% - 171px);
      padding-left: 32px;
      margin-left: auto;
      position: relative;
      height: 100%;
      min-height: calc(100vh - 124px - 32px); }
  .stylePalette_2UaEh .contentWrap_2AfHK .content_1r00M .rightPart_3CsXJ .listPart_2Zshg {
        overflow: hidden; }
  .stylePalette_2UaEh .contentWrap_2AfHK .content_1r00M .rightPart_3CsXJ .listUl_1Y46j {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .stylePalette_2UaEh .contentWrap_2AfHK .content_1r00M .rightPart_3CsXJ .onreslut_32ead {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-top: 40px; }
  .stylePalette_2UaEh .contentWrap_2AfHK .content_1r00M .rightPart_3CsXJ .onreslut_32ead > img {
          width: 400px; }

.listLi_2shX5 {
  width: 49%;
  margin-bottom: 32px;
  -webkit-transition: opacity 0.5s ease, top 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, top 0.5s ease, -webkit-transform 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease, top 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease, top 0.5s ease, -webkit-transform 0.5s ease;
  padding-top: 16.6%;
  position: relative;
  top: 0; }
  .listLi_2shX5.un-active_OkVNH {
    -webkit-transform: scale(0.99);
        -ms-transform: scale(0.99);
            transform: scale(0.99);
    top: 25px;
    opacity: 0.1; }
  .listLi_2shX5 .contentBlock_1Z9OH {
    border-bottom: 1px solid #000000;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%; }
  .listLi_2shX5 .contentBlock_1Z9OH .headerPart_3dbvt {
      height: calc(100% - 40px);
      width: 100%; }
  .listLi_2shX5 .contentBlock_1Z9OH .headerPart_3dbvt .colorPart_1kXya {
        cursor: pointer;
        width: calc((100% - 15px) * 0.3);
        margin-right: 15px;
        float: left;
        height: 100%; }
  .listLi_2shX5 .contentBlock_1Z9OH .headerPart_3dbvt .colorPart_1kXya > div {
          width: 100%; }
  .listLi_2shX5 .contentBlock_1Z9OH .headerPart_3dbvt .imgPart_3AFlA {
        float: left;
        width: calc((100% - 15px) * 0.7);
        height: 100%; }
  .listLi_2shX5 .contentBlock_1Z9OH .headerPart_3dbvt .imgPart_3AFlA .imgDiv_1FuV7 {
          width: calc((100% - 14px - 14px) / 3);
          height: 100%;
          float: left;
          background-color: #fff;
          cursor: pointer;
          position: relative; }
  .listLi_2shX5 .contentBlock_1Z9OH .headerPart_3dbvt .imgPart_3AFlA .imgDiv_1FuV7::before {
            content: "";
            position: absolute;
            opacity: 0;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.2);
            -webkit-transition: opacity 0.3s ease-in-out;
            transition: opacity 0.3s ease-in-out;
            z-index: 10;
            pointer-events: none; }
  .listLi_2shX5 .contentBlock_1Z9OH .headerPart_3dbvt .imgPart_3AFlA .imgDiv_1FuV7:hover::before {
            opacity: 1; }
  .listLi_2shX5 .contentBlock_1Z9OH .headerPart_3dbvt .imgPart_3AFlA .imgDiv_1FuV7 + .imgDiv_1FuV7 {
            margin-left: 14px; }
  .listLi_2shX5 .contentBlock_1Z9OH .headerPart_3dbvt .imgPart_3AFlA .imgDiv_1FuV7 > img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover; }
  .listLi_2shX5 .contentBlock_1Z9OH .textPart_3exqn {
      height: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #000;
      cursor: pointer; }
  .listLi_2shX5 .contentBlock_1Z9OH .textPart_3exqn:hover .textIcon_1yMT8::before {
        left: 0;
        -webkit-transform: scaleY(1);
            -ms-transform: scaleY(1);
                transform: scaleY(1);
        -webkit-transform-origin: center bottom;
            -ms-transform-origin: center bottom;
                transform-origin: center bottom; }
  .listLi_2shX5 .contentBlock_1Z9OH .textPart_3exqn:hover .textIcon_1yMT8 .styleIcon_1HtGU {
        color: #fff;
        z-index: 1; }
  .listLi_2shX5 .contentBlock_1Z9OH .textPart_3exqn:hover .textContent_2KawT {
        opacity: 0.7; }
  .listLi_2shX5 .contentBlock_1Z9OH .textPart_3exqn:active .textContent_2KawT {
        opacity: 0.5; }
  .listLi_2shX5 .contentBlock_1Z9OH .textPart_3exqn .textContent_2KawT {
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #000000; }
  .listLi_2shX5 .contentBlock_1Z9OH .textPart_3exqn .fontLine_1d9S_ {
        padding: 0 7px; }
  .listLi_2shX5 .contentBlock_1Z9OH .textPart_3exqn .textIcon_1yMT8 {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        color: #000;
        line-height: 19px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        position: relative;
        overflow: hidden;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        z-index: 2; }
  .listLi_2shX5 .contentBlock_1Z9OH .textPart_3exqn .textIcon_1yMT8:before {
          content: "";
          z-index: 1;
          position: absolute;
          left: 0;
          top: 0;
          width: 18px;
          height: 18px;
          background-color: #000;
          -webkit-transform: scaleY(0);
              -ms-transform: scaleY(0);
                  transform: scaleY(0);
          -webkit-transform-origin: center top;
              -ms-transform-origin: center top;
                  transform-origin: center top;
          -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
          transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
          transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
          transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
  .listLi_2shX5 .contentBlock_1Z9OH .textPart_3exqn .textIcon_1yMT8 .styleIcon_1HtGU {
          zoom: 0.8;
          font-size: 12px; }
  .listLi_2shX5 .onePxBorder_2QrIr {
    height: 1px;
    width: 100%;
    background-color: #000000; }

.filterItem_2tpem {
  max-height: 50%; }
  .filterItem_2tpem + .filterItem_2tpem {
    border-top: 1px solid black;
    padding-top: 20px; }
  .filterItem_2tpem .title_2h9fg {
    margin-bottom: 16px;
    padding-right: 8px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 18px;
    font-weight: 600;
    color: #111111; }
  .filterItem_2tpem .title_2h9fg .titleFont_1znv3 {
      float: right;
      font-size: 12px;
      line-height: 32px;
      width: 8px; }
  .filterItem_2tpem .itemPart_3aH6L {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 14px;
    line-height: 32px;
    color: #111;
    height: calc(100% - 43px);
    overflow: auto;
    padding-bottom: 10px; }
  .filterItem_2tpem .itemPart_3aH6L .item_1m0Mv {
      padding-left: 10px;
      padding-right: 15px;
      position: relative; }
  .filterItem_2tpem .itemPart_3aH6L .item_1m0Mv:hover {
        background-color: #f6f6f6; }
  .filterItem_2tpem .itemPart_3aH6L .item_1m0Mv + .item_1m0Mv {
        margin-top: 8px; }
  .filterItem_2tpem .itemPart_3aH6L .item_1m0Mv.selected_3Zh-t {
        background: #000000;
        color: #ffffff; }
  .filterItem_2tpem .itemPart_3aH6L .item_1m0Mv .closeBtn_2l63A {
        position: absolute;
        right: 0;
        top: 0;
        width: 22px;
        height: 22px;
        text-align: center;
        -webkit-transform: scale(0.6);
            -ms-transform: scale(0.6);
                transform: scale(0.6);
        cursor: pointer; }
  .filterItem_2tpem .itemPart_3aH6L .item_1m0Mv .closeBtn_2l63A > i.close_2zp9k {
          font-size: 12px; }

.tshow-chart-wrapper .tshow-chart-main {
  padding-top: 20px;
  padding-bottom: 70px;
  background-color: #175851;
}
.tshow-chart-wrapper .tshow-chart-main aside {
  float: left;
  width: 13%;
  padding-left: 1.5%;
  color: #fff;
}
.tshow-chart-wrapper .tshow-chart-main aside img {
  display: block;
  margin: 0 auto 10px;
  max-width: 100%;
}
.tshow-chart-wrapper .tshow-chart-main aside h3 {
  margin: 0 0 35px;
  font-size: 34px;
  font-weight: bold;
  color: #fff;
}
.tshow-chart-wrapper .tshow-chart-main aside dl {
  margin: 0;
}
.tshow-chart-wrapper .tshow-chart-main aside dt {
  font-size: 12px;
  margin-bottom: 5px;
}
.tshow-chart-wrapper .tshow-chart-main aside dd {
  margin: 0 0 2px;
  font-size: 12px;
}
.tshow-chart-wrapper .tshow-chart-main aside dd::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 5px;
}
.tshow-chart-wrapper .tshow-chart-main .tshow-chart-right {
  float: right;
  width: 86%;
  padding: 0 0 10px;
}
.tshow-chart-wrapper .tshow-chart-main .tshow-chart-right .chart-box-fill-1 .chart-box-fill-bg {
  position: absolute;
  top: 8%;
  left: 32%;
  width: 36%;
}
.tshow-chart-wrapper .tshow-chart-main .tshow-chart-right .chart-box-fill-2 .chart-box-fill-bg {
  position: absolute;
  top: 18%;
  left: 14%;
  width: 67%;
}
.tshow-chart-wrapper .tshow-chart-main .tshow-chart-right .chart-box-fill-3 .chart-box-fill-bg {
  position: absolute;
  top: 8%;
  left: 42%;
  width: 13%;
}
.tshow-chart-wrapper .tshow-chart-main .tshow-chart-right .chart-box-fill-4 .chart-box-fill-bg {
  position: absolute;
  top: 8%;
  left: 40%;
  width: 21%;
}
.tshow-chart-wrapper .tshow-chart-main .tshow-chart-right .chart-box-fill {
  position: relative;
  display: inline-block;
  width: 40%;
  padding-bottom: 34%;
  margin: 4% 5%;
}
.tshow-chart-wrapper .tshow-chart-main .tshow-chart-right .chart-box {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 4;
}
.tshow-chart-wrapper .tshow-chart-main .tshow-chart-right .chart-text {
  font-size: 12px;
  font-weight: lighter;
  fill: none;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  stroke-width: 1px;
}
.tshow-chart-wrapper .tshow-chart-main .tshow-chart-right .chart-text:hover {
  -webkit-transform: scale(1.02, 1.02);
      -ms-transform: scale(1.02, 1.02);
          transform: scale(1.02, 1.02);
}
.tshow-chart-wrapper .tshow-chart-main .tshow-chart-right .circle-1-text {
  stroke: #F2CF3B;
}
.tshow-chart-wrapper .tshow-chart-main .tshow-chart-right .circle-2-text {
  stroke: #00FFFF;
}
.tshow-chart-wrapper .tshow-chart-main .tshow-chart-right .circle-3-text {
  stroke: #46CDAD;
}
.tshow-chart-wrapper .tshow-chart-main .tshow-chart-right .chart-title {
  font-size: 30px;
  font-weight: lighter;
  stroke: #fff;
  letter-spacing: 7px;
}
.tshow-chart-wrapper .tshow-chart-main .tshow-chart-right .circle-1-title,
.tshow-chart-wrapper .tshow-chart-main .tshow-chart-right .circle-2-title,
.tshow-chart-wrapper .tshow-chart-main .tshow-chart-right .circle-3-title {
  font-weight: lighter;
}
.tshow-chart-wrapper .tshow-chart-img {
  margin-top: 40px;
  margin-bottom: 80px;
}
.tshow-chart-wrapper .tshow-chart-img img {
  display: block;
  width: 98%;
  margin: 0 auto;
}

.find-search-page {
  margin: 0 auto;
  background-color: #fff;
  overflow-x: hidden;
}
.find-search-page .header {
  height: 91px;
  background-color: #fff;
  margin-top: 25px;
}
.find-search-page .center {
  max-width: 1660px;
  margin: 0 auto;
  background-color: #fff;
}
.find-search-page .main {
  padding: 68px 52px 0px;
  margin-bottom: 57px;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(83, 83, 83, 0.08);
          box-shadow: 0px 0px 40px 0px rgba(83, 83, 83, 0.08);
}
.find-search-page .searchbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 254px;
  margin-bottom: 18px;
  background-color: #fff;
}
.find-search-page .searchbar .bar-content {
  position: relative;
  width: 634px;
  height: 36px;
  background-color: #fff;
}
.find-search-page .searchbar .bar-content .iconfaxianwang_search {
  position: absolute;
  left: 0px;
  top: -1px;
  font-size: 26px;
  color: #000;
}
.find-search-page .searchbar .bar-content .line {
  position: absolute;
  top: 2px;
  left: 36px;
  display: inline-block;
  width: 1px;
  height: 28px;
  background-color: #D2D2D2;
}
.find-search-page .searchbar .bar-content .search-input {
  position: absolute;
  top: 0px;
  right: 0px;
}
.find-search-page .searchbar .bar-content input {
  width: 584px;
  height: 34px;
  font-size: 28px;
  padding-left: 10px;
  outline: none;
  border: none;
  background-color: #fff;
}
.find-search-page .searchbar .bar-content ::-webkit-input-placeholder {
  font-weight: 300;
  font-size: 28px;
  color: #D2D2D2;
  line-height: 28px;
}
.find-search-page .searchbar .bar-content ::-moz-placeholder {
  font-weight: 300;
  font-size: 28px;
  color: #D2D2D2;
  line-height: 28px;
}
.find-search-page .searchbar .bar-content :-ms-input-placeholder {
  font-weight: 300;
  font-size: 28px;
  color: #D2D2D2;
  line-height: 28px;
}
.find-search-page .searchbar .bar-content ::-ms-input-placeholder {
  font-weight: 300;
  font-size: 28px;
  color: #D2D2D2;
  line-height: 28px;
}
.find-search-page .searchbar .bar-content ::placeholder {
  font-weight: 300;
  font-size: 28px;
  color: #D2D2D2;
  line-height: 28px;
}
.find-search-page .searchbar .input-search-his {
  position: absolute;
  top: 40px;
  width: 100%;
  padding-top: 3%;
  z-index: 4;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 20px 0px #efeae7;
          box-shadow: 0px 0px 20px 0px #efeae7;
  border-radius: 2px;
}
.find-search-page .searchbar .input-search-his .input-search-his-content {
  width: 100%;
  line-height: 2;
}
.find-search-page .searchbar .input-search-his .input-search-his-content div {
  display: inline-block;
}
.find-search-page .searchbar .input-search-his .input-search-his-content div:first-child {
  width: 80%;
  padding-left: 20px;
  font-size: 14px;
  font-family: MicrosoftYaHeiLight;
  font-weight: bold;
  color: #333333;
}
.find-search-page .searchbar .input-search-his .input-search-his-content div:last-child {
  width: 20%;
  text-align: right;
  cursor: pointer;
  padding-right: 20px;
}
.find-search-page .searchbar .input-search-his .input-search-his-content div:last-child i:hover {
  color: black;
}
.find-search-page .searchbar .input-search-his .input-search-his-content:hover {
  background: #f7f3f0;
}
.find-search-page .searchbar .input-search-his .input-search-his-delete {
  text-align: center;
  border-top: 1px solid #f7f3f0;
  font-size: 12px;
  font-family: MicrosoftYaHeiLight;
  font-weight: 300;
  color: #333333;
  cursor: pointer;
  padding-top: 10px;
  padding-bottom: 10px;
}
.find-search-page .searchbar .input-search-his .input-search-his-delete:hover {
  color: #f0aa04;
}
.find-search-page .searchbar .input-search-tips {
  position: absolute;
  top: 46px;
  width: 100%;
  padding-top: 3%;
  padding-bottom: 3%;
  line-height: 2;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 20px 0px #efeae7;
          box-shadow: 0px 0px 20px 0px #efeae7;
  border-radius: 2px;
  z-index: 99;
}
.find-search-page .searchbar .input-search-tips div {
  padding-left: 20px;
  cursor: pointer;
  font-size: 14px;
  font-family: MicrosoftYaHeiLight;
  font-weight: bold;
  color: #333333;
}
.find-search-page .searchbar .input-search-tips div:hover {
  background: #f7f3f0;
}
.find-search-page .filter-area {
  height: 120px;
  background-color: #fff;
  letter-spacing: 3px;
}
.find-search-page .filter-area .search-more {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 10px;
  padding-bottom: 16px;
  padding-top: 12px;
  height: 54px;
  border-bottom: 1px solid #ccc;
}
.find-search-page .filter-area .search-more .total-number {
  width: 236px;
  font-size: 18px;
  letter-spacing: 3px;
}
.find-search-page .filter-area .search-more .total-number .yellow-text {
  color: #F0AA04;
}
.find-search-page .filter-area .search-more .related-search-text {
  position: absolute;
  top: 12px;
  left: 300px;
  height: 32px;
  font-size: 18px;
}
.find-search-page .filter-area .search-more .related-search {
  position: absolute;
  top: 12px;
  left: 408px;
  height: 32px;
  font-size: 18px;
}
.find-search-page .filter-area .search-more .related-search .related-search-tags {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 20px;
  padding: 0 30px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  border-radius: 20px;
  background-color: #EEEEEE;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.find-search-page .filter-area .search-more .iconqingkong {
  position: absolute;
  top: 12px;
  right: 6px;
  font-size: 25px;
  color: #535353;
  cursor: pointer;
}
.find-search-page .filter-area .all-filter {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 50px;
}
.find-search-page .filter-area .all-filter .newest {
  position: absolute;
  top: 16px;
  right: 10px;
}
.find-search-page .filter-area .all-filter .newest .ant-select-selection {
  border: none;
  font-size: 16px;
  width: 122px;
}
.find-search-page .find-img-list {
  position: relative;
  padding-bottom: 168px;
  min-height: 1200px;
}
.find-search-page .find-img-list .operation {
  height: 50px;
  background-color: #fff;
}
.find-search-page .find-img-list .operation .check-all {
  float: left;
  margin-top: 4px;
}
.find-search-page .find-img-list .operation .check-all input {
  width: 14px;
  height: 14px;
  vertical-align: middle;
  background-color: #fff;
}
.find-search-page .find-img-list .operation .check-all label {
  margin-left: 6px;
  color: #000;
  font-weight: 600;
}
.find-search-page .find-img-list .operation .btn-group {
  float: right;
  text-align: center;
}
.find-search-page .find-img-list .operation .btn-group .iconshangchuan,
.find-search-page .find-img-list .operation .btn-group .iconfaxianwang_shoucang {
  color: #fff;
}
.find-search-page .find-img-list .operation .btn-group span {
  font-size: 17px;
}
.find-search-page .find-img-list .operation .btn-group i {
  font-size: 18px;
}
.find-search-page .find-img-list .operation .btn-group button {
  background-color: #D2D2D2;
  border: none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
}
.find-search-page .find-img-list .operation .btn-group button:nth-of-type(1) {
  width: 112px;
  height: 32px;
  margin-right: 18px;
}
.find-search-page .find-img-list .operation .btn-group button:nth-of-type(2) {
  width: 68px;
  height: 32px;
}
.find-search-page .find-img-list .find-pagenation {
  position: absolute;
  bottom: 48px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.find-search-page .find-img-list .find-pagenation .custom-pagination-wrapper .custom-pagination-pages li.active strong {
  color: #F01717;
}
.find-search-page .find-img-list .find-pagenation .ant-pagination-item {
  margin-right: 6px;
  height: 40px;
  line-height: 38px;
}
.find-search-page .find-img-list .find-pagenation .ant-select-focused .ant-select-selection,
.find-search-page .find-img-list .find-pagenation .ant-select-selection:focus,
.find-search-page .find-img-list .find-pagenation .ant-select-selection:active,
.find-search-page .find-img-list .find-pagenation .ant-pagination-options-quick-jumper input:hover,
.find-search-page .find-img-list .find-pagenation .ant-select-selection:hover,
.find-search-page .find-img-list .find-pagenation .ant-select-selection:hover,
.find-search-page .find-img-list .find-pagenation .ant-pagination-item:focus a,
.find-search-page .find-img-list .find-pagenation .ant-pagination-item:hover a,
.find-search-page .find-img-list .find-pagenation .ant-pagination-item-active a {
  color: #000;
  border-color: #000;
  border: 1px solid #000;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0);
          box-shadow: 0 0 0 2px rgba(24, 144, 255, 0);
}
.find-search-page .find-img-list .find-pagenation .ant-pagination-item-active a {
  background-color: #000;
}
.find-search-page .find-img-list .find-pagenation .ant-pagination-item-active a i.page-no {
  color: #FAFAFA;
}
.find-search-page .find-img-list .find-pagenation .ant-pagination-item-active a i.iconfanye_o {
  border: none;
  top: -28px;
}
.find-search-page .find-img-list .find-image-single {
  display: inline-block;
  margin-bottom: 22px;
}
.find-search-page .hot-recommend {
  height: 548px;
  margin-top: 77px;
  background-color: #F8B551;
}
.find-search-page .permission-message {
  position: fixed;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
  max-width: 1920px;
  width: 100%;
  height: 458px;
  background-color: rgba(255, 255, 255, 0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.find-search-page .permission-message .iconpopup_close {
  position: absolute;
  top: 24px;
  right: 24px;
  font-size: 16px;
  cursor: pointer;
}
.find-search-page .permission-message .content {
  position: absolute;
  left: 50%;
  bottom: 25%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-bottom: 10px;
  width: 500px;
  height: 138px;
}
.find-search-page .permission-message .content img {
  display: inline-block;
  vertical-align: middle;
}
.find-search-page .permission-message .content .messsage {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 500px;
  display: inline-block;
  margin-top: 10px;
  font-size: 24px;
  font-weight: 700;
}

.client-register {
  width: 360px;
  margin: 20px auto;
  -webkit-box-shadow: 0px 2px 20px 0px #d6e1e9;
          box-shadow: 0px 2px 20px 0px #d6e1e9;
}
.client-register .register-title {
  text-align: center;
  font-size: 20px;
  padding-top: 20px;
}
.client-register .country-select {
  display: block;
}
.client-register .country-select .country-code {
  display: inline-block;
  width: 50%;
  padding-left: 5px;
}
.client-register .country-select .country-data {
  display: inline-block;
  width: 50%;
  text-align: right;
  padding-right: 5px;
}
.client-register .country-select .country-data .country-content {
  display: inline-block;
  text-align: left;
}
.client-register .country-select .country-data .country-content .country-select-data {
  left: 40.5%;
}
.client-register .agreement-content {
  -webkit-box-shadow: 0px 2px 20px 0px #d6e1e9;
          box-shadow: 0px 2px 20px 0px #d6e1e9;
  top: 38%;
}

.invite_2_mdg {
  width: 3.75rem;
  height: 6.67rem;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f3f3f3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .invite_2_mdg .header_YwQ3D {
    width: 100%;
    height: 0.44rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #fff;
    padding: 0 0.14rem; }
  .invite_2_mdg .header_YwQ3D .left_2qXZd {
      height: 0.24rem;
      line-height: 0.24rem;
      font-size: 0.12rem;
      color: #14151a;
      text-align: center;
      cursor: pointer; }
  .invite_2_mdg .header_YwQ3D .left_2qXZd img {
        width: 100%;
        height: 100%; }
  .invite_2_mdg .header_YwQ3D .mid_ti4hJ {
      height: 0.22rem;
      line-height: 0.22rem;
      font-size: 0.16rem;
      color: #14151a;
      font-weight: bold; }
  .invite_2_mdg .header_YwQ3D .right_2LGTG {
      width: 0.5rem;
      height: 0.26rem;
      line-height: 0.26rem;
      text-align: center;
      background-color: #7a7a96;
      font-size: 0.12rem;
      color: white;
      border-radius: 0.02rem;
      cursor: pointer; }
  .invite_2_mdg .item_LiypU {
    width: 3.55rem;
    height: 1.86rem;
    background-color: #fff;
    padding: 0.14rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 0.05rem;
    margin-bottom: 0.1rem; }
  .invite_2_mdg .item_LiypU .delete_1dD0F {
      height: 0.16rem;
      line-height: 0.16rem;
      margin-top: -0.04rem;
      color: #ff292a;
      font-size: 0.11rem; }
  .invite_2_mdg .item_LiypU .delete_1dD0F .text_3gL9a {
        float: right;
        cursor: pointer; }
  .invite_2_mdg .item_LiypU .inputContainer_2USWz {
      width: 3.27rem;
      height: 0.4rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border: 0.01rem solid #eee;
      margin-bottom: 0.1rem;
      padding-left: 0.15rem; }
  .invite_2_mdg .item_LiypU .inputContainer_2USWz .label_1_h2r {
        font-size: 0.14rem;
        color: #6d7278;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
  .invite_2_mdg .item_LiypU .inputContainer_2USWz .input_bvUH- {
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        height: calc(100% - 2px);
        border: none;
        font-size: 0.14rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        outline: none; }
  .invite_2_mdg .item_LiypU .inputContainer_2USWz .input_bvUH-::-webkit-input-placeholder {
          color: #6d7278;
          margin-top: 0.01rem; }
  .invite_2_mdg .addButton_ovB-k {
    width: 3.55rem;
    height: 0.44rem;
    line-height: 0.44rem;
    background-color: #fff;
    border-radius: 0.05rem;
    margin-bottom: 0.1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .invite_2_mdg .addButton_ovB-k .add_1ysnJ {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 0.24rem;
      line-height: 0.24rem;
      font-size: 0.13rem;
      color: #14151a;
      cursor: pointer;
      font-weight: bold; }
  .invite_2_mdg .addButton_ovB-k .add_1ysnJ .left_2qXZd {
        width: 0.24rem;
        height: 0.24rem;
        line-height: 0.24rem;
        text-align: center; }
  .modal_13i6z {
  width: 3.15rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.2rem; }
  .modal_13i6z .title_34Dy7 {
    height: 0.22rem;
    line-height: 0.22rem;
    font-size: 0.16rem;
    color: #14151a;
    font-weight: Bold;
    text-align: center; }
  .modal_13i6z .desc_1ejeq {
    height: 0.2rem;
    line-height: 0.2rem;
    font-size: 0.14rem;
    color: #7a8188;
    margin-top: 0.2rem; }
  .modal_13i6z .footer_3yGYX {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 0.4rem; }
  .modal_13i6z .footer_3yGYX .btn_2wH8v {
      width: 1.325rem;
      height: 0.36rem;
      line-height: 0.36rem;
      border-radius: 0.03rem;
      color: #14151a;
      background-color: #fff;
      border: 0.01rem solid #dddddd;
      font-size: 0.14rem;
      text-align: center;
      cursor: pointer; }
  .modal_13i6z .footer_3yGYX .btn_2wH8v.active_1gYaY {
        color: #fff;
        background-color: #0000ef;
        border: 0.01rem solid #0000ef; }

.remove-username button {
  display: none;
}
.remove-username .ant-modal-body {
  padding: 0;
}

.country-content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.country-content .country-select {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.country-content .country-select i.iconfont {
  font-size: 16px;
}
.country-content .country-select .iconxiangxia {
  cursor: pointer;
}
.country-content .country-select-data {
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 20px 0px #d6e1e9;
          box-shadow: 0px 2px 20px 0px #d6e1e9;
  border-radius: 4px;
  position: absolute;
  width: 360px;
  top: 40px;
  left: 0;
}
.country-content .country-select-data .cancel-icon {
  float: right;
  cursor: pointer;
  height: 20px;
  width: 20px;
  color: #f83e55;
  background: #f83e55;
  border-radius: 20px;
  padding: 3px 3px 3px 3px;
  display: inline-block;
  line-height: 14px;
  text-align: center;
  margin-left: 2px;
  margin-top: 2px;
}
.country-content .country-select-data .cancel-icon i {
  font-size: 12px;
}
.country-content .country-select-data .cancel-icon:hover {
  color: #000000;
}
.country-content .country-select-data .country-search-input {
  border: none;
  width: 200px;
  margin: 0 auto;
  border-radius: 30px;
  background: #f7f7f7;
}
.country-content .country-select-data .country-search-input i.iconfont {
  font-size: 16px;
}
.country-content .country-select-data .country-search-input .iconsearch {
  cursor: pointer;
}
.country-content .country-select-data .country-search-input input {
  padding-left: 10px;
  width: 180px;
  border: none;
  outline: none;
  background: #f7f7f7;
  border-radius: 30px;
}
.country-content .country-select-data .country-select-data-item {
  height: 300px;
  overflow: auto;
  margin-left: 10px;
}
.country-content .country-select-data .country-select-data-item div {
  cursor: pointer;
}
.country-content .country-select-data .country-select-data-item div:hover {
  color: #40a9ff;
}

.select_1AGiO {
  display: inline-block;
  width: 49.5%;
  position: relative; }
  .select_1AGiO .clearIcon_2uG06 {
    position: absolute;
    top: calc(50% + 1px);
    right: 13px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #ccc;
    cursor: pointer;
    z-index: 100;
    -ms-touch-action: auto;
        touch-action: auto; }
  .select_1AGiO .clearIcon_2uG06:hover {
      color: #aaa; }
  .select_1AGiO .modal_2yYRy {
    -ms-touch-action: auto;
        touch-action: auto;
    position: fixed;
    width: 100vh;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000; }
  .select_1AGiO .modal_2yYRy .content_1XJYi {
      border-radius: 10px 10px 0 0;
      position: fixed;
      width: 100%;
      bottom: 0;
      left: 0;
      background-color: #fff; }
  .select_1AGiO .modal_2yYRy .content_1XJYi .head_2Z5kP {
        height: 40px;
        border-bottom: 1px solid #aaa;
        text-align: center;
        line-height: 40px; }
  .select_1AGiO .modal_2yYRy .content_1XJYi .list_2eQPW {
        max-height: 410px;
        overflow: auto; }
  .select_1AGiO .modal_2yYRy .content_1XJYi .list_2eQPW::-webkit-scrollbar {
          width: 0; }
  .select_1AGiO .modal_2yYRy .content_1XJYi .list_2eQPW .option_1rzRM {
          height: 40px;
          text-align: center;
          line-height: 40px;
          position: relative; }
  .select_1AGiO .modal_2yYRy .content_1XJYi .list_2eQPW .option_1rzRM.active_hm1YS {
            color: #40a9ff; }
  .select_1AGiO .modal_2yYRy .content_1XJYi .list_2eQPW .option_1rzRM .icon_XrA8X {
            position: absolute;
            right: 15px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%); }

.ding-select-dropdown {
  display: none;
}
.ding-select {
  -ms-touch-action: none;
      touch-action: none;
}

.log_1YH5o {
  height: 100vh;
  background-color: #f3f3f3;
  overflow: hidden; }
  .log_1YH5o .header_y7FkD {
    height: 40px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .log_1YH5o .list_1RCaW {
    width: 100%;
    height: calc(100vh - 40px);
    padding: 0.08rem;
    padding-top: calc(0.08rem - 1px);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -ms-scroll-chaining: none;
        overscroll-behavior: none; }
  .log_1YH5o .list_1RCaW::-webkit-scrollbar {
      width: 0; }
  .log_1YH5o .list_1RCaW .loading_14Uc0 {
      margin-top: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .log_1YH5o .list_1RCaW .item_V7FuG {
      height: 0.5rem;
      line-height: 0.78rem;
      background-color: #fff;
      padding: 0 0.17rem;
      border-radius: 0.05rem;
      margin-bottom: 0.08rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .log_1YH5o .list_1RCaW .item_V7FuG .left_2ptzI {
        height: 0.5rem;
        line-height: 0.5rem; }
  .log_1YH5o .list_1RCaW .item_V7FuG .right_2uw3O {
        width: 100px;
        height: 0.4rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
  .log_1YH5o .list_1RCaW .item_V7FuG .right_2uw3O .rightItem_2fDsf {
          height: 0.2rem;
          line-height: 0.2rem;
          font-size: 12px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .log_1YH5o .list_1RCaW .item_V7FuG .right_2uw3O .rightItem_2fDsf .icon_1tS6o {
            display: inline-block;
            font-weight: bold;
            margin-right: 5px; }
  .iframeWrap_3p9oV {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1100;
  background-color: rgba(0, 0, 0, 0.4); }
  .iframeWrap_3p9oV .iframe_1qOId {
    width: 100vw;
    height: 60vh;
    position: absolute;
    left: 0;
    bottom: 0; }

.register_l2o9Q {
  width: 3.75rem;
  height: 6.67rem;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 1.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .register_l2o9Q .title_1CkMK {
    height: 0.24rem;
    line-height: 0.24rem;
    font-size: 0.17rem;
    font-weight: bold;
    color: #14151a;
    margin-bottom: 0.7rem; }
  .register_l2o9Q .input_2Yz0u {
    width: 3.27rem;
    height: 0.4rem;
    margin-bottom: 0.1rem;
    border: none;
    border: 0.01rem solid #eee;
    font-size: 0.14rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 0.15rem; }
  .register_l2o9Q .input_2Yz0u::-webkit-input-placeholder {
      color: #6d7278;
      margin-top: 0.01rem; }
  .register_l2o9Q .error_3z16b {
    display: inline-block;
    height: 0.4rem;
    line-height: 0.4rem;
    padding: 0 0.17rem;
    border: 0.01rem solid #eee;
    border-left: none;
    font-size: 0.12rem;
    color: #ff6062; }
  .register_l2o9Q .login_3LPWH {
    margin-top: 0.2rem;
    width: 3.27rem;
    height: 0.44rem;
    line-height: 0.44rem;
    background-color: #0000ef;
    font-size: 0.14rem;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 0.03rem; }
  .register_l2o9Q .icon_Y7reW {
    margin-top: auto;
    padding-bottom: 1rem; }
  .register_l2o9Q .icon_Y7reW img {
      width: 0.83rem;
      height: 0.41rem; }

.teamManage_2VUZC {
  width: 3.75rem;
  height: 6.67rem;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f3f3f3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .teamManage_2VUZC .header_1ce2n {
    width: 100%;
    height: 0.44rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #fff;
    padding: 0 0.14rem; }
  .teamManage_2VUZC .header_1ce2n .left_3lrkK {
      height: 0.17rem;
      line-height: 0.17rem;
      font-size: 0.12rem;
      color: #14151a;
      cursor: pointer; }
  .teamManage_2VUZC .header_1ce2n .mid_1U-ab {
      height: 0.22rem;
      line-height: 0.22rem;
      font-size: 0.16rem;
      color: #14151a;
      font-weight: bold; }
  .teamManage_2VUZC .header_1ce2n .right_2viwC {
      cursor: pointer;
      width: 0.22rem;
      height: 0.22rem; }
  .teamManage_2VUZC .header_1ce2n .right_2viwC img {
        width: 100%;
        height: 100%; }
  .teamManage_2VUZC .head_1HPuf {
    width: 3.55rem;
    height: 0.34rem;
    line-height: 0.34rem;
    font-size: 0.1rem;
    color: rgba(20, 21, 26, 0.6);
    background-color: #fff;
    padding: 0 0.14rem;
    border-radius: 0.05rem;
    margin: 0.08rem 0; }
  .teamManage_2VUZC .list_6UkGU {
    overflow: auto; }
  .teamManage_2VUZC .list_6UkGU::-webkit-scrollbar {
      width: 0; }
  .teamManage_2VUZC .list_6UkGU .item_2YCjj {
      width: 3.55rem;
      height: 0.78rem;
      line-height: 0.78rem;
      background-color: #fff;
      padding: 0 0.17rem;
      padding-right: 0.07rem;
      border-radius: 0.05rem;
      margin-bottom: 0.08rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .teamManage_2VUZC .list_6UkGU .item_2YCjj .left_3lrkK {
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        height: 0.78rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .teamManage_2VUZC .list_6UkGU .item_2YCjj .left_3lrkK .circle_1JCwG {
          width: 0.5rem;
          height: 0.5rem;
          border-radius: 50%;
          position: relative;
          border: 0.02rem solid #eee;
          background-color: transparent;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .teamManage_2VUZC .list_6UkGU .item_2YCjj .left_3lrkK .circle_1JCwG .content_WETii {
            width: 0.44rem;
            height: 0.44rem;
            border-radius: 50%;
            overflow: hidden;
            position: relative; }
  .teamManage_2VUZC .list_6UkGU .item_2YCjj .left_3lrkK .circle_1JCwG .content_WETii img {
              width: 100%;
              height: 100%;
              position: absolute;
              left: 0;
              top: 0; }
  .teamManage_2VUZC .list_6UkGU .item_2YCjj .left_3lrkK .circle_1JCwG.active_2ftFW {
            border: 0.02rem solid blue; }
  .teamManage_2VUZC .list_6UkGU .item_2YCjj .left_3lrkK .circle_1JCwG .icon_3f4ik {
            position: absolute;
            top: -0.02rem;
            right: 0;
            width: 0.16rem;
            height: 0.16rem;
            border-radius: 50%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            background-color: #eee;
            color: #fff;
            z-index: 10; }
  .teamManage_2VUZC .list_6UkGU .item_2YCjj .left_3lrkK .circle_1JCwG .icon_3f4ik img {
              width: 100%;
              height: 100%; }
  .teamManage_2VUZC .list_6UkGU .item_2YCjj .left_3lrkK .info_3jSXv {
          height: 0.78rem;
          margin-left: 0.1rem; }
  .teamManage_2VUZC .list_6UkGU .item_2YCjj .left_3lrkK .info_3jSXv .p1_3D6Fk {
            height: 0.21rem;
            line-height: 0.21rem;
            font-size: 0.15rem;
            color: #14151a;
            margin-top: 0.17rem;
            margin-bottom: 0.05rem; }
  .teamManage_2VUZC .list_6UkGU .item_2YCjj .left_3lrkK .info_3jSXv .p2_SS_rj {
            height: 0.18rem;
            line-height: 0.18rem;
            font-size: 0.13rem;
            color: #6d7278; }
  .teamManage_2VUZC .list_6UkGU .item_2YCjj .right_2viwC {
        width: 175px;
        height: 0.78rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: relative; }
  .teamManage_2VUZC .list_6UkGU .item_2YCjj .right_2viwC .date_1reWM {
          line-height: 0.14rem;
          font-size: 0.1rem;
          color: #aaaabb;
          margin-right: 0.1rem;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
  .teamManage_2VUZC .list_6UkGU .item_2YCjj .right_2viwC .date_1reWM .dataItem_o4RHT {
            white-space: nowrap;
            display: none; }
  .teamManage_2VUZC .list_6UkGU .item_2YCjj .right_2viwC .date_1reWM .dataItem_o4RHT.active_2ftFW {
              display: block; }
  .teamManage_2VUZC .list_6UkGU .item_2YCjj .right_2viwC img {
          width: 0.23rem;
          height: 0.23rem;
          cursor: pointer;
          position: absolute;
          right: 0; }
  .teamManage_2VUZC .list_6UkGU .item_2YCjj .noData_2Y71W {
        width: 0.78rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 0.12rem;
        color: #14151a; }
  .modal_1w_hw {
  width: 3.15rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.2rem; }
  .modal_1w_hw .title_flw49 {
    height: 0.22rem;
    line-height: 0.22rem;
    font-size: 0.16rem;
    color: #14151a;
    font-weight: Bold;
    text-align: center; }
  .modal_1w_hw .desc_2ZEKF {
    height: 0.2rem;
    line-height: 0.2rem;
    font-size: 0.14rem;
    color: #7a8188;
    margin-top: 0.2rem; }
  .modal_1w_hw .footer_i-B2z {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 0.4rem; }
  .modal_1w_hw .footer_i-B2z .btn_1MdmV {
      width: 1.325rem;
      height: 0.36rem;
      line-height: 0.36rem;
      border-radius: 0.03rem;
      color: #14151a;
      background-color: #fff;
      border: 0.01rem solid #dddddd;
      font-size: 0.14rem;
      text-align: center;
      cursor: pointer; }
  .modal_1w_hw .footer_i-B2z .btn_1MdmV.active_2ftFW {
        color: #fff;
        background-color: #0000ef;
        border: 0.01rem solid #0000ef; }

.remove-username button {
  display: none;
}
.remove-username .ant-modal-body {
  padding: 0;
}

.download-guide-wrapper {
  width: 100%;
  min-width: 1440px;
  min-height: 100vh;
  margin: 0 auto;
}
.download-guide-wrapper .download-guide-main {
  width: 100%;
  height: 100%;
}
.download-guide-wrapper .download-guide-main .download-guide-banner {
  width: 100%;
  height: 408px;
  background: url("https://assets.wow-trend.com/wowtrend/static/resource/images/clientDownload/230cfb61.png") no-repeat top center;
  color: #fff;
  padding: 1px 0;
}
.download-guide-wrapper .download-guide-main .download-guide-banner img.logo {
  display: block;
  margin: 107px auto 61px;
  width: 378px;
  height: 143px;
}
.download-guide-wrapper .download-guide-main .download-guide-banner p {
  font-weight: 500;
  font-size: 24px;
  color: #fff;
  line-height: 33px;
  text-align: center;
}
.download-guide-wrapper .download-guide-main .download-guide-links {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.download-guide-wrapper .download-guide-main .download-guide-links .download-guide-link-item {
  width: 50%;
}
.download-guide-wrapper .download-guide-main .download-guide-links .download-guide-link-item .download-guide-link-item-title {
  margin-top: 16px;
  margin-bottom: 12px;
  width: 100%;
  height: 45px;
  font-weight: 500;
  font-size: 32px;
  color: #313131;
  line-height: 45px;
  text-align: center;
}
.download-guide-wrapper .download-guide-main .download-guide-links .download-guide-link-item .download-guide-link-item-content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 12px;
  width: 100%;
  height: 291px;
  border: 1px dashed rgba(151, 151, 151, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.download-guide-wrapper .download-guide-main .download-guide-links .download-guide-link-item .download-guide-link-item-content .download-guide-link-item-content-item {
  width: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 267px;
  background: rgba(223, 223, 223, 0.5);
  border: 1px solid #e3e3e3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.download-guide-wrapper .download-guide-main .download-guide-links .download-guide-link-item .download-guide-link-item-content .download-guide-link-item-content-item .download-guide-link-item-content-item-icon {
  margin-top: 32px;
  width: 84px;
  height: 84px;
}
.download-guide-wrapper .download-guide-main .download-guide-links .download-guide-link-item .download-guide-link-item-content .download-guide-link-item-content-item .download-guide-link-item-content-item-icon i {
  font-size: 84px;
  line-height: 84px;
  color: #272636;
}
.download-guide-wrapper .download-guide-main .download-guide-links .download-guide-link-item .download-guide-link-item-content .download-guide-link-item-content-item .download-guide-link-item-content-item-text {
  margin-top: 24px;
  font-weight: 500;
  font-size: 16px;
  color: #313131;
  line-height: 22px;
}
.download-guide-wrapper .download-guide-main .download-guide-links .download-guide-link-item .download-guide-link-item-content .download-guide-link-item-content-item .download-guide-link-item-content-item-text1 {
  margin-top: 6px;
  font-weight: 500;
  font-size: 12px;
  color: #313131;
  line-height: 17px;
}
.download-guide-wrapper .download-guide-main .download-guide-links .download-guide-link-item .download-guide-link-item-content .download-guide-link-item-content-item .download-guide-link-item-content-item-btns {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.download-guide-wrapper .download-guide-main .download-guide-links .download-guide-link-item .download-guide-link-item-content .download-guide-link-item-content-item .download-guide-link-item-content-item-btns .download-guide-link-item-content-item-btns-btn {
  width: 100px;
  height: 26px;
  border-radius: 13px;
  border: 1px solid #313131;
  cursor: pointer;
  font-weight: 500;
  font-size: 12px;
  color: #000;
  line-height: 24px;
  text-align: center;
}
.download-guide-wrapper .download-guide-main .download-guide {
  width: 1200px;
  margin: 0 auto;
  padding-top: 64px;
  padding-bottom: 40px;
}
.download-guide-wrapper .download-guide-main .download-guide h3,
.download-guide-wrapper .download-guide-main .download-guide h4,
.download-guide-wrapper .download-guide-main .download-guide h5,
.download-guide-wrapper .download-guide-main .download-guide dl,
.download-guide-wrapper .download-guide-main .download-guide dt,
.download-guide-wrapper .download-guide-main .download-guide dd,
.download-guide-wrapper .download-guide-main .download-guide figure,
.download-guide-wrapper .download-guide-main .download-guide p,
.download-guide-wrapper .download-guide-main .download-guide figure {
  padding: 0;
  margin: 0;
}
.download-guide-wrapper .download-guide-main .download-guide > h3 {
  text-align: center;
  font-size: 36px;
  letter-spacing: 2px;
}
.download-guide-wrapper .download-guide-main .download-guide > h4 {
  text-align: center;
  font-size: 18px;
}
.download-guide-wrapper .download-guide-main .download-guide > h4 a {
  color: #749bb0;
}
.download-guide-wrapper .download-guide-main .download-guide .step-1 {
  display: block;
  border-bottom: 1px solid #ddd;
  padding: 65px 0 70px;
  font-size: 14px;
  margin-bottom: 70px;
}
.download-guide-wrapper .download-guide-main .download-guide .step-1 figure:nth-child(1) {
  position: relative;
  top: -35px;
}
.download-guide-wrapper .download-guide-main .download-guide .step-1 figure {
  width: 50%;
  display: inline-block;
  text-align: center;
}
.download-guide-wrapper .download-guide-main .download-guide .step-1 h5 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  margin: 8px 0;
}
.download-guide-wrapper .download-guide-main .download-guide > dl {
  width: 500px;
  margin: 0 auto 80px;
  color: #000;
}
.download-guide-wrapper .download-guide-main .download-guide > dl dt {
  position: relative;
  font-size: 18px;
  font-weight: 600;
}
.download-guide-wrapper .download-guide-main .download-guide > dl dt::before {
  content: "";
  position: absolute;
  top: 11px;
  left: -15px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #fc2553;
}
.download-guide-wrapper .download-guide-main .download-guide > dl dd {
  width: 100%;
}
.download-guide-wrapper .download-guide-main .download-guide > dl p {
  width: 95%;
  margin: 20px 0;
  color: #333333;
  letter-spacing: 1px;
  line-height: 23px;
}
.download-guide-wrapper .download-guide-main .download-guide > figure {
  width: 500px;
  margin: 0 auto 80px;
}
.download-guide-wrapper .download-guide-main .download-guide > figure figcaption {
  margin-bottom: 15px;
}

.articleInfo_3HvEQ {
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.header_3dx32 {
  border-bottom: 1px solid #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative; }
  .header_3dx32 .yearInfo_2pUwy {
    margin-top: 40px; }
  .header_3dx32 .yearInfo_2pUwy .title_2CHaf {
      width: 100%;
      height: 50px;
      font-size: 36px;
      font-weight: normal;
      color: #090909;
      line-height: 50px;
      text-align: center;
      margin-bottom: 27px; }
  .header_3dx32 .yearInfo_2pUwy .months_1XRiC {
      width: 100%;
      text-align: center; }
  .header_3dx32 .yearInfo_2pUwy .months_1XRiC .month_3LCE8 {
        height: 28px;
        font-size: 20px;
        font-weight: normal;
        color: #393f48;
        line-height: 28px;
        margin-right: 32px;
        display: inline-block;
        position: relative;
        cursor: pointer; }
  .header_3dx32 .yearInfo_2pUwy .months_1XRiC .month_3LCE8.active_1pd8N .dot_3nNwt {
          visibility: visible; }
  .header_3dx32 .yearInfo_2pUwy .months_1XRiC .month_3LCE8 .dot_3nNwt {
          visibility: hidden;
          position: absolute;
          width: 100%;
          top: 30px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
  .header_3dx32 .yearInfo_2pUwy .months_1XRiC .month_3LCE8 .dot_3nNwt .circle_2jGPA {
            width: 8px;
            height: 8px;
            background: #393f48;
            border-radius: 50%; }
  .header_3dx32 .yearInfo1_njhvj {
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 40px;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(222, 222, 222, 0.5);
            box-shadow: 0px 2px 10px 0px rgba(222, 222, 222, 0.5); }
  .header_3dx32 .yearInfo1_njhvj .title_2CHaf {
      height: 50px;
      font-size: 36px;
      font-weight: normal;
      color: #090909;
      line-height: 50px;
      text-align: center;
      margin-bottom: 27px; }
  .header_3dx32 .yearInfo1_njhvj .months_1XRiC {
      text-align: center; }
  .header_3dx32 .yearInfo1_njhvj .months_1XRiC .month_3LCE8 {
        height: 28px;
        font-size: 20px;
        font-weight: normal;
        color: #393f48;
        line-height: 28px;
        margin-right: 32px;
        display: inline-block;
        position: relative;
        cursor: pointer; }
  .header_3dx32 .yearInfo1_njhvj .months_1XRiC .month_3LCE8.active_1pd8N .dot_3nNwt {
          visibility: visible; }
  .header_3dx32 .yearInfo1_njhvj .months_1XRiC .month_3LCE8 .dot_3nNwt {
          visibility: hidden;
          position: absolute;
          width: 100%;
          top: 30px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
  .header_3dx32 .yearInfo1_njhvj .months_1XRiC .month_3LCE8 .dot_3nNwt .circle_2jGPA {
            width: 8px;
            height: 8px;
            background: #393f48;
            border-radius: 50%; }
  .header_3dx32 .nav_34vRY {
    width: 100%;
    height: 27px; }
  .header_3dx32 .nav_34vRY .tagList_2rhDL {
      height: 27px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      margin-bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      overflow-x: hidden;
      overflow-y: hidden; }
  .header_3dx32 .nav_34vRY .tagList_2rhDL::-webkit-scrollbar {
        height: 0px; }
  .header_3dx32 .nav_34vRY .tagList_2rhDL .item_Huqp9 {
        display: inline-block;
        height: 27px;
        line-height: 27px;
        font-size: 12px;
        color: white;
        background: #393f48;
        padding: 0 32px;
        border-right: 1px solid rgba(255, 255, 255, 0.3);
        cursor: pointer;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        text-align: center; }
  .header_3dx32 .nav_34vRY .tagList_2rhDL .item_Huqp9.active_1pd8N {
          color: #111111;
          background: #f2f2f2;
          font-weight: 400; }
  .header_3dx32 .headerWrap_2Ry2E {
    position: absolute;
    width: 100%;
    height: 53px;
    padding: 0 30px;
    padding-right: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out; }
  .header_3dx32 .headerWrap_2Ry2E.show_37udi {
      opacity: 1;
      z-index: 1; }
  .header_3dx32 .headerWrap_2Ry2E.hide_2Xlh8 {
      opacity: 0;
      z-index: 0; }
  .header_3dx32 .headerWrap_2Ry2E .left_11fMx {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .header_3dx32 .headerWrap_2Ry2E .left_11fMx .logo_ACusz {
        width: 90px;
        height: 34px;
        background: url("https://assets.wow-trend.com/wowtrend/static/resource/images/wowlogo/6d682f00.svg") no-repeat;
        background-size: 100% 100%;
        margin-right: 20px;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .header_3dx32 .headerWrap_2Ry2E .left_11fMx .logo_ACusz a {
          display: inline-block;
          width: 100%;
          height: 100%; }
  .header_3dx32 .headerWrap_2Ry2E .left_11fMx .title_2CHaf {
        height: 34px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .header_3dx32 .headerWrap_2Ry2E .left_11fMx .title_2CHaf .content_3uS9k {
          height: 16px;
          line-height: 16px;
          font-size: 16px;
          font-weight: bold;
          color: #111111; }
  .header_3dx32 .headerWrap_2Ry2E .left_11fMx .title_2CHaf .date_2kLIh {
          height: 18px;
          font-size: 12px;
          margin-top: 3px;
          font-weight: 400;
          color: #111111; }
  .header_3dx32 .headerWrap_2Ry2E .left_11fMx .actionBar_2uOAE {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        padding-left: 74px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .header_3dx32 .headerWrap_2Ry2E .left_11fMx .actionBar_2uOAE .showTypes_2F3or {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          margin: 0;
          overflow-x: hidden;
          overflow-y: hidden;
          position: relative; }
  .header_3dx32 .headerWrap_2Ry2E .left_11fMx .actionBar_2uOAE .showTypes_2F3or li {
            -ms-flex-negative: 0;
                flex-shrink: 0;
            padding-right: 10px; }
  .header_3dx32 .headerWrap_2Ry2E .left_11fMx .actionBar_2uOAE .showTypes_2F3or li a {
              position: relative;
              display: block;
              padding: 6px 15px;
              color: #666;
              -webkit-transition: all 0.3s;
              transition: all 0.3s;
              font-weight: bold; }
  .header_3dx32 .headerWrap_2Ry2E .left_11fMx .actionBar_2uOAE .showTypes_2F3or li a:hover, .header_3dx32 .headerWrap_2Ry2E .left_11fMx .actionBar_2uOAE .showTypes_2F3or li a.highlight_2l6HV {
                color: #333;
                font-weight: bold; }
  .header_3dx32 .headerWrap_2Ry2E .left_11fMx .actionBar_2uOAE .showTypes_2F3or li a.highlight_2l6HV::after {
                content: " ";
                display: block;
                position: absolute;
                bottom: 0;
                left: 50%;
                margin-left: -18px;
                width: 20px;
                height: 3px;
                background: #333; }
  .header_3dx32 .headerWrap_2Ry2E .left_11fMx .actionBar_2uOAE .showTypes_2F3or li a:first-child {
                padding-left: 0; }
  .header_3dx32 .headerWrap_2Ry2E .actionBar2_1dWVh {
      margin: 0 10px;
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .header_3dx32 .headerWrap_2Ry2E .actionBar2_1dWVh .showTypes_2F3or {
        height: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin: 0;
        overflow-x: auto;
        overflow-y: hidden;
        position: relative; }
  .header_3dx32 .headerWrap_2Ry2E .actionBar2_1dWVh .showTypes_2F3or::-webkit-scrollbar {
          height: 0px; }
  .header_3dx32 .headerWrap_2Ry2E .actionBar2_1dWVh .showTypes_2F3or li {
          border-right: 1px solid #ddd;
          text-align: center;
          color: #666;
          -webkit-transition: all 0.3s;
          transition: all 0.3s;
          font-size: 12px;
          font-weight: 400;
          padding: 0 32px;
          position: relative;
          cursor: pointer;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          height: 25px;
          line-height: 25px;
          display: inline-block; }
  .header_3dx32 .headerWrap_2Ry2E .actionBar2_1dWVh .showTypes_2F3or li:hover, .header_3dx32 .headerWrap_2Ry2E .actionBar2_1dWVh .showTypes_2F3or li.active_1pd8N {
            background-color: #393f48;
            color: #fff; }
  .header_3dx32 .headerWrap_2Ry2E .actionBar2_1dWVh .showTypes_2F3or li:hover .cube_14typ, .header_3dx32 .headerWrap_2Ry2E .actionBar2_1dWVh .showTypes_2F3or li.active_1pd8N .cube_14typ {
              border-top: 6px solid #393f48; }
  .header_3dx32 .headerWrap_2Ry2E .actionBar2_1dWVh .showTypes_2F3or li .cube_14typ {
            position: absolute;
            bottom: -10px;
            left: calc(50% - 4.5px);
            border-top: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 6px solid transparent;
            border-left: 6px solid transparent;
            -webkit-transition: all 0.3s;
            transition: all 0.3s; }
  .header_3dx32 .headerWrap_2Ry2E .videoPlayButton_2cy5R {
      border: none;
      background-color: transparent;
      outline: none;
      cursor: pointer; }
  .header_3dx32 .headerWrap_2Ry2E .videoPlayButton_2cy5R:hover {
        color: #333;
        font-weight: bold; }
  .header_3dx32 .headerWrap_2Ry2E .right_Y_dOV {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .header_3dx32 .headerWrap_2Ry2E .right_Y_dOV .morePictureButton_32WKk {
        width: 132px;
        height: 28px;
        font-size: 12px;
        line-height: 28px;
        font-weight: 400;
        color: black;
        text-align: center; }
  .header_3dx32 .headerWrap_2Ry2E .right_Y_dOV .morePictureButton_32WKk:hover {
          background-color: #d4d4d4; }
  .header_3dx32 .headerWrap_2Ry2E .right_Y_dOV .selectAll_3ybG5 {
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        font-weight: 400;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-right: 20px;
        cursor: pointer; }
  .header_3dx32 .headerWrap_2Ry2E .right_Y_dOV .selectAll_3ybG5 .iconContainer_1g6Jo {
          width: 20px;
          height: 20px;
          border-radius: 10px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          background-color: rgba(255, 255, 255, 0.8);
          color: #fff;
          margin-right: 5px;
          text-align: center;
          line-height: 20px;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none; }
  .header_3dx32 .headerWrap_2Ry2E .right_Y_dOV .selectAll_3ybG5 .iconContainer_1g6Jo .icon_2GvqC {
            width: 16px;
            height: 16px;
            line-height: 20px;
            color: #fff;
            background-color: black;
            border-radius: 8px;
            margin: 0; }
  .header_3dx32 .headerWrap_2Ry2E .right_Y_dOV .selectAll_3ybG5 .iconContainer_1g6Jo .normal_1EnE0 {
            width: 16px;
            height: 16px;
            background-color: rgba(0, 0, 0, 0.2);
            border-radius: 8px; }
  .header_3dx32 .headerWrap_2Ry2E .right_Y_dOV .download_DK5CL {
        height: 28px;
        font-size: 12px;
        line-height: 28px;
        font-weight: 400;
        color: black;
        padding: 0 16px; }
  .header_3dx32 .headerWrap_2Ry2E .right_Y_dOV .download_DK5CL:hover {
          background-color: #d4d4d4; }
  .header_3dx32 .headerWrap2_3aU7o {
    position: absolute;
    width: 100%;
    height: 55px;
    padding: 0 30px;
    padding-right: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out; }
  .header_3dx32 .headerWrap2_3aU7o.show_37udi {
      opacity: 1;
      z-index: 1; }
  .header_3dx32 .headerWrap2_3aU7o.hide_2Xlh8 {
      opacity: 0;
      z-index: 0; }
  .header_3dx32 .headerWrap2_3aU7o .left_11fMx {
      height: 55px;
      line-height: 55px;
      font-size: 16px;
      font-weight: 400;
      color: #333333;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .header_3dx32 .headerWrap2_3aU7o .left_11fMx .doubleSwitch_cjbKM {
        margin-left: 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 12px; }
  .header_3dx32 .headerWrap2_3aU7o .left_11fMx .doubleSwitch_cjbKM .doubleLeft_vzeDe,
        .header_3dx32 .headerWrap2_3aU7o .left_11fMx .doubleSwitch_cjbKM .doubleRight_jLiVo {
          width: 50px;
          height: 25px;
          background-color: #f2f2f2;
          font-weight: 400;
          text-align: center;
          line-height: 25px; }
  .header_3dx32 .headerWrap2_3aU7o .left_11fMx .doubleSwitch_cjbKM .doubleLeft_vzeDe.active_1pd8N,
          .header_3dx32 .headerWrap2_3aU7o .left_11fMx .doubleSwitch_cjbKM .doubleRight_jLiVo.active_1pd8N {
            color: #fff;
            background-color: #393f48; }
  .header_3dx32 .headerWrap2_3aU7o .center_11W8N {
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      margin: 0 55px; }
  .header_3dx32 .headerWrap2_3aU7o .center_11W8N .chartSwitch_2hJlG {
        height: 43px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-x: scroll; }
  .header_3dx32 .headerWrap2_3aU7o .center_11W8N .chartSwitch_2hJlG::-webkit-scrollbar {
          height: 0px; }
  .header_3dx32 .headerWrap2_3aU7o .center_11W8N .chartSwitch_2hJlG .title_2CHaf {
          height: 25px;
          line-height: 25px;
          background: #f2f2f2;
          margin-top: 9px;
          margin-right: 10px;
          padding: 0 7px; }
  .header_3dx32 .headerWrap2_3aU7o .center_11W8N .chartSwitch_2hJlG .row_1rwWC {
          margin-top: 9px;
          display: inline-block;
          height: 25px;
          line-height: 25px;
          font-size: 12px;
          color: #666;
          padding: 0 30px;
          cursor: pointer;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          text-align: center;
          -webkit-transition: all 0.4s ease;
          transition: all 0.4s ease; }
  .header_3dx32 .headerWrap2_3aU7o .center_11W8N .chartSwitch_2hJlG .row_1rwWC.active_1pd8N {
            color: #fff;
            background: #393f48;
            font-weight: 400;
            position: relative; }
  .header_3dx32 .headerWrap2_3aU7o .center_11W8N .chartSwitch_2hJlG .row_1rwWC.active_1pd8N::after {
              position: absolute;
              content: "";
              width: 0;
              height: 0;
              left: calc(50% - 4.5px);
              bottom: -9px;
              border-top: 4.5px solid #393f48;
              border-left: 4.5px solid transparent;
              border-right: 4.5px solid transparent;
              border-bottom: 4.5px solid transparent; }
  .header_3dx32 .headerWrap2_3aU7o .right_Y_dOV {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .header_3dx32 .headerWrap2_3aU7o .right_Y_dOV .selectAll_3ybG5 {
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        font-weight: 400;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-right: 20px;
        cursor: pointer; }
  .header_3dx32 .headerWrap2_3aU7o .right_Y_dOV .selectAll_3ybG5 .iconContainer_1g6Jo {
          width: 20px;
          height: 20px;
          border-radius: 10px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          background-color: rgba(255, 255, 255, 0.8);
          color: #fff;
          margin-right: 5px;
          text-align: center;
          line-height: 20px;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none; }
  .header_3dx32 .headerWrap2_3aU7o .right_Y_dOV .selectAll_3ybG5 .iconContainer_1g6Jo .icon_2GvqC {
            width: 16px;
            height: 16px;
            line-height: 20px;
            color: #fff;
            background-color: black;
            border-radius: 8px;
            margin: 0; }
  .header_3dx32 .headerWrap2_3aU7o .right_Y_dOV .selectAll_3ybG5 .iconContainer_1g6Jo .normal_1EnE0 {
            width: 16px;
            height: 16px;
            background-color: rgba(0, 0, 0, 0.2);
            border-radius: 8px; }
  .header_3dx32 .headerWrap2_3aU7o .right_Y_dOV .download_DK5CL {
        height: 28px;
        font-size: 12px;
        line-height: 28px;
        font-weight: 400;
        color: black;
        padding: 0 16px; }
  .header_3dx32 .headerWrap2_3aU7o .right_Y_dOV .download_DK5CL:hover {
          background-color: #d4d4d4; }
  .header_3dx32 .headerWrap2_3aU7o .right_Y_dOV .drag_2uYTj {
        padding-left: 25px;
        -webkit-transform: translateY(4px);
            -ms-transform: translateY(4px);
                transform: translateY(4px); }
  .header_3dx32 .headerWrap2_3aU7o .right_Y_dOV .return_epVKw {
        height: 28px;
        font-size: 12px;
        line-height: 28px;
        font-weight: 400;
        color: black;
        padding: 0 28px; }
  .header_3dx32 .headerWrap2_3aU7o .right_Y_dOV .return_epVKw:hover {
          background-color: #d4d4d4; }
  .header_3dx32 .headerWrap3_2Ep2K {
    position: absolute;
    width: 100%;
    height: 55px;
    padding: 0 30px;
    padding-right: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out; }
  .header_3dx32 .headerWrap3_2Ep2K.show_37udi {
      opacity: 1;
      z-index: 1; }
  .header_3dx32 .headerWrap3_2Ep2K.hide_2Xlh8 {
      opacity: 0;
      z-index: 0; }
  .header_3dx32 .headerWrap3_2Ep2K .left_11fMx {
      height: 55px;
      line-height: 55px;
      font-size: 16px;
      font-weight: bold;
      color: #333333; }
  .header_3dx32 .headerWrap3_2Ep2K .right_Y_dOV {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .header_3dx32 .headerWrap3_2Ep2K .right_Y_dOV .selectAll_3ybG5 {
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        font-weight: 400;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-right: 20px;
        cursor: pointer; }
  .header_3dx32 .headerWrap3_2Ep2K .right_Y_dOV .selectAll_3ybG5 .iconContainer_1g6Jo {
          width: 20px;
          height: 20px;
          border-radius: 10px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          background-color: rgba(255, 255, 255, 0.8);
          color: #fff;
          margin-right: 5px;
          text-align: center;
          line-height: 20px;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none; }
  .header_3dx32 .headerWrap3_2Ep2K .right_Y_dOV .selectAll_3ybG5 .iconContainer_1g6Jo .icon_2GvqC {
            width: 16px;
            height: 16px;
            line-height: 20px;
            color: #fff;
            background-color: black;
            border-radius: 8px;
            margin: 0; }
  .header_3dx32 .headerWrap3_2Ep2K .right_Y_dOV .selectAll_3ybG5 .iconContainer_1g6Jo .normal_1EnE0 {
            width: 16px;
            height: 16px;
            background-color: rgba(0, 0, 0, 0.2);
            border-radius: 8px; }
  .header_3dx32 .headerWrap3_2Ep2K .right_Y_dOV .download_DK5CL {
        height: 28px;
        font-size: 12px;
        line-height: 28px;
        font-weight: 400;
        color: black;
        padding: 0 16px; }
  .header_3dx32 .headerWrap3_2Ep2K .right_Y_dOV .download_DK5CL:hover {
          background-color: #d4d4d4; }

.columnsContent_IH5T4.top110_D9CLx {
  padding-top: 110px; }

.columnsContent_IH5T4 .content_3iqdk {
  width: 1820px;
  min-width: 1300px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 0px 40px 0px 40px;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000; }

@media screen and (max-width: 1820px) {
  .columnsContent_IH5T4 .content_3iqdk {
    width: 100%;
    margin: 0 auto;
    padding: 0px 40px 0px 40px; } }

.columnsContent_IH5T4 .headerFilter_28tIE {
  position: relative;
  left: 0;
  height: 80px;
  width: 100%;
  background-color: #FAFAFA;
  z-index: 50; }

.columnsContent_IH5T4 .headerFilter_28tIE .leftSpace_34KJe,
  .columnsContent_IH5T4 .headerFilter_28tIE .rightSpace_ujMS- {
    width: calc((100% - 1760px) / 2);
    position: absolute;
    height: 30px;
    top: 0;
    background-color: #FAFAFA; }

.columnsContent_IH5T4 .headerFilter_28tIE .leftSpace_34KJe {
    left: 0; }

.columnsContent_IH5T4 .headerFilter_28tIE .rightSpace_ujMS- {
    right: 0; }

.columnsContent_IH5T4 .headerFilter_28tIE .middleSpace_3eesc {
    width: 1820px;
    padding: 0 40px;
    height: 80px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-left: 2px solid #000000;
    border-right: 2px solid #000000; }

@media screen and (max-width: 1820px) {
      .columnsContent_IH5T4 .headerFilter_28tIE .middleSpace_3eesc {
        width: 100%; } }

.columnsContent_IH5T4 .headerFilter_28tIE .middleSpace_3eesc .middleSpaceBox_yshw6 {
      width: 100%;
      border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.columnsContent_IH5T4 .headerFilter_28tIE .middleSpace_3eesc .listTitle2_33Hka {
      width: 100%;
      height: 73px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.columnsContent_IH5T4 .headerFilter_28tIE .middleSpace_3eesc .listTitle2_33Hka .item_1Z7cU {
        height: 73px;
        line-height: 73px;
        font-size: 20px;
        color: #999;
        font-weight: bold;
        margin-right: 42px;
        cursor: pointer; }

.columnsContent_IH5T4 .headerFilter_28tIE .middleSpace_3eesc .listTitle2_33Hka .item_1Z7cU.active_23tiV {
          color: #111111; }

.columnsContent_IH5T4 .headerFilter_28tIE .middleSpace_3eesc .center_2Fs3x {
      float: left;
      width: 70.91954%;
      height: 80px;
      padding-top: 24px; }

.columnsContent_IH5T4 .headerFilter_28tIE .middleSpace_3eesc .center_2Fs3x .pathAndFilter_1X2bA {
        position: relative;
        height: 55px;
        background-color: #FAFAFA; }

.columnsContent_IH5T4 .headerFilter_28tIE .middleSpace_3eesc .center_2Fs3x .pathAndFilter_1X2bA .map_RAnEx {
          position: absolute;
          left: -10px;
          top: 0;
          width: 40px;
          height: 40px;
          z-index: 10; }

.columnsContent_IH5T4 .headerFilter_28tIE .middleSpace_3eesc .center_2Fs3x .pathAndFilter_1X2bA .map_RAnEx:hover {
            background-color: #eee; }

.columnsContent_IH5T4 .headerFilter_28tIE .middleSpace_3eesc .center_2Fs3x .pathAndFilter_1X2bA .map_RAnEx .icon_2fNOv {
            position: absolute;
            left: 10px;
            top: 1px;
            line-height: 30px;
            cursor: pointer;
            font-size: 18px;
            color: #111; }

.columnsContent_IH5T4 .headerFilter_28tIE .middleSpace_3eesc .center_2Fs3x .pathAndFilter_1X2bA .map_RAnEx .modalWrap_3LG4L {
            width: 1143px;
            height: 0;
            overflow: hidden;
            margin-left: 10px;
            margin-top: 59px;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease; }

.columnsContent_IH5T4 .headerFilter_28tIE .middleSpace_3eesc .center_2Fs3x .pathAndFilter_1X2bA .map_RAnEx:hover .modalWrap_3LG4L {
            height: 420px; }

.columnsContent_IH5T4 .headerFilter_28tIE .middleSpace_3eesc .center_2Fs3x .pathAndFilter_1X2bA .crumbs_25U8n {
          position: absolute;
          height: 30px;
          line-height: 30px;
          left: 30px;
          top: 0; }

.columnsContent_IH5T4 .headerFilter_28tIE .middleSpace_3eesc .center_2Fs3x .filterBar_1zJi1 {
        position: absolute;
        left: 190px;
        top: 5.5px;
        width: calc(100% - 200px); }

.columnsContent_IH5T4 .headerFilter_28tIE .middleSpace_3eesc .searchBox_1vKW2 {
      width: 29.08046%;
      max-width: 500px;
      position: relative;
      overflow: unset;
      padding-top: 20px;
      float: left; }

.columnsContent_IH5T4 .headerFilter_28tIE .middleSpace_3eesc .right_3biC4 {
      width: 100%;
      height: 38px; }

.columnsContent_IH5T4 .headerFilter_28tIE .middleSpace_3eesc .search_1PJWB {
      position: absolute;
      left: 15px;
      top: 0px;
      z-index: 2;
      border-radius: 5px;
      color: #111;
      cursor: pointer; }

.columnsContent_IH5T4 .headerFilter_28tIE .middleSpace_3eesc .search_1PJWB .text_GMyQX {
        font-size: 18px;
        line-height: 38px; }

.columnsContent_IH5T4 .headerFilter_28tIE .middleSpace_3eesc .closeSeach_21LOK {
      position: absolute;
      top: 0;
      right: 0px;
      width: 38px;
      height: 38px;
      text-align: center;
      cursor: pointer; }

.columnsContent_IH5T4 .headerFilter_28tIE .middleSpace_3eesc .closeSeach_21LOK > i {
        line-height: 38px;
        font-size: 12px;
        color: #111; }

.columnsContent_IH5T4 .headerFilter_28tIE.beFixed_1Ft8h {
    position: sticky;
    top: 0px;
    left: 0;
    width: 100%; }

.columnsContent_IH5T4 .headerFilter_28tIE.top110_D9CLx {
    top: 110px; }

@media screen and (max-width: 1760px) {
    .columnsContent_IH5T4 .headerFilter_28tIE .leftSpace_34KJe,
    .columnsContent_IH5T4 .headerFilter_28tIE .rightSpace_ujMS- {
      width: 0; }
    .columnsContent_IH5T4 .headerFilter_28tIE .middleSpace_3eesc {
      width: 100%; }
    .columnsContent_IH5T4 .headerFilter_28tIE.beFixed_1Ft8h {
      -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
              transform: translateX(0); } }

.columnsContent_IH5T4 .mainContainer_3mi1T {
  position: relative; }

.columnsContent_IH5T4 .loadSvg_3d9qL {
  position: absolute;
  top: 74px;
  left: -21px;
  width: 170px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.columnsContent_IH5T4 .loadSvg_3d9qL > img {
    width: 40px; }

.columnsContent_IH5T4 .leftFilter_M8zVH {
  position: absolute;
  width: 172px;
  height: 100%;
  overflow: hidden;
  border-right: 1px solid rgba(0, 0, 0, 0.3);
  float: left; }

.columnsContent_IH5T4 .leftFilter_M8zVH .filterBox_2_Ljt {
    position: absolute;
    top: 0; }

.columnsContent_IH5T4 .leftFilter_M8zVH .filterBox_2_Ljt .header_2hrYH {
      height: 74px;
      width: 191px;
      padding: 19px 19px 12px;
      border-bottom: 1px solid #ff7030;
      color: #ff7030;
      background-color: #FAFAFA;
      margin-top: 2px; }

.columnsContent_IH5T4 .leftFilter_M8zVH .filterBox_2_Ljt .header_2hrYH p {
        margin: 0px; }

.columnsContent_IH5T4 .leftFilter_M8zVH .filterBox_2_Ljt .header_2hrYH .title_1pKWH {
        font-size: 22px;
        font-weight: bold; }

.columnsContent_IH5T4 .leftFilter_M8zVH .filterBox_2_Ljt .header_2hrYH .enTitle_2sq2_ {
        font-size: 12px;
        margin-top: -6px; }

.columnsContent_IH5T4 .leftFilter_M8zVH.beFixed_1Ft8h {
    position: sticky;
    z-index: 2;
    top: 110px;
    left: calc((100% - $max-layout - 40px) / 2);
    height: calc(100vh - 110px); }

.columnsContent_IH5T4 .leftFilter_M8zVH.top140_-KdJ4 {
    top: 140px; }

.columnsContent_IH5T4 .rightContent_4v7fD {
  width: calc(100% - 172px);
  padding-left: 30px;
  float: right; }

.columnsContent_IH5T4 .rightContent_4v7fD .banner_3BaJp {
    width: 100%;
    height: 100%;
    margin-bottom: 31px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }

.columnsContent_IH5T4 .rightContent_4v7fD .banner_3BaJp .carsoul_2vAnV {
      position: relative;
      width: 74.2671%;
      height: 0;
      padding-bottom: 28.01303%;
      margin-right: 10px; }

.columnsContent_IH5T4 .rightContent_4v7fD .banner_3BaJp .carsoulBox_2gqPZ {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }

.columnsContent_IH5T4 .rightContent_4v7fD .hotRecommend_2K4S0 {
    position: relative;
    width: 23.84365%;
    height: 0;
    padding-bottom: 28.01303%; }

.columnsContent_IH5T4 .rightContent_4v7fD .hotRecommend_2K4S0 .hotRecommendBox_2et-6 {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }

.columnsContent_IH5T4 .resultList_3byOz {
  min-height: 750px; }

.columnsContent_IH5T4 .list_qOwjX {
  min-height: 750px; }

.columnsContent_IH5T4 .list_qOwjX .empty_35koJ {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 40px; }

.columnsContent_IH5T4 .list_qOwjX .empty_35koJ img {
      width: 400px; }

.columnsContent_IH5T4 .listTitle_278aP {
  font-size: 18px;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
  color: #111; }

.columnsContent_IH5T4 .listTitle_278aP .listTitleRight_1tHQn {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 34px; }

.columnsContent_IH5T4 .listTitle_278aP .listTitleRight_1tHQn .right_3biC4 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-right: 50px; }

.columnsContent_IH5T4 .listTitle_278aP .listTitleRight_1tHQn .right_3biC4 .download_MQ3n3 {
        height: 25px;
        padding: 0 16px;
        font-size: 12px;
        line-height: 25px;
        font-weight: 400;
        color: black; }

.columnsContent_IH5T4 .listTitle_278aP .listTitleRight_1tHQn .right_3biC4 .download_MQ3n3 i {
          font-size: 16px;
          line-height: 25px;
          font-weight: 400;
          color: black; }

.columnsContent_IH5T4 .listTitle_278aP .listTitleRight_1tHQn .right_3biC4 .download_MQ3n3:hover {
          background-color: #d4d4d4; }

.columnsContent_IH5T4 .listTitle_278aP .listTitleRight_1tHQn .right_3biC4 i {
        cursor: pointer;
        color: #cdcdcd;
        font-size: 24px; }

.columnsContent_IH5T4 .listTitle_278aP .listTitleRight_1tHQn .right_3biC4 i.active_23tiV {
          color: #2c2c2c; }

.columnsContent_IH5T4 .listTitle_278aP .listTitleRight_1tHQn .listTitleRightItem_2lYOw {
      font-size: 21px;
      font-weight: bold;
      color: #888888;
      line-height: 29px;
      cursor: pointer; }

.columnsContent_IH5T4 .listTitle_278aP .listTitleRight_1tHQn .listTitleRightItem_2lYOw.active_23tiV {
        font-weight: bold;
        color: #000;
        position: relative; }

.columnsContent_IH5T4 .listTitle_278aP .listTitleRight_1tHQn .listTitleRightItem_2lYOw.active_23tiV::after {
          content: "";
          position: absolute;
          width: 100%;
          height: 4px;
          left: 0;
          bottom: -2px;
          background-color: #000; }

.columnsContent_IH5T4 .loadingPage_3WUmt {
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.columnsContent_IH5T4 .pagination_3yhQL {
  margin-top: 40px;
  height: 103px; }

.listNewOrHotMain_2W4N1 {
  float: right;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative; }

.listNewOrHotMain_2W4N1 .listNewOrHotBody_3s8gf {
    position: absolute;
    right: 0;
    top: -25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.listNewOrHotMain_2W4N1 .listNewOrHotBody_3s8gf .newBtn_1-G2W {
      padding: 2px 6px;
      border: 1px solid #000000;
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      line-height: 16px;
      color: #000000;
      background-color: #ffffff;
      width: 38px;
      cursor: pointer; }

.listNewOrHotMain_2W4N1 .listNewOrHotBody_3s8gf .newBtn_1-G2W.active_23tiV {
        color: #ffffff;
        background-color: #000000; }

.shopContent_14t-- {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.shopContent_14t-- .shopContenTitle_2Zkcg {
    font-size: 18px;
    font-weight: bold;
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.shopContent_14t-- .line_1BiRj {
    width: 1px;
    height: 15.4px;
    background-color: #afafaf;
    margin: 0 32px; }

.shopContent_14t-- .shopContenMain_3WJhN {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 22px;
    position: relative; }

.shopContent_14t-- .shopContenMain_3WJhN .shopItem_1GRQc {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      height: 100%;
      font-size: 16px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.6);
      line-height: 22px;
      cursor: pointer;
      -ms-flex-negative: 0;
          flex-shrink: 0; }

.shopContent_14t-- .shopContenMain_3WJhN .shopItem_1GRQc + .shopItem_1GRQc {
        margin-left: 32px; }

.shopContent_14t-- .shopContenMain_3WJhN .shopItem_1GRQc:hover {
        color: #000000; }

.shopContent_14t-- .shopContenMain_3WJhN .shopItem_1GRQc.active_23tiV {
        color: #000000;
        position: relative; }

.shopContent_14t-- .shopContenMain_3WJhN .shopItem_1GRQc.active_23tiV::after {
          position: absolute;
          bottom: -13px;
          left: 0;
          content: "";
          width: 100%;
          height: 4px;
          background-color: #000; }

.shopContent_14t-- .shopContenMain_3WJhN .product-more_1kb2r {
      line-height: 23px;
      width: 56px;
      height: 25px;
      border-radius: 1100px;
      border: 1px solid #8a8a8a;
      font-size: 12px;
      margin-top: 2px;
      cursor: pointer;
      text-align: center;
      margin-left: 32px; }

.beFixedBar {
  position: fixed;
  margin-top: 0px !important;
  width: 1540px;
  z-index: 20;
  top: 80px;
}
@media screen and (max-width: 1760px) {
  .beFixedBar {
    width: calc(100% - 220px);
  }
}

.fabuhui_K3-hw {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .fabuhui_K3-hw .tagList_2yBde {
    height: 27px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: hidden;
    overflow-y: hidden; }
  .fabuhui_K3-hw .tagList_2yBde::-webkit-scrollbar {
      height: 0px; }
  .fabuhui_K3-hw .tagList_2yBde .tag_vkhQg {
      height: 27px;
      line-height: 27px;
      font-size: 12px;
      color: white;
      background: #393f48;
      padding: 0 32px;
      border-right: 1px solid rgba(255, 255, 255, 0.3);
      cursor: pointer;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      text-align: center; }
  .fabuhui_K3-hw .tagList_2yBde .tag_vkhQg.active_ltpEf {
        color: #111111;
        background: #f2f2f2;
        font-weight: 400; }
  .fabuhui_K3-hw .head_2SxZf {
    height: 78px;
    padding-left: 32px;
    padding-right: 79px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #000; }
  .fabuhui_K3-hw .head_2SxZf .left_2DycR {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .fabuhui_K3-hw .head_2SxZf .left_2DycR .logo_t-nBP {
        width: 120px;
        height: 46px;
        background: url(https://assets.wow-trend.com/wowtrend/static/resource/images/wowlogo/6d682f00.svg) no-repeat;
        background-size: 100% 100%;
        margin-right: 39px;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .fabuhui_K3-hw .head_2SxZf .left_2DycR .logo_t-nBP a {
          display: inline-block;
          width: 100%;
          height: 100%; }
  .fabuhui_K3-hw .head_2SxZf .left_2DycR .info_2WSNx {
        height: 46px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
  .fabuhui_K3-hw .head_2SxZf .left_2DycR .info_2WSNx .title_3qz36 {
          height: 25px;
          font-size: 18px;
          font-weight: 400;
          color: #000000;
          line-height: 25px; }
  .fabuhui_K3-hw .head_2SxZf .left_2DycR .info_2WSNx .footer_3MMI- {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          height: 17px;
          font-size: 12px;
          font-weight: 500;
          color: #000000;
          line-height: 17px; }
  .fabuhui_K3-hw .head_2SxZf .left_2DycR .info_2WSNx .footer_3MMI- .item_1x-ak {
            margin-right: 25px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
  .fabuhui_K3-hw .head_2SxZf .right_2VMrh {
      width: 92px;
      height: 28px;
      border: 1px solid #545b74;
      font-size: 12px;
      font-weight: 500;
      color: #545b74;
      line-height: 25px;
      text-align: center;
      cursor: pointer; }
  .fabuhui_K3-hw .tableHead_iTb34 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 139px);
    height: 111px;
    margin: 0 auto;
    border-top: 1px solid #e3e3e3;
    margin-top: 54px;
    position: relative; }
  .fabuhui_K3-hw .tableHead_iTb34 .id_3pv34 {
      position: absolute;
      top: -36px;
      left: 0; }
  .fabuhui_K3-hw .tableHead_iTb34 .item_1x-ak:first-child {
      border-left: 1px solid #e3e3e3; }
  .fabuhui_K3-hw .tableHead_iTb34 .item_1x-ak {
      width: 14.285%;
      height: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-right: 1px solid #e3e3e3;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: relative; }
  .fabuhui_K3-hw .tableHead_iTb34 .item_1x-ak.active_ltpEf {
        background: #545b74; }
  .fabuhui_K3-hw .tableHead_iTb34 .item_1x-ak.active_ltpEf .title_3qz36,
        .fabuhui_K3-hw .tableHead_iTb34 .item_1x-ak.active_ltpEf .day_3wluC {
          color: #fff; }
  .fabuhui_K3-hw .tableHead_iTb34 .item_1x-ak .btn_-t81D {
        width: 32px;
        height: 111px;
        background: #545b74;
        position: absolute;
        top: 0;
        color: #fff;
        text-align: center;
        line-height: 111px;
        cursor: pointer; }
  .fabuhui_K3-hw .tableHead_iTb34 .item_1x-ak .btn_-t81D.prev_20qF7 {
          left: 0; }
  .fabuhui_K3-hw .tableHead_iTb34 .item_1x-ak .btn_-t81D.next_3DK6V {
          right: 0; }
  .fabuhui_K3-hw .tableHead_iTb34 .item_1x-ak .btn_-t81D.disabled_2vKrC {
          background: #ddd;
          cursor: auto; }
  .fabuhui_K3-hw .tableHead_iTb34 .item_1x-ak .title_3qz36 {
        text-align: center;
        height: 33px;
        line-height: 33px;
        font-size: 24px;
        font-weight: 400;
        color: #000000; }
  .fabuhui_K3-hw .tableHead_iTb34 .item_1x-ak .day_3wluC {
        margin-top: 6px;
        text-align: center;
        height: 20px;
        line-height: 20px;
        font-size: 14px;
        font-weight: 400;
        color: #373737; }
  .fabuhui_K3-hw .table_3ux5t {
    padding: 0 32px;
    padding-top: 0;
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow-x: hidden;
    overflow-y: auto; }
  .fabuhui_K3-hw .table_3ux5t::-webkit-scrollbar {
      width: 0; }
  .fabuhui_K3-hw .table_3ux5t .tr_2dVME:nth-child(even) {
      background-color: #f2f2f2; }
  .fabuhui_K3-hw .table_3ux5t .tr_2dVME:first-child .td_2dRrY {
      border-top: 1px solid #e3e3e3; }
  .fabuhui_K3-hw .table_3ux5t .tr_2dVME {
      position: relative;
      margin: 0 auto;
      width: calc(100% - 75px);
      min-height: 92px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .fabuhui_K3-hw .table_3ux5t .tr_2dVME .time_3ioUa {
        width: 38px;
        height: 100%;
        font-size: 14px;
        font-weight: 400;
        color: #373737;
        position: absolute;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .fabuhui_K3-hw .table_3ux5t .tr_2dVME .time1_1S6mh {
        left: -40px; }
  .fabuhui_K3-hw .table_3ux5t .tr_2dVME .time2_3mfPc {
        right: -40px; }
  .fabuhui_K3-hw .table_3ux5t .tr_2dVME .td_2dRrY:first-child {
        border-left: 1px solid #e3e3e3; }
  .fabuhui_K3-hw .table_3ux5t .tr_2dVME .td_2dRrY {
        width: 14.285%;
        min-height: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border-right: 1px solid #e3e3e3;
        border-bottom: 1px solid #e3e3e3;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding-bottom: 16px; }
  .fabuhui_K3-hw .table_3ux5t .tr_2dVME .td_2dRrY .item_1x-ak {
          min-width: 90px;
          height: 60px;
          margin-top: 16px;
          margin-left: 16px;
          background: #ffffff;
          -webkit-box-shadow: 2px 2px 6px 0px rgba(213, 213, 213, 0.5);
                  box-shadow: 2px 2px 6px 0px rgba(213, 213, 213, 0.5);
          border-radius: 4px 2px 2px 0px;
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          padding-right: 12px; }
  .fabuhui_K3-hw .table_3ux5t .tr_2dVME .td_2dRrY .item_1x-ak .left_2DycR {
            position: absolute;
            left: 0;
            top: 0;
            width: 6px;
            height: 100%;
            background-color: #000000; }
  .fabuhui_K3-hw .table_3ux5t .tr_2dVME .td_2dRrY .item_1x-ak .title_3qz36 {
            height: 22px;
            font-size: 16px;
            font-weight: 400;
            color: #000000;
            line-height: 22px;
            margin-left: 16px;
            max-width: 192px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            position: relative; }
  .fabuhui_K3-hw .table_3ux5t .tr_2dVME .td_2dRrY .item_1x-ak .day_3wluC {
            margin-top: 2px;
            width: 36px;
            height: 16px;
            line-height: 16px;
            font-size: 12px;
            font-weight: 400;
            color: #373737;
            margin-left: 16px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
  .fabuhui_K3-hw .table_3ux5t .noData_3ZaqZ {
      width: calc(100% - 75px);
      margin: 0 auto;
      height: 185px;
      line-height: 185px;
      font-size: 12px;
      font-weight: 400;
      color: #a8a8a8;
      text-align: center;
      border: 1px solid #E3E3E3; }

.title_2HENm {
  height: 22px;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 22px;
  margin-left: 16px;
  max-width: 192px;
  position: relative; }
  .title_2HENm .main_2lOs6 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .title_2HENm .warn_26svv {
    position: fixed;
    max-width: 300px;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    line-height: 17px;
    background: #515151;
    border-radius: 3px;
    padding: 5px;
    word-wrap: break-word;
    z-index: 100; }
  .title1_1DUtm {
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  font-weight: 400;
  color: #373737;
  margin-left: 16px;
  max-width: 192px;
  position: relative; }
  .title1_1DUtm .main_2lOs6 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .title1_1DUtm .warn_26svv {
    position: fixed;
    max-width: 300px;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    line-height: 17px;
    background: #515151;
    border-radius: 3px;
    padding: 5px;
    word-wrap: break-word;
    z-index: 100; }

.addPage_2EsJX {
  padding: 32px 35px;
  padding-top: 0;
  max-width: 750px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .addPage_2EsJX input,
  .addPage_2EsJX input:focus,
  .addPage_2EsJX textarea,
  .addPage_2EsJX textarea:focus,
  .addPage_2EsJX select,
  .addPage_2EsJX select:focus {
    font-size: 16px !important; }
  .addPage_2EsJX .green_1JqF8 {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: -1;
    pointer-events: none; }
  .addPage_2EsJX .blue_2X4H8 {
    position: fixed;
    top: 100px;
    left: 0;
    width: 80%;
    z-index: -1;
    pointer-events: none; }
  .addPage_2EsJX .return_1w5dU {
    position: absolute;
    top: 32px;
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .addPage_2EsJX .title_2p1dZ {
    position: absolute;
    top: 66px;
    height: 33px;
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    line-height: 33px;
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .addPage_2EsJX .desc_3-B6W {
    position: absolute;
    top: 109px;
    height: 16px;
    font-size: 10px;
    font-weight: 100;
    color: #000000;
    line-height: 16px;
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .addPage_2EsJX .main_H0eAi {
    position: absolute;
    top: 157px;
    width: 311px;
    height: 176px;
    background: #ffffff;
    border: 1px solid #ccc;
    padding: 32px 24px;
    padding-top: 14px; }
  .addPage_2EsJX .main_H0eAi .warn_307KO {
      height: 14px;
      font-size: 10px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.24);
      line-height: 14px;
      margin-bottom: 4px;
      visibility: hidden; }
  .addPage_2EsJX .main_H0eAi .warn_307KO.active_2Toxj {
        visibility: visible; }
  .addPage_2EsJX .main_H0eAi .inputContainer_RGz3M {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border: 1px solid #ccc; }
  .addPage_2EsJX .main_H0eAi .inputContainer_RGz3M .input_16yzD {
        display: inline-block;
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        height: 40px;
        background: #ffffff;
        outline: none;
        border: none;
        padding: 0 12px; }
  .addPage_2EsJX .main_H0eAi .inputContainer_RGz3M .input_16yzD::-webkit-input-placeholder {
          color: rgba(0, 0, 0, 0.24); }
  .addPage_2EsJX .main_H0eAi .inputContainer_RGz3M .input_16yzD::-moz-placeholder {
          color: rgba(0, 0, 0, 0.24); }
  .addPage_2EsJX .main_H0eAi .inputContainer_RGz3M .input_16yzD:-ms-input-placeholder {
          color: rgba(0, 0, 0, 0.24); }
  .addPage_2EsJX .main_H0eAi .inputContainer_RGz3M .input_16yzD::-ms-input-placeholder {
          color: rgba(0, 0, 0, 0.24); }
  .addPage_2EsJX .main_H0eAi .inputContainer_RGz3M .input_16yzD::placeholder {
          color: rgba(0, 0, 0, 0.24); }
  .addPage_2EsJX .main_H0eAi .getCode_2BVhH {
      position: relative;
      height: 16px;
      font-size: 12px;
      font-weight: 400;
      color: #000000;
      line-height: 16px; }
  .addPage_2EsJX .main_H0eAi .getCode_2BVhH .text_11eX1 {
        position: absolute;
        top: -45px;
        right: 12px;
        display: inline-block;
        font-size: 12px;
        font-weight: 400;
        color: #000; }
  .addPage_2EsJX .main_H0eAi .getCode_2BVhH .text_11eX1.disabled_3sJSE {
          color: rgba(0, 0, 0, 0.14); }
  .addPage_2EsJX .main_H0eAi .error_3Hnni {
      text-align: right;
      height: 14px;
      font-size: 10px;
      font-weight: 400;
      color: #ee7e8d;
      line-height: 14px;
      margin-top: 3px;
      visibility: hidden; }
  .addPage_2EsJX .main_H0eAi .error_3Hnni.active_2Toxj {
        visibility: visible; }
  .addPage_2EsJX .btn_26StA {
    position: absolute;
    top: 365px;
    margin: 0 auto;
    width: 268px;
    height: 46px;
    background: #000;
    border: 1px solid #000;
    text-align: center;
    line-height: 46px;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
    position: relative; }
  .addPage_2EsJX .btn_26StA::before {
      content: "";
      position: absolute;
      left: 1.5px;
      right: -7px;
      width: 270px;
      height: 7px;
      top: 100%;
      margin-top: 1px;
      -webkit-transform: skew(45deg);
          -ms-transform: skew(45deg);
              transform: skew(45deg);
      background-color: #fff;
      border: 1.5px solid #000;
      border-right: none; }
  .addPage_2EsJX .btn_26StA::after {
      content: "";
      left: 100%;
      margin-left: 1.66px;
      -webkit-transform: skewY(45deg);
          -ms-transform: skewY(45deg);
              transform: skewY(45deg);
      position: absolute;
      top: 2px;
      bottom: -5px;
      width: 7px;
      height: 46.5;
      background-color: #fff;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border: 1.5px solid #000; }
  .addPage_2EsJX .modal_2RPhB {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0, 0, 0, 0.2);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    display: none; }
  .addPage_2EsJX .modal_2RPhB.show_YQ2Gp {
      display: block; }
  .addPage_2EsJX .modal_2RPhB .modalMain__jrd2 {
      position: absolute;
      left: 0;
      bottom: 0;
      border-radius: 16px 16px 0px 0px;
      width: 100%;
      height: calc(100% - 29px);
      background: #ffffffe6;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  .addPage_2EsJX .modal_2RPhB .modalMain__jrd2 .header_2b3Rg {
        height: 54px;
        -webkit-box-shadow: inset 0px 0px 0px 0px #000000;
                box-shadow: inset 0px 0px 0px 0px #000000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 0 16px;
        position: relative; }
  .addPage_2EsJX .modal_2RPhB .modalMain__jrd2 .header_2b3Rg .headerText_36vCu {
          font-size: 16px;
          font-weight: bold;
          color: #000000; }
  .addPage_2EsJX .modal_2RPhB .modalMain__jrd2 .header_2b3Rg .cancel_1p2Ad {
          position: absolute;
          right: 16px;
          font-size: 16px;
          font-weight: 100;
          color: rgba(0, 0, 0, 0.6); }
  .addPage_2EsJX .modal_2RPhB .modalMain__jrd2 .search_fQXp1 {
        width: 100%;
        height: 48px;
        padding: 0 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .addPage_2EsJX .modal_2RPhB .modalMain__jrd2 .search_fQXp1 .input_16yzD {
          width: 100%;
          height: 32px;
          padding: 0 12px;
          background: #fff;
          border-radius: 8px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .addPage_2EsJX .modal_2RPhB .modalMain__jrd2 .search_fQXp1 .input_16yzD input {
            margin-left: 4px;
            display: inline-block;
            width: 0;
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
            outline: none;
            border: none; }
  .addPage_2EsJX .modal_2RPhB .modalMain__jrd2 .search_fQXp1 .input_16yzD input::-webkit-input-placeholder {
              font-size: 12px;
              font-weight: 400;
              color: rgba(0, 0, 0, 0.2);
              line-height: 21px; }
  .addPage_2EsJX .modal_2RPhB .modalMain__jrd2 .search_fQXp1 .input_16yzD input::-moz-placeholder {
              font-size: 12px;
              font-weight: 400;
              color: rgba(0, 0, 0, 0.2);
              line-height: 21px; }
  .addPage_2EsJX .modal_2RPhB .modalMain__jrd2 .search_fQXp1 .input_16yzD input:-ms-input-placeholder {
              font-size: 12px;
              font-weight: 400;
              color: rgba(0, 0, 0, 0.2);
              line-height: 21px; }
  .addPage_2EsJX .modal_2RPhB .modalMain__jrd2 .search_fQXp1 .input_16yzD input::-ms-input-placeholder {
              font-size: 12px;
              font-weight: 400;
              color: rgba(0, 0, 0, 0.2);
              line-height: 21px; }
  .addPage_2EsJX .modal_2RPhB .modalMain__jrd2 .search_fQXp1 .input_16yzD input::placeholder {
              font-size: 12px;
              font-weight: 400;
              color: rgba(0, 0, 0, 0.2);
              line-height: 21px; }
  .addPage_2EsJX .modal_2RPhB .modalMain__jrd2 .countryContainer_3Bjix {
        height: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        overflow-x: hidden;
        overflow-y: auto; }
  .addPage_2EsJX .modal_2RPhB .modalMain__jrd2 .countryContainer_3Bjix::-webkit-scrollbar {
          width: 0; }
  .addPage_2EsJX .modal_2RPhB .modalMain__jrd2 .countryContainer_3Bjix .country_2tUxT .key_3XPua {
          height: 28px;
          font-size: 17px;
          color: #000000;
          line-height: 28px;
          background: rgba(120, 120, 128, 0.08);
          font-weight: bold;
          padding: 0 15px; }
  .addPage_2EsJX .modal_2RPhB .modalMain__jrd2 .countryContainer_3Bjix .country_2tUxT .value_1qnwS {
          margin: 0 auto;
          width: calc(100% - 30px);
          height: 50px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          color: #000000; }

.verifying_3PlcI {
  padding: 9px 16px;
  width: 100vw;
  max-width: 750px;
  margin: 0 auto; }
  .verifying_3PlcI .header_2IeqO {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .verifying_3PlcI .header_2IeqO .left_1YZDK {
      width: 36px;
      height: 36px; }
  .verifying_3PlcI .header_2IeqO .left_1YZDK img {
        width: 100%;
        height: 100%; }
  .verifying_3PlcI .header_2IeqO .center_3k9PS {
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      margin-left: 8px;
      margin-right: 17px; }
  .verifying_3PlcI .header_2IeqO .center_3k9PS .title_3nW_X {
        height: 20px;
        font-size: 14px;
        font-weight: 400;
        color: #000000;
        line-height: 20px; }
  .verifying_3PlcI .header_2IeqO .center_3k9PS .desc_1633u {
        height: 17px;
        font-size: 12px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.5);
        line-height: 17px; }
  .verifying_3PlcI .header_2IeqO .right_2psrC {
      width: 70px;
      height: 25px;
      background: #000000;
      border-radius: 13px;
      font-size: 12px;
      font-weight: 400;
      color: #ffffff;
      line-height: 26px;
      text-align: center; }
  .verifying_3PlcI .mainPic_1u8uW {
    margin: 0 auto;
    margin-top: 28px;
    width: 64px;
    height: 64px; }
  .verifying_3PlcI .mainPic_1u8uW img {
      width: 100%;
      height: 100%; }
  .verifying_3PlcI .text_3k-hZ {
    margin-top: 6px;
    font-size: 12px;
    font-weight: 400;
    color: #ff823d;
    line-height: 17px;
    text-align: center; }
  .verifying_3PlcI .text2_1CZvI {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    line-height: 20px;
    text-align: center; }

.success_1Mr-1 {
  padding: 9px 16px;
  width: 100vw;
  max-width: 750px;
  margin: 0 auto; }
  .success_1Mr-1 .header_3FOGf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .success_1Mr-1 .header_3FOGf .left_3Y-ff {
      width: 36px;
      height: 36px; }
  .success_1Mr-1 .header_3FOGf .left_3Y-ff img {
        width: 100%;
        height: 100%; }
  .success_1Mr-1 .header_3FOGf .center_3961n {
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      margin-left: 8px;
      margin-right: 17px; }
  .success_1Mr-1 .header_3FOGf .center_3961n .title_2gr9Y {
        height: 20px;
        font-size: 14px;
        font-weight: 400;
        color: #000000;
        line-height: 20px; }
  .success_1Mr-1 .header_3FOGf .center_3961n .desc_32_hh {
        height: 17px;
        font-size: 12px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.5);
        line-height: 17px; }
  .success_1Mr-1 .header_3FOGf .right_13BBL {
      width: 70px;
      height: 25px;
      background: #000000;
      border-radius: 13px;
      font-size: 12px;
      font-weight: 400;
      color: #ffffff;
      line-height: 26px;
      text-align: center; }
  .success_1Mr-1 .mainPic_1sEdV {
    margin: 0 auto;
    margin-top: 36px;
    width: 72px;
    height: 72px; }
  .success_1Mr-1 .mainPic_1sEdV img {
      width: 100%;
      height: 100%; }
  .success_1Mr-1 .mainPic2_25Rrt {
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 48px;
    width: 150px;
    height: 202px; }
  .success_1Mr-1 .mainPic2_25Rrt img {
      width: 100%;
      height: 100%; }
  .success_1Mr-1 .text_3h05x {
    margin-top: 16px;
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    line-height: 28px;
    text-align: center; }
  .success_1Mr-1 .text2_3rD-O {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    line-height: 20px;
    text-align: center; }
  .success_1Mr-1 .btn_2wq9s {
    margin: 0 auto;
    width: 268px;
    height: 46px;
    background: #000;
    border: 1px solid #000;
    text-align: center;
    line-height: 46px;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
    position: relative; }
  .success_1Mr-1 .btn_2wq9s::before {
      content: "";
      position: absolute;
      left: 1.5px;
      right: -7px;
      width: 270px;
      height: 7px;
      top: 100%;
      margin-top: 1px;
      -webkit-transform: skew(45deg);
          -ms-transform: skew(45deg);
              transform: skew(45deg);
      background-color: #fff;
      border: 1.5px solid #000;
      border-right: none; }
  .success_1Mr-1 .btn_2wq9s::after {
      content: "";
      left: 100%;
      margin-left: 1.66px;
      -webkit-transform: skewY(45deg);
          -ms-transform: skewY(45deg);
              transform: skewY(45deg);
      position: absolute;
      top: 2px;
      bottom: -5px;
      width: 7px;
      height: 46.5;
      background-color: #fff;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border: 1.5px solid #000; }

.fail_1JB9k .logo_XFWHG {
  width: 74px;
  height: 74px;
  margin: 48px auto 16px auto; }
  .fail_1JB9k .logo_XFWHG img {
    width: 100%;
    height: 100%; }
  .fail_1JB9k .title_22lQz {
  height: 28px;
  font-size: 20px;
  font-weight: 500;
  color: #000000;
  line-height: 28px;
  text-align: center;
  margin-bottom: 30px; }
  .fail_1JB9k .text_2NX70 {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  line-height: 20px;
  text-align: center; }
  .fail_1JB9k .mainPic_28NMw {
  width: 160px;
  margin: 0 auto;
  margin-top: 36px; }
  .fail_1JB9k .mainPic_28NMw img {
    width: 100%;
    height: 100%; }

.invite_3U9Lw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100vw;
  max-width: 750px;
  margin: 0 auto;
  padding-bottom: 20px; }
  .invite_3U9Lw img {
    width: 100%; }
  .invite_3U9Lw .logo_1JpyF {
    width: 19.2%;
    margin-top: 48px;
    margin-bottom: 16px; }
  .invite_3U9Lw .title_1zY2H {
    height: 28px;
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    line-height: 28px;
    text-align: center;
    margin-bottom: 24px; }
  .invite_3U9Lw .desc_TbDy4 {
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    line-height: 20px;
    text-align: center; }
  .invite_3U9Lw .mainPic_2lnJY {
    width: 40%;
    margin-top: 27px;
    margin-bottom: 40px; }
  .invite_3U9Lw .btn_2PQf2 {
    width: 268px;
    height: 46px;
    background: #000;
    border: 1px solid #000;
    text-align: center;
    line-height: 46px;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
    position: relative; }
  .invite_3U9Lw .btn_2PQf2::before {
      content: "";
      position: absolute;
      left: 1.5px;
      right: -7px;
      width: 270px;
      height: 7px;
      top: 100%;
      margin-top: 1px;
      -webkit-transform: skew(45deg);
          -ms-transform: skew(45deg);
              transform: skew(45deg);
      background-color: #fff;
      border: 1.5px solid #000;
      border-right: none; }
  .invite_3U9Lw .btn_2PQf2::after {
      content: "";
      left: 100%;
      margin-left: 1.66px;
      -webkit-transform: skewY(45deg);
          -ms-transform: skewY(45deg);
              transform: skewY(45deg);
      position: absolute;
      top: 2px;
      bottom: -5px;
      width: 7px;
      height: 46.5;
      background-color: #fff;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border: 1.5px solid #000; }


.siginWidthRegisterComponent_4ax4S {
  width: 100%;
  height: 100vh;
  min-height: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.left_1fc1o {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 620px;
  position: relative; }

.right_IvDjQ {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 680px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.bgText_2CaKJ {
  position: absolute;
  top: 80px;
  left: 58px;
  width: 52%;
  max-width: 529px; }

.bgLogo_1Sdeb {
  position: absolute;
  bottom: 40px;
  right: 40px;
  cursor: pointer; }

.getBackPasswordComponent_342Jx {
  max-width: 550px;
  width: 550px; }
  .getBackPasswordComponent_342Jx .sumbitBtn_3kI-x {
    margin-top: 50px;
    background-color: #111;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border: none;
    cursor: pointer; }
  .getBackPasswordComponent_342Jx .verfyCodeBox_25myE {
    width: calc(100% - 110px);
    position: relative; }
  .getBackPasswordComponent_342Jx .getMessageBtnBox_3HYuQ {
    width: 110px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .getBackPasswordComponent_342Jx .getMessageBtnBox_3HYuQ .getMessageBtn_1dXjl {
      height: 26px;
      padding: 0 10px;
      font-size: 12px;
      line-height: 26px;
      text-align: center;
      background-color: #111;
      color: #fff; }

.login_2rlGm {
  width: 100vw;
  height: 100vh;
  background: #404040;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .login_2rlGm .center_1HePJ {
    width: 1260px;
    height: 720px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .login_2rlGm .center_1HePJ .img_26VGX {
      width: 630px;
      height: 720px; }
  .login_2rlGm .center_1HePJ .img_26VGX img {
        width: 100%;
        height: 100%; }
  .login_2rlGm .center_1HePJ .right_IUslY {
      width: 630px;
      height: 620px;
      background-color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  .login_2rlGm .center_1HePJ .right_IUslY .logo_1Gpas {
        width: 266px;
        height: 39px;
        margin-top: 70px; }
  .login_2rlGm .center_1HePJ .right_IUslY .logo_1Gpas img {
          width: 100%;
          height: 100%; }
  .login_2rlGm .center_1HePJ .right_IUslY .formItem_3KXKA .name_1318l {
        width: 32px;
        height: 24px;
        font-size: 16px;
        color: #000;
        margin-bottom: 6px; }
  .login_2rlGm .center_1HePJ .right_IUslY .formItem_3KXKA .inputContainer_1paE6 {
        width: 449px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .login_2rlGm .center_1HePJ .right_IUslY .formItem_3KXKA .inputContainer_1paE6 .input_21h-x {
          width: 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          padding-left: 16px;
          display: inline-block;
          height: 56px;
          background: #fafafa;
          border: none;
          outline: none; }
  .login_2rlGm .center_1HePJ .right_IUslY .formItem_3KXKA .inputContainer_1paE6 .verify_2HckG {
          margin-left: 24px;
          width: 154px;
          height: 56px;
          border: 2px solid #000;
          cursor: pointer;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          font-weight: 400;
          font-size: 16px;
          color: #000; }
  .login_2rlGm .center_1HePJ .right_IUslY .btn_3Wk0i {
        margin-top: 83px;
        width: 449px;
        height: 56px;
        background: #000;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 16px;
        color: #fff; }

.content_1XBb_ {
  width: 1820px;
  min-height: 100vh;
  margin: 0 auto;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000; }
  .content_1XBb_ .colorList_2v0K5 {
    width: calc(100% - 60px);
    height: 62px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 16px 207px;
    border-bottom: 1px solid #afafaf;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    gap: 52px; }
  .content_1XBb_ .colorList_2v0K5 .colorItem_1fn9r {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 10px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer; }
  .content_1XBb_ .colorList_2v0K5 .colorItem_1fn9r:hover .color_3zWGO .center_FaQuD, .content_1XBb_ .colorList_2v0K5 .colorItem_1fn9r.active_3vgK- .color_3zWGO .center_FaQuD {
        opacity: 1; }
  .content_1XBb_ .colorList_2v0K5 .colorItem_1fn9r .color_3zWGO {
        width: 30px;
        height: 30px;
        border-radius: 40px;
        position: relative; }
  .content_1XBb_ .colorList_2v0K5 .colorItem_1fn9r .color_3zWGO .center_FaQuD {
          opacity: 0;
          width: 17px;
          height: 17px;
          background: #fff;
          -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.5);
                  box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.5);
          border-radius: 50%;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translateX(-50%) translateY(-50%);
              -ms-transform: translateX(-50%) translateY(-50%);
                  transform: translateX(-50%) translateY(-50%);
          z-index: 10; }
  .content_1XBb_ .colorList_2v0K5 .colorItem_1fn9r .text_JLlUc {
        font-weight: 600;
        font-size: 16px;
        color: #5c6276;
        line-height: 22px; }
  .content_1XBb_ .categoryList_1Gzli {
    padding: 0 24px;
    padding-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 24px; }
  .content_1XBb_ .categoryList_1Gzli .categoryItem_1Tw48 {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 5px 10px;
      border-radius: 20px;
      border: 1px solid #5c6276;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 7px; }
  .content_1XBb_ .categoryList_1Gzli .categoryItem_1Tw48.active_3vgK- {
        background: #5c6276; }
  .content_1XBb_ .categoryList_1Gzli .categoryItem_1Tw48.active_3vgK- .text_JLlUc {
          color: #fff; }
  .content_1XBb_ .categoryList_1Gzli .categoryItem_1Tw48 .pic_2gqBW {
        width: 30px;
        height: 30px; }
  .content_1XBb_ .categoryList_1Gzli .categoryItem_1Tw48 .text_JLlUc {
        font-weight: 600;
        font-size: 16px;
        color: #5c6276; }
  .content_1XBb_ .piePart_1cOUg {
    margin-top: 44px;
    width: 100%;
    position: relative; }
  .content_1XBb_ .piePart_1cOUg .loadSvg_EpzpE {
      position: absolute;
      top: 0;
      left: 0%;
      width: 100%;
      height: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .content_1XBb_ .piePart_1cOUg .loadSvg_EpzpE > img {
        width: 40px; }
  .content_1XBb_ .piePart_1cOUg .pieEcharts_2-lyq {
      height: 650px !important;
      width: 650px;
      margin: 0 auto; }
  .content_1XBb_ .piePart_1cOUg .pieEcharts_2-lyq.loading_3y84I {
        visibility: hidden;
        pointer-events: none; }
  .content_1XBb_ .piePart_1cOUg .selectPart_o4SZt {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      z-index: 10;
      width: 280px;
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .content_1XBb_ .piePart_1cOUg .selectPart_o4SZt .btns_LJ1wX {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        top: -80px;
        width: 176px;
        height: 50px;
        border-radius: 14px;
        border: 1px solid rgba(0, 0, 0, 0.15);
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 6px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
  .content_1XBb_ .piePart_1cOUg .selectPart_o4SZt .btns_LJ1wX .btn_1iETM {
          width: 82px;
          height: 36px;
          background: #fff;
          border-radius: 9px;
          font-weight: 500;
          font-size: 14px;
          color: #000;
          line-height: 34px;
          text-align: center;
          cursor: pointer; }
  .content_1XBb_ .piePart_1cOUg .selectPart_o4SZt .btns_LJ1wX .btn_1iETM.active_3vgK- {
            background: #000;
            color: #fff; }
  .content_1XBb_ .piePart_1cOUg .selectPart_o4SZt .selectContent_1khDx {
        cursor: pointer;
        line-height: 33px;
        font-size: 24px;
        height: 33px;
        width: 140px;
        position: relative;
        overflow: hidden; }
  .content_1XBb_ .piePart_1cOUg .selectPart_o4SZt .selectContent_1khDx .contentItem_F514h {
          position: absolute;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
          text-align: center;
          top: 0;
          left: 0;
          -webkit-transition: left 0.5s ease-in-out;
          transition: left 0.5s ease-in-out; }
  .content_1XBb_ .piePart_1cOUg .selectPart_o4SZt .selectContent_1khDx .contentItem_F514h > div {
            width: 140px; }
  .content_1XBb_ .piePart_1cOUg .selectPart_o4SZt > i {
        cursor: pointer; }
  .content_1XBb_ .piePart_1cOUg .selectPart_o4SZt > i[disabled] {
          cursor: not-allowed;
          color: #d0d0d0; }
  .content_1XBb_ .piePart_1cOUg .selectPart_o4SZt > i:hover {
          color: #000000; }
  .popBody_3PsW3 {
  padding: 16px;
  max-height: 400px;
  overflow: auto; }
  .popBody_3PsW3 .seasonListPart_2Ey4J .seasonItem_jY1a2 {
    width: 109px;
    height: 28px;
    line-height: 28px;
    padding-left: 8px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .popBody_3PsW3 .seasonListPart_2Ey4J .seasonItem_jY1a2 + .seasonItem_jY1a2 {
      margin-top: 16px; }
  .popBody_3PsW3 .seasonListPart_2Ey4J .seasonItem_jY1a2:hover {
      border-radius: 4px;
      background: rgba(0, 0, 0, 0.06); }
  @media screen and (max-width: 1910px) and (min-width: 1630px) {
  .content_1XBb_ {
    zoom: 0.85;
    min-height: 120vh; }
  .popBody_3PsW3 {
    max-height: 340px; } }
  @media screen and (max-width: 1630px) and (min-width: 1431px) {
  .content_1XBb_ {
    zoom: 0.75;
    min-height: 135vh; }
  .popBody_3PsW3 {
    max-height: 300px; } }
  @media screen and (max-width: 1430px) {
  .content_1XBb_ {
    zoom: 0.65;
    min-height: 150vh; }
  .popBody_3PsW3 {
    max-height: 260px; } }

.zhanhui_33iLX {
  max-width: 1820px;
  min-width: 1300px;
  margin: 0 auto;
  background-color: #fff;
  padding: 0 40px;
  padding-bottom: 20px;
  border: 2px solid #000;
  border-top: 0; }
  .zhanhui_33iLX .head_2bjAo {
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .zhanhui_33iLX .head_2bjAo .search_2Kurz {
      width: 276px;
      height: 28px;
      -webkit-transform: translateY(-3px);
          -ms-transform: translateY(-3px);
              transform: translateY(-3px); }
  .zhanhui_33iLX .head_2bjAo .btn_cSAtM {
      height: 28px;
      line-height: 26px;
      text-align: center;
      color: #000102;
      border: 1px solid #000102;
      padding: 0 16px;
      cursor: pointer; }
  .zhanhui_33iLX .head_2bjAo .btn_cSAtM.active_2ug6d {
        color: #fff;
        background: #555b70; }
  .zhanhui_33iLX .line_3V6Uj {
    height: 1px;
    background-color: #ccc; }
  .zhanhui_33iLX .content_2_w5M {
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .zhanhui_33iLX .content_2_w5M .left_2eUi7 {
      width: 180px;
      height: 100%;
      min-height: 796px;
      border-right: 1px solid #ccc;
      padding-right: 25px; }
  .zhanhui_33iLX .content_2_w5M .left_2eUi7 .year_2p-BQ {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 33px;
        line-height: 33px;
        font-size: 24px;
        font-weight: bold;
        color: #000000;
        margin-bottom: 32px; }
  .zhanhui_33iLX .content_2_w5M .left_2eUi7 .year_2p-BQ .btn_cSAtM {
          width: 24px;
          height: 33px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          cursor: pointer;
          position: relative; }
  .zhanhui_33iLX .content_2_w5M .left_2eUi7 .year_2p-BQ .btn_cSAtM .normal_3nano {
            width: 24px;
            height: 24px;
            position: absolute;
            top: 4.5px;
            z-index: 2;
            opacity: 1; }
  .zhanhui_33iLX .content_2_w5M .left_2eUi7 .year_2p-BQ .btn_cSAtM .hover_-6y6- {
            width: 24px;
            height: 24px;
            position: absolute;
            top: 4.5px;
            opacity: 0; }
  .zhanhui_33iLX .content_2_w5M .left_2eUi7 .year_2p-BQ .btn_cSAtM:hover .normal_3nano {
            opacity: 0; }
  .zhanhui_33iLX .content_2_w5M .left_2eUi7 .year_2p-BQ .btn_cSAtM:hover .hover_-6y6- {
            opacity: 1; }
  .zhanhui_33iLX .content_2_w5M .left_2eUi7 .item_mQ1AY {
        height: 52px;
        border-bottom: 1px solid #ccc;
        font-size: 14px;
        font-weight: 500;
        color: #000000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        cursor: pointer; }
  .zhanhui_33iLX .content_2_w5M .left_2eUi7 .item_mQ1AY:hover {
          background: #e6e7ea; }
  .zhanhui_33iLX .content_2_w5M .left_2eUi7 .item_mQ1AY.active_2ug6d {
          color: #fff;
          background: #555b70; }
  .zhanhui_33iLX .content_2_w5M .left_2eUi7 .item_mQ1AY .text_3kYti {
          position: relative; }
  .zhanhui_33iLX .content_2_w5M .right_2vHGH {
      width: 100%;
      margin-left: 30px;
      min-height: 796px; }
  .zhanhui_33iLX .content_2_w5M .right_2vHGH .head_2bjAo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        height: 28px; }
  .zhanhui_33iLX .content_2_w5M .right_2vHGH .head_2bjAo .select_H3RcX {
          width: 100px;
          height: 28px;
          border: 1px solid #979797;
          line-height: 28px;
          font-size: 12px;
          font-weight: 500;
          color: #8e8e8e;
          padding: 0 10px;
          position: relative; }
  .zhanhui_33iLX .content_2_w5M .right_2vHGH .head_2bjAo .select_H3RcX .popContent_2a3mB {
            position: absolute;
            top: 28px; }
  .zhanhui_33iLX .content_2_w5M .right_2vHGH .head_2bjAo .select_H3RcX .popContent_2a3mB .item_mQ1AY {
              width: 100px;
              height: 29px;
              line-height: 29px;
              font-size: 12px;
              font-weight: 500;
              color: #8e8e8e; }
  .zhanhui_33iLX .content_2_w5M .right_2vHGH .head_2bjAo .btn_cSAtM {
          text-align: center;
          height: 28px;
          line-height: 24px;
          font-size: 12px;
          font-weight: 500;
          color: #545b74;
          background-color: #fff; }
  .zhanhui_33iLX .content_2_w5M .right_2vHGH .head_2bjAo .btn_cSAtM:hover {
            color: #fafafa;
            background-color: #555b70; }
  .zhanhui_33iLX .content_2_w5M .right_2vHGH .list_1h1LL {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .zhanhui_33iLX .content_2_w5M .right_2vHGH .list_1h1LL .card_1vEHt {
          width: 23.72%;
          padding-bottom: 34px;
          -webkit-box-shadow: 0px 0px 14px 0px rgba(199, 199, 199, 0.5);
                  box-shadow: 0px 0px 14px 0px rgba(199, 199, 199, 0.5);
          margin-top: 26px; }
  .zhanhui_33iLX .content_2_w5M .right_2vHGH .list_1h1LL .card_1vEHt .pic_eHlAh {
            width: 100%;
            padding-bottom: 69.78%;
            position: relative; }
  .zhanhui_33iLX .content_2_w5M .right_2vHGH .list_1h1LL .card_1vEHt .pic_eHlAh .img_248aT {
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%; }
  .zhanhui_33iLX .content_2_w5M .right_2vHGH .list_1h1LL .card_1vEHt .pic_eHlAh .attention_2917k {
              width: 21px;
              height: 21px;
              background: #ffffff;
              border-radius: 50%;
              position: absolute;
              top: 14px;
              right: 14px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center; }
  .zhanhui_33iLX .content_2_w5M .right_2vHGH .list_1h1LL .card_1vEHt .pic_eHlAh .keywords_1DVWr {
              position: absolute;
              left: 16px;
              bottom: 15px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap; }
  .zhanhui_33iLX .content_2_w5M .right_2vHGH .list_1h1LL .card_1vEHt .pic_eHlAh .keywords_1DVWr .keyword_23TPm {
                height: 18px;
                line-height: 18px;
                text-align: center;
                background: #ffffff;
                -webkit-box-shadow: 0px 0px 13px 0px rgba(139, 139, 139, 0.5);
                        box-shadow: 0px 0px 13px 0px rgba(139, 139, 139, 0.5);
                border-radius: 15px;
                padding: 0 6px;
                margin-top: 4px;
                font-size: 11px;
                font-weight: 400;
                color: #000000;
                margin-right: 4px;
                z-index: 10;
                cursor: pointer; }
  .zhanhui_33iLX .content_2_w5M .right_2vHGH .list_1h1LL .card_1vEHt .pic_eHlAh .keywords_1DVWr .keyword_23TPm:hover {
                  background: #f0f0f0; }
  .zhanhui_33iLX .content_2_w5M .right_2vHGH .list_1h1LL .card_1vEHt .info_3cPRR {
            width: 100%;
            padding: 16px 18px;
            position: relative; }
  .zhanhui_33iLX .content_2_w5M .right_2vHGH .list_1h1LL .card_1vEHt .info_3cPRR .id_2_uz4 {
              position: absolute;
              left: 18px;
              top: -6px;
              font-size: 12px; }
  .zhanhui_33iLX .content_2_w5M .right_2vHGH .list_1h1LL .card_1vEHt .info_3cPRR .title_2l-Nc {
              height: 20px;
              font-weight: bold;
              font-size: 14px;
              color: #000000;
              line-height: 20px;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
  .zhanhui_33iLX .content_2_w5M .right_2vHGH .list_1h1LL .card_1vEHt .info_3cPRR .item_mQ1AY {
              margin-top: 10px;
              height: 17px;
              font-size: 12px;
              font-weight: 500;
              color: #000000;
              line-height: 17px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center; }
  .zhanhui_33iLX .content_2_w5M .right_2vHGH .list_1h1LL .card_1vEHt .info_3cPRR .item_mQ1AY i {
                margin-right: 5px;
                font-size: 13px;
                -webkit-transform: translateY(1px);
                    -ms-transform: translateY(1px);
                        transform: translateY(1px); }
  .zhanhui_33iLX .content_2_w5M .right_2vHGH .list_1h1LL .card_1vEHt .btn_cSAtM {
            width: 134px;
            height: 32px;
            line-height: 29px;
            border-radius: 16px;
            border: 1px solid #545b74;
            font-size: 14px;
            font-weight: 500;
            color: #545b74;
            text-align: center;
            margin: 0 auto;
            cursor: pointer; }
  .zhanhui_33iLX .content_2_w5M .right_2vHGH .list_1h1LL .card_1vEHt .btn_cSAtM:hover {
              background: rgba(85, 91, 112, 0.7);
              color: #fff; }
  .zhanhui_33iLX .content_2_w5M .right_2vHGH .list_1h1LL .card_1vEHt .btn_cSAtM:active {
              background-color: #555b70; }
  .warn_WqfRZ {
  width: 420px;
  padding-bottom: 24px; }
  .warn_WqfRZ .header_3iH_f {
    height: 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .warn_WqfRZ .header_3iH_f .status_1wKfK {
      width: 50%;
      height: 46px;
      line-height: 46px;
      cursor: pointer;
      text-align: center;
      font-size: 16px;
      font-weight: 500;
      color: #000000; }
  .warn_WqfRZ .header_3iH_f .status_1wKfK.active_2ug6d {
        color: #fff;
        background: #555b70; }
  .warn_WqfRZ .list_1h1LL {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: calc(100% - 40px);
    height: 260px; }
  .warn_WqfRZ .list_1h1LL .item_mQ1AY {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 100%;
      margin-top: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      cursor: pointer; }
  .warn_WqfRZ .list_1h1LL .item_mQ1AY:hover {
        background-color: #eee; }
  .warn_WqfRZ .list_1h1LL .item_mQ1AY .left_2eUi7 {
        width: 40px;
        position: relative; }
  .warn_WqfRZ .list_1h1LL .item_mQ1AY .left_2eUi7 .circle_17jI3 {
          position: absolute;
          left: 15px;
          top: 6.5px;
          width: 10px;
          height: 10px;
          border-radius: 50%; }
  .warn_WqfRZ .list_1h1LL .item_mQ1AY .right_2vHGH {
        width: calc(100% - 25px); }
  .warn_WqfRZ .list_1h1LL .item_mQ1AY .right_2vHGH .time_2x8W_ {
          width: 140px;
          height: 17px;
          font-size: 12px;
          font-weight: 500;
          color: #636363;
          line-height: 17px;
          margin-top: 4px; }
  .warn_WqfRZ .list_1h1LL .item_mQ1AY .right_2vHGH .name_3DsaN {
          width: 337px;
          height: 25px;
          font-size: 18px;
          font-weight: normal;
          color: #000000;
          line-height: 25px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
  .modalContent_6X4s5 {
  width: 556px;
  overflow: hidden; }
  .modalContent_6X4s5 .header_3iH_f {
    font-size: 22px;
    font-weight: normal;
    color: #000000;
    line-height: 30px;
    margin-bottom: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  .modalContent_6X4s5 .carousel_1lDoF {
    position: relative;
    overflow: hidden; }
  .modalContent_6X4s5 .carousel_1lDoF .keywords_1DVWr {
      position: absolute;
      left: 16px;
      bottom: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .modalContent_6X4s5 .carousel_1lDoF .keywords_1DVWr .item_mQ1AY {
        height: 22px;
        line-height: 22px;
        text-align: center;
        background: #ffffff;
        -webkit-box-shadow: 0px 0px 13px 0px rgba(139, 139, 139, 0.5);
                box-shadow: 0px 0px 13px 0px rgba(139, 139, 139, 0.5);
        border-radius: 15px;
        padding: 0 8px;
        margin-top: 10px;
        font-size: 14px;
        font-weight: 400;
        color: #000000;
        margin-right: 8px;
        z-index: 100;
        cursor: pointer; }
  .modalContent_6X4s5 .carousel_1lDoF .keywords_1DVWr .item_mQ1AY:hover {
          background: #f0f0f0; }
  .modalContent_6X4s5 .carousel_1lDoF .btnPrev_6yBs9 {
      width: 60px;
      height: 60px;
      color: #fff;
      background-color: rgba(0, 0, 0, 0.8);
      text-align: center;
      line-height: 60px;
      position: absolute;
      left: 0;
      top: 143px;
      cursor: pointer;
      z-index: 100; }
  .modalContent_6X4s5 .carousel_1lDoF .btnNext_1jlrp {
      width: 60px;
      height: 60px;
      color: #fff;
      background-color: rgba(0, 0, 0, 0.8);
      text-align: center;
      line-height: 60px;
      position: absolute;
      right: 0;
      top: 143px;
      cursor: pointer;
      z-index: 100; }
  .modalContent_6X4s5 .carousel_1lDoF .pic_eHlAh {
      width: 556px;
      height: 337.5px; }
  .modalContent_6X4s5 .carousel_1lDoF .pic_eHlAh img {
        width: 100%;
        height: 100%;
        -o-object-fit: scale-down;
           object-fit: scale-down; }
  .modalContent_6X4s5 .carousel_1lDoF .pic_eHlAh video {
        width: 100%;
        height: 100%; }
  .modalContent_6X4s5 .carousel_1lDoF .attention_2917k {
      width: 21px;
      height: 21px;
      background: #ffffff;
      border-radius: 50%;
      position: absolute;
      top: 14px;
      right: 14px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .modalContent_6X4s5 .item_mQ1AY {
    height: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 5px;
    position: relative; }
  .modalContent_6X4s5 .item_mQ1AY .id_2_uz4 {
      position: absolute;
      left: 0;
      top: -19px;
      font-size: 12px;
      font-weight: normal; }
  .modalContent_6X4s5 .item_mQ1AY i {
      font-size: 13px;
      margin-right: 3px; }
  .modalContent_6X4s5 .btn_cSAtM {
    margin-top: 22px;
    width: 556px;
    height: 44px;
    background: #3dc650;
    color: #fff;
    text-align: center;
    line-height: 44px;
    cursor: pointer; }
  .modalContent_6X4s5 .btn_cSAtM.cancel_37iQw {
      background-color: #bbb; }
  .popYearContainer_3Ms-S {
  height: 368px;
  overflow-x: hidden;
  overflow-y: auto; }
  .popYearContainer_3Ms-S .popYear_yu97U {
    width: 146px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    cursor: pointer; }
  .popYearContainer_3Ms-S .popYear_yu97U:hover {
      background-color: rgba(85, 91, 112, 0.15); }

.zhanhui-warn-popover .ant-popover-inner-content {
  padding: 0;
}
.yearsPop .ant-popover-inner-content {
  padding: 0;
  padding-top: 14px;
  padding-bottom: 16px;
}
.zhanhui-tree-s .ant-select-selection__rendered .ant-select-selection-selected-value {
  color: #555b70;
}
.zhanhui-tree-s .ant-select-arrow-icon {
  color: #555b70;
}
.zhanhui-tree {
  border: 1px solid #979797;
}
.zhanhui-tree .ant-select-selection--single {
  height: 26px;
  border: none;
}
.zhanhui-tree .ant-select-selection--single {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.zhanhui-tree .ant-select-focused .ant-select-selection {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.zhanhui-tree .ant-select-selection-selected-value {
  font-size: 12px;
  line-height: 26px;
  font-weight: 400;
  color: #8e8e8e;
}
.zhanhui-tree-drop-hidden {
  display: none;
}
.zhanhui-tree-drop .ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  background-color: #565b70;
  color: #fff;
}
.zhanhui-tree-drop .ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected:hover {
  background-color: #565b70;
  color: #fff;
}
.zhanhui-tree-drop .ant-select-tree li .ant-select-tree-node-content-wrapper:hover {
  background-color: #e6e7ea;
}
.zhanhui-tree-drop0 .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher-noop {
  display: none;
}
.zhanhui-tree-drop0 .ant-select-tree li .ant-select-tree-node-content-wrapper {
  width: 100%;
}
.modalContent .ant-modal-close {
  right: -31px;
  background-color: #f9f9f9;
}
.modalContent .ant-modal-close .ant-modal-close-x {
  width: 28px;
  height: 28px;
  line-height: 28px;
}

.footera_dtAXk {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 48px 45px;
  width: 100%;
  height: 405px;
  background: #181818; }
  .footera_dtAXk .top_3d2nh {
    padding-bottom: 32px;
    border-bottom: 1px solid rgba(76, 69, 104, 0.5); }
  .footera_dtAXk .last_3GDJW {
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .footera_dtAXk .last_3GDJW .left_1cimV {
      height: 90px;
      font-weight: 500;
      font-size: 24px;
      color: #fff;
      line-height: 48px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  .footera_dtAXk .last_3GDJW .right_3WUEk {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 20px; }
  .footera_dtAXk .last_3GDJW .right_3WUEk .item_5ER1f {
        width: 50px;
        height: 50px;
        cursor: pointer; }
  .qrcode1_2jB1g {
  width: 142px;
  height: 181px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .qrcode1_2jB1g .left_1cimV,
  .qrcode1_2jB1g .right_3WUEk {
    width: 142px;
    height: 159px; }
  .qrcode1_2jB1g .left_1cimV .main_1OsIG,
    .qrcode1_2jB1g .right_3WUEk .main_1OsIG {
      width: 142px;
      height: 142px;
      margin: 10px auto 10px auto; }
  .qrcode1_2jB1g .left_1cimV .main_1OsIG img,
      .qrcode1_2jB1g .right_3WUEk .main_1OsIG img {
        width: 100%;
        height: 100%; }
  .qrcode1_2jB1g .left_1cimV .title_3yfHF,
    .qrcode1_2jB1g .right_3WUEk .title_3yfHF {
      margin: 0 auto;
      width: 55px;
      height: 13px;
      line-height: 13px;
      font-size: 13px;
      text-align: center; }
  .qrcode_3oQGX {
  width: 162px;
  height: 181px; }
  .qrcode_3oQGX .main_1OsIG {
    width: 142px;
    height: 142px;
    margin: 10px auto 10px auto; }
  .qrcode_3oQGX .main_1OsIG img {
      width: 100%;
      height: 100%; }
  .qrcode_3oQGX .title_3yfHF {
    width: 100%;
    height: 13px;
    line-height: 13px;
    font-size: 13px;
    text-align: center; }


.a_3nyqp {
  width: 100%;
  height: 100%;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .a_3nyqp::-webkit-scrollbar {
    width: 0; }
  .a_3nyqp .one_4Zje0 {
    width: 1023px;
    height: 1023px;
    position: relative; }
  .a_3nyqp .one_4Zje0 .imgBg_3w7-E {
      width: 100%;
      height: 100%; }
  .a_3nyqp .one_4Zje0 .item_3OM6i {
      position: absolute;
      top: 300px;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .a_3nyqp .one_4Zje0 .item_3OM6i .imgLeft_2-GHi {
        margin-right: 26px;
        width: 165px;
        height: 24px; }
  .a_3nyqp .one_4Zje0 .item_3OM6i .cha_g18QE {
        font-size: 12px;
        color: #080808; }
  .a_3nyqp .one_4Zje0 .item_3OM6i .imgRight_2lPI6 {
        margin-left: 26px;
        width: 144px;
        height: 36px; }
  .a_3nyqp .one_4Zje0 .item1_OD7yg {
      position: absolute;
      top: 386px;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      width: 774px;
      height: 216px;
      font-size: 58px;
      color: #080808;
      line-height: 72px;
      text-align: center; }
  .a_3nyqp .one_4Zje0 .item2_3kxZJ {
      position: absolute;
      top: 624px;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      width: 749px;
      height: 72px;
      font-weight: 500;
      font-size: 16px;
      color: #080808;
      line-height: 36px;
      text-align: center; }
  .a_3nyqp .two_1gtuw {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center; }
  .a_3nyqp .two_1gtuw img {
      width: 100%; }
  .a_3nyqp .three_spP-0 {
    width: 75%;
    position: relative; }
  .a_3nyqp .three_spP-0 .item_3OM6i {
      margin-top: 149px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  .a_3nyqp .three_spP-0 .item_3OM6i .itemInfo_2JlIJ {
        margin-top: 55px; }
  .a_3nyqp .three_spP-0 .item_3OM6i .itemInfo_2JlIJ .title_1r4Ps {
          font-weight: normal;
          font-size: 118px;
          color: #d0102c; }
  .a_3nyqp .three_spP-0 .item_3OM6i .itemInfo_2JlIJ .qrCode_3lIfB {
          margin-top: 97px;
          width: 240px;
          height: 240px; }
  .a_3nyqp .three_spP-0 .item_3OM6i .itemInfo_2JlIJ .qrCode_3lIfB img {
            width: 100%;
            height: 100%; }
  .a_3nyqp .three_spP-0 .item_3OM6i .itemInfo_2JlIJ .detail_1zy29 {
          margin-top: 15px; }
  .a_3nyqp .three_spP-0 .item_3OM6i .itemInfo_2JlIJ .detail_1zy29 .detailText_27Uif {
            font-weight: 500;
            font-size: 24px;
            color: #000;
            line-height: 48px;
            text-align: left; }
  .a_3nyqp .three_spP-0 .item_3OM6i .itemInfo_2JlIJ .detail_1zy29 .detailText_27Uif .bold_1OKKa {
              color: #1677ff;
              cursor: pointer; }
  .a_3nyqp .three_spP-0 .item_3OM6i .itemImg_2Iga5 {
        width: 490px;
        height: 678px; }
  .a_3nyqp .three_spP-0 .item1_OD7yg {
      margin-top: 122px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; }
  .a_3nyqp .three_spP-0 .item1_OD7yg .item1Img_3r-b6 {
        width: 842px;
        height: 678px; }
  .a_3nyqp .three_spP-0 .item1_OD7yg .item1Info_1ykZj {
        margin-left: 48px; }
  .a_3nyqp .three_spP-0 .item1_OD7yg .item1Info_1ykZj .title_1r4Ps {
          font-weight: normal;
          font-size: 118px;
          color: #d0102c; }
  .a_3nyqp .three_spP-0 .item1_OD7yg .item1Info_1ykZj .text_31Ud9 {
          margin-top: 82px;
          max-width: 550px;
          font-weight: 500;
          font-size: 24px;
          color: #000;
          line-height: 48px; }
  .a_3nyqp .three_spP-0 .item2_3kxZJ {
      margin-top: 27px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  .a_3nyqp .three_spP-0 .item2_3kxZJ .item2Info_2CK0k {
        margin-bottom: 145px; }
  .a_3nyqp .three_spP-0 .item2_3kxZJ .item2Info_2CK0k .title_1r4Ps {
          font-weight: normal;
          font-size: 118px;
          color: #d0102c; }
  .a_3nyqp .three_spP-0 .item2_3kxZJ .item2Info_2CK0k .text_31Ud9 {
          margin-top: 82px;
          width: 550px;
          font-weight: 500;
          font-size: 24px;
          color: #000;
          line-height: 48px; }
  .a_3nyqp .three_spP-0 .item2_3kxZJ .item2Img_1jgyf {
        width: 490px;
        height: 1004px; }
  .a_3nyqp .four_IRZO2 {
    margin-top: 63px;
    width: 100%;
    position: relative; }
  .a_3nyqp .four_IRZO2 .imgBg_3w7-E {
      width: 100%; }
  .a_3nyqp .four_IRZO2 .textContainer_1hRGS {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 2;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .a_3nyqp .four_IRZO2 .textContainer_1hRGS .title_1r4Ps {
        font-weight: bold;
        font-size: 48px;
        color: #fff;
        margin-bottom: 23px; }
  .a_3nyqp .four_IRZO2 .textContainer_1hRGS .desc_3OQCa {
        font-weight: 500;
        font-size: 24px;
        color: #fff; }
  .a_3nyqp .four_IRZO2 .textContainer_1hRGS .desc_3OQCa:last-child {
          margin-top: 23px; }
  .a_3nyqp .five_3oo6h {
    margin-top: 119px;
    width: 100%;
    padding-left: 11.45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .a_3nyqp .five_3oo6h .fiveInfo_3TGja {
      margin-top: 422px; }
  .a_3nyqp .five_3oo6h .fiveInfo_3TGja .title_1r4Ps {
        font-weight: bold;
        font-size: 48px;
        color: #080808;
        line-height: 72px; }
  .a_3nyqp .five_3oo6h .fiveInfo_3TGja .desc_3OQCa {
        margin-top: 24px;
        font-weight: 500;
        font-size: 24px;
        color: #080808;
        line-height: 78px; }
  .a_3nyqp .five_3oo6h .imgRight_2lPI6 {
      width: 668px;
      height: 1147px; }
  .a_3nyqp .line_2D0rs {
    margin-top: 189px;
    width: 75%;
    height: 1px;
    background: #080808;
    -webkit-backdrop-filter: blur(19px);
            backdrop-filter: blur(19px); }
  .a_3nyqp .six_TpN44 {
    margin-top: 177px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .a_3nyqp .six_TpN44 .title_1r4Ps {
      font-weight: bold;
      font-size: 48px;
      color: #080808;
      line-height: 72px; }
  .a_3nyqp .six_TpN44 .desc_3OQCa {
      margin-top: 54px;
      font-weight: 500;
      font-size: 24px;
      color: #080808;
      line-height: 48px; }
  .a_3nyqp .seven_16Tft {
    margin-top: 50px;
    width: 75%; }
  .a_3nyqp .seven_16Tft .imgBg_3w7-E {
      width: 100%; }
  .a_3nyqp .eight_BDDh5 {
    margin-top: 37px;
    width: calc(100% - 30px); }
  .a_3nyqp .eight_BDDh5 .imgBg_3w7-E {
      width: 100%; }

.b_i12SR {
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .b_i12SR .headerImg_LpT2I {
    width: 100%;
    position: relative; }
  .b_i12SR .headerImg_LpT2I img {
      width: 100%; }
  .b_i12SR .headerImg_LpT2I .header_ZRf1B {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 16px 24px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
  .b_i12SR .headerImg_LpT2I .header_ZRf1B img {
        width: 254px;
        height: 36px;
        margin-right: 48px;
        cursor: pointer; }
  .b_i12SR .headerImg_LpT2I .header_ZRf1B .panel_2ngSU {
        font-weight: 500;
        font-size: 16px;
        color: #fff;
        cursor: pointer; }
  .b_i12SR .headerImg_LpT2I .header_ZRf1B .panel_2ngSU.active_aM0v_ {
          font-weight: 800; }
  .b_i12SR .headerImg_LpT2I .header_ZRf1B .panel_2ngSU:last-child {
          margin-left: 48px; }
  .b_i12SR .one_IAQZs {
    margin-top: 87px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .b_i12SR .one_IAQZs .title_1dVst {
      font-weight: bold;
      font-size: 52px;
      color: #181818;
      line-height: 72px; }
  .b_i12SR .one_IAQZs .desc_FWhXU {
      width: 928px;
      margin-top: 32px;
      font-weight: 500;
      font-size: 24px;
      color: #181818;
      line-height: 48px;
      text-align: center; }
  .b_i12SR .two_otPVD {
    margin-top: 112px;
    width: 928px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .b_i12SR .two_otPVD .left_3kBuT {
      width: 100%;
      position: relative; }
  .b_i12SR .two_otPVD .left_3kBuT .item_3xkSL {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
  .b_i12SR .two_otPVD .left_3kBuT .item_3xkSL .date_20uSz {
          width: 135px;
          font-weight: 500;
          font-size: 24px;
          color: #181818;
          line-height: 48px; }
  .b_i12SR .two_otPVD .left_3kBuT .item_3xkSL .icon_36iB9 {
          margin-top: 12px;
          margin-left: 67px; }
  .b_i12SR .two_otPVD .left_3kBuT .item_3xkSL .icon_36iB9 .img_3gK-f {
            width: 28px;
            height: 28px; }
  .b_i12SR .two_otPVD .left_3kBuT .item_3xkSL .right_3Z_CC {
          margin-left: 59px;
          width: 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          font-weight: 500;
          font-size: 24px;
          color: #181818;
          line-height: 48px; }
  .b_i12SR .two_otPVD .left_3kBuT .line_3iA8T {
        position: absolute;
        left: 215.5px;
        top: 28px;
        z-index: -1;
        width: 1px;
        height: 1074px;
        border: 1px solid;
        -o-border-image: linear-gradient(231deg, #c8c8c8, rgba(151, 151, 151, 0)) 1 1;
           border-image: linear-gradient(231deg, #c8c8c8, rgba(151, 151, 151, 0)) 1 1; }
  .b_i12SR .borderLine_1qp3H {
    margin: 0 auto;
    margin-top: 50px;
    width: 75%;
    height: 1px;
    background: #181818;
    -webkit-backdrop-filter: blur(19px);
            backdrop-filter: blur(19px); }
  .b_i12SR .three_2Ycxe {
    width: 82%;
    margin-left: 10.8%;
    margin-top: 158px;
    position: relative; }
  .b_i12SR .three_2Ycxe img {
      width: 100%; }
  .b_i12SR .three_2Ycxe .info_2M64K {
      position: absolute;
      left: calc(46%);
      top: calc(46.5%);
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  .b_i12SR .three_2Ycxe .info_2M64K .title_1dVst {
        font-weight: bold;
        font-size: 52px;
        color: #181818;
        text-align: center; }
  .b_i12SR .three_2Ycxe .info_2M64K .desc_FWhXU {
        margin-top: 41px;
        font-weight: 500;
        font-size: 24px;
        color: #181818;
        line-height: 48px;
        text-align: center; }
  .b_i12SR .four_12tTS {
    width: 92%;
    margin-top: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .b_i12SR .four_12tTS .title_1dVst {
      font-weight: bold;
      font-size: 48px;
      color: #181818;
      line-height: 72px; }
  .b_i12SR .four_12tTS .row_Bm-rt {
      margin-top: 127px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 156px; }
  .b_i12SR .four_12tTS .row_Bm-rt .rowItem_3Nxbu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .b_i12SR .four_12tTS .row_Bm-rt .rowItem_3Nxbu .pic_2JirV {
          width: 202px;
          height: 202px;
          margin-bottom: 35px; }
  .b_i12SR .four_12tTS .row_Bm-rt .rowItem_3Nxbu .pic_2JirV img {
            width: 100%;
            height: 100%; }
  .b_i12SR .four_12tTS .row_Bm-rt .rowItem_3Nxbu .desc_FWhXU {
          width: 100%;
          font-weight: 500;
          font-size: 24px;
          color: #181818;
          line-height: 48px;
          text-align: center; }
  .b_i12SR .five_zWIKS {
    margin-top: 231px;
    margin-bottom: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .b_i12SR .five_zWIKS .title_1dVst {
      font-weight: bold;
      font-size: 48px;
      color: #181818;
      line-height: 72px;
      text-align: center; }
  .b_i12SR .five_zWIKS .desc_FWhXU {
      margin-top: 38px;
      font-weight: 500;
      font-size: 24px;
      color: #181818;
      line-height: 36px;
      text-align: center; }
  .b_i12SR .five_zWIKS .imgBg_2l6Vx {
      width: calc(100% - 96px);
      margin: 0 auto;
      margin-top: 86px; }

.person_2iSOe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer; }
  .person_2iSOe .avatar_2Rk5D {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    line-height: 24px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .person_2iSOe .avatar_2Rk5D i {
      font-size: 24px;
      color: #000;
      display: block; }
  .person_2iSOe .avatar_2Rk5D .img_3dgmV {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .person_2iSOe .avatar_2Rk5D .icon_1LCdk {
      position: absolute;
      right: -2px;
      bottom: 0;
      width: 16px;
      height: 15px; }
  .person_2iSOe .text_1n36r {
    max-width: 48px;
    margin-left: 5px;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer; }
  .popoverContent_jgTeS {
  padding: 0 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 16px;
  width: 154px;
  background-image: url("https://assets.wow-trend.com/wowtrend/static/resource/images/ai/05bc3572.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .popoverContent_jgTeS .top_1TYPj {
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .popoverContent_jgTeS .top_1TYPj .avatar_2Rk5D {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 42px;
      height: 42px;
      border-radius: 50%;
      position: relative;
      background-color: #fff;
      overflow: hidden;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  .popoverContent_jgTeS .top_1TYPj .avatar_2Rk5D .img_3dgmV {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
  .popoverContent_jgTeS .top_1TYPj .avatar_2Rk5D i {
        font-size: 46px;
        color: #000;
        display: block;
        -webkit-transform: translateY(-12.5px) translatex(-1.5px);
            -ms-transform: translateY(-12.5px) translatex(-1.5px);
                transform: translateY(-12.5px) translatex(-1.5px); }
  .popoverContent_jgTeS .top_1TYPj .avatar_2Rk5D .icon_1LCdk {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 16px;
        height: 15px;
        font-size: 16px; }
  .popoverContent_jgTeS .top_1TYPj .info_2blK_ {
      margin-left: 6px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  .popoverContent_jgTeS .top_1TYPj .info_2blK_ .name_3U5zK {
        font-weight: 500;
        font-size: 14px;
        color: #fff; }
  .popoverContent_jgTeS .top_1TYPj .info_2blK_ .desc_2fJcO {
        font-weight: 400;
        font-size: 12px;
        color: #fff; }
  .popoverContent_jgTeS .item_3nwf5 {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    cursor: pointer; }
  .popoverContent_jgTeS .item_3nwf5 i {
      font-size: 12px; }
  .popoverContent_jgTeS .logOut_2Vw4N {
    margin-top: 28px;
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    text-align: center;
    cursor: pointer; }

.personalPopover .ant-popover-content {
  border-radius: 16px;
}
.personalPopover .ant-popover-content .ant-popover-arrow {
  border-color: transparent;
}
.personalPopover .ant-popover-content .ant-popover-inner {
  border-radius: 16px;
  background-color: transparent;
}
.personalPopover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  border-radius: 16px;
  padding: 0;
}

.header_1fiA5 {
  width: 100%;
  height: 74px;
  position: relative; }
  .header_1fiA5 .headerBg_2quGj {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #080808;
    background-image: url("https://assets.wow-trend.com/wowtrend/static/resource/images/ai/header/5c70e8bc.png");
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.11);
            box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.11);
    -webkit-backdrop-filter: blur(17px);
            backdrop-filter: blur(17px); }
  .header_1fiA5 .headerBgTop_2iVPa {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 24px;
    z-index: 2;
    background-image: url("https://assets.wow-trend.com/wowtrend/static/resource/images/ai/header/f280da65.png");
    background-repeat: no-repeat;
    background-size: cover; }
  .header_1fiA5 .headerContent_1TSOK {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3; }
  .header_1fiA5 .headerContent_1TSOK .headerTop_2DQds {
      height: 24px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer; }
  .header_1fiA5 .headerContent_1TSOK .headerTop_2DQds .text_qlKQa {
        font-weight: bold;
        font-size: 12px;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .header_1fiA5 .headerContent_1TSOK .headerTop_2DQds i {
        margin-left: 2px;
        color: #fff;
        display: block;
        -webkit-transform: translateY(1px);
            -ms-transform: translateY(1px);
                transform: translateY(1px); }
  .header_1fiA5 .headerContent_1TSOK .headerMain_EZPjm {
      height: 50px;
      padding: 0 24px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative; }
  .header_1fiA5 .headerContent_1TSOK .headerMain_EZPjm .left_PdU7o {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .header_1fiA5 .headerContent_1TSOK .headerMain_EZPjm .left_PdU7o .logo_1qmh3 {
          width: 127px;
          height: 18px; }
  .header_1fiA5 .headerContent_1TSOK .headerMain_EZPjm .center_-qX_U {
        margin-left: 24px;
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 24px; }
  .header_1fiA5 .headerContent_1TSOK .headerMain_EZPjm .center_-qX_U .aigc_2Eari {
          width: 72px;
          height: 18px;
          -webkit-transform: translateY(2px);
              -ms-transform: translateY(2px);
                  transform: translateY(2px);
          cursor: pointer; }
  .header_1fiA5 .headerContent_1TSOK .headerMain_EZPjm .center_-qX_U .item_3tB4F {
          font-weight: 400;
          font-size: 16px;
          color: rgba(222, 223, 222, 0.8);
          line-height: 22px;
          cursor: pointer; }
  .header_1fiA5 .headerContent_1TSOK .headerMain_EZPjm .center_-qX_U .item_3tB4F.active_bizeF {
            color: #fff; }
  .header_1fiA5 .headerContent_1TSOK .headerMain_EZPjm .right_2mRaL {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .header_1fiA5 .headerContent_1TSOK .headerMain_EZPjm .right_2mRaL .aaa_hjCUC {
          margin-left: auto;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .header_1fiA5 .headerContent_1TSOK .headerMain_EZPjm .right_2mRaL .aaa_hjCUC .line_fD5O_ {
            width: 1px;
            height: 36px;
            background-color: rgba(76, 69, 104, 0.2);
            margin: 0 24px; }
  .header_1fiA5 .headerContent_1TSOK .headerMain_EZPjm .right_2mRaL .aaa_hjCUC .item_3tB4F {
            width: 48px;
            height: 44px;
            text-align: center; }
  .header_1fiA5 .headerContent_1TSOK .headerMain_EZPjm .right_2mRaL .aaa_hjCUC .item_3tB4F .icon_5014e {
              display: block;
              -webkit-transform: translateY(-4px);
                  -ms-transform: translateY(-4px);
                      transform: translateY(-4px);
              font-size: 22px;
              color: #4c4568;
              cursor: pointer; }
  .header_1fiA5 .headerContent_1TSOK .headerMain_EZPjm .right_2mRaL .aaa_hjCUC .item_3tB4F .name_3lIgG {
              margin-top: -4px;
              font-weight: 400;
              font-size: 12px;
              line-height: 12px;
              color: #4c4568; }
  .header_1fiA5 .headerContent_1TSOK .headerMain_EZPjm .right_2mRaL .ccc_1-lI3 {
          position: fixed;
          right: 16px;
          bottom: 24px;
          width: 56px;
          z-index: 900;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
  .header_1fiA5 .headerContent_1TSOK .headerMain_EZPjm .right_2mRaL .ccc_1-lI3 .item_3tB4F {
            margin-top: 24px;
            width: 56px;
            height: 56px;
            background: #f5f4fd;
            -webkit-box-shadow: 0px 5px 20px 0px rgba(202, 189, 217, 0.51);
                    box-shadow: 0px 5px 20px 0px rgba(202, 189, 217, 0.51);
            border-radius: 12px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            font-weight: 400;
            font-size: 12px;
            color: #4c4568;
            cursor: pointer; }
  .header_1fiA5 .headerContent_1TSOK .headerMain_EZPjm .right_2mRaL .ccc_1-lI3 .item_3tB4F:first-child {
              margin-top: 0; }
  .header_1fiA5 .headerContent_1TSOK .headerMain_EZPjm .right_2mRaL .ccc_1-lI3 .item_3tB4F i {
              font-size: 20px; }
  .header_1fiA5 .headerContent_1TSOK .headerMain_EZPjm .right_2mRaL .valueContainer_2MgSZ {
          overflow: hidden;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          margin-right: 48px;
          width: 154px;
          height: 42px;
          border-radius: 19px;
          border: 1px solid rgba(255, 255, 255, 0.3); }
  .header_1fiA5 .headerContent_1TSOK .headerMain_EZPjm .right_2mRaL .valueContainer_2MgSZ .value_sWg-r {
            width: 100%;
            height: 100%;
            background: linear-gradient(106deg, #d0102c 0%, #1a1b1b 100%);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            cursor: pointer; }
  .header_1fiA5 .headerContent_1TSOK .headerMain_EZPjm .right_2mRaL .valueContainer_2MgSZ .value_sWg-r img {
              width: 42px;
              height: 42px; }
  .header_1fiA5 .headerContent_1TSOK .headerMain_EZPjm .right_2mRaL .valueContainer_2MgSZ .value_sWg-r .text_qlKQa {
              font-size: 12px;
              color: #fff;
              line-height: 22px; }
  .header_1fiA5 .headerContent_1TSOK .headerMain_EZPjm .right_2mRaL .valueContainer_2MgSZ .value_sWg-r .text_qlKQa .bold_3FBS7 {
                font-weight: 800;
                font-size: 16px;
                margin-right: 3px; }

.xiangsidu_3A9Rg {
  width: 230px;
  height: 6px;
  background: #edecfb;
  -webkit-box-shadow: inset 0px 1px 4px 0px #e1dff1;
          box-shadow: inset 0px 1px 4px 0px #e1dff1;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .xiangsidu_3A9Rg .value_2inKG {
    position: absolute;
    left: 0;
    top: 0;
    height: 6px;
    background: #d0102c;
    border-radius: 0px 3px 3px 0px; }
  .xiangsidu_3A9Rg .value_2inKG .circle_1_Xkh {
      position: absolute;
      top: -2px;
      right: -10px;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #d0102c;
      border: 2px solid #fff;
      -webkit-box-shadow: 0px 1px 4px 0px rgba(83, 102, 235, 0.22);
              box-shadow: 0px 1px 4px 0px rgba(83, 102, 235, 0.22);
      cursor: pointer; }
  .xiangsiduText_33PQJ {
  width: 230px;
  margin-top: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 400;
  font-size: 12px;
  color: #fff; }

.aiPagination .ant-pagination-item {
  background: #605f5f;
  border: 1px solid #605f5f;
}
.aiPagination .ant-pagination-item a {
  color: rgba(255, 255, 255, 0.88);
}
.aiPagination .ant-pagination-item:hover,
.aiPagination .ant-pagination-item.ant-pagination-item-active {
  background: #464544;
  border: 1px solid #464544;
}
.aiPagination .ant-pagination-item:hover a,
.aiPagination .ant-pagination-item.ant-pagination-item-active a {
  color: #fff;
}
.aiPagination .ant-pagination-prev .ant-pagination-item-link,
.aiPagination .ant-pagination-next .ant-pagination-item-link {
  background: #605f5f;
  border: 1px solid #605f5f;
}
.aiPagination .ant-pagination-prev .ant-pagination-item-link .anticon,
.aiPagination .ant-pagination-next .ant-pagination-item-link .anticon {
  color: rgba(255, 255, 255, 0.88);
}
.aiPagination .ant-pagination-prev .ant-pagination-item-link:hover,
.aiPagination .ant-pagination-next .ant-pagination-item-link:hover {
  background: #464544;
  border: 1px solid #464544;
}
.aiPagination .ant-pagination-prev .ant-pagination-item-link:hover .anticon,
.aiPagination .ant-pagination-next .ant-pagination-item-link:hover .anticon {
  color: #fff;
}
.aiPagination .ant-pagination-options .ant-pagination-options-size-changer.ant-select-focused,
.aiPagination .ant-pagination-options .ant-pagination-options-size-changer.ant-select-open {
  border-color: 1px solid #464544;
}
.aiPagination .ant-pagination-options .ant-pagination-options-size-changer.ant-select-focused:hover,
.aiPagination .ant-pagination-options .ant-pagination-options-size-changer.ant-select-open:hover,
.aiPagination .ant-pagination-options .ant-pagination-options-size-changer.ant-select-focused:focus,
.aiPagination .ant-pagination-options .ant-pagination-options-size-changer.ant-select-open:focus {
  border-color: #464544;
}
.aiPagination .ant-pagination-options .ant-pagination-options-size-changer.ant-select-focused .ant-select-selection,
.aiPagination .ant-pagination-options .ant-pagination-options-size-changer.ant-select-open .ant-select-selection {
  border-color: #464544;
}
.aiPagination .ant-pagination-options .ant-pagination-options-size-changer.ant-select-focused .ant-select-selection:hover,
.aiPagination .ant-pagination-options .ant-pagination-options-size-changer.ant-select-open .ant-select-selection:hover,
.aiPagination .ant-pagination-options .ant-pagination-options-size-changer.ant-select-focused .ant-select-selection:focus,
.aiPagination .ant-pagination-options .ant-pagination-options-size-changer.ant-select-open .ant-select-selection:focus {
  border-color: #464544;
}
.aiPagination .ant-pagination-options .ant-pagination-options-size-changer .ant-select-selection {
  border-radius: 6px;
  background: #464544;
  color: #fff;
  border-color: #464544;
}
.aiPagination .ant-pagination-options .ant-pagination-options-size-changer .ant-select-selection:hover {
  border-color: #464544;
}
.aiPagination .ant-pagination-options .ant-pagination-options-size-changer .ant-select-selection .ant-select-arrow {
  color: #fff;
}
.aiPagination .ant-pagination-options .ant-pagination-options-quick-jumper {
  color: rgba(255, 255, 255, 0.88);
}
.aiPagination .ant-pagination-options .ant-pagination-options-quick-jumper input {
  background: #464544;
  border: 1px solid #464544;
  color: #fff;
}
.aiPagination .ant-pagination-options .ant-pagination-options-quick-jumper input:hover {
  border: 1px solid #464544;
}
.aiPagination .ant-pagination-options .ant-pagination-options-quick-jumper input:focus {
  border: 1px solid #464544;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.noData_35ptx {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .noData_35ptx img {
    width: 350px;
    height: 180px; }
  .noData_35ptx .text_2PAki {
    margin-top: 24px;
    font-weight: 400;
    font-size: 16px;
    color: #ededed; }
  .noData_35ptx .text1_2Mtem {
    margin-top: 10px;
    font-weight: 400;
    font-size: 12px;
    color: #ededed; }
  .noData_35ptx .btn_2TR4A {
    margin-top: 15px;
    width: 248px;
    height: 40px;
    background: #d0102c;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    text-align: center; }

.cardContainer_12eGH {
  width: calc((100% - 16px * 4) / 5);
  cursor: pointer; }
  .cardContainer_12eGH.selected_1vu73 .card_1dyuN .cardMain_29xfQ {
    border: 4px solid #d0102c; }
  .cardContainer_12eGH.selected_1vu73 .card_1dyuN .gou_2DKaR {
    display: block; }
  .cardContainer_12eGH .card_1dyuN {
    width: 100%;
    padding-bottom: 133%;
    position: relative; }
  .cardContainer_12eGH .card_1dyuN .cardMain_29xfQ {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
  .cardContainer_12eGH .card_1dyuN .cardMain_29xfQ img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
  .cardContainer_12eGH .card_1dyuN .gou_2DKaR {
      width: 38px;
      height: 38px;
      position: absolute;
      right: 0;
      bottom: 0;
      display: none; }
  .cardContainer_12eGH .card_1dyuN .size__kdgD {
      position: absolute;
      left: 6px;
      bottom: 6px;
      padding: 8px;
      background: rgba(0, 0, 0, 0.25);
      border-radius: 13px;
      font-weight: 500;
      font-size: 12px;
      color: #fff; }

.aiRangePicker {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.aiRangePicker .ant-calendar-picker-input {
  height: 30px;
  border: none;
  padding: 5px 18px;
  background-color: #464544;
  border-radius: 16px;
}
.aiRangePicker .ant-calendar-picker-input:hover {
  border: none;
}
.aiRangePicker .ant-calendar-picker-input .ant-calendar-range-picker-input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.aiRangePicker .ant-calendar-picker-input .ant-calendar-range-picker-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.aiRangePicker .ant-calendar-picker-input .ant-calendar-range-picker-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.aiRangePicker .ant-calendar-picker-input .ant-calendar-range-picker-input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.aiRangePicker .ant-calendar-picker-input .ant-calendar-range-picker-input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.aiRangePicker .ant-calendar-picker-input .ant-calendar-range-picker-separator {
  color: rgba(255, 255, 255, 0.6);
}
.aiRangePicker .ant-calendar-picker-input .ant-calendar-picker-icon {
  color: rgba(255, 255, 255, 0.6);
}
.aiRangePicker .ant-calendar-picker-input .ant-calendar-range-picker-input {
  color: rgba(255, 255, 255, 0.6);
}
.aiRangePicker .ant-calendar-picker-clear {
  background: #4B4B4B;
}
.aiRangePickerDropdown .ant-calendar-range .ant-calendar-in-range-cell::before {
  background-color: #FEE4E4;
}
.aiRangePickerDropdown .ant-calendar-range .ant-calendar-cell .ant-calendar-date:hover {
  color: #fff;
  background-color: #d0102c;
}
.aiRangePickerDropdown .ant-calendar-range .ant-calendar-today .ant-calendar-date {
  color: #d0102c;
  border-color: #d0102c;
}
.aiRangePickerDropdown .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: #d0102c;
}
.aiRangePickerDropdown .ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date:hover,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover {
  color: #fff;
  background: #d0102c;
}

.loading_GXSbY {
  margin-top: 200px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .loading_GXSbY .text_1Lc-7 {
    margin-top: 57px;
    font-weight: 500;
    font-size: 13px;
    color: #fff; }

.loading39 {
  width: 88px;
  height: 88px;
  border-radius: 16px;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
.round39 {
  width: 18px;
  height: 18px;
  border-radius: 9px;
  background-color: #d0102c;
  position: absolute;
  -webkit-animation: round39-eff 3s both infinite;
          animation: round39-eff 3s both infinite;
}
.one-sj39 {
  border-bottom: 30px solid #d0102c;
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
  position: absolute;
  -webkit-animation: one-sj39-eff 3s both infinite;
          animation: one-sj39-eff 3s both infinite;
}
.two-sj39 {
  border-bottom: 44px solid #d0102c;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  position: absolute;
  right: 0;
  -webkit-animation: two-sj39-eff 3s both infinite;
          animation: two-sj39-eff 3s both infinite;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
@-webkit-keyframes round39-eff {
  0% {
    top: 16px;
    left: 88px;
  }
  50% {
    top: 14px;
    left: 24px;
  }
  100% {
    top: 16px;
    left: -18px;
  }
}
@keyframes round39-eff {
  0% {
    top: 16px;
    left: 88px;
  }
  50% {
    top: 14px;
    left: 24px;
  }
  100% {
    top: 16px;
    left: -18px;
  }
}
@-webkit-keyframes one-sj39-eff {
  0% {
    bottom: -32px;
  }
  50% {
    bottom: 0;
  }
  100% {
    bottom: -32px;
  }
}
@keyframes one-sj39-eff {
  0% {
    bottom: -32px;
  }
  50% {
    bottom: 0;
  }
  100% {
    bottom: -32px;
  }
}
@-webkit-keyframes two-sj39-eff {
  0% {
    bottom: -46px;
  }
  50% {
    bottom: 0;
  }
  100% {
    bottom: -46px;
  }
}
@keyframes two-sj39-eff {
  0% {
    bottom: -46px;
  }
  50% {
    bottom: 0;
  }
  100% {
    bottom: -46px;
  }
}

.content_36Sjd {
  background: #313131;
  height: 912px;
  max-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .content_36Sjd .header_1SKrB {
    padding: 28px 32px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 500;
    font-size: 18px;
    color: #fff; }
  .content_36Sjd .header_1SKrB i {
      cursor: pointer;
      font-size: 24px;
      font-weight: bold;
      color: #fff; }
  .content_36Sjd .filters_2PtE9 {
    margin: 12px 0;
    padding: 0 24px;
    height: 32px; }
  .content_36Sjd .list_3cBOM {
    padding: 0 24px;
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .content_36Sjd .list_3cBOM::-webkit-scrollbar {
      width: 0; }
  .content_36Sjd .list_3cBOM .loading_1lZa4 {
      margin-top: 200px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  .content_36Sjd .footer__5wAe {
    padding: 0 24px;
    height: 72px;
    background: #605f5f;
    border-radius: 0px 0px 16px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .content_36Sjd .footer__5wAe .right__MZs5 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px; }
  .content_36Sjd .footer__5wAe .right__MZs5 .btn_VDQyn {
        width: 64px;
        height: 40px;
        background: #222322;
        border: 1px solid #222322;
        font-weight: 400;
        font-size: 16px;
        color: #fff;
        line-height: 40px;
        text-align: center;
        cursor: pointer; }
  .content_36Sjd .footer__5wAe .right__MZs5 .btn_VDQyn.primary_2QnJz {
          background: #d0102c;
          border-color: #d0102c;
          color: #fff; }

.filterItem_2GeJ2 .header_Y_-or {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterItem_2GeJ2 .header_Y_-or .name_syA0I {
    font-weight: 800;
    font-size: 21px;
    color: #4c4568; }
  .filterItem_2GeJ2 .header_Y_-or .icon_3dN1b {
    margin-left: auto;
    font-size: 14px;
    font-weight: bold;
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
    cursor: pointer; }
  .filterItem_2GeJ2 .header_Y_-or .icon_3dN1b.open__Rh4j {
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg); }
  .filterItem_2GeJ2 .list_1mQUV {
  margin-top: 16px; }
  .filterItem_2GeJ2 .list_1mQUV .item_3NADP {
    padding: 0 16px;
    height: 32px;
    line-height: 32px;
    font-weight: 400;
    font-size: 14px;
    color: #4c4568;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer; }
  .filterItem_2GeJ2 .list_1mQUV .item_3NADP .name_syA0I {
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .filterItem_2GeJ2 .list_1mQUV .item_3NADP .close_7OzR7 {
      color: #fff;
      font-size: 12px;
      visibility: hidden; }
  .filterItem_2GeJ2 .list_1mQUV .item_3NADP.selected_3_Q5o {
      color: #fff;
      background: #5366eb; }
  .filterItem_2GeJ2 .list_1mQUV .item_3NADP.selected_3_Q5o .close_7OzR7 {
        visibility: visible; }

.content_3C8eD {
  background: #edecfb;
  max-height: 100vh;
  height: 912px;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .content_3C8eD::-webkit-scrollbar {
    width: 0; }
  .content_3C8eD .header_oMdwX {
    padding: 16px 32px;
    border-bottom: 1px solid rgba(76, 69, 104, 0.06);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 500;
    font-size: 18px;
    color: #4c4568; }
  .content_3C8eD .header_oMdwX i {
      cursor: pointer;
      font-size: 24px;
      font-weight: bold; }
  .content_3C8eD .main_2LmgX {
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .content_3C8eD .main_2LmgX .mainLeft_2LaD8 {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 24px;
      width: 195px;
      height: 100%;
      border-right: 1px solid rgba(76, 69, 104, 0.06); }
  .content_3C8eD .main_2LmgX .mainRight_Ri_AZ {
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  .content_3C8eD .main_2LmgX .mainRight_Ri_AZ .list_10t9- {
        padding: 0 24px;
        height: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        overflow: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 16px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-line-pack: start;
            align-content: flex-start; }
  .content_3C8eD .main_2LmgX .mainRight_Ri_AZ .list_10t9-::-webkit-scrollbar {
          width: 0; }
  .content_3C8eD .main_2LmgX .mainRight_Ri_AZ .list_10t9- .loading_3yFAm {
          margin-top: 200px;
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
  .content_3C8eD .main_2LmgX .mainRight_Ri_AZ .footer_bGKnh {
        padding: 0 24px;
        height: 72px;
        background: #edecfb;
        -webkit-box-shadow: 0px -12px 16px -13px rgba(0, 0, 0, 0.28);
                box-shadow: 0px -12px 16px -13px rgba(0, 0, 0, 0.28);
        border-radius: 0px 0px 16px 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .content_3C8eD .main_2LmgX .mainRight_Ri_AZ .footer_bGKnh .right_2WHMK {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          gap: 24px; }
  .content_3C8eD .main_2LmgX .mainRight_Ri_AZ .footer_bGKnh .right_2WHMK .btn_JH8-V {
            width: 64px;
            height: 40px;
            background: #edecfb;
            border: 1px solid #bcb9ce;
            font-weight: 400;
            font-size: 16px;
            color: #4c4568;
            line-height: 40px;
            text-align: center;
            cursor: pointer; }
  .content_3C8eD .main_2LmgX .mainRight_Ri_AZ .footer_bGKnh .right_2WHMK .btn_JH8-V.primary_8zWe5 {
              background: #5366eb;
              border-color: #5366eb;
              color: #fff; }
  .popoverContent_cfrv7 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4px;
  width: 135px;
  height: 136px;
  background: #edecfb;
  -webkit-box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  border: 0px solid rgba(0, 0, 0, 0.88); }
  .popoverContent_cfrv7 .item_1p1gP {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 16px;
    width: 100%;
    height: 32px;
    border-radius: 6px;
    border: 0px solid rgba(0, 0, 0, 0.88);
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.88);
    line-height: 32px; }
  .popoverContent_cfrv7 .item_1p1gP:hover {
      background: #5366eb;
      color: #fff; }

.tiyanziyuanPopover .ant-popover-content {
  border-radius: 6px;
}
.tiyanziyuanPopover .ant-popover-content .ant-popover-arrow {
  display: none;
}
.tiyanziyuanPopover .ant-popover-content .ant-popover-inner {
  border-radius: 6px;
}
.tiyanziyuanPopover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  border-radius: 6px;
  padding: 0;
}

.switch_1pBIT {
  width: 104px;
  border-radius: 4px;
  overflow: hidden;
  background-color: #353636;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .switch_1pBIT .switchItem_1k1cO {
    width: 50%;
    height: 20px;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    cursor: pointer; }
  .switch_1pBIT .switchItem_1k1cO.active_SrMTv {
      background-color: #d0102c;
      border-radius: 4px; }

.huanxing_w7OoX {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 40px;
  font-weight: 500;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: #222322;
  cursor: pointer; }
  .huanxing_w7OoX:hover {
    background: #d0102c; }
  .huanxing_w7OoX.disabled_2MmBm {
    background: #353636;
    color: rgba(222, 223, 222, 0.4);
    border: 1px solid rgba(222, 223, 222, 0.4);
    cursor: not-allowed; }

.modalContentFooter_3grFu {
  margin-top: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: 8px; }
  .modalContentFooter_3grFu .btn_2RpKi {
    width: 65px;
    height: 32px;
    background: #222322;
    border-radius: 6px;
    border: 1px solid #222322;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    cursor: pointer; }
  .modalContentFooter_3grFu .btn_2RpKi.primary_1xrmq {
      background: #d0102c;
      border-color: #d0102c;
      color: #fff; }

.warningModal .ant-modal-content .ant-modal-close {
  display: block;
  color: #fff;
}
.warningModal .ant-modal-content .ant-modal-body {
  padding: 20px 24px;
  background: #4B4B4B;
  -webkit-box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.26), 0px 9px 28px 0px rgba(0, 0, 0, 0.29), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.26), 0px 9px 28px 0px rgba(0, 0, 0, 0.29), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
}
.warningModal .ant-modal-content .ant-modal-body .ant-modal-confirm-title,
.warningModal .ant-modal-content .ant-modal-body .ant-modal-confirm-content {
  color: #fff;
}
.warningModal .ant-modal-content .ant-modal-confirm-btns {
  display: none;
}

.rectArea_1Tf1U {
  position: fixed;
  z-index: 100000;
  pointer-events: none;
  border: 1px dashed #fff; }
  .rectArea_1Tf1U .cube_3CkS1 {
    width: 16px;
    height: 16px;
    background: #fff;
    position: absolute;
    cursor: pointer;
    z-index: 2; }
  .rectArea_1Tf1U .cube_3CkS1.topLeft_NJKTY {
      left: 0;
      top: 0;
      -webkit-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%); }
  .rectArea_1Tf1U .cube_3CkS1.topCenter_1SJBL {
      left: 50%;
      top: 0;
      -webkit-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%); }
  .rectArea_1Tf1U .cube_3CkS1.topRight_3uatB {
      left: 100%;
      top: 0;
      -webkit-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%); }
  .rectArea_1Tf1U .cube_3CkS1.centerLeft_3NEXl {
      left: 0;
      top: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%); }
  .rectArea_1Tf1U .cube_3CkS1.centerRight_2qEKp {
      left: 100%;
      top: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%); }
  .rectArea_1Tf1U .cube_3CkS1.bottomLeft_-r3rp {
      left: 0;
      top: 100%;
      -webkit-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%); }
  .rectArea_1Tf1U .cube_3CkS1.bottomCenter_x38Yo {
      left: 50%;
      top: 100%;
      -webkit-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%); }
  .rectArea_1Tf1U .cube_3CkS1.bottomRight_2I_QP {
      left: 100%;
      top: 100%;
      -webkit-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%); }
  .rectArea_1Tf1U .imgContainer_AyRPg {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden; }
  .rectArea_1Tf1U .imgContainer_AyRPg img {
      position: absolute; }
  .rectAreaCover_I8uZX {
  position: fixed;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer; }

.content_1o2vU {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 16px;
  overflow: hidden;
  background: #605f5f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .content_1o2vU .header_2R7l8 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 28px 24px;
    background: #4b4b4b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .content_1o2vU .header_2R7l8 .title_ra01e {
      font-weight: 500;
      font-size: 18px;
      color: #fff; }
  .content_1o2vU .header_2R7l8 .line_3caoN {
      margin: 0 26px;
      width: 1px;
      height: 36px;
      border: 1px solid #fff;
      opacity: 0.2; }
  .content_1o2vU .header_2R7l8 .item_2VDu3 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer; }
  .content_1o2vU .header_2R7l8 .item_2VDu3:hover .icon_1Dr9n, .content_1o2vU .header_2R7l8 .item_2VDu3.active_WZRCv .icon_1Dr9n {
        color: #fff; }
  .content_1o2vU .header_2R7l8 .item_2VDu3:hover .icon_1Dr9n i, .content_1o2vU .header_2R7l8 .item_2VDu3.active_WZRCv .icon_1Dr9n i {
          color: #fff; }
  .content_1o2vU .header_2R7l8 .item_2VDu3 .icon_1Dr9n {
        font-weight: 400;
        font-size: 12px;
        color: rgba(222, 223, 222, 0.8);
        text-align: center; }
  .content_1o2vU .header_2R7l8 .item_2VDu3 .icon_1Dr9n i {
          font-weight: 400;
          font-size: 20px;
          color: rgba(222, 223, 222, 0.8); }
  .content_1o2vU .header_2R7l8 .headerRight_2gY-l {
      margin-left: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 16px; }
  .content_1o2vU .header_2R7l8 .headerRight_2gY-l .btn_1_5NG {
        width: 64px;
        height: 40px;
        border: 1px solid #222322;
        background: #222322;
        font-weight: 400;
        font-size: 16px;
        color: #fff;
        line-height: 40px;
        text-align: center;
        cursor: pointer; }
  .content_1o2vU .header_2R7l8 .headerRight_2gY-l .btn_1_5NG.primary_xQq3b {
          color: #fff;
          border: 1px solid #d0102c;
          background-color: #d0102c; }
  .content_1o2vU .main_yWK3E {
    width: 100%;
    height: 832px;
    background: #605f5f;
    border-radius: 0px 0px 16px 16px;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .content_1o2vU .main_yWK3E .canvasContainer_2GOhL {
      position: relative; }
  .content_1o2vU .main_yWK3E .canvasContainer_2GOhL img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
  .content_1o2vU .main_yWK3E .canvasContainer_2GOhL canvas {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2; }
  .content_1o2vU .main_yWK3E .funcs_uCpFi {
      position: absolute;
      z-index: 2;
      right: 16px;
      bottom: 16px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 10px 16px;
      width: 181px;
      height: 44px;
      background: #464544;
      border-radius: 6px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .content_1o2vU .main_yWK3E .funcs_uCpFi .shou_1gEFa {
        font-size: 24px;
        color: #fff;
        cursor: pointer; }
  .content_1o2vU .main_yWK3E .funcs_uCpFi .area_3aeRk {
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; }
  .content_1o2vU .main_yWK3E .funcs_uCpFi .jian_2tgnK {
        margin-right: 6px;
        font-size: 24px;
        cursor: pointer;
        color: #fff; }
  .content_1o2vU .main_yWK3E .funcs_uCpFi .jia_3bBA1 {
        margin-left: 6px;
        font-size: 24px;
        cursor: pointer;
        color: #fff; }
  .content_1o2vU .main_yWK3E .funcs_uCpFi .num_2_yfm {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 6px;
        height: 24px;
        border-radius: 6px;
        cursor: pointer;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #fff; }
  .content_1o2vU .main_yWK3E .funcs_uCpFi .num_2_yfm:hover {
          background: rgba(255, 255, 255, 0.5); }
  .popoverContent_3zh1N {
  position: absolute;
  z-index: 2;
  right: 33px;
  bottom: 49px;
  width: 97px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  -webkit-box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  padding: 4px 16px; }
  .popoverContent_3zh1N .inner_29tYC {
    margin: 0 auto;
    width: 65px;
    height: 288px;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .popoverContent_3zh1N .inner_29tYC .item_2VDu3 {
      text-align: center;
      cursor: pointer;
      color: #080808; }
  .popoverContent_3zh1N .inner_29tYC .item_2VDu3.active_WZRCv, .popoverContent_3zh1N .inner_29tYC .item_2VDu3:hover {
        color: #fff;
        background: #080808;
        border-radius: 6px; }
  .itemPopoverContent_3friC {
  border-radius: 8px;
  padding: 8px 13px;
  background: #fff;
  font-weight: 500;
  font-size: 18px;
  color: #000;
  line-height: 25px;
  text-align: center; }

.itemPopover {
  border-radius: 8px;
  padding-top: 0;
}
.itemPopover .ant-popover-content {
  border-radius: 8px;
}
.itemPopover .ant-popover-content .ant-popover-arrow {
  display: none;
}
.itemPopover .ant-popover-content .ant-popover-inner {
  border-radius: 8px;
}
.itemPopover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  border-radius: 8px;
  padding: 0;
}

.hueContainer_3qsh8 {
  margin-top: 12px;
  height: 28px;
  position: relative; }
  .hueContainer_3qsh8 .colorCube_xf4_S {
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.06); }

.my-color-picker-color-module {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.my-color-picker-color-module .hue {
  -ms-flex-preferred-size: 16px;
      flex-basis: 16px;
  -webkit-box-flex: 16;
      -ms-flex-positive: 16;
          flex-grow: 16;
}
.my-color-picker-color-module .saturation {
  -ms-flex-preferred-size: 120px;
      flex-basis: 120px;
  -webkit-box-flex: 120;
      -ms-flex-positive: 120;
          flex-grow: 120;
}
.my-color-picker-color-module .saturation.noFlexGrow {
  -ms-flex-preferred-size: 335px;
      flex-basis: 335px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.my-color-picker-color-module > .info-item-container .info-item {
  width: 71px;
  height: 26px;
  line-height: 22px;
  background: rgba(85, 91, 112, 0.1);
  border-radius: 4px;
  padding: 0 10px;
  padding-right: 8px;
  border: 1.8px solid transparent;
  font-size: 12px;
  font-weight: 400;
  color: #555b70;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-color-picker-color-module > .info-item-container .info-item:hover {
  border-color: rgba(80, 89, 109, 0.8);
}
.my-color-picker-color-module > .info-item-container .info-item[active="true"] {
  border-color: rgba(80, 89, 109, 0.8);
  border-width: 2px;
}
.my-color-picker-color-module > .info-item-container .info-item.info-item3 {
  color: #fff;
}
.my-color-picker-color-module > .info-item-container .info-item > input {
  display: inline-block;
  width: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  outline: none;
  border: none;
  background-color: transparent;
}
.my-color-picker-color-module > .info-item-container .my-color-picker-info-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.my-color-picker-color-module > .info-item-container .my-color-picker-info-right > .info-item {
  width: 53px;
  margin-right: 10px;
  border: 1px solid transparent;
}
.my-color-picker-color-module > .info-item-container .my-color-picker-info-right > .info-item[active="true"] {
  border-color: rgba(80, 89, 109, 0.8);
  border-width: 2px;
}
.my-color-picker-color-module > .info-item-container .my-color-picker-info-right > .info-item:hover {
  border-color: rgba(80, 89, 109, 0.8);
}
.my-color-picker-color-module > .info-item-container .my-color-picker-info-right > .info-item:last-child {
  margin-right: 0;
}

.hexSelect_1GF_P {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .hexSelect_1GF_P .hexSelectContent_3aq18 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .hexSelect_1GF_P .item_5uYVg {
    width: 24px;
    height: 24px;
    margin-bottom: 1px;
    cursor: pointer; }

.colorPalette_1Ppy7 {
  padding: 12px;
  padding-bottom: 24px; }
  .colorPalette_1Ppy7 .hexSelectContainer_3aPev {
    margin-top: 12px;
    width: 234px;
    height: 234px; }
  .colorPalette_1Ppy7 .info_tH0LW {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .colorPalette_1Ppy7 .info_tH0LW .left_CInSm {
      font-size: 12px;
      color: rgba(0, 0, 0, 0.88);
      margin-right: 24px; }
  .colorPalette_1Ppy7 .info_tH0LW input {
      display: inline-block;
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      height: 24px;
      background: #fff;
      border-radius: 4px;
      border: 1px solid rgba(0, 0, 0, 0.15);
      outline: none; }

.popular_1ND0v {
  margin-top: 8px;
  padding-bottom: 6px; }
  .popular_1ND0v .headers_EpI0E {
    padding: 0 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .popular_1ND0v .headers_EpI0E .btn_2Qhva {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 70px;
      height: 32px;
      background: #222322;
      border-radius: 4px;
      border: 1px solid #222322;
      font-weight: 400;
      font-size: 14px;
      color: #fff;
      text-align: center;
      line-height: 30px;
      cursor: pointer; }
  .popular_1ND0v .headers_EpI0E .btn_2Qhva.active_2MLwr {
        font-weight: 500;
        background: #d0102c; }
  .popular_1ND0v .list_1Si3v {
    padding: 0 12px;
    margin-top: 16px;
    height: 290px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    gap: 12px 0;
    overflow: auto;
    scrollbar-color: #fff; }
  .popular_1ND0v .list_1Si3v::-webkit-scrollbar {
      width: 4px;
      opacity: 0; }
  .popular_1ND0v .list_1Si3v::-webkit-scrollbar-thumb {
      background-color: #fff;
      border: none; }
  .popular_1ND0v .list_1Si3v::-webkit-scrollbar-track {
      display: none; }
  .popular_1ND0v .list_1Si3v::-webkit-scrollbar-track-piece {
      display: none; }
  .popular_1ND0v .list_1Si3v .loading_2yv48 {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  .popular_1ND0v .list_1Si3v .loading_2yv48 .text_2-l0d {
        margin-top: 20px;
        font-weight: 400;
        font-size: 16px;
        color: #dedfde; }
  .popular_1ND0v .list_1Si3v .item_2miP2 {
      width: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer; }
  .popular_1ND0v .list_1Si3v .item_2miP2.active_2MLwr .cube_2chtH i {
        display: inline-block; }
  .popular_1ND0v .list_1Si3v .item_2miP2 .cube_2chtH {
        width: 28px;
        height: 28px;
        border-radius: 4px;
        border: 1px solid rgba(255, 255, 255, 0.07);
        line-height: 28px;
        text-align: center; }
  .popular_1ND0v .list_1Si3v .item_2miP2 .cube_2chtH i {
          font-size: 14px;
          color: #fff;
          display: none; }
  .popular_1ND0v .list_1Si3v .item_2miP2 .text_2-l0d {
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        margin-left: 8px;
        font-weight: 400;
        font-size: 12px;
        color: #dedfde;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
  .popoverContent_1DfCg {
  padding: 6px 16px;
  background: rgba(237, 236, 251, 0.95);
  -webkit-box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.32);
          box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.32);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px); }

.pantone_2093Q {
  margin-top: 12px;
  padding-bottom: 8px; }
  .pantone_2093Q .headers_23gKF {
    padding: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    gap: 12px; }
  .pantone_2093Q .headers_23gKF .headerItem_2IzFR {
      width: 24px;
      height: 24px;
      background: #f5d9e9;
      border-radius: 4px;
      line-height: 24px;
      text-align: center;
      cursor: pointer; }
  .pantone_2093Q .headers_23gKF .headerItem_2IzFR.active_2dtov i {
        display: inline-block; }
  .pantone_2093Q .headers_23gKF .headerItem_2IzFR.loading_1qOlc {
        pointer-events: none;
        background: #605f5f; }
  .pantone_2093Q .headers_23gKF .headerItem_2IzFR i {
        font-size: 14px;
        color: #fff;
        display: none; }
  .pantone_2093Q .inputContainer_2Ogv4 {
    padding: 0 8px;
    margin-top: 12px; }
  .pantone_2093Q .inputContainer_2Ogv4 input {
      border: none;
      outline: none;
      display: inline-block;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 5px 12px;
      width: 100%;
      height: 32px;
      background: #222322;
      border-radius: 6px;
      color: #fff; }
  .pantone_2093Q .inputContainer_2Ogv4 input::-webkit-input-placeholder {
        font-weight: 400;
        font-size: 14px;
        color: #dedfde; }
  .pantone_2093Q .inputContainer_2Ogv4 input::-moz-placeholder {
        font-weight: 400;
        font-size: 14px;
        color: #dedfde; }
  .pantone_2093Q .inputContainer_2Ogv4 input:-ms-input-placeholder {
        font-weight: 400;
        font-size: 14px;
        color: #dedfde; }
  .pantone_2093Q .inputContainer_2Ogv4 input::-ms-input-placeholder {
        font-weight: 400;
        font-size: 14px;
        color: #dedfde; }
  .pantone_2093Q .inputContainer_2Ogv4 input::placeholder {
        font-weight: 400;
        font-size: 14px;
        color: #dedfde; }
  .pantone_2093Q .inputContainer_2Ogv4 input.loading_1qOlc {
        pointer-events: none; }
  .pantone_2093Q .inputContainer_2Ogv4 input.loading_1qOlc::-webkit-input-placeholder {
          font-weight: 400;
          font-size: 14px;
          color: #dedfde;
          opacity: 0; }
  .pantone_2093Q .inputContainer_2Ogv4 input.loading_1qOlc::-moz-placeholder {
          font-weight: 400;
          font-size: 14px;
          color: #dedfde;
          opacity: 0; }
  .pantone_2093Q .inputContainer_2Ogv4 input.loading_1qOlc:-ms-input-placeholder {
          font-weight: 400;
          font-size: 14px;
          color: #dedfde;
          opacity: 0; }
  .pantone_2093Q .inputContainer_2Ogv4 input.loading_1qOlc::-ms-input-placeholder {
          font-weight: 400;
          font-size: 14px;
          color: #dedfde;
          opacity: 0; }
  .pantone_2093Q .inputContainer_2Ogv4 input.loading_1qOlc::placeholder {
          font-weight: 400;
          font-size: 14px;
          color: #dedfde;
          opacity: 0; }
  .pantone_2093Q .colors_1fvrl {
    height: 210px;
    margin-top: 12px;
    padding: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    gap: 2px;
    overflow: auto; }
  .pantone_2093Q .colors_1fvrl::-webkit-scrollbar {
      width: 0; }
  .pantone_2093Q .colors_1fvrl .loading_1qOlc {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  .pantone_2093Q .colors_1fvrl .loading_1qOlc .text_2Akal {
        margin-top: 20px;
        font-weight: 400;
        font-size: 16px;
        color: #dedfde; }
  .pantone_2093Q .colors_1fvrl .color_2RwzX {
      width: 18px;
      height: 18px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer; }
  .pantone_2093Q .colors_1fvrl .color_2RwzX.active_2dtov i {
        display: inline-block; }
  .pantone_2093Q .colors_1fvrl .color_2RwzX i {
        font-size: 12px;
        color: #fff;
        display: none; }

.selectColor_16dN0 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 258px;
  background: #4b4b4b;
  -webkit-box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.26), 0px 9px 28px 0px rgba(0, 0, 0, 0.29), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.26), 0px 9px 28px 0px rgba(0, 0, 0, 0.29), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
  border-radius: 8px; }
  .selectColor_16dN0 .header_2x-oL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    padding: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07); }
  .selectColor_16dN0 .header_2x-oL .headerItem_2Gokc {
      height: 20px;
      font-weight: 400;
      font-size: 14px;
      color: rgba(222, 223, 222, 0.6);
      line-height: 20px;
      position: relative;
      cursor: pointer; }
  .selectColor_16dN0 .header_2x-oL .headerItem_2Gokc.active_OHDDI {
        font-weight: 500;
        color: #fff; }
  .selectColor_16dN0 .header_2x-oL .headerItem_2Gokc.active_OHDDI::after {
          content: "";
          position: absolute;
          width: 100%;
          height: 1px;
          left: 0;
          top: 32px;
          background-color: #fff; }

.value_3kUPt {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 32px;
  background: #605f5f;
  border-radius: 4px;
  border: 1px solid #605f5f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .value_3kUPt .left_2Dyo5 {
    width: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .value_3kUPt .left_2Dyo5 .cube_30uEB {
      margin: 0 4px;
      width: 24px;
      height: 24px;
      border-radius: 2px;
      border: 1px solid rgba(255, 255, 255, 0.07);
      cursor: pointer; }
  .value_3kUPt .left_2Dyo5 .hex_2FpHB {
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      margin-right: 4px;
      font-weight: 500;
      font-size: 16px;
      color: #fff;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
  .value_3kUPt .right_1wrpm {
    width: 30px;
    height: 30px;
    background: #464544;
    border-radius: 4px;
    border: 1px solid #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer; }
  .value_3kUPt .right_1wrpm i {
      color: #fff;
      font-size: 14px; }
  .popoverContent_3N1Mr {
  padding: 6px 16px;
  background: rgba(237, 236, 251, 0.95);
  -webkit-box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.32);
          box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.32);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px); }

.colorSlider_gwpb_ {
  height: 34px;
  border-radius: 4px 0px 0px 4px;
  background: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  .colorSlider_gwpb_ .noDataText_3W76w {
    font-size: 12px;
    font-weight: 500;
    color: #888;
    line-height: 34px;
    display: inline-block;
    margin: 0 auto; }
  .colorSlider_gwpb_ .index_3YB_Y {
    position: absolute;
    width: 26px;
    height: 68px;
    top: 50%;
    -webkit-transform: translateX(-13px) translateY(-50%);
        -ms-transform: translateX(-13px) translateY(-50%);
            transform: translateX(-13px) translateY(-50%);
    background-color: transparent;
    z-index: 10;
    cursor: col-resize;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .colorSlider_gwpb_ .index_3YB_Y .iconContainer_344ak {
      width: 10px;
      height: 24px;
      border-radius: 4px;
      background-color: #fff;
      color: #000;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .colorSlider_gwpb_ .colorItem_1SYmc {
    width: 0;
    height: 100%;
    position: relative; }
  .colorSlider_gwpb_ .colorItem_1SYmc.firstColorItem_1govO {
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
  .colorSlider_gwpb_ .colorItem_1SYmc:last-child {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
  .colorSlider_gwpb_ .colorItem_1SYmc .delete_EtGdl {
      position: absolute;
      left: 16px;
      top: 50%;
      width: 16px;
      height: 16px;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      cursor: pointer; }
  .colorSlider_gwpb_ .colorItem_1SYmc .detail_2xQSu {
      width: 160px;
      height: 135px;
      position: absolute;
      left: 10px;
      top: 48px;
      z-index: 110;
      border-radius: 15px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 14px;
      cursor: pointer; }
  .colorSlider_gwpb_ .colorItem_1SYmc .detail_2xQSu.black_3itAZ {
        color: #38373e; }
  .colorSlider_gwpb_ .colorItem_1SYmc .detail_2xQSu.black_3itAZ .line_1zuJn {
          background: rgba(0, 0, 0, 0.1); }
  .colorSlider_gwpb_ .colorItem_1SYmc .detail_2xQSu.black_3itAZ .hoverline_oT-sN::before {
          background: #38373e; }
  .colorSlider_gwpb_ .colorItem_1SYmc .detail_2xQSu.white_2JvCI {
        color: #fff; }
  .colorSlider_gwpb_ .colorItem_1SYmc .detail_2xQSu.white_2JvCI .line_1zuJn {
          background: #fff; }
  .colorSlider_gwpb_ .colorItem_1SYmc .detail_2xQSu.white_2JvCI .hoverline_oT-sN::before {
          background: #fff; }
  .colorSlider_gwpb_ .colorItem_1SYmc .detail_2xQSu .triangle_1kQIx {
        position: absolute;
        top: -10px;
        right: 15px;
        width: 0;
        height: 0;
        border-width: 0 15px 15px;
        border-style: solid; }
  .colorSlider_gwpb_ .colorItem_1SYmc .detail_2xQSu .title_p9woT {
        font-size: 16px;
        font-weight: bold; }
  .colorSlider_gwpb_ .colorItem_1SYmc .detail_2xQSu .line_1zuJn {
        margin: 9px 0;
        width: 100%;
        height: 1px; }
  .colorSlider_gwpb_ .colorItem_1SYmc .detail_2xQSu .normalContainer_1As_p:hover .normal_3DSna .hoverline_oT-sN::before {
        right: 0%; }
  .colorSlider_gwpb_ .colorItem_1SYmc .detail_2xQSu .normalContainer_1As_p .normal_3DSna {
        height: 16px;
        font-size: 12px;
        font-weight: 400;
        margin-bottom: 6px; }
  .colorSlider_gwpb_ .colorItem_1SYmc .detail_2xQSu .normalContainer_1As_p .normal_3DSna .hoverline_oT-sN {
          display: inline-block;
          position: relative; }
  .colorSlider_gwpb_ .colorItem_1SYmc .detail_2xQSu .normalContainer_1As_p .normal_3DSna .hoverline_oT-sN::before {
            content: "";
            position: absolute;
            left: 0;
            right: 100%;
            bottom: 0;
            height: 1px;
            -webkit-transition-property: right;
            transition-property: right;
            -webkit-transition-duration: 0.3s;
                    transition-duration: 0.3s;
            -webkit-transition-timing-function: ease-out;
                    transition-timing-function: ease-out; }
  .colorSlider_gwpb_ .colorItem_1SYmc .text_FlOgL {
      width: 100%;
      height: 100%;
      font-weight: 500;
      font-size: 12px;
      color: rgba(255, 255, 255, 0.88);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }

.color_3R52W {
  width: 100%; }
  .color_3R52W .selectBtn_tgxQ_ {
    width: 100%;
    height: 40px;
    background: #d0102c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer; }
  .color_3R52W .selectBtn_tgxQ_ .inner_3rQ4Z {
      height: 24px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 4px;
      padding: 0 40px;
      font-weight: 400;
      font-size: 16px;
      color: #fff;
      line-height: 24px;
      text-align: center; }
  .color_3R52W .colorSliderContainer_2b6Ug {
    margin-top: 12px; }
  .color_3R52W .valuesContainer_1uJzY {
    margin-top: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px; }

.color-popover {
  border-radius: 8px;
}
.color-popover .ant-popover-content {
  border-radius: 8px;
}
.color-popover .ant-popover-content .ant-popover-arrow {
  border-radius: 8px;
  border-color: #4B4B4B;
}
.color-popover .ant-popover-content .ant-popover-inner {
  border-radius: 8px;
}
.color-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  border-radius: 8px;
  padding: 0;
}

.pay_3ElqW {
  width: 100%;
  height: 100vh;
  font-size: 12rem; }
  .pay_3ElqW .normal_34fPf {
    height: 100%;
    background: #f6f6f6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .pay_3ElqW .normal_34fPf .time_1Mt6f {
      margin-top: 24rem;
      font-weight: 400;
      font-size: 16rem;
      color: #181818;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .pay_3ElqW .normal_34fPf .time_1Mt6f .bold_1fDa4 {
        margin-left: 10rem;
        color: #ff6d61; }
  .pay_3ElqW .normal_34fPf .price_ipzXm {
      margin-top: 18rem;
      font-weight: bold;
      font-size: 32rem;
      color: #181818;
      line-height: 45rem; }
  .pay_3ElqW .normal_34fPf .origin_1pMX4 {
      color: #181818;
      font-size: 14rem; }
  .pay_3ElqW .normal_34fPf .origin_1pMX4 .span_3S5EM {
        vertical-align: middle; }
  .pay_3ElqW .normal_34fPf .origin_1pMX4 .strong_3oblR {
        font-size: 20rem;
        vertical-align: middle; }
  .pay_3ElqW .normal_34fPf .bianhao_3gyoF {
      margin-bottom: 32rem;
      margin-top: 16rem;
      font-weight: 400;
      font-size: 14rem;
      color: #181818; }
  .pay_3ElqW .normal_34fPf .item_2P3oY {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0 16rem;
      width: 100%;
      height: 56rem;
      background: #fff;
      border: 1rem solid #e2e2e2;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  .pay_3ElqW .normal_34fPf .item_2P3oY .left_2OhqC {
        font-weight: 500;
        font-size: 16rem;
        color: rgba(0, 0, 0, 0.6); }
  .pay_3ElqW .normal_34fPf .item_2P3oY .right_1pDUt {
        font-weight: bold;
        font-size: 16rem;
        color: #000; }
  .pay_3ElqW .normal_34fPf .btn_2sluV {
      margin-top: auto;
      margin-bottom: 40rem;
      width: 240rem;
      height: 45rem;
      background: #313131;
      font-weight: 500;
      font-size: 16rem;
      color: #fff;
      line-height: 45rem;
      text-align: center;
      cursor: pointer; }
  .pay_3ElqW .succes_3AXg- {
    width: 100%;
    height: 100%;
    background: #f6f6f6;
    position: relative; }
  .pay_3ElqW .succes_3AXg- .top_2Z34O {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0 18rem;
      padding-bottom: 56rem;
      width: 100%;
      height: 265rem;
      background: #313131;
      border-radius: 0rem 0rem 60rem 60rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .pay_3ElqW .succes_3AXg- .top_2Z34O .main_1yY2E {
        margin-top: 24rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
  .pay_3ElqW .succes_3AXg- .top_2Z34O .main_1yY2E img {
          width: 64rem;
          height: 67rem;
          margin-right: 16rem; }
  .pay_3ElqW .succes_3AXg- .top_2Z34O .main_1yY2E .text_1rcO7 {
          font-weight: 500;
          font-size: 24rem;
          color: #fff; }
  .pay_3ElqW .succes_3AXg- .top_2Z34O .bar_3V2_h {
        margin-top: 24rem;
        width: 100%;
        height: 17rem;
        background: #000;
        border-radius: 9rem; }
  .pay_3ElqW .succes_3AXg- .top_2Z34O .bar1_KChRv {
        position: absolute;
        top: 123rem;
        width: 316rem;
        height: 10rem;
        background: rgba(24, 24, 24, 0.6);
        border-radius: 8rem;
        -webkit-filter: blur(4rem);
                filter: blur(4rem);
        z-index: 2; }
  .pay_3ElqW .succes_3AXg- .top_2Z34O .content_2dqlh {
        position: absolute;
        top: 124rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 16rem;
        padding-bottom: 24rem;
        width: 311rem;
        height: 303rem;
        background: #ffffff;
        border-radius: 8rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .pay_3ElqW .succes_3AXg- .top_2Z34O .content_2dqlh .text_1rcO7 {
          margin-top: 32rem;
          font-weight: 500;
          font-size: 32rem;
          color: #181818;
          line-height: 45rem; }
  .pay_3ElqW .succes_3AXg- .top_2Z34O .content_2dqlh .line_FI3jm {
          margin: 24rem 0;
          width: 100%;
          height: 1rem;
          background: #f5f5f9;
          border-radius: 6rem; }
  .pay_3ElqW .succes_3AXg- .top_2Z34O .content_2dqlh .title_1ZJng {
          width: 100%;
          font-weight: bold;
          font-size: 16rem;
          color: #000;
          line-height: 20rem;
          margin-bottom: 5rem; }
  .pay_3ElqW .succes_3AXg- .top_2Z34O .content_2dqlh .item_2P3oY {
          width: 100%;
          margin-top: 12rem;
          height: 20rem;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          font-weight: 500;
          font-size: 16rem;
          color: #000;
          line-height: 20rem; }
  .pay_3ElqW .succes_3AXg- .top_2Z34O .content_2dqlh .item_2P3oY .left_2OhqC {
            color: rgba(0, 0, 0, 0.6); }
  .pay_3ElqW .shixiao_3_Jne {
    width: 100%;
    height: 100%;
    background: #f6f6f6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .pay_3ElqW .shixiao_3_Jne img {
      margin-top: 38rem;
      width: 120rem;
      height: 120rem; }
  .pay_3ElqW .shixiao_3_Jne .price_ipzXm {
      margin-top: 16rem;
      font-weight: 500;
      font-size: 32rem;
      color: #181818;
      line-height: 45rem; }
  .pay_3ElqW .shixiao_3_Jne .desc_3a561 {
      margin-top: 16rem;
      margin-bottom: 32rem;
      font-weight: 400;
      font-size: 14rem;
      color: #181818;
      line-height: 14rem; }
  .pay_3ElqW .shixiao_3_Jne .item_2P3oY {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0 16rem;
      width: 100%;
      height: 56rem;
      background: #fff;
      border: 1rem solid #e2e2e2;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  .pay_3ElqW .shixiao_3_Jne .item_2P3oY .left_2OhqC {
        font-weight: 500;
        font-size: 16rem;
        color: rgba(0, 0, 0, 0.6); }
  .pay_3ElqW .shixiao_3_Jne .item_2P3oY .right_1pDUt {
        font-weight: bold;
        font-size: 16rem;
        color: #000; }
  .pay_3ElqW .noShiYong_3axhl {
    height: 100%;
    background: #f6f6f6; }
  .pay_3ElqW .noShiYong_3axhl .top_2Z34O {
      height: 200px;
      padding-bottom: 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .pay_3ElqW .noShiYong_3axhl .top_2Z34O .img_1LnfY {
        margin-top: 26px;
        width: 120px;
        height: 120px; }
  .pay_3ElqW .noShiYong_3axhl .top_2Z34O .text_1rcO7 {
        margin-top: 16px;
        width: 240px;
        font-weight: bold;
        font-size: 16px;
        color: #4c4568;
        line-height: 24px; }
  .pay_3ElqW .noShiYong_3axhl .item_2P3oY {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0 16rem;
      width: 100%;
      height: 56rem;
      background: #fff;
      border: 1rem solid #e2e2e2;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  .pay_3ElqW .noShiYong_3axhl .item_2P3oY .left_2OhqC {
        font-weight: 500;
        font-size: 16rem;
        color: rgba(0, 0, 0, 0.6); }
  .pay_3ElqW .noShiYong_3axhl .item_2P3oY .right_1pDUt {
        font-weight: bold;
        font-size: 16rem;
        color: #000; }
  .pay_3ElqW .loading_tMMXu .yuan_2L2pv {
    width: 20rem;
    height: 66rem;
    position: relative;
    margin: 150rem auto 0; }
  .pay_3ElqW .loading_tMMXu .text_1rcO7 {
    margin-top: 32rem;
    text-align: center; }
  .pay_3ElqW .loading_tMMXu .yuan_2L2pv:before {
    content: "";
    width: 20rem;
    height: 20rem;
    position: absolute;
    border-radius: 50%;
    background: #d0102c;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(255, 109, 97, 0.7);
            box-shadow: 0px 2px 4px 0px rgba(255, 109, 97, 0.7);
    -webkit-filter: blur(1px);
            filter: blur(1px);
    -webkit-animation: yuan191_KXENg 0.5s ease infinite alternate;
            animation: yuan191_KXENg 0.5s ease infinite alternate; }
  .pay_3ElqW .loading_tMMXu .yuan_2L2pv:after {
    content: "";
    width: 20rem;
    height: 4rem;
    border-radius: 50%;
    position: absolute;
    top: 62rem;
    -webkit-animation: yuan192_29Qk7 0.5s ease infinite alternate;
            animation: yuan192_29Qk7 0.5s ease infinite alternate; }
  @-webkit-keyframes yuan191_KXENg {
  0% {
    top: 60rem;
    height: 5rem;
    border-radius: 50rem 50rem 25rem 25rem;
    -webkit-transform: scaleX(1.5);
            transform: scaleX(1.5); }
  50% {
    height: 20rem;
    border-radius: 50%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  100% {
    top: 0; } }
  @keyframes yuan191_KXENg {
  0% {
    top: 60rem;
    height: 5rem;
    border-radius: 50rem 50rem 25rem 25rem;
    -webkit-transform: scaleX(1.5);
            transform: scaleX(1.5); }
  50% {
    height: 20rem;
    border-radius: 50%;
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  100% {
    top: 0; } }
  @-webkit-keyframes yuan192_29Qk7 {
  0% {
    -webkit-filter: blur(1px);
            filter: blur(1px);
    -webkit-transform: scaleX(1.5);
            transform: scaleX(1.5);
    background-color: rgba(255, 109, 97, 0.9); }
  50% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    background-color: rgba(255, 109, 97, 0.6); }
  100% {
    -webkit-filter: blur(2px);
            filter: blur(2px);
    -webkit-transform: scaleX(0.5);
            transform: scaleX(0.5);
    background-color: rgba(255, 109, 97, 0.3); } }
  @keyframes yuan192_29Qk7 {
  0% {
    -webkit-filter: blur(1px);
            filter: blur(1px);
    -webkit-transform: scaleX(1.5);
            transform: scaleX(1.5);
    background-color: rgba(255, 109, 97, 0.9); }
  50% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    background-color: rgba(255, 109, 97, 0.6); }
  100% {
    -webkit-filter: blur(2px);
            filter: blur(2px);
    -webkit-transform: scaleX(0.5);
            transform: scaleX(0.5);
    background-color: rgba(255, 109, 97, 0.3); } }

.selection_3tleR {
  width: 100%;
  max-width: 1820px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 27px;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000; }
  .selection_3tleR .main_2TnGA {
    margin-left: 208px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 28px;
    padding-right: 40px;
    position: relative; }
  .selection_3tleR .main_2TnGA .left_1aeDV {
      position: absolute;
      left: -207px;
      width: 207px;
      height: 100%;
      border-right: 1px solid #000;
      float: left;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 32px 26px 0 40px; }
  .selection_3tleR .main_2TnGA .left_1aeDV .title_WsnFs {
        height: 40px;
        font-size: 28px;
        font-weight: bold;
        color: #000000;
        line-height: 40px; }
  .selection_3tleR .main_2TnGA .left_1aeDV .desc_32umF {
        height: 34px;
        font-size: 12px;
        font-weight: 400;
        color: #5a5a5a;
        line-height: 17px;
        margin-top: 8px; }
  .selection_3tleR .main_2TnGA .left_1aeDV .desc_32umF .subBtn_11dCg {
          width: 80px;
          height: 28px;
          line-height: 28px;
          background: #000000;
          border-radius: 14px;
          text-align: center;
          font-size: 12px;
          font-weight: 400;
          color: #ffffff;
          padding: 0 16px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          margin-top: 21px;
          cursor: pointer; }
  .selection_3tleR .main_2TnGA .left_1aeDV .line_wl6yy {
        margin: 32px 0;
        height: 1px;
        background-color: #d8d8d8; }
  .selection_3tleR .main_2TnGA .left_1aeDV .btn_3KtFY {
        width: 141px;
        height: 42px;
        background: #ffffff;
        border: 1px solid #000000;
        font-size: 16px;
        font-weight: bold;
        color: #000000;
        line-height: 42px;
        padding-left: 10px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin-bottom: 18px;
        position: relative;
        cursor: pointer; }
  .selection_3tleR .main_2TnGA .left_1aeDV .btn_3KtFY:hover {
          background: #f2f2f2; }
  .selection_3tleR .main_2TnGA .left_1aeDV .btn_3KtFY .i_2ACfN {
          position: absolute;
          top: 1px;
          right: 6px; }
  .selection_3tleR .main_2TnGA .left_1aeDV .btn_3KtFY.active1_1aKAe {
          background: #ffb8ef; }
  .selection_3tleR .main_2TnGA .left_1aeDV .btn_3KtFY.active2_1hIBJ {
          background: #ba5fff; }
  .selection_3tleR .main_2TnGA .left_1aeDV .btn_3KtFY::before {
          position: absolute;
          background: #000;
          content: "";
          width: calc(100% + 1.5px);
          height: 3px;
          left: 0;
          top: 41px;
          -webkit-transform: skew(45deg);
              -ms-transform: skew(45deg);
                  transform: skew(45deg); }
  .selection_3tleR .main_2TnGA .left_1aeDV .btn_3KtFY::after {
          position: absolute;
          background: #000;
          content: "";
          width: 3px;
          height: 43px;
          left: 140px;
          top: 0;
          -webkit-transform: skewY(45deg);
              -ms-transform: skewY(45deg);
                  transform: skewY(45deg); }
  .selection_3tleR .main_2TnGA .list_1KsmI {
      min-height: 1580px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-line-pack: start;
          align-content: flex-start; }
  .selection_3tleR .main_2TnGA .list_1KsmI .card_2Kvwj {
        width: 32.27%;
        margin-right: 1.558%;
        margin-bottom: 1.558%;
        border-bottom: 1px solid #000;
        position: relative;
        height: 0;
        padding-bottom: 15.58%; }
  .selection_3tleR .main_2TnGA .list_1KsmI .card_2Kvwj .pic_3DbNm {
          width: 100%;
          height: 0;
          padding-bottom: 37.82%;
          position: relative;
          cursor: pointer; }
  .selection_3tleR .main_2TnGA .list_1KsmI .card_2Kvwj .pic_3DbNm img {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%; }
  .selection_3tleR .main_2TnGA .list_1KsmI .card_2Kvwj .pic_3DbNm:hover .cover_PxGau {
            opacity: 1; }
  .selection_3tleR .main_2TnGA .list_1KsmI .card_2Kvwj .pic_3DbNm .cover_PxGau {
            opacity: 0;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 10;
            background: rgba(0, 0, 0, 0.2);
            -webkit-transition: opacity 0.3s ease-in-out;
            transition: opacity 0.3s ease-in-out;
            pointer-events: none; }
  .selection_3tleR .main_2TnGA .list_1KsmI .card_2Kvwj .title_WsnFs {
          width: 100%;
          height: 0;
          padding-bottom: 10.46%;
          position: relative; }
  .selection_3tleR .main_2TnGA .list_1KsmI .card_2Kvwj .title_WsnFs .text_18zIZ {
            position: absolute;
            left: 0;
            top: calc(50% - 10px);
            right: 0;
            bottom: 0;
            height: 20px;
            line-height: 20px;
            font-size: 14px;
            font-weight: bold;
            color: #000000;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
  .selection_3tleR .main_2TnGA .card0_3O-2A {
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
  .selection_3tleR .main_2TnGA .card0_3O-2A .pic_3DbNm {
        position: relative;
        cursor: pointer; }
  .selection_3tleR .main_2TnGA .card0_3O-2A .pic_3DbNm:hover .cover_PxGau {
          opacity: 1; }
  .selection_3tleR .main_2TnGA .card0_3O-2A .pic_3DbNm .cover_PxGau {
          opacity: 0;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          z-index: 10;
          background: rgba(0, 0, 0, 0.2);
          -webkit-transition: opacity 0.3s ease-in-out;
          transition: opacity 0.3s ease-in-out;
          pointer-events: none; }
  .selection_3tleR .main_2TnGA .card0_3O-2A .pic_3DbNm .time_BITd- {
          position: absolute;
          left: 16px;
          bottom: 20px;
          height: 22px;
          line-height: 22px;
          background: rgba(255, 255, 255, 0.59);
          border-radius: 11px;
          padding: 0 10px;
          font-size: 12px;
          font-weight: 400;
          color: #393f48; }
  .selection_3tleR .main_2TnGA .card0_3O-2A .pic_3DbNm .showTag_2gCoj {
          position: absolute;
          top: 0;
          right: 0;
          width: 20px;
          font-size: 12px;
          font-weight: 400;
          color: #000000;
          line-height: 16px;
          background: #fff;
          text-align: center;
          padding: 3px 0;
          border: 1px solid #444444; }
  .selection_3tleR .main_2TnGA .card0_3O-2A .title_WsnFs {
        width: 100%;
        height: 20px;
        font-size: 14px;
        font-weight: bold;
        color: #000000;
        line-height: 20px;
        margin-top: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .selection_3tleR .main_2TnGA .pagination_2062J {
      height: 40px;
      padding-top: 40px;
      padding-bottom: 104px; }

.close_37JzB {
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FFFEFE; }
  .close_37JzB img {
    margin-top: 100px;
    width: 510px;
    height: 510px; }
  .close_37JzB .text_3rhgN {
    width: 1183px;
    font-size: 24px;
    line-height: 42px;
    font-style: normal; }

.widget-box {
  position: fixed;
  top: 50%;
  right: 30px;
  z-index: 10;
  width: 80px;
  font-size: 14px;
  overflow: hidden;
  cursor: pointer;
}
@-webkit-keyframes hide-to-show-animation {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  61% {
    top: 0px;
  }
  80% {
    top: -4px;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}
@keyframes hide-to-show-animation {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  61% {
    top: 0px;
  }
  80% {
    top: -4px;
  }
  100% {
    top: 0px;
    opacity: 1;
  }
}
.widget-box ol {
  width: 100%;
  margin: 0;
}
.widget-box li {
  margin: 0 0 6px;
  text-align: right;
  height: 26px;
}
.widget-box li a {
  position: relative;
  display: inline-block;
  margin-top: 6px;
  padding: 1px 0;
  font-size: 14px;
  overflow: hidden;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  opacity: 0;
  width: 70px;
  height: 24px;
  line-height: 24px;
  border-radius: 10px;
  color: #fff;
}
.widget-box li a:hover {
  width: 70px;
  height: 24px;
  line-height: 24px;
  border-radius: 10px;
  color: #fff;
}
.widget-box li:last-child {
  margin-bottom: 0;
  margin-top: 25px;
}
.widget-box .w-bgcolor0 {
  background-color: #CB6944;
}
.widget-box .w-bgcolor1 {
  background-color: #749BB0;
}
.widget-box .w-bgcolor2 {
  background-color: #FFC629;
}
.widget-box .w-bgcolor3 {
  background-color: #9B758B;
}
.download-log-container {
  position: relative;
  width: 100%;
  height: 600px;
}
.download-log-container .header {
  display: block;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
.download-log-container .header h4 {
  float: left;
}
.download-log-container .header a {
  float: right;
  border: none;
  outline: none;
  background-color: transparent;
  color: #999999;
  font-size: 14px;
  cursor: pointer;
}
.download-log-container ul {
  overflow: auto;
  max-height: 535px;
  margin: 0;
}
.download-log-container ul li {
  padding: 5px 16px 5px 5px;
}
.download-log-container ul li.failed .info {
  color: #F83E55;
}
.download-log-container ul li figure {
  width: 80px;
  height: 48px;
  float: left;
  border: 1px solid #f3f3f3;
  background-color: #f3f3f3;
  text-align: center;
  margin-right: 10px;
  margin: 0 10px 0 0;
}
.download-log-container ul li img {
  max-width: 100%;
  max-height: 100%;
}
.download-log-container ul li .info {
  float: left;
}
.download-log-container ul li .info p {
  width: 540px;
  margin: 0;
}
.download-log-container ul li .icon-box {
  float: right;
}
.download-log-container ul li .icon-box i.icondownload {
  color: #CCCCCC;
  cursor: pointer;
}
.download-log-container ul li .icon-box i.icondownload:hover {
  color: #000;
}
.download-log-container ul li .icon-box i.iconiconfontgantanhao {
  position: relative;
  top: 3px;
  color: #F83E55;
  font-weight: bold;
  cursor: pointer;
}
.download-log-container .mini-progress-box {
  display: inline-block;
  width: 41px;
}
.download-log-container .mini-progress-box .mini-progress-track {
  position: relative;
  float: left;
  width: 40px;
  height: 3px;
  border-radius: 10px;
  background-color: #f5f5f5;
  overflow: hidden;
}
.download-log-container .mini-progress-box .mini-progress-track em {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #1890ff;
  -webkit-transform: translateX(-60px);
      -ms-transform: translateX(-60px);
          transform: translateX(-60px);
}

.member-header {
  padding: 0;
  height: 120px;
  display: inline;
  border-bottom: #efefef;
  margin: 0 auto;
  background: #efefef;
}
.member-content {
  background: #efefef;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.member-content .ant-modal-body {
  padding: 0 20px 0 20px;
}
.member-content main {
  overflow: hidden;
}
.member-content section {
  margin: 0 auto;
  overflow: hidden;
}
.member-content .icon-menu {
  width: 65px;
  background: #d2d2d2;
  height: 100%;
  overflow: hidden;
  display: none;
  line-height: 75px;
}
.member-content .icon-menu-container {
  height: 225px;
  top: 50%;
  margin-top: -125px;
  position: relative;
  text-align: center;
}
.member-content .icon-i {
  font-size: 32px;
}
.member-content .icon-i:hover {
  opacity: 0.8;
}
.member-content .left {
  min-width: 40px;
  width: auto;
  max-width: 900px;
  height: 100%;
  min-height: 100%;
  padding: 0 0 0 35px;
  line-height: 50px;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  letter-spacing: 1px;
}
.member-content .left .site {
  line-height: 86px;
  margin-left: -15px;
  margin-bottom: 44px;
}
.member-content .left .site span {
  margin: 15px;
}
.member-content .right {
  width: 100%;
  background: #FFFFFF;
  line-height: 50px;
  padding: 10px 0 0 21px;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  overflow-y: scroll;
}
.member-content .right::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #d2d2d2;
}
.member-content .right::-webkit-scrollbar-track {
  background: #d2d2d2;
  border-radius: 4px;
}
.member-content .right::-webkit-scrollbar-thumb {
  background: #d2d2d2;
  border-radius: 4px;
}
.member-content .right::-webkit-scrollbar-thumb:hover {
  background: #d2d2d2;
}
.member-content .right::-webkit-scrollbar-corner {
  background: #d2d2d2;
}
.member-content .account-info {
  text-align: left;
  width: 410px;
  line-height: 20px;
}
.member-content .account-info .name {
  padding-top: 5px;
  height: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  line-height: 57px;
}
.member-content .account-info ul li {
  line-height: 25px;
  margin: 15px 0 0 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.member-content .account-info ul li label {
  width: 17px;
  heght: 17px;
  text-align: center;
  margin: auto;
}
.member-content .account-info ul li em {
  margin-left: 20px;
  z-index: 0;
}
.member-content .account-info .company-link {
  background: black;
  text-align: center;
  color: #fff;
  z-index: 0;
  cursor: pointer;
  position: relative;
  width: 70px;
  height: 20px;
  background: #000000;
  border-radius: 10px;
  font-size: 12px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: #ffffff;
  line-height: 19px;
  outline: none;
  border: none;
  margin-left: 37px;
}
.member-content .account-info .editor-link {
  border-radius: 12px;
  margin-left: 50px;
  font-size: 12px;
  line-height: 22px;
  display: inline-block;
  border: 1px solid #d2d2d2;
  width: 78px;
  height: 24px;
  text-align: center;
  position: relative;
}
.member-content .account-info .editor-link a {
  line-height: 14px;
  font-size: 12px;
  font-weight: 400;
  color: #000000;
}
.member-content .ant-timeline-item-head-blue {
  border-color: #cccccc;
  color: #cccccc;
}
.member-content .img-list {
  margin-left: 70px;
}
.member-content .img-list .img-item {
  float: left;
  width: 212px;
  margin: 0 auto;
  padding: 0 15px 5px 15px;
  display: inline-block;
  position: relative;
}
.member-content .img-list .img-item .text {
  margin-top: 5px;
  font-weight: bold;
  color: #535353;
  line-height: 11px;
}
.member-content .img-list .img-item .text div {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  margin-top: 5px;
  height: 16px;
  font-size: 12px;
  text-align: left;
}
.member-content .img-list .img-item .video {
  display: marker;
  cursor: pointer;
  text-align: center;
  left: 75px;
  top: 35px;
  font-size: 22px;
  padding: 0 15px 5px 15px;
  background: transparent;
  position: absolute;
  font-size: 48px;
  z-index: 99;
}
.member-content .img-list .img-item .icon {
  position: absolute;
  float: right;
  width: auto;
  top: 0px;
  right: 0px;
  color: white;
}
.member-content .img-list .img-item .icon .collect,
.member-content .img-list .img-item .icon .down,
.member-content .img-list .img-item .icon .delete {
  margin: 1px 1px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  border-color: white;
  background: black;
  border-radius: 11px;
  width: 22px;
  height: 22px;
  float: right;
  cursor: pointer;
}
.member-content .img-list .img-item .icon .collect i,
.member-content .img-list .img-item .icon .down i,
.member-content .img-list .img-item .icon .delete i {
  position: relative;
  top: -11px;
  font-size: 22px;
}
.member-content .img-list .img-item .img {
  cursor: pointer;
  width: 202px;
  height: 109px;
  text-align: center;
  overflow: hidden;
  margin: 0 auto;
}
.member-content .img-list .img-item .img img {
  min-width: 100%;
  min-height: 100%;
  max-width: 150%;
  max-height: 150%;
  display: inline-block;
  vertical-align: top;
  margin: 0 auto;
  text-align: center;
}
.member-content .list-header {
  margin-top: 22px;
  height: 65px;
  background: #FFFFFF;
  margin-right: 8px;
  line-height: 35px;
  padding-bottom: 22px;
}
.member-content .page {
  margin: 15px 0 15px 0;
  border-radius: 70px;
  height: 140px;
  width: 100%;
  background: #0063E1;
  text-align: center;
  line-height: 30px;
  padding: 55px 0 55px 0;
  color: white;
}
.member-content .page .ant-pagination-item-active {
  border-bottom: 1px solid white;
  color: white !important;
}
.member-content .page li,
.member-content .page a {
  border: none;
  background-color: #0063E1;
  color: white;
  font-size: 18px;
}
.member-content .page a:hover {
  color: white;
}
.member-content .page li:hover {
  color: white;
}
.member-content .page .ant-pagination-item-link {
  background-color: #0063E1;
  border: none;
  color: white;
  font-size: 18px;
}
.member-content .page .ant-pagination-item {
  height: 31px;
}
.member-content .page .ant-pagination-disabled a,
.member-content .page .ant-pagination-disabled:hover a,
.member-content .page .ant-pagination-disabled:focus a,
.member-content .page .ant-pagination-disabled .ant-pagination-item-link,
.member-content .page .ant-pagination-disabled:hover .ant-pagination-item-link,
.member-content .page .ant-pagination-disabled:focus .ant-pagination-item-link {
  border: none;
  cursor: not-allowed;
  color: #588ae7 !important;
}
.member-content .member-menu {
  margin-top: 50px;
  text-align: center;
}
.member-content .member-menu .record {
  right: 10px;
  bottom: 5px;
  background: #FFC629;
  letter-spacing: 2px;
  z-index: 2;
}
.member-content .member-menu .record-active {
  z-index: 3;
  background: #E9B118;
}
.member-content .member-menu .dingyue {
  bottom: 120px;
  letter-spacing: 2px;
  z-index: 2;
  background: #87a397;
}
.member-content .member-menu .dingyue-active {
  z-index: 3;
  background: #739285;
}
.member-content .member-menu .collect {
  bottom: -10px;
  left: 100px;
  background: #175851;
  letter-spacing: 2px;
  z-index: 2;
}
.member-content .member-menu .collect-active {
  z-index: 3;
  background: #014B43;
}
.member-content .member-menu .active {
  color: #0AA5DF;
  z-index: 3;
}
.member-content .member-menu .active a {
  font-weight: bolder;
}
.member-content .member-menu div {
  position: absolute;
  width: 160px;
  height: 160px;
  border-radius: 100%;
  background: #006943;
}
.member-content .member-menu div :hover {
  opacity: 0.4;
}
.member-content .member-menu div a {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  line-height: 160px;
}
.member-content .modify-header {
  width: 100%;
  height: 100%;
}
.member-content .modify-header .sentence {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 26px;
  font-size: 30px;
  font-weight: 400;
  color: #000;
  line-height: 50px;
  margin-right: 17px;
}
.member-content .modify-header .letter {
  height: 200px;
  font-size: 200px;
  font-weight: bold;
  color: #000;
  line-height: 200px;
}
.member-content .company-info .company-avatar .company-logo {
  height: 64px;
  width: 64px;
  border-radius: 64px;
  cursor: pointer;
}
.member-content .company-info .company-avatar .company-logo input[type="file"] {
  width: 64px;
  height: 64px;
  border: 1px solid #000;
  border-radius: 120px;
  outline: none;
  font-size: 0px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
}
.member-content .company-info .company-avatar .company-logo input[type="file"] ::-webkit-input-placeholder {
  width: 0;
  height: 0;
  font-size: 0px;
}
.member-content .company-info .company-avatar .company-logo input[type="file"] ::-moz-placeholder {
  width: 0;
  height: 0;
  font-size: 0px;
}
.member-content .company-info .company-avatar .company-logo input[type="file"] :-ms-input-placeholder {
  width: 0;
  height: 0;
  font-size: 0px;
}
.member-content .company-info .company-avatar .company-logo input[type="file"] ::-ms-input-placeholder {
  width: 0;
  height: 0;
  font-size: 0px;
}
.member-content .company-info .company-avatar .company-logo input[type="file"] ::placeholder {
  width: 0;
  height: 0;
  font-size: 0px;
}
.member-content .company-info .company-ul li {
  display: block;
  clear: left;
  margin: 10px 0 10px 0;
  font-size: 14px;
  font-weight: 400;
  color: #000;
}
.member-content .company-info .company-ul li input {
  width: 350px;
  padding-left: 5px;
  height: 26px;
  background: #efefef;
  outline: none;
  border: 1px solid #959595;
}
.member-content .company-info .company-ul li div {
  display: block;
  height: 26px;
  line-height: 26px;
}
.member-content .company-info .company-ul li div div {
  float: left;
  min-width: 70px;
  margin-right: 12px;
}
.member-content .company-info .company-ul .address div {
  height: 52px;
}
.member-content .company-info .company-ul .address textarea {
  width: 350px;
  resize: none;
  padding-left: 5px;
  background: #efefef;
  outline: none;
  border: 1px solid #959595;
}
.member-content .dingyue-header {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
  margin: 12px;
  line-height: 35px;
}
.member-content .dingyue-header .dingyue-header-content {
  display: inline-block;
  position: absolute;
  right: 30px;
}
.member-content .dingyue-header .dingyue-header-content button {
  cursor: pointer;
  text-align: center;
  width: 120px;
  height: 27px;
  border: 1px solid #d2d2d2;
  border-radius: 12px;
  font-size: 12px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: #000000;
  line-height: 11px;
  background: none;
  outline: none;
}
.member-content .dingyue-header .dingyue-header-content .mkt {
  width: 35px;
  position: relative;
  right: 41px;
  top: 6px;
}
.member-content .dingyue-content {
  border-top: 1px solid #eeeeee;
  margin-top: 30px;
  margin-right: 30px;
}
.member-content .dingyue-content .dingyue-empty {
  display: block;
  text-align: center;
}
.member-content .dingyue-content .dingyue-empty img {
  display: inline-block;
  width: 100px;
  padding: 50px 0;
}
.member-content .dingyue-content dl {
  clear: left;
  min-height: 210px;
  line-height: 14px;
}
.member-content .dingyue-content dl dt {
  margin-top: 16px;
  font-size: 18px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  color: #000000;
}
.member-content .dingyue-content dl dd ul {
  margin: 0;
}
.member-content .dingyue-content dl dd li {
  display: block;
}
.member-content .dingyue-content dl dd li .dingyue-item {
  margin: 20px 20px 0 0;
  float: left;
  width: auto;
  height: 30px;
  line-height: 30px;
  position: relative;
  border-radius: 12px;
  border: 1px solid #d2d2d2;
}
.member-content .dingyue-content dl dd li .dingyue-item div {
  text-align: center;
  margin-left: 12px;
  padding-right: 12px;
  line-height: 28px;
  float: left;
  width: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}
.member-content .dingyue-content dl dd li .dingyue-item i {
  float: right;
  padding-right: 12px;
  font-size: 12px;
  cursor: pointer;
}
.member-content .dingyue-content dl dd li .dingyue-item i:hover {
  color: red;
}
.member-content .dingyue-content dl dd li .dingyue-item.del-loading {
  color: #ccc;
}
.member-content .dingyue-content dl dd li .dingyue-item.del-loading .iconpopup_close {
  cursor: url('https://assets.wow-trend.com/wowtrend/static/resource/images/icon/2cf1999b.png'), auto;
}
.member-content .dingyue-content dl dd li .dingyue-item.del-loading .iconpopup_close:hover {
  color: #ccc;
}
.member-content .condition-filter {
  background: #EFEFEF;
  padding: 22px 8px 22px 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 60px;
}
.member-content .condition-filter .ant-select-selection--single {
  height: 44px;
}
.member-content .condition-filter .ant-select-selection__rendered {
  line-height: 44px;
}
.member-content .condition-filter > div {
  background: white;
  text-align: left;
  height: auto;
  margin-bottom: 10px;
}
.member-content .condition-filter > div .active {
  background: #e5e5e5;
}
.member-content .condition-filter > div li {
  border-top: 1px solid #eaeaea;
  padding-left: 30px;
  cursor: pointer;
  font-weight: 400;
}
.member-content .condition-filter > div li:first-child {
  border-top: none;
}
.member-content .condition-filter > div li:hover {
  background: #e5e5e5;
}
@media screen and (max-width: 1600px) {
  .member-content .condition-filter {
    background: #EFEFEF;
    padding: 22px 8px 22px 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
  }
  .member-content .condition-filter .ant-select-selection--single {
    height: 24px;
  }
  .member-content .condition-filter .ant-select-selection__rendered {
    line-height: 24px;
  }
  .member-content .condition-filter .ant-select-dropdown-menu {
    width: 200px;
  }
  .member-content .condition-filter > div {
    background: white;
    text-align: left;
    height: auto;
    margin-bottom: 10px;
  }
  .member-content .condition-filter > div .active {
    background: #e5e5e5;
  }
  .member-content .condition-filter > div .select-li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 8px;
  }
  .member-content .condition-filter > div li {
    border-top: 1px solid #eaeaea;
    padding-left: 20px;
    cursor: pointer;
    font-weight: 400;
  }
  .member-content .condition-filter > div li:first-child {
    border-top: none;
  }
  .member-content .condition-filter > div li:hover {
    background: #e5e5e5;
  }
}
.member-content .common-header {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
  margin: 5px;
  line-height: 35px;
}
.member-content .common-header .clear {
  position: absolute;
  left: 25px;
  cursor: pointer;
  bottom: 0px;
}
.member-content .common-header .clear i {
  font-size: 20px;
  color: #b5b5b5;
}
.member-content .common-header .clear i em {
  font-size: 12px;
}
.member-content .common-header .common-header-content {
  display: inline-block;
  position: absolute;
  right: 0px;
  margin-right: 28px;
  margin-top: 14px;
}
.member-content .common-header .mkt {
  position: relative;
  right: 0px;
  width: 35px;
  display: inline-block;
}
.member-content .common-header .date-picker {
  width: 215px;
  right: 185px;
  display: inline-block;
}
.member-content .common-header .date-picker .ant-input {
  border-radius: 12px;
}
.member-content .common-header .search {
  width: 250px;
  position: absolute;
  right: 435px;
}
.member-content .common-header .from {
  display: inline-block;
  margin-left: 10px;
  right: 70px;
}
.member-content .common-header .from .ant-select-selection--single {
  border-radius: 12px;
}
.member-content .common-header .from .ant-select-selection__placeholder,
.member-content .common-header .from .ant-select-search__field__placeholder {
  text-align: center;
}
.member-content .common-header .record-tips i {
  position: relative;
  top: 25px;
}
@media screen and (max-width: 1366px) {
  .member-content .center-sider {
    display: none;
  }
  .member-content .member-menu .dingyue {
    bottom: 33px;
  }
  .member-content .member-menu div {
    height: 100px;
    width: 100px;
  }
  .member-content .member-menu div a {
    font-size: 12px;
    line-height: 100px;
  }
}
.btn-wrapper {
  width: 100%;
}
.company-info-btn {
  display: inline-block;
  width: 56px;
  height: 22px;
  background: #000;
  border-radius: 6px;
  font-size: 12px;
  line-height: 22px;
  color: #fff;
  text-align: center;
  margin-left: 60px;
}
.yespower-save-style {
  cursor: not-allowed;
}
.nopower-save-style {
  cursor: pointer;
}
.company-info-back-btn {
  cursor: pointer;
}
.erwei-code-wrapper {
  width: 100%;
  margin-top: 40px;
}
.erwei-code-wrapper .erwei-code-desc {
  width: 330px;
  font-size: 12px;
  font-weight: 300;
  color: #aaa;
  line-height: 16px;
  margin: 0 0 14px 0;
  text-align: center;
}
.erwei-code-wrapper .erwei-code-desc span {
  color: #da6339;
  font-weight: 600;
}
.erwei-code-wrapper .imgsrc-erweima {
  width: 170px;
  height: 170px;
  margin-left: 8%;
}
.erwei-code-wrapper .imgsrc-erweima img {
  display: block;
  width: 88%;
  margin: 0 auto;
}
.erwei-code-wrapper .erweicode-exclusive-container {
  width: 170px;
  text-align: center;
  margin-left: 8%;
}
.erwei-code-wrapper .erweicode-exclusive-container .erweicode-exclusive-text {
  display: inline-block;
  width: 118px;
  height: 22px;
  background: #e4e4e4;
  border-radius: 6px;
  color: #000;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
}
.companyinfo-div .ant-select-selection__placeholder,
.companyinfo-div .ant-select-search__field__placeholder {
  top: 38% !important;
}
.companyinfo-div .ant-select-selection-selected-value {
  width: 60px !important;
}
.companyinfo-div .ant-select-selection,
.companyinfo-div .ant-select-selection--single {
  width: 96px !important;
}
.company-type-container .ant-select-selection__placeholder,
.company-type-container .ant-select-search__field__placeholder {
  top: 38% !important;
}
.company-type-container .ant-select-selection-selected-value {
  width: 60px !important;
}
.company-type-container .ant-select-selection,
.company-type-container .ant-select-selection--single {
  width: 96px !important;
}
.other-style .ant-select-selection {
  outline: none;
  color: #000;
  background-color: #efefef;
  border: 1px solid #959595;
}
.member-avatar i {
  font-size: 60px;
}
.company-name-info {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 12px;
  line-height: 12px;
}
@media screen and (min-width: 1200px) and (max-width: 1600px) {
  .erwei-code-wrapper .erweicode-exclusive-container {
    width: 140px;
  }
  .member-content .left .site {
    line-height: 86px;
    margin-left: -15px;
    margin-bottom: 0px;
  }
  .member-content .company-info .company-ul li {
    display: block;
    clear: left;
    margin: 0 0 0 0;
    font-size: 12px;
    font-weight: 400;
    color: #000;
  }
  ol,
  ul,
  dl {
    margin-top: 0;
    margin-bottom: 0;
  }
  .erwei-code-wrapper {
    width: 100%;
    margin-top: 0;
  }
  .erwei-code-wrapper .erwei-code-desc {
    width: 330px;
    font-size: 12px;
    font-weight: 300;
    color: #aaa;
    line-height: 16px;
    margin: 0 0 0 0;
    text-align: center;
  }
  .erwei-code-wrapper .imgsrc-erweima {
    width: 140px;
    height: 140px;
    padding: 11px 11px 11px 12px;
    margin-left: 8%;
  }
  .member-avatar i {
    font-size: 45px;
  }
  .company-name-info {
    width: 150px;
  }
  .member-content .dingyue-content {
    margin-top: 5px;
  }
  .member-content .dingyue-content dl {
    min-height: 130px;
  }
}
.myPopover {
  padding-top: 0;
}
.myPopover .ant-popover-arrow {
  display: none;
}
.myPopover .ant-popover-inner-content {
  padding: 12px 0;
}
@media screen and (max-width: 1815px) and (min-width: 1585px) {
  .myPopover {
    zoom: 0.85;
  }
}
@media screen and (max-width: 1585px) and (min-width: 1431px) {
  .myPopover {
    zoom: 0.75;
  }
}
@media screen and (max-width: 1430px) {
  .myPopover {
    zoom: 0.65;
  }
}

.change-phone-content {
  width: 360px;
  height: 338px;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 20px 0px #d6e1e9;
          box-shadow: 0px 2px 20px 0px #d6e1e9;
  border-radius: 4px;
}
.change-phone-content .change-phone-content-title {
  width: 90%;
  margin: 0 auto;
  height: 25%;
}
.change-phone-content .change-phone-content-title .change-phone-icon-1 {
  display: inline-block;
  vertical-align: middle;
  padding-right: 5px;
}
.change-phone-content .change-phone-content-title .change-phone-icon-1 div {
  padding-left: 5px;
  display: inline-block;
  font-size: 12px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  color: #000000;
}
.change-phone-content .change-phone-content-title .change-phone-icon-2 {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
}
.change-phone-content .change-phone-content-title .change-phone-icon-2 div {
  padding-left: 5px;
  display: inline-block;
  font-size: 12px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  color: #000000;
}
.change-phone-content .change-phone-content-title .change-phone-line {
  display: inline-block;
  vertical-align: middle;
  height: 1px;
  width: 56%;
  border: 1px solid #d2d2d2;
}
.change-phone-content .change-phone-content-input {
  height: 50%;
}
.change-phone-content .change-phone-content-input .change-phone-input-1 {
  height: 50%;
}
.change-phone-content .change-phone-content-input .change-phone-input-1 input {
  height: 100%;
  width: 100%;
  padding-left: 30px;
  border: none;
  outline: none;
}
.change-phone-content .change-phone-content-input .change-phone-input-2 {
  height: 50%;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
}
.change-phone-content .change-phone-content-input .change-phone-input-2 input {
  width: 70%;
  height: 100%;
  padding-left: 30px;
  border: none;
  outline: none;
}
.change-phone-content .change-phone-content-input .change-phone-input-2 button {
  background: #000000;
  border-radius: 13px;
  font-size: 12px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: #ffffff;
  border: none;
  padding: 5px 10px 5px 10px;
  cursor: pointer;
}
.change-phone-content .change-phone-content-line {
  height: 1px;
  background: #eaeaea;
}
.change-phone-content .change-phone-content-bottom {
  margin-top: 20px;
  text-align: center;
}
.change-phone-content .change-phone-content-bottom button {
  font-size: 18px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: #000000;
  outline: none;
  background: none;
  border: none;
  cursor: pointer;
}

.change-password-content {
  width: 360px;
  height: 338px;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 20px 0px #d6e1e9;
          box-shadow: 0px 2px 20px 0px #d6e1e9;
  border-radius: 4px;
}
.change-password-content input::-webkit-input-placeholder {
  /* placeholder颜色  */
  color: #B5B5B5;
}
.change-password-content .change-password-input {
  height: 25%;
}
.change-password-content .change-password-input input {
  height: 100%;
  width: 100%;
  padding-left: 40px;
  border: none;
  outline: none;
  border-bottom: 1px solid #eaeaea;
}
.change-password-content .change-password-bottom {
  margin-top: 30px;
  text-align: center;
}
.change-password-content .change-password-bottom button {
  border: none;
  outline: none;
  font-size: 16px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: #000000;
  background: none;
  cursor: pointer;
}
.change-password-content .change-password-bottom a {
  font-size: 12px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: #666666;
}

.complete-info-content {
  width: 700px;
  height: 670px;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 20px 0px #d6e1e9;
          box-shadow: 0px 2px 20px 0px #d6e1e9;
  border-radius: 4px;
}
.complete-info-content .top-line {
  border-top: 1px solid #eaeaea;
}
.complete-info-content .complete-info-content-tips {
  margin-top: 18px;
  text-align: center;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #999999;
}
.complete-info-content .complete-info-content-button {
  text-align: center;
}
.complete-info-content .complete-info-content-button button {
  width: 130px;
  height: 44px;
  background: #000000;
  font-size: 18px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  color: #ffffff;
  line-height: 25px;
  letter-spacing: 2px;
  margin-top: 90px;
  cursor: pointer;
  outline: none;
  border: none;
}
.complete-info-content .complete-info-content-title {
  height: 15%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.complete-info-content .complete-info-content-title .complete-info-content-title-info {
  margin-top: 6%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.complete-info-content .complete-info-content-title .complete-info-content-title-info .complete-info-content-title-active .title {
  font-size: 20px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  color: #000000;
  cursor: pointer;
}
.complete-info-content .complete-info-content-title .complete-info-content-title-info .complete-info-content-title-active .info {
  opacity: 1;
}
.complete-info-content .complete-info-content-title .complete-info-content-title-info .complete-info-content-title-no-active .title {
  font-size: 20px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  color: #cccccc;
  cursor: pointer;
}
.complete-info-content .complete-info-content-title .complete-info-content-title-info .complete-info-content-title-no-active .info {
  opacity: 0;
}
.complete-info-content .complete-info-content-input {
  height: 60%;
}
.complete-info-content .complete-info-content-input .complete-info-content-input-area {
  height: 20%;
  margin-left: 60px;
  margin-right: 60px;
  border-bottom: 1px solid #eaeaea;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.complete-info-content .complete-info-content-input .complete-info-content-input-area input {
  width: 80%;
  height: 100%;
  display: inline-block;
  border: none;
  outline: none;
}
.complete-info-content .complete-info-content-input .complete-info-content-input-area label {
  width: 14%;
  display: inline-block;
  text-align: center;
}
.complete-info-content .complete-info-content-input .complete-info-content-input-area label span {
  color: red;
}
.complete-info-content .complete-info-content-input .complete-info-content-input-area .complete-info-content-input-city {
  width: 80%;
  display: inline-block;
}
.complete-info-content .complete-info-content-input .complete-info-content-input-area .complete-info-content-input-city .complete-info-content-select {
  width: 33%;
  height: 100%;
  text-align: center;
  display: inline-block;
}
.complete-info-content .complete-info-content-input .complete-info-content-input-area .complete-info-content-input-city .complete-info-content-select .ant-select-selection {
  border-radius: 0;
}
@media screen and (max-width: 1666px) and (min-width: 1200px) {
  .complete-info-content {
    height: 600px !important;
  }
}

.memberlist-container {
  width: 100%;
  padding: 15px 23px 0 0;
  font-size: 12px;
  line-height: 1.5;
}
.memberlist-container .memberlist-title {
  width: 100%;
  height: 19px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  line-height: 18px;
  margin: 0 0 9px 0;
}
.memberlist-container .memberlist-num {
  display: inline-block;
  width: 100%;
  height: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  line-height: 18px;
}
.memberlist-container .memberlist-invitation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  margin: 60px 0 14px 0;
  color: #000;
}
.memberlist-container .memberlist-invitation .memberlist-invitation-font {
  font-size: 12px;
  border: 1px solid #d2d2d2;
  border-radius: 12px;
  font-weight: 400;
  margin: 0;
  cursor: pointer;
  letter-spacing: 1px;
  padding: 2px 22px;
}
.memberlist-container .memberlist-invitation .memberlist-invitation-font:hover {
  background: #0063e1;
  color: #fff;
}
.memberlist-container .memberlist-invitation .unique-style {
  font-size: 12px;
  border: 1px solid #d2d2d2;
  border-radius: 12px;
  font-weight: 400;
  margin: 0;
  letter-spacing: 1px;
  padding: 2px 22px;
  background: #ccc;
  cursor: not-allowed;
}
@media screen and (max-width: 1600px) and (min-width: 1200px) {
  .memberlist-container .memberlist-invitation {
    margin: 10px 0 14px 0;
  }
}
.write-company-name {
  height: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #e60012;
  line-height: 50px;
}
.delete-yespower-style {
  margin: 0;
  color: #da6339;
  font-weight: 'bold';
  cursor: pointer;
}
.delete-nopower-style {
  margin: 0;
  color: #da6339;
  font-weight: 'bold';
  cursor: not-allowed;
}
th.table-header-style {
  font-size: 16px ;
  color: #000;
  text-align: center ;
}
.editable-row {
  font-size: 14px;
  color: #000;
  text-align: center;
}
@media screen and (max-width: 1600px) and (min-width: 1200px) {
  th.table-header-style {
    font-size: 12px ;
  }
  .editable-row {
    font-size: 12px;
  }
}

.user-info-style {
  width: 150px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 0px 2px 20px 0px #d6e1e9;
          box-shadow: 0px 2px 20px 0px #d6e1e9;
  line-height: 30px;
  text-align: center;
  z-index: 9999;
  position: relative;
}
.user-info-style .user-info-line {
  width: 100%;
  height: 1px;
  background: #eaeaea;
}
.user-info-style a {
  color: #666666;
}
.user-info-style a:hover {
  color: #40a9ff;
}
.user-info-top-style {
  width: 100%;
  height: 25%;
  text-align: left;
}
.user-info-top-style .user-info-icon {
  display: inline-block;
  width: 40%;
  height: 100%;
  vertical-align: top;
}
.user-info-top-style .user-info-icon div {
  display: inline-block;
  vertical-align: middle;
  margin-top: 30%;
  margin-left: 30%;
}
.user-info-top-style .user-info-icon div img {
  border-radius: 40px;
}
.user-info-top-style .user-info-title {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 100%;
}
.user-info-top-style .user-info-title div {
  display: inline-block;
  padding-top: 15px;
  padding-left: 25%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 88px;
}
.user-info-top-style .user-info-star-style {
  display: inline-block;
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.user-info-top-style .user-info-star-style div {
  display: inline-block;
  padding-left: 4px;
}
.user-info-bottom-style {
  line-height: 40px;
}
.user-info-bottom-style .user-icon {
  cursor: inherit;
}
.user-info-bottom-style .user-icon .iconfaxianwang_shoucang {
  margin-right: 3px;
}
.user-info-bottom-style span {
  cursor: pointer;
  margin-left: 10px;
  color: #666666;
}

.find-page-index-content {
  width: 100%;
  height: 937px;
  background: #F7F3F0;
  overflow: hidden;
  position: relative;
}
.find-page-index-content .find-page-index-header {
  height: 6%;
  width: 100%;
}
.find-page-index-content .find-page-index-header .find-index-login-info {
  display: inline-block;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  color: #000000;
  line-height: 16px;
  letter-spacing: 3px;
  margin-top: 8px;
  margin-right: 10px;
}
.find-page-index-content .find-page-index-header .find-index-login-info > a {
  color: #000000;
}
.find-page-index-content .find-page-index-header .icon-image {
  margin-top: 8px;
  margin-right: 10px;
  cursor: pointer;
  position: absolute;
  right: 0px;
}
.find-page-index-content .find-page-index-header .icon-image img:first-child {
  margin-right: 20px;
}
.find-page-index-content .find-page-index-header .icon-image img:last-child {
  border-radius: 45px;
}
.find-page-index-content .find-page-index-header .find-user-info {
  position: absolute;
  z-index: 5;
  right: 0;
  top: 0;
}
.find-page-index-content .find-page-index-body {
  height: 100%;
  width: 1920px;
  display: block;
  position: relative;
  -webkit-transform-origin: 0% 50%;
      -ms-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
}
.find-page-index-content .find-page-index-body .find-page-index-logo {
  width: 13.79%;
  height: 100%;
  display: block;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  float: left;
}
.find-page-index-content .find-page-index-body .find-page-index-logo .find-page-index-logo-area {
  position: relative;
  width: 174px;
  margin: 0 auto;
  top: 30%;
  text-align: center;
}
.find-page-index-content .find-page-index-body .find-page-index-logo .find-page-index-logo-area .logo-nav {
  margin-top: 8px;
  position: relative;
}
.find-page-index-content .find-page-index-body .find-page-index-logo .find-page-index-logo-area .logo-nav .gender-list div {
  display: inline-block;
  width: 50%;
  cursor: pointer;
}
.find-page-index-content .find-page-index-body .find-page-index-logo .find-page-index-logo-area .logo-nav .gender-list div span {
  font-family: MicrosoftYaHei;
  font-weight: 400;
  font-size: 12px;
}
.find-page-index-content .find-page-index-body .find-page-index-logo .find-page-index-logo-area i {
  font-size: 26px;
  cursor: pointer;
}
.find-page-index-content .find-page-index-body .find-page-index-slider {
  height: 100%;
  z-index: 2;
  position: relative;
  float: left;
}
.find-page-index-content .find-page-index-body .find-page-index-slider .find-page-index-nav {
  width: 22px;
  height: 830px;
  display: inline-block;
  position: relative;
}
.find-page-index-content .find-page-index-body .find-page-index-slider .find-page-index-nav .find-page-nav-content {
  display: inline-block;
  position: absolute;
  bottom: 0;
}
.find-page-index-content .find-page-index-body .find-page-index-slider .find-page-index-nav .find-page-nav-content i {
  font-size: 20px;
  font-weight: 900;
  color: #000000;
}
.find-page-index-content .find-page-index-body .find-page-index-slider .find-page-index-nav .find-page-nav-content i:hover {
  color: #F0AA04;
}
.find-page-index-content .find-page-index-body .find-page-index-slider .find-page-index-nav .find-page-nav-content div {
  display: block;
  cursor: pointer;
  overflow: hidden;
  width: 20px;
  height: 20px;
}
.find-page-index-content .find-page-index-body .find-page-index-slider .find-page-slider-content {
  height: 830px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.find-page-index-content .find-page-index-body .find-page-index-slider .background-letter {
  position: absolute;
  left: 38%;
  bottom: 15.5%;
  z-index: 3;
}
.find-page-index-content .find-page-index-body .find-page-index-slider .background-letter div {
  margin-top: 1%;
}
@media screen and (max-width: 2560px) and (min-width: 1930px) {
  .find-page-index-content .find-page-index-body .find-page-index-slider .background-letter {
    bottom: 24.2%;
  }
}
@media screen and (max-width: 1910px) and (min-width: 1370px) {
  .find-page-index-content .find-page-index-body .find-page-index-slider .background-letter {
    bottom: 18.5%;
  }
}
@media screen and (max-width: 1366px) and (min-width: 600px) {
  .find-page-index-content .find-page-index-body .find-page-index-slider .background-letter {
    bottom: 3%;
  }
}
.find-page-index-content .find-page-index-body .find-page-index-search {
  width: 30.52%;
  height: 100%;
  position: relative;
  left: 14.775%;
  float: left;
  padding-top: 3.7664%;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-page-index-input-area {
  width: 96.63%;
  height: 30rem;
  position: relative;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-page-index-input-area .find-input-top span {
  font-size: 16px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  color: #000000;
  line-height: 16px;
  opacity: 0.8;
  cursor: pointer;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-page-index-input-area .find-input-top span:hover {
  color: #f0aa04;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-page-index-input-area .find-input-top .search-title {
  position: absolute;
  bottom: 6%;
  text-align: center;
  font-size: 16px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  color: #f0aa04;
  line-height: 16px;
  opacity: 0.8;
  left: 38%;
  cursor: pointer;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-page-index-input-area .find-input-top .search-data {
  margin: 10px 10px 10px 10px;
  font-size: 14px;
  font-family: MicrosoftYaHeiLight;
  font-weight: 300;
  color: #666666;
  line-height: 2;
  padding: 10px 10px 10px 10px;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-page-index-input-area .find-input-top .search-data .search-info-item {
  display: inline-block;
  line-height: 1.3;
  margin-right: 5px;
  margin-left: 5px;
  cursor: pointer;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-page-index-input-area .find-input-top .search-data .search-info-item:hover {
  border-bottom: 1px solid #000000;
  color: #000000;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-page-index-input-area .find-input-top .find-search {
  display: inline-block;
  width: 50%;
  text-align: center;
  padding-right: 10%;
  position: relative;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-page-index-input-area .find-input-top .find-search .search-info {
  position: absolute;
  top: -126px;
  left: -14px;
  width: 254px;
  height: 153px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 20px 0px #efeae7;
          box-shadow: 0px 0px 20px 0px #efeae7;
  border-radius: 2px;
  text-align: left;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-page-index-input-area .find-input-top .find-single {
  display: inline-block;
  width: 50%;
  text-align: center;
  padding-right: 20%;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-page-index-input-area .find-input-top .find-single .single-info {
  position: absolute;
  right: 13%;
  top: -126px;
  width: 254px;
  height: 153px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 20px 0px #efeae7;
          box-shadow: 0px 0px 20px 0px #efeae7;
  border-radius: 2px;
  text-align: left;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-input-content {
  margin-top: 19px;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-input-content i {
  font-weight: 900;
  font-size: 16px;
  cursor: pointer;
  color: #000000;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-input-content input {
  width: 95%;
  height: 100%;
  outline: none;
  border: none;
  padding-left: 10px;
  background: #F7F3F0;
  font-size: 16px;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-input-content input::-webkit-input-placeholder {
  color: #d4d2d0;
  font-size: 18px;
  letter-spacing: 3px;
  font-family: 微软雅黑;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-input-content input::-moz-placeholder {
  color: #d4d2d0;
  font-size: 18px;
  letter-spacing: 3px;
  font-family: 微软雅黑;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-input-content input:-ms-input-placeholder {
  color: #d4d2d0;
  font-size: 18px;
  letter-spacing: 3px;
  font-family: 微软雅黑;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-input-content input::-ms-input-placeholder {
  color: #d4d2d0;
  font-size: 18px;
  letter-spacing: 3px;
  font-family: 微软雅黑;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-input-content input::placeholder {
  color: #d4d2d0;
  font-size: 18px;
  letter-spacing: 3px;
  font-family: 微软雅黑;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-input-content .circle-content {
  position: absolute;
  top: 8.5%;
  right: 0;
  z-index: 2;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-input-content .input-search-his {
  position: absolute;
  width: 100%;
  padding-top: 3%;
  z-index: 4;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 20px 0px #efeae7;
          box-shadow: 0px 0px 20px 0px #efeae7;
  border-radius: 2px;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-input-content .input-search-his .input-search-his-content {
  width: 100%;
  line-height: 2;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-input-content .input-search-his .input-search-his-content div {
  display: inline-block;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-input-content .input-search-his .input-search-his-content div:first-child {
  width: 80%;
  padding-left: 20px;
  font-size: 14px;
  font-family: MicrosoftYaHeiLight;
  font-weight: bold;
  color: #333333;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-input-content .input-search-his .input-search-his-content div:last-child {
  width: 20%;
  text-align: right;
  cursor: pointer;
  padding-right: 20px;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-input-content .input-search-his .input-search-his-content div:last-child i:hover {
  color: black;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-input-content .input-search-his .input-search-his-content:hover {
  background: #f7f3f0;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-input-content .input-search-his .input-search-his-delete {
  text-align: center;
  border-top: 1px solid #f7f3f0;
  font-size: 12px;
  font-family: MicrosoftYaHeiLight;
  font-weight: 300;
  color: #333333;
  cursor: pointer;
  padding-top: 10px;
  padding-bottom: 10px;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-input-content .input-search-his .input-search-his-delete:hover {
  color: #f0aa04;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-input-content .input-search-tips {
  position: absolute;
  width: 100%;
  padding-top: 3%;
  padding-bottom: 3%;
  line-height: 2;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 20px 0px #efeae7;
          box-shadow: 0px 0px 20px 0px #efeae7;
  border-radius: 2px;
  z-index: 4;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-input-content .input-search-tips div {
  padding-left: 20px;
  cursor: pointer;
  font-size: 14px;
  font-family: MicrosoftYaHeiLight;
  font-weight: bold;
  color: #333333;
}
.find-page-index-content .find-page-index-body .find-page-index-search .find-input-content .input-search-tips div:hover {
  background: #f7f3f0;
}
@media screen and (max-width: 2560px) and (min-width: 1950px) {
  .find-page-index-content .find-page-index-body .find-page-index-search {
    padding-top: 12%;
  }
}
.find-page-index-content .find-page-index-body .background-content {
  width: 60%;
  height: 46.5%;
  background: #f0aa04;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.find-page-index-content .find-page-index-body .background-content .find-statistic {
  display: inline-block;
  position: inherit;
  top: 50%;
  right: 1%;
  font-size: 16px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: #000000;
  line-height: 80px;
}
@media screen and (max-width: 1366px) and (min-width: 600px) {
  .find-page-index-content .find-page-index-body .background-content .find-statistic {
    line-height: 190px;
  }
}
.find-page-index-content .find-index-number {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.find-page-index-content .find-index-number .number-info {
  font-size: 220px;
  font-family: 'Merriweather', serif;
  font-weight: 400;
  color: #ffffff;
  display: block;
  opacity: 1;
}

.slider-content {
  display: inline-block;
}
.slider-container {
  overflow: hidden;
}
.find-slider-content:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  -webkit-filter: gray;
          filter: gray;
}
.find-slider-content {
  position: relative;
  top: 0px;
  left: 0;
  overflow: hidden;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
          filter: gray;
}
.find-slider-content img {
  -webkit-transition: all 600ms;
  transition: all 600ms;
}
.find-slider-content img:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.find-slider-content .slider-content {
  display: inline-block;
  cursor: pointer;
}

.find-header-content {
  position: relative;
  padding-left: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.find-header-content img {
  cursor: pointer;
}
.find-header-content .content-width {
  display: inline-block;
  width: 33.33%;
  vertical-align: top;
}
.find-header-content .find-header-left {
  font-size: 18px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  color: #000000;
}
.find-header-content .find-header-left .left-info {
  display: inline-block;
}
.find-header-content .find-header-left .left-info span {
  cursor: pointer;
}
.find-header-content .find-header-left .gender-active span {
  padding-bottom: 3px;
  border-bottom: 2px solid #000000;
}
.find-header-content .find-header-center {
  text-align: center;
}
.find-header-content .find-header-right {
  text-align: right;
}
.find-header-content .find-header-right .right-info {
  display: inline-block;
}
.find-header-content .find-header-right .right-info .client-download {
  display: inline-block;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  color: #000000;
  line-height: 16px;
  padding-right: 30px;
}
.find-header-content .find-header-right .right-info .client-download a {
  color: #000000;
}
.find-header-content .find-header-right .right-info .user-info {
  display: inline-block;
  padding-right: 50px;
}
.find-header-content .find-header-right .right-info .user-info > img {
  width: 55px;
  height: 55px;
  border-radius: 55px;
}
.find-header-content .find-header-right .right-info .user-info .user-content {
  position: absolute;
  z-index: 5;
  right: 0px;
  top: 0px;
}
.find-header-content .find-header-right .right-info .user-info .login-info {
  display: inline-block;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: bold;
  color: #000000;
  line-height: 16px;
  letter-spacing: 3px;
}
.find-header-content .find-header-right .right-info .user-info .login-info > a {
  color: #000000;
}

.category-content-style {
  width: 500px;
  background: #ffffff;
  border-radius: 4px;
  height: 300px;
  overflow: hidden;
  /**右侧城市样式**/
}
.category-content-style .category-search-style {
  width: 50%;
  background-color: #f7f7f7;
  border-radius: 30px;
  margin: 5px auto 5px auto;
}
.category-content-style .category-search-style .category-icon-style {
  display: inline-block;
  width: 10%;
  font-size: 18px;
  color: #999;
  padding-left: 10px;
}
.category-content-style .category-search-style input {
  display: inline-block;
  width: 80%;
  height: 100%;
  background-color: #f7f7f7;
  border: none;
  outline: none;
  padding-left: 10px;
  letter-spacing: 1px;
  color: #000;
  font-size: 12px;
  /* 改变input的placeholder的字体颜色 开始 */
  /* 改变input的placeholder的字体颜色 结束 */
}
.category-content-style .category-search-style input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #ccc;
}
.category-content-style .category-search-style input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ccc;
}
.category-content-style .category-search-style input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ccc;
}
.category-content-style .category-search-style input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #ccc;
}
.category-content-style .content-left {
  width: 20%;
  background-color: #f7f7f7;
  display: inline-block;
  height: 100%;
  line-height: 20px;
  overflow-y: auto;
}
.category-content-style .content-left .left-item {
  cursor: pointer;
  width: 100%;
  height: 12%;
  background: #f7f7f7;
}
.category-content-style .content-left .left-item-active {
  width: 100%;
  height: 12%;
  background: #ffffff;
}
.category-content-style .content-left .left-item-active .line-active {
  position: relative;
  width: 10%;
  height: 100%;
  background: #d96339;
  border-radius: 1px;
  display: inline-block;
  vertical-align: top;
}
.category-content-style .content-left .left-item-active .title-active {
  display: inline-block;
  position: relative;
  top: 25%;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  color: #d96339;
  cursor: pointer;
  text-align: center;
  border-left: 2px solid #d96339;
}
.category-content-style .content-left .title {
  display: inline-block;
  position: relative;
  width: 100%;
  top: 25%;
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 100%;
  cursor: pointer;
  text-align: center;
}
.category-content-style .content-left .line {
  position: relative;
  border-radius: 1px;
  width: 40px;
  height: 22px;
  font-size: 16px;
  font-weight: 400;
  color: #4a4a4a;
}
.category-content-style .category-content-right {
  width: 80%;
  display: inline-block;
  height: 300px;
  vertical-align: top;
  padding-left: 30px;
  overflow: auto;
}
.category-content-style .category-content-right .category-select-all {
  text-align: left;
  margin-top: 10px;
  line-height: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.category-content-style .category-content-right .category-select-all div {
  display: block;
  margin-right: 58px;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #d96339;
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px;
}
.category-content-style .category-right-title {
  display: inline-block;
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 600;
  padding-left: 5px;
  color: #000000;
  margin-bottom: 10px;
  letter-spacing: 4px;
  cursor: pointer;
}
.category-content-style .category-right-title:hover {
  color: #d96339;
}
.category-content-style .right-item {
  cursor: pointer;
  height: 20px;
  font-size: 12px;
  font-weight: 400;
  color: #000000;
  line-height: 20px;
  padding-left: 5px;
  padding-right: 5px;
  display: inline-block;
  margin-right: 11px;
  margin-bottom: 10px;
  letter-spacing: 3px;
}
.category-content-style .right-item:hover {
  color: #d96339;
}
.category-content-style .right-item-active {
  width: 48px;
  height: 24px;
}
.category-content-style .category-content-line {
  height: 7px;
  width: 96%;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #eaeaea;
}
.category-content-style .ant-modal-close {
  top: 10px !important;
  right: 10px !important;
}
.category-content-style .ant-modal-body {
  padding-left: 0px !important;
  padding-bottom: 0px !important;
}

.find-common-content-style {
  width: 500px;
  height: 300px;
  background: #ffffff;
  border-radius: 4px;
  margin-left: 50px;
}
.find-common-content-style .common-line-style {
  width: 80%;
  height: 1px;
  background: #eaeaea;
  margin: 10px 10px;
}
.find-common-content-style .common-title-style {
  width: 100px;
  margin-left: 10px;
}
.find-common-content-style .common-title-style span {
  width: 40px;
  height: 28px;
  font-size: 20px;
  font-weight: 600;
  color: #000;
  line-height: 28px;
  letter-spacing: 2px;
}
.find-common-content-style .common-item {
  height: 200px;
  overflow: auto;
}
.find-common-content-style .common-item::-webkit-scrollbar {
  width: 8px;
  background-color: #fff;
}
.find-common-content-style .common-item::-webkit-scrollbar-track {
  background-color: #f7f7f7;
  display: none;
}
.find-common-content-style .common-item::-webkit-scrollbar-track-piece {
  background-color: #fff;
}
.find-common-content-style .common-item::-webkit-scrollbar-thumb {
  background-color: #f7f7f7;
  border-radius: 3px;
}
.find-common-content-style .common-item::-webkit-scrollbar-thumb:hover {
  background-color: #d9dfe6;
  border-radius: 3px;
  border: none;
}
.find-common-content-style .common-item-title {
  display: inline-block;
  width: 22%;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  line-height: 20px;
  cursor: pointer;
  margin: 0 8px 10px 0;
}
.find-common-content-style .common-item-title div {
  display: inline-block;
  padding-right: 10px;
  padding-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.find-common-content-style .common-item-title:hover {
  color: #d96339;
}

.find-season-content-style {
  width: 500px;
  height: 300px;
  background: #ffffff;
  border-radius: 4px;
  overflow-y: auto;
  margin-top: 18px;
}
.find-season-content-style::-webkit-scrollbar {
  width: 8px;
  background-color: #fff;
}
.find-season-content-style::-webkit-scrollbar-track {
  background-color: #f7f7f7;
  display: none;
}
.find-season-content-style::-webkit-scrollbar-track-piece {
  background-color: #fff;
}
.find-season-content-style::-webkit-scrollbar-thumb {
  background-color: #f7f7f7;
  border-radius: 3px;
}
.find-season-content-style::-webkit-scrollbar-thumb:hover {
  background-color: #d9dfe6;
  border-radius: 3px;
  border: none;
}
.find-season-content-style .find-season-content-info-style {
  width: 50%;
  display: inline-block;
  margin-bottom: 30px;
  padding-left: 5px;
}
.find-season-content-style .season-content-info-title {
  font-size: 20px;
  font-weight: 600;
  color: #000;
  line-height: 28px;
}
.find-season-content-style .season-content-info-line {
  width: 200px;
  height: 1px;
  background: #eaeaea;
  margin-top: 8px;
  margin-bottom: 8px;
}
.find-season-content-style .season-content-info-children {
  width: 90px;
  float: left;
  margin-top: 8px;
}
.find-season-content-style .season-content-info-children div {
  float: left;
  font-size: 12px;
  font-weight: 400;
  color: #000;
  line-height: 17px;
  cursor: pointer;
  padding: 3px 10px;
}
.find-season-content-style .season-content-info-children div:hover {
  color: #d96339;
}

.find-brand-content-style {
  width: 620px;
  background: #ffffff;
  border-radius: 4px;
  padding-top: 20px;
}
.find-brand-content-style .brand-search-style {
  width: 580px;
  height: 42px;
  background: #f7f7f7;
  border-radius: 30px;
  margin: 0 auto;
}
.find-brand-content-style .brand-search-style i {
  font-size: 18px;
  margin-left: 20px;
  margin-top: 20px;
  height: 60px;
  color: #999999;
}
.find-brand-content-style .brand-search-style input {
  margin-top: 5px;
  width: 500px;
  background-color: #f7f7f7;
  border: none;
  outline: none;
  margin-left: 3px;
  padding-left: 10px;
  /* 改变input的placeholder的字体颜色 开始 */
  /* 改变input的placeholder的字体颜色 结束 */
}
.find-brand-content-style .brand-search-style input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #ccc;
}
.find-brand-content-style .brand-search-style input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ccc;
}
.find-brand-content-style .brand-search-style input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ccc;
}
.find-brand-content-style .brand-search-style input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #ccc;
}
.find-brand-content-style .brand-select-data {
  width: 580px;
  margin: 0 auto;
}
.find-brand-content-style .brand-select-data div {
  margin-left: 12px;
  cursor: pointer;
  float: left;
  font-size: 12px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  line-height: 17px;
}
.find-brand-content-style .brand-select-data div:hover {
  color: #d96339;
}
.find-brand-content-style .brand-select-active-style {
  border-bottom-color: #d96339;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: #d96339;
}
.find-brand-content-style .brand-select-disabled-style {
  opacity: 0.4;
}
.find-brand-content-style .brand-item-data {
  margin-left: 12px;
  max-height: 300px;
  min-height: 180px;
  overflow-y: auto;
  padding: 0 10px;
}
.find-brand-content-style .brand-item-data::-webkit-scrollbar {
  width: 8px;
  background-color: #fff;
}
.find-brand-content-style .brand-item-data::-webkit-scrollbar-track {
  background-color: #f7f7f7;
  display: none;
}
.find-brand-content-style .brand-item-data::-webkit-scrollbar-track-piece {
  background-color: #fff;
}
.find-brand-content-style .brand-item-data::-webkit-scrollbar-thumb {
  background-color: #f7f7f7;
  border-radius: 3px;
}
.find-brand-content-style .brand-item-data::-webkit-scrollbar-thumb:hover {
  background-color: #d9dfe6;
  border-radius: 3px;
  border: none;
}
.find-brand-content-style .brand-item-select-label-style {
  width: 17px;
  height: 33px;
  font-size: 24px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  color: #d96339;
  line-height: 33px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.find-brand-content-style .brand-item-data-info {
  display: inline-block;
  margin-bottom: 10px;
}
.find-brand-content-style .brand-item-data-info div {
  margin-top: 5px;
  cursor: pointer;
  float: left;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #000000;
  line-height: 20px;
  padding-right: 10px;
  padding-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.find-brand-content-style .brand-item-data-info div:hover {
  color: #d96339;
}
.find-brand-content-style .ant-modal-body {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.find-city-content-style {
  width: 500px;
  background: #ffffff;
  border-radius: 4px;
  height: 300px;
  overflow: hidden;
  /**右侧城市样式**/
}
.find-city-content-style .city-search-style {
  width: 50%;
  background-color: #f7f7f7;
  border-radius: 30px;
  margin: 5px auto 5px auto;
}
.find-city-content-style .city-search-style .city-icon-style {
  display: inline-block;
  width: 10%;
  font-size: 18px;
  color: #999;
  padding-left: 10px;
}
.find-city-content-style .city-search-style input {
  display: inline-block;
  width: 80%;
  height: 100%;
  background-color: #f7f7f7;
  border: none;
  outline: none;
  padding-left: 10px;
  letter-spacing: 1px;
  color: #000;
  font-size: 12px;
  /* 改变input的placeholder的字体颜色 开始 */
  /* 改变input的placeholder的字体颜色 结束 */
}
.find-city-content-style .city-search-style input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #ccc;
}
.find-city-content-style .city-search-style input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ccc;
}
.find-city-content-style .city-search-style input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ccc;
}
.find-city-content-style .city-search-style input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #ccc;
}
.find-city-content-style .content-left {
  width: 20%;
  background-color: #f7f7f7;
  display: inline-block;
  height: 100%;
  line-height: 20px;
  overflow-y: auto;
}
.find-city-content-style .content-left .left-item {
  cursor: pointer;
  width: 100%;
  height: 12%;
  background: #f7f7f7;
}
.find-city-content-style .content-left .left-item-active {
  width: 100%;
  height: 12%;
  background: #ffffff;
}
.find-city-content-style .content-left .left-item-active .line-active {
  position: relative;
  width: 10%;
  height: 100%;
  background: #d96339;
  border-radius: 1px;
  display: inline-block;
  vertical-align: top;
}
.find-city-content-style .content-left .left-item-active .title-active {
  display: inline-block;
  position: relative;
  top: 25%;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  color: #d96339;
  cursor: pointer;
  text-align: center;
  border-left: 2px solid #d96339;
}
.find-city-content-style .content-left .title {
  display: inline-block;
  position: relative;
  width: 100%;
  top: 25%;
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 100%;
  cursor: pointer;
  text-align: center;
}
.find-city-content-style .content-left .line {
  position: relative;
  border-radius: 1px;
  width: 40px;
  height: 22px;
  font-size: 16px;
  font-weight: 400;
  color: #4a4a4a;
}
.find-city-content-style .city-content-right {
  width: 80%;
  display: inline-block;
  height: 250px;
  vertical-align: top;
  padding-left: 30px;
  overflow: auto;
}
.find-city-content-style .city-content-right .city-select-all {
  text-align: left;
  margin-top: 10px;
  line-height: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.find-city-content-style .city-content-right .city-select-all div {
  display: block;
  margin-right: 58px;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #d96339;
  cursor: pointer;
}
.find-city-content-style .city-right-title {
  display: inline-block;
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 600;
  padding-left: 5px;
  color: #000000;
  margin-bottom: 10px;
  letter-spacing: 4px;
  cursor: pointer;
}
.find-city-content-style .city-right-title:hover {
  color: #d96339;
}
.find-city-content-style .right-item {
  cursor: pointer;
  height: 20px;
  font-size: 12px;
  font-weight: 400;
  color: #000000;
  line-height: 20px;
  padding-left: 5px;
  padding-right: 5px;
  display: inline-block;
  margin-right: 11px;
  margin-bottom: 10px;
  letter-spacing: 3px;
}
.find-city-content-style .right-item:hover {
  color: #d96339;
}
.find-city-content-style .right-item-active {
  width: 48px;
  height: 24px;
}
.find-city-content-style .city-content-line {
  height: 7px;
  width: 96%;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #eaeaea;
}
.find-city-content-style .ant-modal-close {
  top: 10px !important;
  right: 10px !important;
}
.find-city-content-style .ant-modal-body {
  padding-left: 0px !important;
  padding-bottom: 0px !important;
}

.find-color-analysis-content {
  width: 320px;
  background: #ffffff;
  border-radius: 4px;
  padding-left: 40px;
  padding-bottom: 20px;
}
.find-color-analysis-content .color-analysis-title {
  width: 80px;
  height: 28px;
  font-size: 20px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  color: #000000;
  line-height: 28px;
}
.find-color-analysis-content .color-analysis-line {
  height: 1px;
}
.find-color-analysis-content .color-analysis-info {
  max-height: 280px;
  overflow-y: auto;
  padding-top: 10px;
  border-top: 1px solid #eaeaea;
}
.find-color-analysis-content .color-analysis-info::-webkit-scrollbar {
  width: 8px;
  background-color: #fff;
}
.find-color-analysis-content .color-analysis-info::-webkit-scrollbar-track {
  background-color: #f7f7f7;
  display: none;
}
.find-color-analysis-content .color-analysis-info::-webkit-scrollbar-track-piece {
  background-color: #fff;
}
.find-color-analysis-content .color-analysis-info::-webkit-scrollbar-thumb {
  background-color: #f7f7f7;
  border-radius: 3px;
}
.find-color-analysis-content .color-analysis-info::-webkit-scrollbar-thumb:hover {
  background-color: #d9dfe6;
  border-radius: 3px;
  border: none;
}
.find-color-analysis-content .color-analysis-info-item-box {
  width: 30px;
  text-align: center;
  float: left;
  margin-bottom: 10px;
}
.find-color-analysis-content .color-analysis-info-item {
  width: 18px;
  height: 18px;
  border-radius: 10px;
  border: 1px solid #E6E6E6;
  display: inline-block;
  cursor: pointer;
}
.find-color-analysis-content .color-analysis-info-item:hover {
  opacity: 0.5;
}
.find-color-analysis-content .color-analysis-info-icon {
  line-height: 16px;
  text-align: center;
  padding-right: 2px;
}
.find-color-analysis-content .color-analysis-info-icon i {
  font-size: 10px;
  margin-left: 3px;
  padding-bottom: 2px;
}

.find-tag-select-content-style .find-tag-select-info-style {
  background-color: #FFFFFF;
  display: inline-block;
  height: 30px;
  padding-left: 10px;
  margin-top: 16px;
  padding-right: 10px;
  margin-right: 54px;
  font-size: 18px;
  cursor: pointer;
}
.find-tag-select-content-style .find-tag-select-info-style i {
  font-size: 18px;
  margin-left: 5px;
}
.find-tag-select-content-style .find-tag-select-info-style:hover {
  color: #40a9ff;
}

.find-slider {
  position: relative;
  max-width: 1900px;
  margin: 0 auto;
  height: 548px;
  background-color: #F8B551;
}
.find-slider .custom-slider-title {
  max-width: 1648px;
  min-width: 1600px;
  width: 86.7%;
  height: 200px;
  margin: 0 auto;
}
.find-slider .custom-slider-title h4 {
  position: absolute;
  top: 53px;
  left: 123px;
  font-size: 22px;
}
.find-slider .find-slider-mian {
  max-width: 1720px;
  margin: 0 auto;
}
.find-slider .slick-slide {
  background-color: #F8B551;
}
.find-slider .custom-slider-item {
  width: 272px;
}
.find-slider .custom-slider-item .custom-slider-content {
  height: 290px;
  width: 272px;
  margin: 0 36px;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  background-color: #F8B551;
  overflow: hidden;
}
.find-slider .custom-slider-item .custom-slider-content .img-box-hidden {
  width: 272px;
  height: 240px;
  overflow: hidden;
  margin-bottom: 12px;
  border-radius: 10px;
  cursor: pointer;
}
.find-slider .custom-slider-item .custom-slider-content .img-box {
  width: 272px;
  height: 240px;
  border-radius: 10px;
  -webkit-transition: all 600ms;
  transition: all 600ms;
}
.find-slider .custom-slider-item .custom-slider-content .img-box:hover {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
.find-slider .custom-slider-item .custom-slider-content img {
  position: relative;
  top: 0px;
  -webkit-transition: all 600ms;
  transition: all 600ms;
  cursor: pointer;
}
.find-slider .custom-slider-item .custom-slider-content img:hover {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
.find-slider .custom-slick-prev {
  position: absolute;
  left: 36px;
  top: -94px;
  color: #000;
  z-index: 2;
  cursor: pointer;
  width: 44px;
  height: 20px;
  overflow: hidden;
}
.find-slider .custom-slick-prev .iconfaxianwang_jiantouzuo {
  position: absolute;
  top: -20px;
  width: 44px;
  height: 10px;
  color: #000;
  font-size: 42px;
}
.find-slider .custom-slick-prev .iconfaxianwang_jiantouzuo:hover {
  color: #fff;
}
.find-slider .custom-slick-next {
  position: absolute;
  right: 36px;
  top: -94px;
  color: #000;
  z-index: 2;
  cursor: pointer;
  width: 44px;
  height: 20px;
  overflow: hidden;
}
.find-slider .custom-slick-next .iconfaxianwang_jiantouyou {
  position: absolute;
  top: -20px;
  width: 44px;
  width: 34px;
  height: 10px;
  color: #000;
  font-size: 42px;
}
.find-slider .custom-slick-next .iconfaxianwang_jiantouyou:hover {
  color: #fff;
}
@media screen and (max-width: 1366px) {
  .find-slider .custom-slider-item .custom-slider-content .img-box-hidden {
    width: 196px;
    height: 173px;
  }
  .find-slider .custom-slider-item .custom-slider-content .img-box {
    width: 196px;
    height: 173px;
  }
}

.find-collect-content {
  position: relative;
  display: inline-block;
  width: 292px;
  height: 422px;
  border-radius: 10px;
  overflow: hidden;
}
.find-collect-content .clearfix:after {
  content: "020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.find-collect-content .clearfix {
  /* 触发 hasLayout */
  zoom: 1;
}
.find-collect-content:hover {
  /* 目前切换成了背景图片，所以是背景图片盒子放大*/
}
.find-collect-content:hover .find-collect-content-top {
  opacity: 100;
  transition: opacity 1s;
  -moz-transition: opacity 1s;
  /* Firefox 4 */
  -webkit-transition: opacity 1s;
  /* Safari 和 Chrome */
  -o-transition: opacity 1s;
  /* Opera */
}
.find-collect-content:hover .find-collect-content-bottom {
  opacity: 100;
  transition: opacity 1.5s;
  -moz-transition: opacity 1.5s;
  /* Firefox 4 */
  -webkit-transition: opacity 1.5s;
  /* Safari 和 Chrome */
  -o-transition: opacity 1.5s;
  /* Opera */
}
.find-collect-content:hover .find-collect-content-img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.find-collect-content:hover .find-collect-content-img img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.find-collect-content .find-collect-content-bottom {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 58px;
  padding: 14px 10px 10px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
.find-collect-content .find-collect-content-bottom .find-collect-content-bottom-title {
  width: 80%;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 16px;
}
.find-collect-content .find-collect-content-bottom .find-collect-content-bottom-tag {
  position: absolute;
  bottom: 6px;
  left: 10px;
  width: 262px;
  height: 21px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.find-collect-content .find-collect-content-bottom .find-collect-content-bottom-tag .inner {
  width: 238px;
}
.find-collect-content .find-collect-content-bottom .find-collect-content-bottom-tag .iconxiangxia {
  position: absolute;
  right: 6px;
  bottom: 0px;
}
.find-collect-content .find-collect-content-img {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.find-collect-content .find-collect-content-img img {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.find-collect-content-img {
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-transition: -webkit-transform  600ms;
  transition: -webkit-transform  600ms;
  transition: transform  600ms;
  transition: transform  600ms, -webkit-transform  600ms;
  -webkit-backface-visibility: hidden;
}
.find-collect-content-img img {
  position: relative;
  top: 0px;
}
.find-collect-content-top {
  position: absolute;
  width: 100%;
  opacity: 0;
  z-index: 1;
}
.find-collect-content-bottom {
  position: absolute;
  bottom: 0;
  color: #f7f7f7;
  opacity: 0;
  z-index: 1;
}
.find-collect-content-top-icon {
  position: absolute;
  right: 8px;
  top: 8px;
  margin-right: 3px;
}
.find-collect-content-top-icon .collection-box,
.find-collect-content-top-icon .down-box {
  width: 32px;
  height: 32px;
  text-align: center;
  border-radius: 16px;
  background-color: rgba(0, 0, 0, 0.5);
}
.find-collect-content-top-icon .collection-box .icondownload,
.find-collect-content-top-icon .down-box .icondownload,
.find-collect-content-top-icon .collection-box .iconshoucang,
.find-collect-content-top-icon .down-box .iconshoucang,
.find-collect-content-top-icon .collection-box .iconcollection,
.find-collect-content-top-icon .down-box .iconcollection {
  font-size: 16px;
  line-height: 36px;
  color: #fff;
}
.find-collect-content-top-icon .collection-box .iconshoucang:hover,
.find-collect-content-top-icon .down-box .iconshoucang:hover {
  color: #b22a00;
}
.find-collect-content-top-icon .collection-box .iconcollection,
.find-collect-content-top-icon .down-box .iconcollection {
  color: #b22a00;
}
.find-collect-content-top-icon .collection-box .icondownload,
.find-collect-content-top-icon .down-box .icondownload {
  color: #fff;
}
.find-collect-content-top-icon .collection-box .iconcollection,
.find-collect-content-top-icon .down-box .iconcollection {
  font-size: 18px;
}
.find-collect-content-top-icon .collection-box {
  margin-bottom: 8px;
}
.find-collect-content-top-icon div {
  cursor: pointer;
}
.find-collect-content-checkbox {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 1;
}
.find-collect-content-checkbox .ant-checkbox-inner {
  border-color: #fff;
  background-color: rgba(0, 0, 0, 0.1);
}
.find-collect-content-checkbox .ant-checkbox-checked .ant-checkbox-inner {
  background-color: rgba(0, 0, 0, 0.1);
  border-color: #fff;
}
.find-collect-content-checkbox .ant-checkbox-checked::after {
  border: 1px solid #fff;
}
.find-collect-content-checkbox .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.find-collect-content-checkbox .ant-checkbox:hover .ant-checkbox-inner,
.find-collect-content-checkbox .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #fff;
}
.find-collect-content-bottom-tag span {
  float: left;
  height: 20px;
  font-size: 12px;
  margin-right: 12px;
  border-radius: 10px;
}

.logo-menu-user-info {
  position: absolute;
  right: 10px;
  top: 0px;
}
.logo-menu-user-info-close {
  opacity: 0;
  z-index: -1;
}

.saveFilterModal .ant-modal-content .ant-modal-close {
  color: #fff;
  font-size: 13px;
}
.saveFilterModal .ant-modal-content .ant-modal-close .ant-modal-close-x {
  width: 38px;
  height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.saveFilterModal .ant-modal-content .ant-modal-header {
  background-color: #393f47;
  height: 38px;
  padding: 0 20px;
}
.saveFilterModal .ant-modal-content .ant-modal-header .ant-modal-title {
  height: 38px;
  color: #fff;
  font-size: 13px;
  line-height: 38px;
}
.saveFilterModal .ant-modal-content .ant-modal-footer {
  border: none;
}
.saveFilterModal .ant-modal-content .ant-modal-footer .ant-btn {
  border: 1px solid #eee;
}
.saveFilterModal .ant-modal-content .ant-modal-footer .ant-btn:hover {
  border: 1px solid #eee;
  color: rgba(0, 0, 0, 0.65);
}
.saveFilterModal .ant-modal-content .ant-modal-footer .ant-btn-primary {
  background-color: #111111;
  border-color: #111111;
}
.saveFilterModal .ant-modal-content .ant-modal-footer .ant-btn-primary:hover {
  color: #fff;
}
.saveFilterModal .saveFilterModalMain .name {
  height: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #111111;
  height: 25px;
  line-height: 25px;
}
.saveFilterModal .saveFilterModalMain .title input {
  display: inline-block;
  width: 100%;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #ccc;
  outline: none;
}

.deleteFilterModal .ant-modal-content .ant-modal-close {
  color: #fff;
  font-size: 13px;
}
.deleteFilterModal .ant-modal-content .ant-modal-close .ant-modal-close-x {
  width: 38px;
  height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.deleteFilterModal .ant-modal-content .ant-modal-header {
  background-color: #393f47;
  height: 38px;
  padding: 0 20px;
}
.deleteFilterModal .ant-modal-content .ant-modal-header .ant-modal-title {
  height: 38px;
  color: #fff;
  font-size: 13px;
  line-height: 38px;
}
.deleteFilterModal .ant-modal-content .ant-modal-footer {
  border: none;
}
.deleteFilterModal .ant-modal-content .ant-modal-footer .ant-btn {
  border: 1px solid #eee;
}
.deleteFilterModal .ant-modal-content .ant-modal-footer .ant-btn:hover {
  border: 1px solid #eee;
  color: rgba(0, 0, 0, 0.65);
}
.deleteFilterModal .ant-modal-content .ant-modal-footer .ant-btn-primary {
  background-color: #fff;
  border-color: #eee;
  color: #ff6969;
}
.deleteFilterModal .ant-modal-content .ant-modal-footer .ant-btn-primary:hover {
  color: #ff6969;
}

.search_1bgyd {
  position: relative;
  border: 1px solid #000;
  width: 400px;
  height: 28px;
  padding: 0 10px;
  background-color: #fff; }
  .search_1bgyd .searchWrap_QTyCk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 28px; }
  .search_1bgyd .searchWrap_QTyCk .icon_3mwHJ {
      cursor: pointer; }
  .search_1bgyd .searchWrap_QTyCk .input_1lG1- {
      display: inline-block;
      width: 330px;
      height: 22px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border: 0;
      outline: none;
      -webkit-transform: translateY(-1.5px);
          -ms-transform: translateY(-1.5px);
              transform: translateY(-1.5px); }
  .search_1bgyd .searchWrap_QTyCk .input_1lG1-::-webkit-input-placeholder {
        font-size: 12px;
        color: #999999; }
  .search_1bgyd .searchWrap_QTyCk .input_1lG1-::-moz-placeholder {
        font-size: 12px;
        color: #999999; }
  .search_1bgyd .searchWrap_QTyCk .input_1lG1-:-ms-input-placeholder {
        font-size: 12px;
        color: #999999; }
  .search_1bgyd .searchWrap_QTyCk .input_1lG1-::-ms-input-placeholder {
        font-size: 12px;
        color: #999999; }
  .search_1bgyd .searchWrap_QTyCk .input_1lG1-::placeholder {
        font-size: 12px;
        color: #999999; }
  .search_1bgyd .searchWrap_QTyCk .input_1lG1-::-webkit-input-placeholder {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease; }
  .search_1bgyd .searchWrap_QTyCk .input_1lG1-::-moz-placeholder {
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease; }
  .search_1bgyd .searchWrap_QTyCk .input_1lG1-:-ms-input-placeholder {
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease; }
  .search_1bgyd .searchWrap_QTyCk .input_1lG1-::-ms-input-placeholder {
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease; }
  .search_1bgyd .searchWrap_QTyCk .input_1lG1-::placeholder {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease; }
  .search_1bgyd .searchWrap_QTyCk .input_1lG1-:focus::-webkit-input-placeholder {
        opacity: 0.5; }
  .search_1bgyd .searchWrap_QTyCk .input_1lG1-:focus::-moz-placeholder {
        opacity: 0.5; }
  .search_1bgyd .searchWrap_QTyCk .input_1lG1-:focus:-ms-input-placeholder {
        opacity: 0.5; }
  .search_1bgyd .searchWrap_QTyCk .input_1lG1-:focus::-ms-input-placeholder {
        opacity: 0.5; }
  .search_1bgyd .searchWrap_QTyCk .input_1lG1-:focus::placeholder {
        opacity: 0.5; }
  .search_1bgyd .searchWrap_QTyCk .filter_1BkKn {
      cursor: pointer; }
  .dropdownFilter_1r8EJ {
  width: 400px;
  max-height: 418px;
  overflow-y: scroll; }
  .dropdownFilter_1r8EJ .mainTitle_rViKA {
    height: 38px;
    line-height: 38px;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    border-bottom: 1px solid #aaaaaa;
    padding-left: 16px; }
  .dropdownFilter_1r8EJ .item_-ecBd {
    padding: 0 16px;
    height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #fff;
    position: relative;
    border-top: 1px solid #e0e1e2;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .dropdownFilter_1r8EJ .item_-ecBd:hover {
      background-color: #f6f6f6; }
  .dropdownFilter_1r8EJ .item_-ecBd.active_2yseU {
      background-color: #f6f6f6; }
  .dropdownFilter_1r8EJ .item_-ecBd .content_mDjwD {
      width: 348px;
      height: 38px;
      line-height: 38px;
      cursor: pointer;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .dropdownFilter_1r8EJ .item_-ecBd .operate_C8WWe {
      width: 16px;
      height: 38px;
      line-height: 38px;
      cursor: pointer; }
  .dropdownFilter_1r8EJ .item_-ecBd .operate_C8WWe .line_3kC9K {
        width: 16px;
        position: relative;
        left: 3px; }
  .funcs_2lVOv {
  width: 64px;
  height: 99px;
  top: 0;
  right: 0;
  z-index: 12;
  background-color: #fff;
  border: 1px solid #eee; }
  .funcs_2lVOv .func_3Fcxz {
    text-align: center;
    height: 33px;
    line-height: 33px; }
  .funcs_2lVOv .func_3Fcxz:hover {
      cursor: pointer;
      color: #ff6969; }
  .dropdownKeywords_2mU9i {
  width: 400px;
  max-height: 380px;
  overflow: scroll; }
  .dropdownKeywords_2mU9i .item_-ecBd {
    padding: 0 16px;
    height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #fff;
    cursor: pointer; }
  .dropdownKeywords_2mU9i .item_-ecBd .content_mDjwD {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .dropdownKeywords_2mU9i .item_-ecBd.active_2yseU {
      background-color: #f6f6f6; }
  .dropdownKeywords_2mU9i .item_-ecBd:hover {
      background-color: #f6f6f6; }
  .searchTips_6i7S- {
  width: 400px;
  font-size: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px; }
  .searchTips_6i7S- .loding_3zo3b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .searchTips_6i7S- .title_G5oPB {
    font-weight: bold;
    margin-bottom: 10px; }
  .searchTips_6i7S- > span {
    display: inline-block;
    margin: 0;
    padding: 4px 10px;
    margin-right: 6px;
    margin-bottom: 10px;
    color: #666666;
    background-color: #f9f9f9;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%; }
  .searchTips_6i7S- > span:hover {
      background-color: #f2f2f2; }

.my-select {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.my-select .title {
  width: 100%;
  height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #e0e1e2;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333;
}
.my-select .title i {
  color: #bbb;
}
.my-select .main {
  padding-left: 20px;
}
.my-select .main .item {
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-select .main .item .color {
  width: 30px;
  height: 12px;
}
.my-select .main2 .item .title {
  padding-left: 20px;
  width: 100%;
  height: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #e0e1e2;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-select .main2 .item .title .name {
  margin-left: 20px;
}
.my-select .main2 .item .child {
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 40px;
}
.my-select .main3 {
  width: 100%;
}
.my-select .main3 .header {
  top: 0;
}
.my-select .main3 .header .title {
  height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #e0e1e2;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-select .main3 .header .search {
  width: 158px;
  margin: 10px auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 26px;
  background: #f6f6f6;
  padding: 0 7.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.my-select .main3 .header .search .iconfont {
  -webkit-transform: translateY(1);
      -ms-transform: translateY(1);
          transform: translateY(1);
}
.my-select .main3 .header .search input {
  background: #f6f6f6;
  outline: none;
  border: none;
  display: inline-block;
  max-width: 85%;
  margin-left: 2.5px;
}
.my-select .main3 .content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow-y: scroll;
  height: 600px;
}
.my-select .main3 .content::-webkit-scrollbar {
  width: 0;
}
.my-select .main3 .content .left {
  width: 80%;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.my-select .main3 .content .left .item {
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-select .main3 .content .right {
  position: sticky;
  top: 0;
  padding-right: 2px;
  text-align: center;
  line-height: 17.5px;
  font-size: 12px;
}
.my-select .main3 .content .right .active {
  color: #333;
  font-weight: bold;
}
.my-select .line {
  width: 100%;
  height: 1px;
  background-color: #e0e1e2;
}
.my-select .iconfont {
  font-size: 12px;
  color: #e0e1e2;
}

.check_5-qZl {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  cursor: pointer;
  min-width: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .check_5-qZl.active_1bgFG .iconContainer_1QtMM {
    background-color: #000; }
  .check_5-qZl.active_1bgFG .iconContainer_1QtMM .icon_1O3EV {
      visibility: visible; }
  .check_5-qZl .iconContainer_1QtMM {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    background-color: #fff; }
  .check_5-qZl .iconContainer_1QtMM .icon_1O3EV {
      position: relative;
      top: -4px;
      left: 1.35px;
      visibility: hidden;
      -webkit-transform: scale(0.9);
          -ms-transform: scale(0.9);
              transform: scale(0.9);
      display: inline-block; }
  .check_5-qZl .label_JmtGa {
    margin-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.header-select-search_1VY3j {
  width: 100%;
  background: #fafafa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 50px; }
  .header-select-search_1VY3j .verticalLine_2XOBH {
    display: inline-block;
    width: 1px;
    height: 20px;
    margin-top: 9px;
    background: #000; }
  .header-select-search_1VY3j .search_286Pj {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 5px; }
  .header-select-search_1VY3j .search_286Pj .content_2a5mI {
      width: calc(100% - 45px);
      height: 100%;
      margin-left: 10px;
      border: none;
      outline: medium;
      border-radius: 5px;
      line-height: 38px;
      background: #fafafa; }
  .header-select-search_1VY3j .search_286Pj .content_2a5mI::-webkit-input-placeholder {
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #999999;
        position: relative;
        top: -1.5px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease; }
  .header-select-search_1VY3j .search_286Pj .content_2a5mI::-moz-placeholder {
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #999999;
        position: relative;
        top: -1.5px;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease; }
  .header-select-search_1VY3j .search_286Pj .content_2a5mI:-ms-input-placeholder {
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #999999;
        position: relative;
        top: -1.5px;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease; }
  .header-select-search_1VY3j .search_286Pj .content_2a5mI::-ms-input-placeholder {
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #999999;
        position: relative;
        top: -1.5px;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease; }
  .header-select-search_1VY3j .search_286Pj .content_2a5mI::placeholder {
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #999999;
        position: relative;
        top: -1.5px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease; }
  .header-select-search_1VY3j .search_286Pj .content_2a5mI:focus::-webkit-input-placeholder {
        opacity: 0.5; }
  .header-select-search_1VY3j .search_286Pj .content_2a5mI:focus::-moz-placeholder {
        opacity: 0.5; }
  .header-select-search_1VY3j .search_286Pj .content_2a5mI:focus:-ms-input-placeholder {
        opacity: 0.5; }
  .header-select-search_1VY3j .search_286Pj .content_2a5mI:focus::-ms-input-placeholder {
        opacity: 0.5; }
  .header-select-search_1VY3j .search_286Pj .content_2a5mI:focus::placeholder {
        opacity: 0.5; }
  .dropdown_3feP7 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background-color: #fafafa;
  max-height: 286px;
  overflow: auto;
  padding-left: 10px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }
  .dropdown_3feP7 .active_GrIR4 {
    background-color: #f6f6f6; }
  .dropdown_3feP7 .item_3HboB {
    width: 100%;
    height: 26px;
    font-size: 12px;
    line-height: 26px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer; }
  .dropdown_3feP7 .item_3HboB:hover {
      background-color: #f6f6f6; }

.selectAndSearchPopover {
  padding-top: 5px;
}
.selectAndSearchPopover .ant-popover-content .ant-popover-arrow {
  visibility: hidden;
}
.selectAndSearchPopover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  padding: 0;
}

.tshow-video-modal .ant-modal-content {
  background-color: transparent;
}
.hasDesc .ant-modal-close {
  right: 260px;
}
.video-wrapper {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.video-wrapper .video-download-btn {
  display: inline-block;
  width: 36px;
  height: 36px;
  color: #fff;
  vertical-align: middle;
  text-align: center;
}
.video-wrapper .video-download-btn i {
  position: relative;
  top: 9px;
  font-size: 12px;
}
.video-wrapper .video-download-btn i.collected {
  color: #f83e55;
}
.video-modal-container {
  position: relative;
}
.video-modal-container .video-react .video-react-video {
  height: calc(100% - 28px);
}
.video-modal-container .title-h2 {
  font-size: 16px;
  margin: 20px 0;
  font-weight: 400;
  color: #ced3e4;
}
.video-modal-container .related-videos {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.9);
  color: #adadc3;
  padding-top: 20px;
  padding-bottom: 30px;
}
.video-modal-container .related-videos dt {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;
  margin-bottom: 20px;
  padding-left: 15px;
}
.video-modal-container .related-videos dd {
  display: block;
}
.video-modal-container .related-videos .supplier-qrcode-title {
  margin: 20px 0;
  font-size: 12px;
  color: #ced3e4;
}
.video-modal-container .related-videos .supplier-desc {
  font-size: 12px;
  color: #adadc3;
  font-weight: 400;
}
.video-modal-container .related-videos .supplier-desc .ant-typography-expand {
  color: #fff;
}
.video-modal-container .related-videos .supplier-qrcode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.video-modal-container .related-videos .sup-qr-box {
  padding: 4px;
  background-color: #fff;
}
.video-modal-container .related-videos .sup-qr-box > img {
  width: 104px;
}
.video-modal-container .related-videos figure {
  width: 200px;
  margin-bottom: 10px;
}
.video-modal-container .related-videos figure span {
  display: block;
  width: 100%;
  height: 106px;
  overflow: hidden;
  cursor: pointer;
}
.video-modal-container .related-videos figure span img {
  max-width: 100%;
  max-height: 100%;
  height: 100%;
  width: 100%;
}
.video-modal-container .related-videos figure figcaption {
  width: 95%;
  margin: 0 auto;
  font-size: 12px;
  padding: 4px 0;
}
.vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 28px);
}
.vjs-poster,
.vjs-text-track-display,
.vjs-loading-spinner,
.vjs-big-play-button,
.vjs-control-bar,
.vjs-hidden {
  display: none;
}

.baseNavigation_3Itkd {
  color: #111; }
  .baseNavigation_3Itkd a {
    position: relative;
    font-size: 12px;
    color: #111;
    margin-right: 2px;
    font-weight: bold; }
  .baseNavigation_3Itkd span {
    font-weight: bold;
    font-size: 12px;
    color: #111; }
  .baseNavigation_3Itkd span i {
      font-size: 12px;
      display: inline-block;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7); }

.my-color-picker-color-module {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.my-color-picker-color-module .hue {
  -ms-flex-preferred-size: 16px;
      flex-basis: 16px;
  -webkit-box-flex: 16;
      -ms-flex-positive: 16;
          flex-grow: 16;
}
.my-color-picker-color-module .saturation {
  -ms-flex-preferred-size: 120px;
      flex-basis: 120px;
  -webkit-box-flex: 120;
      -ms-flex-positive: 120;
          flex-grow: 120;
}
.my-color-picker-color-module .saturation.noFlexGrow {
  -ms-flex-preferred-size: 335px;
      flex-basis: 335px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.my-color-picker-color-module > .info-item-container .info-item {
  width: 71px;
  height: 26px;
  line-height: 22px;
  background: rgba(85, 91, 112, 0.1);
  border-radius: 4px;
  padding: 0 10px;
  padding-right: 8px;
  border: 1.8px solid transparent;
  font-size: 12px;
  font-weight: 400;
  color: #555B70;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-color-picker-color-module > .info-item-container .info-item:hover {
  border-color: rgba(80, 89, 109, 0.8);
}
.my-color-picker-color-module > .info-item-container .info-item[active="true"] {
  border-color: rgba(80, 89, 109, 0.8);
  border-width: 2px;
}
.my-color-picker-color-module > .info-item-container .info-item.info-item3 {
  color: #fff;
}
.my-color-picker-color-module > .info-item-container .info-item > input {
  display: inline-block;
  width: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  outline: none;
  border: none;
  background-color: transparent;
}
.my-color-picker-color-module > .info-item-container .my-color-picker-info-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.my-color-picker-color-module > .info-item-container .my-color-picker-info-right > .info-item {
  width: 53px;
  margin-right: 10px;
  border: 1px solid transparent;
}
.my-color-picker-color-module > .info-item-container .my-color-picker-info-right > .info-item[active="true"] {
  border-color: rgba(80, 89, 109, 0.8);
  border-width: 2px;
}
.my-color-picker-color-module > .info-item-container .my-color-picker-info-right > .info-item:hover {
  border-color: rgba(80, 89, 109, 0.8);
}
.my-color-picker-color-module > .info-item-container .my-color-picker-info-right > .info-item:last-child {
  margin-right: 0;
}

.container_1FalM {
  width: 293px; }

.colorSelect_3BeVj {
  width: 100%;
  background: #8b91a6;
  border: 1px solid #3B3A3A;
  border-radius: 8px; }

.colorSelect_3BeVj.noBorder_303aI {
    border: none; }

.colorSelect_3BeVj .header_2B2Kz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    background: rgba(0, 0, 0, 0.14);
    border-radius: 8px 8px 0px 0px;
    padding-left: 15px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.colorSelect_3BeVj .header_2B2Kz .btn_3LU13 {
      width: 24px;
      height: 24px;
      border-radius: 2px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer; }

.colorSelect_3BeVj .header_2B2Kz .btn_3LU13.selected_3Yf11 {
        background: rgba(0, 0, 0, 0.16); }

.colorSelect_3BeVj .header_2B2Kz .btn_3LU13:nth-child(2) {
        margin-left: 7px; }

.colorSelect_3BeVj .header_2B2Kz .btn_3LU13 .img_3FapR {
        width: 16px;
        height: 16px; }

.colorSelect_3BeVj .main_3jnVf {
    padding: 10px;
    height: 321px; }

.pantoneSelect_3c1rw {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.pantoneSelect_3c1rw .types_1B1Ii {
    margin-bottom: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }

.pantoneSelect_3c1rw .types_1B1Ii .item_vsbUb {
      width: 17px;
      height: 17px;
      cursor: pointer; }

.pantoneSelect_3c1rw .types_1B1Ii .item_vsbUb.selected_3Yf11 {
        border: 1px solid #000; }

.pantoneSelect_3c1rw .inputContainer_283Sk {
    margin-bottom: 6px;
    position: relative; }

.pantoneSelect_3c1rw .inputContainer_283Sk .input_1JgBQ {
      display: inline-block;
      width: 100%;
      height: 18px;
      background: rgba(255, 255, 255, 0.2);
      border-radius: 4px;
      border: none;
      outline: none;
      padding: 0 12px;
      font-size: 10px;
      font-weight: 400;
      line-height: 18px; }

.pantoneSelect_3c1rw .inputContainer_283Sk .input_1JgBQ::-webkit-input-placeholder {
        font-size: 10px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.6);
        line-height: 18px; }

.pantoneSelect_3c1rw .inputContainer_283Sk .iconfont_23dTx {
      position: absolute;
      top: 3px;
      right: 12px;
      cursor: pointer; }

.pantoneSelect_3c1rw .colors_3Erlj {
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 279px;
    padding-right: 6px;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start; }

.pantoneSelect_3c1rw .colors_3Erlj::-webkit-scrollbar {
      width: 2px;
      background: #8b91a6; }

.pantoneSelect_3c1rw .colors_3Erlj::-webkit-scrollbar-track {
      background: #8b91a6; }

.pantoneSelect_3c1rw .colors_3Erlj::-webkit-scrollbar-track-piece {
      background: #8b91a6; }

.pantoneSelect_3c1rw .colors_3Erlj::-webkit-scrollbar-thumb {
      width: 2px;
      background: rgba(0, 0, 0, 0.4);
      border: none; }

.pantoneSelect_3c1rw .colors_3Erlj .item_vsbUb {
      width: 16px;
      height: 16px;
      margin-bottom: 1px;
      cursor: pointer; }

.hexSelect_1G3p8 {
  width: 100%;
  height: 0;
  padding-bottom: calc(100% + 28px);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.hexSelect_1G3p8 .hexSelectContent_2BoXE {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

.popColorSelect {
  position: fixed;
}
.popColorSelect .ant-popover-inner {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 8px;
}
.popColorSelect .ant-popover-inner-content {
  padding: 0;
}
.popColorSelect > .ant-popover-content > .ant-popover-arrow {
  z-index: -1;
  border-color: #8b91a6;
}
.popColorSelect .info-item {
  color: #fff;
  background: rgba(0, 0, 0, 0.1);
}

.svgDiy_1Yku6 {
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .svgDiy_1Yku6 .diy_oWvia {
    height: calc(100vh - 108px);
    min-height: 500px;
    background: #eceef1;
    padding: 83px 50px 30px 50px; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ {
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        height: 100%;
        margin-right: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .funcs_Q-4ry {
          -ms-flex-negative: 0;
              flex-shrink: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          margin-bottom: 16px; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .funcs_Q-4ry .a_L79YU {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .funcs_Q-4ry .a_L79YU .item_EA9Tp {
              height: 22px;
              font-size: 16px;
              font-weight: bold;
              color: rgba(0, 0, 0, 0.4);
              line-height: 22px;
              cursor: pointer; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .funcs_Q-4ry .a_L79YU .item_EA9Tp.active_miuQw {
                color: #000; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .funcs_Q-4ry .a_L79YU .item_EA9Tp:first-child {
                margin-right: 24px; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .funcs_Q-4ry .b_N2AIg {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .funcs_Q-4ry .b_N2AIg .item_EA9Tp {
              height: 16px;
              font-size: 12px;
              font-weight: 400;
              color: rgba(29, 28, 67, 0.4);
              line-height: 17px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .funcs_Q-4ry .b_N2AIg .item_EA9Tp:first-child {
                margin-right: 32px; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .funcs_Q-4ry .b_N2AIg .item_EA9Tp:last-child {
                margin-right: 0; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .funcs_Q-4ry .b_N2AIg .item_EA9Tp img {
                margin-left: 4px; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .funcs_Q-4ry .b_N2AIg .item_EA9Tp .normal_1h-PD {
                display: block; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .funcs_Q-4ry .b_N2AIg .item_EA9Tp .hover_232FG {
                display: none; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .funcs_Q-4ry .b_N2AIg .item_EA9Tp:hover .normal_1h-PD {
                display: none; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .funcs_Q-4ry .b_N2AIg .item_EA9Tp:hover .hover_232FG {
                display: block; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .pics_229T4 {
          height: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          position: relative;
          padding-top: 7px; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .pics_229T4 .btnContainer_24B0R {
            position: absolute;
            top: 7px;
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .pics_229T4:hover .scrollBarContainer_1tbSE {
            visibility: visible; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .pics_229T4 .scrollBarContainer_1tbSE {
            visibility: hidden;
            position: absolute;
            width: calc(100% - 80px);
            left: 40px;
            top: 0px;
            cursor: pointer;
            z-index: 10; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .pics_229T4 .scrollBarContainer_1tbSE:hover .scrollBarContainer_1tbSE {
              visibility: visible; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .pics_229T4 .scrollBarContainer_1tbSE .scrollBar_2WmTo {
              height: 3px;
              background: #300cff;
              border-radius: 1.5px; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .pics_229T4 .picsMain_3_CIS {
            width: calc(100% - 80px);
            height: 100%;
            left: 40px;
            top: 7px;
            position: absolute;
            overflow: hidden; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .pics_229T4 .picsMain_3_CIS::-webkit-scrollbar {
              height: 0; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .pics_229T4 .picsMain_3_CIS .picsContainer_18mYS {
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .pics_229T4 .picsMain_3_CIS .picsContainer_18mYS.transition_3GWul {
                -webkit-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .pics_229T4 .picsMain_3_CIS .picsContainer_18mYS .loading_3gkTW {
                position: absolute;
                width: 100%;
                top: 150px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .pics_229T4 .picsMain_3_CIS .picsContainer_18mYS .pic_27c-j {
                background-color: #fff;
                width: calc((100% - 20px) / 3);
                height: 100%;
                margin-right: 10px;
                -ms-flex-negative: 0;
                    flex-shrink: 0;
                position: relative;
                cursor: pointer; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .pics_229T4 .picsMain_3_CIS .picsContainer_18mYS .pic_27c-j .cover_36aAw {
                  position: absolute;
                  left: 0;
                  top: 0;
                  width: 100%;
                  height: 100%;
                  pointer-events: none;
                  z-index: 10;
                  background: rgba(0, 0, 0, 0);
                  -webkit-transition: all 0.3s ease;
                  transition: all 0.3s ease; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .pics_229T4 .picsMain_3_CIS .picsContainer_18mYS .pic_27c-j:hover .cover_36aAw {
                  background: rgba(0, 0, 0, 0.4); }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .pics_229T4 .picsMain_3_CIS .picsContainer_18mYS .pic_27c-j img {
                  width: 100%;
                  height: 100%;
                  -o-object-fit: cover;
                     object-fit: cover; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .pics_229T4 .picsMain_3_CIS .picsContainer_18mYS .pic_27c-j i {
                  position: absolute;
                  right: 5px;
                  top: 5px;
                  width: 16px;
                  height: 16px;
                  cursor: pointer; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .pics_229T4 .noData_1Qp0K {
            width: 100%;
            height: 17px;
            padding-bottom: calc(2.25 * (100% - 100px) / 3); }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .pics_229T4 .noData_1Qp0K .text_1NbUx {
              margin-top: 16.6%;
              font-size: 12px;
              font-weight: 400;
              color: rgba(0, 0, 0, 0.2);
              text-align: center; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .line_3aar- {
          -ms-flex-negative: 0;
              flex-shrink: 0;
          margin: 48px 0;
          height: 1px;
          background: rgba(0, 0, 0, 0.08); }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .left_3Jvi_ .area_2rBEj {
          -ms-flex-negative: 0;
              flex-shrink: 0;
          height: 24px; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .center_ao0S5 {
        height: 100%;
        position: relative; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .center_ao0S5 .title_3IoeZ {
          position: absolute;
          top: -52px;
          width: 100%;
          height: 32px;
          text-align: center;
          margin-bottom: 20px; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .center_ao0S5 .title_3IoeZ i {
            position: absolute;
            top: 7px;
            color: red;
            font-size: 18px; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .center_ao0S5 .mainPic_1FKt5 {
          width: 100%;
          height: 100%;
          background: #ffffff;
          -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
                  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
          border-radius: 32px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          position: relative; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .center_ao0S5 .mainPic_1FKt5 > img {
            width: 50px; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .center_ao0S5 .mainPic_1FKt5 > svg {
            -webkit-user-select: none;
               -moz-user-select: none;
                -ms-user-select: none;
                    user-select: none;
            border-radius: 32px; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .center_ao0S5 .mainPic_1FKt5 > svg path {
              cursor: pointer; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .center_ao0S5 .mainPic_1FKt5 .func_1yM-w {
            position: absolute;
            right: 24px;
            height: 24px;
            background: rgba(0, 0, 0, 0.6);
            border-radius: 12px;
            padding: 0 10px;
            font-size: 12px;
            font-weight: 300;
            color: #ffffff;
            line-height: 24px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            z-index: 10;
            cursor: pointer; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .center_ao0S5 .mainPic_1FKt5 .func_1yM-w:hover {
              background: #000; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .center_ao0S5 .mainPic_1FKt5 .func_1yM-w img {
              width: 16px;
              height: 16px;
              margin-right: 4px; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .center_ao0S5 .mainPic_1FKt5 .func_1yM-w i {
              font-size: 10px;
              margin-right: 4px; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs {
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        height: 100%;
        margin-left: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .operationsLeft_3Z9xe {
          margin-right: 8px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .operationsRight_PVLUL {
          margin-left: 8px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .operations_2ngGN {
          -ms-flex-negative: 0;
              flex-shrink: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .operations_2ngGN .center_ao0S5 {
            width: 0;
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .operations_2ngGN .center_ao0S5 .bar_2sJrK {
              width: 100%;
              height: 16px; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .svgInfo_2ltMd {
          -ms-flex-negative: 0;
              flex-shrink: 0;
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .svgInfo_2ltMd .center_ao0S5 {
            width: calc(100% - 80px);
            padding-bottom: calc((100% - 80px - 32px * 3) / 4);
            position: relative;
            overflow: hidden; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .svgInfo_2ltMd .center_ao0S5 .paths_3hHke {
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
              -webkit-transition: left 0.5s ease-in-out;
              transition: left 0.5s ease-in-out;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .svgInfo_2ltMd .item_EA9Tp {
            width: calc((100% - 32px * 3) / 4);
            height: 100%;
            margin-left: 32px;
            position: relative;
            border-radius: 50%;
            cursor: pointer;
            -ms-flex-negative: 0;
                flex-shrink: 0;
            background: #eceef1; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .svgInfo_2ltMd .item_EA9Tp:first-child {
              margin-left: 0; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .svgInfo_2ltMd .item_EA9Tp:active .itemContent_3FnC1 {
              -webkit-box-shadow: inset 3px 2px 3px 0px rgba(6, 18, 35, 0.2), inset -2px -3px 3px 0px rgba(255, 255, 255, 0.5);
                      box-shadow: inset 3px 2px 3px 0px rgba(6, 18, 35, 0.2), inset -2px -3px 3px 0px rgba(255, 255, 255, 0.5); }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .svgInfo_2ltMd .item_EA9Tp.selected_-Fy0s .itemContent_3FnC1 .circle_1Bsv1 {
              border-color: #300cff; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .svgInfo_2ltMd .item_EA9Tp.selected_-Fy0s .close_VXdzX .normal_1h-PD {
              display: block; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .svgInfo_2ltMd .item_EA9Tp.selected_-Fy0s .close_VXdzX .hover_232FG {
              display: none; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .svgInfo_2ltMd .item_EA9Tp.selected_-Fy0s .close_VXdzX:hover .normal_1h-PD {
              display: none; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .svgInfo_2ltMd .item_EA9Tp.selected_-Fy0s .close_VXdzX:hover .hover_232FG {
              display: block; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .svgInfo_2ltMd .item_EA9Tp .itemContent_3FnC1 {
              position: absolute;
              top: 5px;
              left: 5px;
              width: calc(100% - 10px);
              height: calc(100% - 10px);
              border-radius: 50%;
              -webkit-box-shadow: 3px 2px 6px 0px rgba(0, 0, 0, 0.2), -2px -3px 6px 0px #ffffff;
                      box-shadow: 3px 2px 6px 0px rgba(0, 0, 0, 0.2), -2px -3px 6px 0px #ffffff; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .svgInfo_2ltMd .item_EA9Tp .itemContent_3FnC1 .circle_1Bsv1 {
                position: absolute;
                top: 5px;
                left: 5px;
                width: calc(100% - 10px);
                height: calc(100% - 10px);
                border: 2px solid;
                border-color: rgba(48, 12, 255, 0.1);
                border-radius: 50%;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                font-size: 16px;
                font-weight: 300;
                color: rgba(29, 28, 67, 0.4); }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .svgInfo_2ltMd .item_EA9Tp .close_VXdzX {
              position: absolute;
              top: 0;
              right: 0;
              width: 18px;
              height: 18px; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .svgInfo_2ltMd .item_EA9Tp .close_VXdzX img {
                position: absolute;
                top: 1px;
                left: 1px;
                width: 16px;
                height: 16px; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .svgInfo_2ltMd .item_EA9Tp .close_VXdzX:hover .warnTitle_13oOI {
                display: block; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .area1_39b7n {
          -ms-flex-negative: 56;
              flex-shrink: 56;
          height: 56px; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .area2_1Ux4v {
          -ms-flex-negative: 56;
              flex-shrink: 56;
          height: 40px; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .area3_3sguH {
          -ms-flex-negative: 56;
              flex-shrink: 56;
          height: 30px; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .curPattern_363DR {
          height: 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          min-height: 149px;
          width: 100%;
          margin: 0 auto; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .colorPicker_3X5M6 {
          -ms-flex-negative: 0;
              flex-shrink: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .colorPicker_3X5M6 .title_3IoeZ {
            height: 22px;
            font-size: 16px;
            font-weight: bold;
            color: #000000;
            line-height: 22px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .colorPicker_3X5M6 .title_3IoeZ i {
              font-size: 14px;
              color: #9999ab;
              margin-left: 7px;
              -webkit-transform: translateY(1px);
                  -ms-transform: translateY(1px);
                      transform: translateY(1px);
              cursor: pointer; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .colorPicker_3X5M6 .color_1Cq0K {
            width: 100px;
            height: 28px;
            background: #000000;
            border-radius: 14px;
            cursor: pointer; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .funcItems_cRLnM {
          -ms-flex-negative: 0;
              flex-shrink: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .funcItems_cRLnM .funcItem_2t4-- {
            width: calc((100% - 24px) / 2);
            height: 32px;
            background: #eceef1;
            -webkit-box-shadow: 3px 2px 6px 0px rgba(0, 0, 0, 0.2), -2px -3px 6px 0px #ffffff;
                    box-shadow: 3px 2px 6px 0px rgba(0, 0, 0, 0.2), -2px -3px 6px 0px #ffffff;
            border-radius: 16px;
            padding: 4px;
            cursor: pointer; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .funcItems_cRLnM .funcItem_2t4--:active {
              -webkit-box-shadow: inset 3px 2px 3px 0px rgba(6, 18, 35, 0.2), inset -2px -3px 3px 0px rgba(255, 255, 255, 0.5);
                      box-shadow: inset 3px 2px 3px 0px rgba(6, 18, 35, 0.2), inset -2px -3px 3px 0px rgba(255, 255, 255, 0.5); }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .funcItems_cRLnM .funcItem_2t4-- > div {
              height: 24px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              border: 1px solid rgba(48, 12, 255, 0.1);
              border-radius: 16px;
              font-size: 16px;
              font-weight: 300;
              color: rgba(29, 28, 67, 0.4);
              line-height: 24px; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .funcItems_cRLnM .funcItem_2t4-- > div:hover {
                color: rgba(29, 28, 67, 0.5); }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .funcItems_cRLnM .funcItem_2t4-- img {
              width: 16px;
              height: 16px;
              margin-right: 4px; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .funcItems_cRLnM .funcItem_2t4-- .normal_1h-PD {
              display: block; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .funcItems_cRLnM .funcItem_2t4-- .hover_232FG {
              display: none; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .funcItems_cRLnM .funcItem_2t4--:hover .normal_1h-PD {
              display: none; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .right_3UGVs .funcItems_cRLnM .funcItem_2t4--:hover .hover_232FG {
              display: block; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .btn_1VrzI {
        width: 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        cursor: pointer; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .btn_1VrzI.disable_2eRSP {
          pointer-events: none; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .btn_1VrzI:hover .imgContainer_C0WO7 {
          background: #eceef1;
          -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2), -2px -2px 3px 0px #ffffff;
                  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2), -2px -2px 3px 0px #ffffff; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .btn_1VrzI:active .imgContainer_C0WO7 {
          -webkit-box-shadow: inset 3px 2px 3px 0px rgba(6, 18, 35, 0.2), inset -2px -3px 3px 0px rgba(255, 255, 255, 0.5);
                  box-shadow: inset 3px 2px 3px 0px rgba(6, 18, 35, 0.2), inset -2px -3px 3px 0px rgba(255, 255, 255, 0.5); }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .btn_1VrzI .imgContainer_C0WO7 {
          width: 24px;
          height: 24px;
          border-radius: 50%;
          background: #eceef1;
          -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2), -2px -2px 3px 0px #ffffff;
                  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2), -2px -2px 3px 0px #ffffff;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .btn_1VrzI .imgContainer_C0WO7 img {
            width: 16px;
            height: 16px; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .btn_1VrzI .imgContainer_C0WO7 .normal_1h-PD {
            display: block; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .btn_1VrzI .imgContainer_C0WO7 .hover_232FG {
            display: none; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .btn_1VrzI .imgContainer_C0WO7:hover .normal_1h-PD {
            display: none; }
  .svgDiy_1Yku6 .diy_oWvia .diyMain_1Tc6c .btn_1VrzI .imgContainer_C0WO7:hover .hover_232FG {
            display: block; }
  .svgDiy_1Yku6 .footer_cFRzX {
    width: 100%;
    background: #fafafa;
    padding: 20px 50px;
    padding-bottom: 0; }
  .svgDiy_1Yku6 .footer_cFRzX .headerContainer_3Xrb9 {
      text-align: center;
      margin-bottom: 15px; }
  .svgDiy_1Yku6 .footer_cFRzX .headerContainer_3Xrb9.fixed_eNcg8 {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #fafafa;
        padding: 20px 50px;
        padding-bottom: 15px;
        z-index: 20; }
  .svgDiy_1Yku6 .footer_cFRzX .headerContainer_3Xrb9 .header_28gqn {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin: 0 auto; }
  .svgDiy_1Yku6 .footer_cFRzX .headerContainer_3Xrb9 .header_28gqn .panel_hnGzp {
          height: 28px;
          font-size: 20px;
          font-weight: bold;
          color: rgba(0, 0, 0, 0.5);
          line-height: 28px;
          margin-left: 40px;
          cursor: pointer; }
  .svgDiy_1Yku6 .footer_cFRzX .headerContainer_3Xrb9 .header_28gqn .panel_hnGzp.selected_-Fy0s {
            color: #000;
            position: relative; }
  .svgDiy_1Yku6 .footer_cFRzX .headerContainer_3Xrb9 .header_28gqn .panel_hnGzp.selected_-Fy0s::after {
              content: "";
              position: absolute;
              left: 0;
              width: 100%;
              height: 3px;
              background-color: #000;
              bottom: -3px; }
  .svgDiy_1Yku6 .footer_cFRzX .headerContainer_3Xrb9 .header_28gqn .panel_hnGzp:first-child {
            margin-left: 0; }
  .svgDiy_1Yku6 .footer_cFRzX .filter_29ue5 {
      height: 20px;
      margin-bottom: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .svgDiy_1Yku6 .footer_cFRzX .filter_29ue5.fixed_eNcg8 {
        position: fixed;
        top: 63px;
        left: 0;
        width: 100%;
        height: 30px;
        background: #fafafa;
        padding: 0 50px;
        z-index: 20; }
  .svgDiy_1Yku6 .footer_cFRzX .filter_29ue5 .filterItem_2Eer2 {
        width: 76px;
        height: 20px;
        font-size: 14px;
        font-weight: 400;
        color: #000000;
        line-height: 20px;
        margin-right: 48px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
  .svgDiy_1Yku6 .footer_cFRzX .filter_29ue5 .filterItem_2Eer2 .normal_1h-PD {
          display: block; }
  .svgDiy_1Yku6 .footer_cFRzX .filter_29ue5 .filterItem_2Eer2 .hover_232FG {
          display: none; }
  .svgDiy_1Yku6 .footer_cFRzX .filter_29ue5 .filterItem_2Eer2:hover .normal_1h-PD {
          display: none; }
  .svgDiy_1Yku6 .footer_cFRzX .filter_29ue5 .filterItem_2Eer2:hover .hover_232FG {
          display: block; }
  .svgDiy_1Yku6 .footer_cFRzX .scrollArea_1xvN8 {
      width: 100%;
      min-height: 100vh;
      position: relative; }
  .svgDiy_1Yku6 .footer_cFRzX .scrollArea_1xvN8 .scroll_1WhS9 {
        width: 100%;
        padding-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        position: relative; }
  .svgDiy_1Yku6 .footer_cFRzX .scrollArea_1xvN8 .scroll_1WhS9 .error_-XFOI {
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          margin: 0 auto;
          font-size: 14px;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.9);
          line-height: 20px; }
  .svgDiy_1Yku6 .footer_cFRzX .scrollArea_1xvN8 .scroll_1WhS9 .error_-XFOI img {
            width: 240px;
            height: 160px;
            margin-top: 80px; }
  .svgDiy_1Yku6 .footer_cFRzX .scrollArea_1xvN8 .scroll_1WhS9 .error_-XFOI .text_1NbUx {
            margin-top: 24px; }
  .svgDiy_1Yku6 .footer_cFRzX .scrollArea_1xvN8 .scroll_1WhS9 .error_-XFOI .retryBtn_1tFNE {
            margin-top: 32px;
            width: 124px;
            height: 32px;
            border: 1px solid #000000;
            text-align: center;
            line-height: 32px;
            cursor: pointer; }
  .svgDiy_1Yku6 .footer_cFRzX .scrollArea_1xvN8 .scroll_1WhS9 .error_-XFOI .loadMore_2OUwm {
            width: 100%;
            text-align: center;
            font-size: 14px;
            font-weight: 400;
            color: rgba(89, 89, 89, 0.8);
            line-height: 20px;
            cursor: pointer; }
  .svgDiy_1Yku6 .footer_cFRzX .scrollArea_1xvN8 .scroll_1WhS9 .noMore_2_8h1 {
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          text-align: center;
          font-size: 14px;
          font-weight: 400;
          color: rgba(89, 89, 89, 0.8);
          line-height: 20px; }
  .svgDiy_1Yku6 .footer_cFRzX .scrollArea_1xvN8 .scroll_1WhS9 .loading_3gkTW {
          width: 100%;
          position: absolute;
          top: 200px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
  .svgDiy_1Yku6 .footer_cFRzX .scrollArea_1xvN8 .scroll_1WhS9 .loading_3gkTW img {
            width: 50px; }
  .svgDiy_1Yku6 .footer_cFRzX .scrollArea_1xvN8 .scroll_1WhS9 .loadingMore_2FFgc {
          width: 100%;
          position: absolute;
          bottom: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
  .svgDiy_1Yku6 .footer_cFRzX .scrollArea_1xvN8 .scroll_1WhS9 .loadingMore_2FFgc img {
            width: 50px; }
  .svgDiy_1Yku6 .footer_cFRzX .scrollArea_1xvN8 .scroll_1WhS9 .item_EA9Tp {
          background: #f5f5f5;
          width: calc((100% - 100px) / 6);
          padding-bottom: calc(1.38 * (100% - 100px) / 6);
          -ms-flex-negative: 0;
              flex-shrink: 0;
          margin-bottom: 20px;
          cursor: pointer;
          position: relative; }
  .svgDiy_1Yku6 .footer_cFRzX .scrollArea_1xvN8 .scroll_1WhS9 .item_EA9Tp .imgContainer_C0WO7 {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%; }
  .svgDiy_1Yku6 .footer_cFRzX .scrollArea_1xvN8 .scroll_1WhS9 .item_EA9Tp .imgContainer_C0WO7 .cover_36aAw {
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
              pointer-events: none;
              z-index: 10;
              background: rgba(0, 0, 0, 0);
              -webkit-transition: all 0.3s ease;
              transition: all 0.3s ease; }
  .svgDiy_1Yku6 .footer_cFRzX .scrollArea_1xvN8 .scroll_1WhS9 .item_EA9Tp .imgContainer_C0WO7:hover .cover_36aAw {
              background: rgba(0, 0, 0, 0.4); }
  .svgDiy_1Yku6 .footer_cFRzX .scrollArea_1xvN8 .scroll_1WhS9 .item_EA9Tp .imgContainer_C0WO7 img {
              width: 100%;
              height: 100%;
              -o-object-fit: cover;
                 object-fit: cover; }
  .svgDiy_1Yku6 .svgPreview_2r1OD {
    position: fixed;
    right: 60px;
    bottom: 39px;
    z-index: 10;
    width: 380px;
    height: 360px;
    border-radius: 16px;
    background: #fff;
    background-size: cover;
    background-repeat: no-repeat; }
  .svgDiy_1Yku6 .svgPreview_2r1OD .resize_2BMmN {
      position: absolute;
      left: -4px;
      top: 0;
      width: 8px;
      height: 100%;
      z-index: 30;
      cursor: col-resize; }
  .svgDiy_1Yku6 .svgPreview_2r1OD.visible_3WUDq:hover .cover_36aAw,
    .svgDiy_1Yku6 .svgPreview_2r1OD.visible_3WUDq:hover .hideIcon_3fpAy {
      visibility: visible; }
  .svgDiy_1Yku6 .svgPreview_2r1OD.hide_2llu9 {
      opacity: 0;
      pointer-events: none; }
  .svgDiy_1Yku6 .svgPreview_2r1OD svg {
      border-radius: 16px; }
  .svgDiy_1Yku6 .svgPreview_2r1OD .cover_36aAw {
      visibility: hidden;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      border-radius: 16px;
      background: rgba(0, 0, 0, 0.4);
      z-index: 10;
      cursor: move; }
  .svgDiy_1Yku6 .svgPreview_2r1OD .hideIcon_3fpAy {
      visibility: hidden;
      position: absolute;
      right: 17px;
      top: 17px;
      color: #fff;
      z-index: 20;
      cursor: pointer; }
  .svgDiy_1Yku6 .svgPreviewBtn_1l3cg {
    visibility: visible;
    pointer-events: auto;
    position: fixed;
    right: 6px;
    bottom: 107px;
    width: 40px;
    height: 40px;
    background: #000;
    color: #fff;
    -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.32);
            box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.32);
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .svgDiy_1Yku6 .svgPreviewBtn_1l3cg.hide_2llu9 {
      color: #aaa;
      background: #fff; }
  .svgDiy_1Yku6 .svgPreviewBtn_1l3cg:hover {
      background: #000;
      color: #fff; }
  .uploadContent_sEszx {
  width: 604px;
  height: 554px;
  background: #eceef1;
  padding: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .uploadContent_sEszx .dragContainer_3KU1x {
    height: calc(100% - 70px); }
  .uploadContent_sEszx .dragContainer_3KU1x .drag_1EzEz {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  .uploadContent_sEszx .dragContainer_3KU1x .drag_1EzEz .text_1NbUx {
        font-size: 14px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.4);
        line-height: 20px; }
  .uploadContent_sEszx .dragContainer_3KU1x .drag_1EzEz .text_1NbUx:first-child {
          margin-bottom: 16px; }
  .uploadContent_sEszx .footer_cFRzX {
    margin-top: 10px;
    width: 524px;
    height: 60px;
    background: #eceef1;
    -webkit-box-shadow: 4px 3px 6px 0px rgba(0, 0, 0, 0.2), -3px -4px 6px 0px #ffffff;
            box-shadow: 4px 3px 6px 0px rgba(0, 0, 0, 0.2), -3px -4px 6px 0px #ffffff;
    padding: 6px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .uploadContent_sEszx .footer_cFRzX:active {
      -webkit-box-shadow: inset 3px 2px 3px 0px rgba(6, 18, 35, 0.2), inset -2px -3px 3px 0px rgba(255, 255, 255, 0.5);
              box-shadow: inset 3px 2px 3px 0px rgba(6, 18, 35, 0.2), inset -2px -3px 3px 0px rgba(255, 255, 255, 0.5); }
  .uploadContent_sEszx .footer_cFRzX .content_3zQOK {
      height: 100%;
      border: 2px solid rgba(48, 12, 255, 0.1);
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 20px;
      font-weight: 300;
      color: rgba(29, 28, 67, 0.4); }
  .uploadContent_sEszx .footer_cFRzX .content_3zQOK i {
        font-size: 20px;
        -webkit-transform: translateY(1px);
            -ms-transform: translateY(1px);
                transform: translateY(1px); }
  .uploadContent_sEszx .footer_cFRzX .content_3zQOK:hover {
        border: 2px solid rgba(48, 12, 255, 0.1);
        color: rgba(29, 28, 67, 0.5); }
  .warn_1IEqE {
  position: fixed;
  height: 23px;
  padding: 3px 6px;
  background: #515151;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  line-height: 17px;
  -webkit-transform: translateX(-21px) translateY(-100%);
      -ms-transform: translateX(-21px) translateY(-100%);
          transform: translateX(-21px) translateY(-100%); }
  .warn_1IEqE.footerPanel1Warn_tqO-o {
    -webkit-transform: translateX(-30px) translateY(15px);
        -ms-transform: translateX(-30px) translateY(15px);
            transform: translateX(-30px) translateY(15px);
    z-index: 100; }
  .warn_1IEqE.selectPatternWarn_2_bek {
    -webkit-transform: translateX(-15px) translateY(30px);
        -ms-transform: translateX(-15px) translateY(30px);
            transform: translateX(-15px) translateY(30px);
    z-index: 100; }
  .warnTitle_13oOI {
  padding: 0 6px;
  height: 20px;
  background: #000000;
  border-radius: 4px;
  border: 1px solid #000000;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  line-height: 18px;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px); }
  .warnTitle_13oOI.warnTitle2_TAUTp {
    -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
            transform: translateX(-10px); }

.svg-diy-body::-webkit-scrollbar {
  width: 0;
}
.svg-diy-popover .ant-popover-arrow {
  display: none;
}
.svg-diy-popover .ant-popover-inner {
  background: rgba(0, 0, 0, 0.7);
}
.svg-diy-popover .ant-popover-inner-content {
  padding: 0;
}
.warn-popover .ant-popover-arrow {
  display: none;
}
.warn-popover .ant-popover-inner {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.warn-popover .ant-popover-inner-content {
  padding: 0;
}
.svg-diy-upload-modal .ant-modal-body {
  padding: 0;
}
.svg-diy-upload-modal .ant-modal-close-x {
  display: none;
}
.uploadColorPicDrag {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.uploadColorPicDrag .ant-upload-drag {
  border: none;
}
.uploadColorPicDrag .ant-upload-drag .ant-upload {
  padding: 0;
}

.colorSlider {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.colorSlider .item {
  position: relative;
  height: 100%;
}
.colorSlider .item:hover .hover,
.colorSlider .item.longHover .hover {
  visibility: visible;
}
.colorSlider .item .hover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  visibility: hidden;
}
.colorSlider .item .hover .color-hover-footer {
  position: absolute;
  left: 0;
  bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 8px;
  width: 100%;
}
.colorSlider .item .hover .hex {
  font-size: 12px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.99);
  cursor: pointer;
  width: 50px;
  position: relative;
  height: 19px;
}
.colorSlider .item .hover .hex::before {
  content: "";
  position: absolute;
  width: 0;
  z-index: 10;
  left: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.99);
  height: 1px;
  -webkit-transition-property: width;
  transition-property: width;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
.colorSlider .item .hover .hex:hover::before {
  width: 48px;
}
.colorSlider .item .hover .hex .copy-messaage {
  position: absolute;
  right: 40px;
  top: -30px;
  padding: 0 6px;
  height: 23px;
  background: #515151;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  line-height: 23px;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  display: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  word-break: keep-all;
}
.colorSlider .item .hover .hex .copy-messaage.show {
  display: block;
}
.colorSlider .item .hover .color-tab-tool {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.colorSlider .item .hover .color-tab-tool .change {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-right: 12px;
}
.colorSlider .item .hover .color-tab-tool .change i {
  cursor: pointer;
  color: #fff;
  font-size: 18px;
}
.colorSlider .item .hover .color-tab-tool .delete {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.colorSlider .item .hover .color-tab-tool .delete i {
  color: #fff;
}
.colorSlider .item .index {
  position: absolute;
  width: 26px;
  height: 68px;
  right: -13px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: transparent;
  z-index: 10;
  cursor: col-resize;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.colorSlider .item .index .icon-container {
  width: 10px;
  height: 44px;
  border-radius: 4px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.panton-pop-overlay {
  padding-top: 12px;
}
.panton-pop-overlay .ant-popover-content .ant-popover-arrow {
  border-color: #000;
  top: 8px;
}
.panton-pop-overlay .ant-popover-content .ant-popover-inner {
  background-color: #000;
  font-size: 12px;
  border-radius: 3px;
}
.panton-pop-overlay .ant-popover-content .ant-popover-inner .ant-popover-title {
  color: rgba(255, 255, 255, 0.7);
  min-width: 102px;
  text-align: center;
  border-bottom-color: rgba(250, 250, 250, 0.2);
  padding: 8px 12px;
}
.panton-pop-overlay .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  color: #fff;
  padding: 8px 12px;
  position: relative;
}
.panton-pop-overlay .ant-popover-content .ant-popover-inner .ant-popover-inner-content span {
  position: relative;
}
.panton-pop-overlay .ant-popover-content .ant-popover-inner .ant-popover-inner-content span::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  height: 0.5px;
  width: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #ffffff;
}
.panton-pop-overlay .ant-popover-content .ant-popover-inner .ant-popover-inner-content:hover span::before {
  width: 100%;
}

.invite-user-content {
  width: 1200px;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 20px 0px #d6e1e9;
          box-shadow: 0px 2px 20px 0px #d6e1e9;
  border-radius: 4px;
}
.invite-user-content .invite-user-content-title {
  padding-top: 40px;
  text-align: center;
  font-size: 20px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  color: #000000;
  line-height: 28px;
}
.invite-user-content .invite-user-content-line {
  margin: 20px auto;
  width: 1000px;
  height: 1px;
  background: #eaeaea;
}
.invite-user-content .invite-user-data .invite-user-form {
  overflow-y: auto;
  height: 490px;
}
.invite-user-content .invite-user-data .invite-user-data-item {
  width: 90%;
  margin: 0 auto;
  margin-top: 4px;
  height: 70px;
}
.invite-user-content .invite-user-data .invite-user-data-item .invite-user-data-number {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 10%;
  height: 100%;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  color: #000000;
}
.invite-user-content .invite-user-data .invite-user-data-item .invite-user-data-icon {
  display: inline-block;
  width: 10%;
}
.invite-user-content .invite-user-data .invite-user-data-item .invite-user-data-info {
  width: 80%;
  display: inline-block;
  height: 100%;
}
.invite-user-content .invite-user-data .invite-user-data-item .invite-user-data-icon i {
  border: 1px solid #eaeaea;
  cursor: pointer;
  color: #000000;
  margin-left: 10px;
}
.invite-user-content .invite-user-data .invite-user-data-item .invite-user-data-icon i:first-child {
  margin-left: 20px;
}
.invite-user-content .invite-user-data .invite-user-data-item .invite-user-data-icon i:hover {
  color: #40a9ff;
}
.invite-user-content .invite-user-content-item {
  display: inline-block;
  width: 100%;
  height: 40px;
  vertical-align: top;
}
.invite-user-content .invite-user-content-item .invite-user-content-input {
  display: inline-block;
  margin: 0 auto;
  width: 30%;
  height: 100%;
  vertical-align: top;
  text-align: center;
}
.invite-user-content .invite-user-content-item .invite-user-content-input .form-message {
  border-top: 1px solid #eaeaea;
  margin-top: 20px;
  font-size: 12px;
}
.invite-user-content .invite-user-content-item .invite-user-content-input .message-error {
  color: #f83e55;
  border-top: 1px solid #f83e55;
}
.invite-user-content .invite-user-content-item .invite-user-content-input .country-content {
  text-align: left;
}
.invite-user-content .invite-user-content-item .invite-user-content-input input::-ms-input-placeholder {
  text-align: center;
  color: #cccccc;
}
.invite-user-content .invite-user-content-item .invite-user-content-input input::-webkit-input-placeholder {
  text-align: center;
  color: #cccccc;
}
.invite-user-content .invite-user-content-item .invite-user-content-input input[name="mobile"],
.invite-user-content .invite-user-content-item .invite-user-content-input input[name="user_name"],
.invite-user-content .invite-user-content-item .invite-user-content-input input[name="password"] {
  border: none;
  padding-left: 10px;
  outline: none;
  margin: 0 auto;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 180px;
}
.invite-user-content .invite-user-content-item .invite-user-content-input input[disabled] {
  background: none;
  text-align: center;
}
.invite-user-content .invite-user-content-item .invite-user-item-country .country-select-data {
  z-index: 50004;
}
.invite-user-content .invite-user-content-bottom {
  text-align: center;
  padding-bottom: 30px;
}
.invite-user-content .invite-user-content-bottom button {
  width: 110px;
  height: 44px;
  background: #ffffff;
  border: 1px solid #111;
  text-align: center;
  cursor: pointer;
  margin-right: 10px;
  font-size: 18px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  color: #111;
  outline: none;
}
.invite-user-content .invite-user-content-bottom button:hover {
  color: #ffffff;
  background: #111;
}
.invite-user-content button.sure-style {
  color: #fff;
  background: #111;
}
.invite-user-content .invite-limit-tips {
  width: 700px;
  height: 350px;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 20px 0px #d6e1e9;
          box-shadow: 0px 2px 20px 0px #d6e1e9;
  border-radius: 4px;
}
.invite-user-content .invite-limit-tips .common-tips-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 75%;
  width: 100%;
}
.invite-user-content .invite-limit-tips .common-tips-top .common-tips-container {
  height: 30%;
  width: 56%;
}
.invite-user-content .invite-limit-tips .common-tips-top .common-tips-container .common-tips-icon {
  display: inline-block;
  height: 100%;
  width: 20%;
  vertical-align: top;
}
.invite-user-content .invite-limit-tips .common-tips-top .common-tips-container .common-tips-icon i {
  color: #fed847;
  font-size: 60px;
}
.invite-user-content .invite-limit-tips .common-tips-top .common-tips-container .common-tips-info {
  display: inline-block;
  height: 100%;
  width: 80%;
  vertical-align: top;
}
.invite-user-content .invite-limit-tips .common-tips-top .common-tips-container .common-tips-info .tips-title {
  height: 50%;
  font-size: 20px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  color: #000000;
  line-height: 50px;
}
.invite-user-content .invite-limit-tips .common-tips-top .common-tips-container .common-tips-info .tips-content {
  height: 50%;
  font-size: 16px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
  letter-spacing: 2px;
}
.invite-user-content .invite-limit-tips .common-tips-bottom {
  text-align: center;
}
.invite-user-content .invite-limit-tips .common-tips-bottom button {
  width: 110px;
  height: 44px;
  background: #ffffff;
  border: 1px solid #111;
  font-size: 18px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  color: #111;
  line-height: 25px;
  letter-spacing: 2px;
  cursor: pointer;
  outline: none;
}
.invite-user-content .invite-limit-tips .common-tips-bottom button:last-child {
  margin-left: 30px;
}
.invite-user-content .invite-limit-tips .common-tips-bottom button:hover {
  background: #111;
  color: #ffffff;
}
@media screen and (max-width: 1600px) and (min-width: 1200px) {
  .invite-user-content {
    height: 500px;
  }
  .invite-user-content .invite-user-form {
    height: 364px !important;
  }
  .invite-user-content .invite-user-content-title {
    padding-top: 10px;
  }
}

.brand-content-style {
  background: #ffffff;
  border-radius: 4px;
  padding-top: 20px;
}
.brand-content-style .brand-search-style {
  width: 580px;
  height: 42px;
  background: #f7f7f7;
  border-radius: 30px;
  margin: 0 auto;
}
.brand-content-style .brand-search-style i {
  font-size: 18px;
  margin-left: 20px;
  margin-top: 20px;
  height: 60px;
  color: #999999;
}
.brand-content-style .brand-search-style input {
  margin-top: 5px;
  width: 500px;
  background-color: #f7f7f7;
  border: none;
  outline: none;
  margin-left: 3px;
  padding-left: 10px;
  /* 改变input的placeholder的字体颜色 开始 */
  /* 改变input的placeholder的字体颜色 结束 */
}
.brand-content-style .brand-search-style input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #ccc;
}
.brand-content-style .brand-search-style input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ccc;
}
.brand-content-style .brand-search-style input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ccc;
}
.brand-content-style .brand-search-style input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #ccc;
}
.brand-content-style .brand-select-data {
  width: 580px;
  margin: 0 auto;
}
.brand-content-style .brand-select-data div {
  margin-left: 12px;
  cursor: pointer;
  float: left;
  font-size: 12px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  line-height: 17px;
}
.brand-content-style .brand-select-data div:hover {
  color: #40a9ff;
}
.brand-content-style .brand-select-active-style {
  border-bottom-color: #3868CA;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: #3868CA;
}
.brand-content-style .brand-select-disabled-style {
  opacity: 0.4;
}
.brand-content-style .brand-item-data {
  margin-left: 12px;
  max-height: 360px;
  min-height: 180px;
  overflow-y: auto;
  padding: 0 60px;
}
.brand-content-style .brand-item-data::-webkit-scrollbar {
  width: 8px;
  background-color: #fff;
}
.brand-content-style .brand-item-data::-webkit-scrollbar-track {
  background-color: #f7f7f7;
  display: none;
}
.brand-content-style .brand-item-data::-webkit-scrollbar-track-piece {
  background-color: #fff;
}
.brand-content-style .brand-item-data::-webkit-scrollbar-thumb {
  background-color: #f7f7f7;
  border-radius: 3px;
}
.brand-content-style .brand-item-data::-webkit-scrollbar-thumb:hover {
  background-color: #d9dfe6;
  border-radius: 3px;
  border: none;
}
.brand-content-style .brand-item-select-label-style {
  width: 17px;
  height: 33px;
  font-size: 24px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  color: #3868ca;
  line-height: 33px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.brand-content-style .brand-item-data-info {
  display: inline-block;
  width: 188px;
  margin-bottom: 10 xp;
}
.brand-content-style .brand-item-data-info div {
  width: 100%;
  margin-top: 5px;
  cursor: pointer;
  float: left;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #000000;
  line-height: 20px;
  padding-right: 10px;
  padding-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.brand-content-style .brand-item-data-info div:hover {
  color: #3868ca;
}
.brand-content-style .ant-modal-body {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.subscr-modal {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.subscr-modal .brand-container,
.subscr-modal .subscr-item-list {
  width: 1080px;
  margin: 0 auto;
  overflow: hidden;
  background-color: #fff;
}
.subscr-modal .brand-container > h4,
.subscr-modal .subscr-item-list > h4 {
  text-align: center;
  font-size: 20px;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
  margin-bottom: 30px;
  padding: 60px 0 20px;
}
.subscr-modal .brand-container > h4 em,
.subscr-modal .subscr-item-list > h4 em {
  font-size: 14px;
}
.subscr-modal .brand-container .subscr-btns,
.subscr-modal .subscr-item-list .subscr-btns {
  display: block;
  margin: 20px auto 10px;
  width: 110px;
  height: 44px;
  line-height: 44px;
  border: none;
  outline: none;
  text-align: center;
  background-color: #DDDDDD;
  color: #ABABAB;
  font-size: 18px;
}
.subscr-modal .brand-container .subscr-btns.active,
.subscr-modal .subscr-item-list .subscr-btns.active {
  background-color: #000;
  color: #fff;
  cursor: pointer;
}
.subscr-modal .subscr-item-list {
  width: 1080px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 0 30px;
}
.subscr-modal .subscr-item-list > ul {
  width: 830px;
  margin: 0 auto;
  max-height: 440px;
  overflow-y: auto;
}
.subscr-modal .subscr-item-list > ul li {
  width: 160px;
  float: left;
  cursor: pointer;
  margin: 0 23px 20px;
}
.subscr-modal .subscr-item-list > ul li p {
  width: 100%;
  margin: 0 auto;
  height: 25px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 2px;
  padding-top: 5px;
}
.subscr-modal .subscr-item-list > ul li figure {
  position: relative;
  width: 100%;
  height: 130px;
  overflow: hidden;
  margin: 0;
}
.subscr-modal .subscr-item-list > ul li figure .LazyLoad {
  width: 100%;
  height: 130px;
  overflow: hidden;
  background-color: #F7F7F7;
}
.subscr-modal .subscr-item-list > ul li figure .LazyLoad img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}
.subscr-modal .subscr-item-list > ul li figure .selected-cover {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 160px;
  height: 130px;
  background-color: rgba(185, 185, 185, 0.4);
}
.subscr-modal .subscr-item-list > ul li figure .selected-cover i {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 30px;
  color: #3868CA;
}
.subscr-modal .brand-container {
  padding-bottom: 30px;
}
.subscr-modal .brand-container .subscr-btns-box {
  display: block;
  width: 100%;
  text-align: center;
}
.subscr-modal .brand-container .subscr-btns-box button {
  display: inline-block;
}
.subscr-modal .brand-container .subscr-btns-box button:nth-child(1) {
  margin-right: 10px;
  background-color: transparent;
  color: #000;
  cursor: pointer;
  border: 1px solid #000;
}
.subscr-modal .brand-container .subscr-btns-box button:nth-child(2) {
  margin-left: 10px;
}
.subscr-modal .brand-container .brand-container-layout {
  width: 100%;
}
.subscr-modal .brand-container .brand-container-layout > li:nth-child(1) {
  width: 620px;
  background-color: antiquewhite;
  float: left;
}
.subscr-modal .brand-container .brand-container-layout > li:nth-child(2) {
  width: 430px;
  float: right;
}
.subscr-modal .brand-container .brand-container-layout > li:nth-child(2) dl {
  width: 100%;
  margin: 0 auto;
  padding-top: 22px;
}
.subscr-modal .brand-container .brand-container-layout > li:nth-child(2) dl dt {
  display: block;
  height: 35px;
  line-height: 35px;
  color: #CCCCCC;
  margin-bottom: 20px;
}
.subscr-modal .brand-container .brand-container-layout > li:nth-child(2) dl dd {
  display: block;
  width: 100%;
  max-height: 370px;
  overflow-y: auto;
}
.subscr-modal .brand-container .brand-container-layout > li:nth-child(2) dl dd .ant-tag {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #F7F7F7;
  color: #000;
  margin-bottom: 5px;
}

.common-tips-content-style {
  width: 700px;
  height: 350px;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 20px 0px #d6e1e9;
          box-shadow: 0px 2px 20px 0px #d6e1e9;
  border-radius: 4px;
}
.common-tips-content-style .common-tips-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 75%;
  width: 100%;
}
.common-tips-content-style .common-tips-top .common-tips-container {
  height: 30%;
  width: 56%;
}
.common-tips-content-style .common-tips-top .common-tips-container .common-tips-icon {
  display: inline-block;
  height: 100%;
  width: 20%;
  vertical-align: top;
}
.common-tips-content-style .common-tips-top .common-tips-container .common-tips-icon i {
  color: #fed847;
  font-size: 60px;
}
.common-tips-content-style .common-tips-top .common-tips-container .common-tips-info {
  display: inline-block;
  height: 100%;
  width: 80%;
  vertical-align: top;
}
.common-tips-content-style .common-tips-top .common-tips-container .common-tips-info .tips-title {
  height: 50%;
  font-size: 20px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  color: #000000;
  line-height: 50px;
}
.common-tips-content-style .common-tips-top .common-tips-container .common-tips-info .tips-content {
  height: 50%;
  font-size: 16px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
  letter-spacing: 2px;
}
.common-tips-content-style .common-tips-bottom {
  text-align: center;
}
.common-tips-content-style .common-tips-bottom button {
  width: 110px;
  height: 44px;
  background: #ffffff;
  border: 1px solid #111;
  font-size: 18px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  color: #111;
  line-height: 25px;
  letter-spacing: 2px;
  cursor: pointer;
}
.common-tips-content-style .common-tips-bottom button:last-child {
  margin-left: 30px;
}
.common-tips-content-style .common-tips-bottom button:hover {
  background: #111;
  color: #ffffff;
}

.loadingAnimation_3xko8 {
  width: 100%;
  height: 100%; }

.loadingPage_1CAYo {
  z-index: 1;
  width: 100px;
  height: 40px;
  margin: 0 auto 30px; }

.loadingBeizhu_2OYFf {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px;
  margin-top: 16px;
  background: #f9f9f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px; }
  .loadingBeizhu_2OYFf .loadingBeizhuItem_zcQpX {
    width: 100%;
    height: 16px;
    background: #fe9c8b; }
  .beizhu_19NsX {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px;
  margin-top: 16px;
  background: #f9f9f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .beizhu_19NsX .text_q4uR7 {
    font-weight: 400;
    font-size: 16px;
    color: #4b4b4b;
    line-height: 24px;
    text-align: left;
    font-style: normal; }
  .beizhu_19NsX .text_q4uR7 .star_3JiKh {
      margin-left: 16px;
      color: #eb5353; }

.panel_1vH2h {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .panel_1vH2h .itemsContainer_kBQuf {
    padding: 0 24px;
    padding-top: 17px;
    position: relative; }
  .panel_1vH2h .itemsContainer_kBQuf .btn_2ZTii {
      position: absolute;
      z-index: 10;
      top: calc(50% + 25px);
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background: rgba(83, 102, 235, 0.5);
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .panel_1vH2h .itemsContainer_kBQuf .btn_2ZTii.left_226OO {
        left: 24px;
        -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%); }
  .panel_1vH2h .itemsContainer_kBQuf .btn_2ZTii.right_3OvZ2 {
        right: 24px;
        -webkit-transform: translateX(50%) translateY(-50%);
            -ms-transform: translateX(50%) translateY(-50%);
                transform: translateX(50%) translateY(-50%); }
  .panel_1vH2h .itemsContainer_kBQuf .btn_2ZTii i {
        color: #fff;
        font-size: 12px; }
  .panel_1vH2h .itemsContainer_kBQuf .itemsContainer1_2__xi {
      width: 100%;
      height: 180px;
      overflow: hidden; }
  .panel_1vH2h .itemsContainer_kBQuf .itemsContainer1_2__xi .items_2e7RK {
        margin-top: 25px;
        height: 155px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24px;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease; }
  .panel_1vH2h .itemsContainer_kBQuf .itemsContainer1_2__xi .items_2e7RK .loadingItem_35ZR0 {
          width: 229px;
          height: 155px;
          background: #fe9c8b;
          border-radius: 24px;
          border: 1px solid #fe9c8b; }
  .panel_1vH2h .itemsContainer_kBQuf .itemsContainer1_2__xi .items_2e7RK .item_1WXIM {
          width: 229px;
          height: 155px;
          background: #f9f9f9;
          border-radius: 24px;
          border: 1px solid #bcb9ce;
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .panel_1vH2h .itemsContainer_kBQuf .itemsContainer1_2__xi .items_2e7RK .item_1WXIM .desc_1xEt4 {
            margin-top: 24px;
            font-weight: 400;
            font-size: 20px;
            color: #080808;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
  .panel_1vH2h .itemsContainer_kBQuf .itemsContainer1_2__xi .items_2e7RK .item_1WXIM .desc_1xEt4 img {
              width: 24px;
              margin-right: 5px; }
  .panel_1vH2h .itemsContainer_kBQuf .itemsContainer1_2__xi .items_2e7RK .item_1WXIM .money_1L5bl {
            margin-top: 10px;
            font-weight: bold;
            font-size: 38px;
            color: #080808; }
  .panel_1vH2h .itemsContainer_kBQuf .itemsContainer1_2__xi .items_2e7RK .item_1WXIM .huiyuan_3ZV9b {
            position: absolute;
            left: 0;
            top: 0;
            -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
            width: 128px;
            height: 40px;
            background-repeat: no-repeat;
            background-size: cover;
            background-image: url("https://assets.wow-trend.com/wowtrend/static/resource/images/ai/d9fa02a5.png"); }
  .panel_1vH2h .footer_3vPKV {
    padding: 24px;
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("https://assets.wow-trend.com/wowtrend/static/resource/images/ai/62052291.png"); }
  .panel_1vH2h .footer_3vPKV .loading_tKIMb {
      width: 100%;
      height: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  .panel_1vH2h .footer_3vPKV .loading_tKIMb .top_1LeLP {
        margin-bottom: 11px;
        width: 271px;
        height: 24px;
        background: #fe9c8b; }
  .panel_1vH2h .footer_3vPKV .loading_tKIMb .bottom_1i3wh {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-line-pack: start;
            align-content: flex-start;
        gap: 6px 13px; }
  .panel_1vH2h .footer_3vPKV .loading_tKIMb .bottom_1i3wh .area_3SbkN {
          width: calc((100% - 13px) / 2);
          height: 24px;
          background: #fe9c8b; }
  .panel_1vH2h .footer_3vPKV .title_3AjE2 {
      font-weight: bold;
      font-size: 16px;
      color: #181818; }
  .panel_1vH2h .footer_3vPKV .items_2e7RK {
      margin-top: 12px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-line-pack: start;
          align-content: flex-start;
      gap: 8px 102px; }
  .panel_1vH2h .footer_3vPKV .items_2e7RK .item_1WXIM {
        width: 217px;
        height: 22px;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 16px;
        color: #181818;
        line-height: 22px;
        text-align: left;
        font-style: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .panel_1vH2h .footer_3vPKV .items_2e7RK .item_1WXIM .name_3lPPp {
          margin-right: 5px; }
  .panel_1vH2h .footer_3vPKV .items_2e7RK .item_1WXIM .phone_3w_tV {
          color: #1677ff;
          font-weight: bold;
          cursor: pointer; }

.panel_-gTYb {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 17px 24px 24px 24px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .panel_-gTYb .itemsContainer_rC1av {
    padding: 0 24px;
    width: calc(100% + 48px);
    margin-left: -24px;
    height: 180px;
    position: relative; }
  .panel_-gTYb .itemsContainer_rC1av .btn_2N6Wd {
      position: absolute;
      z-index: 10;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background: rgba(83, 102, 235, 0.5);
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .panel_-gTYb .itemsContainer_rC1av .btn_2N6Wd.left_2mjRa {
        left: 24px;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%); }
  .panel_-gTYb .itemsContainer_rC1av .btn_2N6Wd.right_1oVhH {
        right: 24px;
        top: 50%;
        -webkit-transform: translateX(50%) translateY(-50%);
            -ms-transform: translateX(50%) translateY(-50%);
                transform: translateX(50%) translateY(-50%); }
  .panel_-gTYb .itemsContainer_rC1av .btn_2N6Wd i {
        color: #fff;
        font-size: 12px; }
  .panel_-gTYb .itemsContainer_rC1av .itemsContainer1_2WAEL {
      width: 100%;
      height: 100%; }
  .panel_-gTYb .itemsContainer_rC1av .itemsContainer1_2WAEL .items_7KTsr {
        margin-top: 25px;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24px;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease; }
  .panel_-gTYb .itemsContainer_rC1av .itemsContainer1_2WAEL .items_7KTsr .loadingItem_3Qlj5 {
          -ms-flex-negative: 0;
              flex-shrink: 0;
          width: 229px;
          height: 155px;
          background: #f9f9f9;
          border-radius: 24px;
          border: 1px solid #dedfde;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          padding: 10px 16px; }
  .panel_-gTYb .itemsContainer_rC1av .itemsContainer1_2WAEL .items_7KTsr .loadingItem_3Qlj5 .loadingItemInner_NBQqy {
            width: 100%;
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            gap: 2px; }
  .panel_-gTYb .itemsContainer_rC1av .itemsContainer1_2WAEL .items_7KTsr .loadingItem_3Qlj5 .loadingItemInner_NBQqy .loadingItemInnerCenter_3y2iC {
              width: 100%;
              height: 0;
              -webkit-box-flex: 60;
                  -ms-flex-positive: 60;
                      flex-grow: 60;
              background: #fe9c8b; }
  .panel_-gTYb .itemsContainer_rC1av .itemsContainer1_2WAEL .items_7KTsr .loadingItem_3Qlj5 .loadingItemInner_NBQqy .loadingItemInnerTop_2-V7P {
              width: 100%;
              height: 0;
              -webkit-box-flex: 24;
                  -ms-flex-positive: 24;
                      flex-grow: 24;
              background: #fde1db; }
  .panel_-gTYb .itemsContainer_rC1av .itemsContainer1_2WAEL .items_7KTsr .loadingItem_3Qlj5 .loadingItemInner_NBQqy .loadingItemInnerBottom_1MU90 {
              width: 100%;
              height: 0;
              -webkit-box-flex: 48;
                  -ms-flex-positive: 48;
                      flex-grow: 48;
              background: #fde1db; }
  .panel_-gTYb .itemsContainer_rC1av .itemsContainer1_2WAEL .items_7KTsr .item_I95Cm {
          position: relative;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          width: 229px;
          height: 155px;
          background: #f9f9f9;
          border-radius: 24px;
          border: 1px solid #bcb9ce;
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          cursor: pointer; }
  .panel_-gTYb .itemsContainer_rC1av .itemsContainer1_2WAEL .items_7KTsr .item_I95Cm .invitedPrice_19Rxj {
            position: absolute;
            left: 6px;
            top: -31px;
            z-index: 10; }
  .panel_-gTYb .itemsContainer_rC1av .itemsContainer1_2WAEL .items_7KTsr .item_I95Cm.active_2ICpl {
            background: -webkit-gradient(linear, left top, left bottom, from(#fdd9d2), to(#fff));
            background: linear-gradient(180deg, #fdd9d2 0%, #fff 100%);
            border: 1px solid #fe806a; }
  .panel_-gTYb .itemsContainer_rC1av .itemsContainer1_2WAEL .items_7KTsr .item_I95Cm .desc_1iJRo {
            margin-top: 24px;
            font-weight: 400;
            font-size: 20px;
            color: #080808;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
  .panel_-gTYb .itemsContainer_rC1av .itemsContainer1_2WAEL .items_7KTsr .item_I95Cm .desc_1iJRo img {
              width: 24px;
              margin-right: 5px; }
  .panel_-gTYb .itemsContainer_rC1av .itemsContainer1_2WAEL .items_7KTsr .item_I95Cm .money_2aGFC {
            margin-top: 10px;
            font-weight: bold;
            font-size: 38px;
            color: #080808; }
  .panel_-gTYb .itemsContainer_rC1av .itemsContainer1_2WAEL .items_7KTsr .item_I95Cm .huiyuan_A7cL2 {
            position: absolute;
            left: 0;
            top: -10px;
            -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
            width: 128px;
            height: 40px;
            background-repeat: no-repeat;
            background-size: cover;
            background-image: url("https://assets.wow-trend.com/wowtrend/static/resource/images/ai/88e30a0b.png"); }
  .panel_-gTYb .itemsContainer_rC1av .itemsContainer1_2WAEL .items_7KTsr .item_I95Cm .original_aLSJM {
            font-weight: 400;
            font-size: 16px;
            color: #080808;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
  .panel_-gTYb .itemsContainer_rC1av .itemsContainer1_2WAEL .items_7KTsr .item_I95Cm .original_aLSJM .inner_3SRAA {
              position: relative; }
  .panel_-gTYb .itemsContainer_rC1av .itemsContainer1_2WAEL .items_7KTsr .item_I95Cm .original_aLSJM .inner_3SRAA .line_3Ha1J {
                position: absolute;
                left: 0;
                top: calc(50% + 1px);
                width: 100%;
                height: 1px;
                background-color: #080808; }
  .panel_-gTYb .itemsContainer_rC1av .itemsContainer1_2WAEL .items_7KTsr .item_I95Cm .tips_mQQOa {
            color: #080808; }
  .panel_-gTYb .footer_39m7u {
    margin-top: 23px;
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("https://assets.wow-trend.com/wowtrend/static/resource/images/ai/98d197da.png");
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 13px; }
  .panel_-gTYb .footer_39m7u .loading_3yfa8 {
      width: 100%;
      height: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .panel_-gTYb .footer_39m7u .loading_3yfa8 .left_2mjRa {
        margin-right: 6px;
        width: 180px;
        height: 180px;
        background: #fe9c8b; }
  .panel_-gTYb .footer_39m7u .loading_3yfa8 .right_1oVhH {
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
  .panel_-gTYb .footer_39m7u .loading_3yfa8 .right_1oVhH .area_2QO-r {
          width: 100%;
          height: 64px;
          background: #fde1db; }
  .panel_-gTYb .footer_39m7u .loading_3yfa8 .right_1oVhH .area1_1c7dK {
          margin-top: 25px;
          width: 100%;
          height: 22px;
          background: #fe9c8b; }
  .panel_-gTYb .footer_39m7u .loading_3yfa8 .right_1oVhH .area2_1xL-Q {
          margin-top: 16px;
          width: 100%;
          height: 22px;
          background: #fe9c8b; }
  .panel_-gTYb .footer_39m7u .loading_3yfa8 .right_1oVhH .area3_1lXu4 {
          border-radius: 20px;
          margin-top: 16px;
          width: 100%;
          height: 40px;
          background: #fde1db; }
  .panel_-gTYb .footer_39m7u .qrCode_nHCMH {
      width: 185px;
      height: 185px; }
  .panel_-gTYb .footer_39m7u .info_1az_n {
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      height: 100%; }
  .panel_-gTYb .footer_39m7u .info_1az_n .top_yg9uh {
        height: 64px;
        font-weight: bold;
        font-size: 16px;
        color: #181818;
        line-height: 64px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .panel_-gTYb .footer_39m7u .info_1az_n .top_yg9uh .bold_2oU6H {
          margin-left: 5px;
          margin-right: 10px;
          font-size: 52px;
          position: relative; }
  .panel_-gTYb .footer_39m7u .info_1az_n .top_yg9uh .bold_2oU6H.active_2ICpl {
            color: #ff8200; }
  .panel_-gTYb .footer_39m7u .info_1az_n .top_yg9uh .bold_2oU6H .line_3Ha1J {
            position: absolute;
            left: 0;
            top: calc(50% + 1px);
            width: 100%;
            height: 1px;
            background-color: #181818; }
  .panel_-gTYb .footer_39m7u .info_1az_n .second_1O7Fl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 8px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 12px;
        font-weight: 400;
        font-size: 16px;
        color: #4c4568;
        line-height: 22px; }
  .panel_-gTYb .footer_39m7u .info_1az_n .second_1O7Fl img {
          width: 24px;
          height: 24px; }
  .panel_-gTYb .footer_39m7u .info_1az_n .third_1ENpn {
        margin-top: 8px;
        font-weight: 400;
        font-size: 16px;
        color: #4c4568;
        line-height: 22px; }
  .panel_-gTYb .footer_39m7u .info_1az_n .third_1ENpn .bold_2oU6H {
          font-weight: bold;
          color: #4c4568; }
  .panel_-gTYb .footer_39m7u .info_1az_n .last_1v4_Y {
        margin-top: 15px;
        padding-left: 16px;
        height: 40px;
        background: rgba(253, 214, 206, 0.7);
        border-radius: 20px;
        font-weight: 400;
        font-size: 16px;
        color: #080808;
        line-height: 38px;
        text-align: left; }
  .panel_-gTYb .footer_39m7u .info_1az_n .last_1v4_Y .bold_2oU6H {
          margin: 0 5px;
          font-size: 24px; }
  .panel_-gTYb .footer_39m7u .noShiYong_3toAa {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .panel_-gTYb .footer_39m7u .noShiYong_3toAa .img_363Nk {
        margin-top: 26px;
        width: 120px;
        height: 120px; }
  .panel_-gTYb .footer_39m7u .noShiYong_3toAa .text_vRwVq {
        margin-top: 16px;
        width: 240px;
        font-weight: bold;
        font-size: 16px;
        color: #080808;
        line-height: 24px; }
  .panel_-gTYb .footer_39m7u .invite_3r8KC {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 100%;
      font-size: 16px;
      gap: 8px;
      -ms-flex-item-align: center;
          align-self: center; }
  .panel_-gTYb .footer_39m7u .invite_3r8KC .inviteMessage_pXB9Q {
        font-size: 16px;
        color: #EB5353; }
  .panel_-gTYb .footer_39m7u .invite_3r8KC .title_2qBmm {
        font-weight: 500;
        color: #4c4568; }
  .panel_-gTYb .footer_39m7u .invite_3r8KC .textarea_x6DLb {
        width: 100%;
        font-size: 12px;
        color: #000;
        height: 64px;
        padding: 8px;
        outline: none;
        border: none;
        background: #f9f9f9;
        resize: none;
        text-align: justify; }
  .panel_-gTYb .footer_39m7u .invite_3r8KC .textarea_x6DLb::-webkit-input-placeholder {
          color: rgba(24, 24, 24, 0.4); }
  .panel_-gTYb .footer_39m7u .invite_3r8KC .textarea_x6DLb::-moz-placeholder {
          color: rgba(24, 24, 24, 0.4); }
  .panel_-gTYb .footer_39m7u .invite_3r8KC .textarea_x6DLb:-ms-input-placeholder {
          color: rgba(24, 24, 24, 0.4); }
  .panel_-gTYb .footer_39m7u .invite_3r8KC .textarea_x6DLb::-ms-input-placeholder {
          color: rgba(24, 24, 24, 0.4); }
  .panel_-gTYb .footer_39m7u .invite_3r8KC .textarea_x6DLb::placeholder {
          color: rgba(24, 24, 24, 0.4); }
  .panel_-gTYb .footer_39m7u .invite_3r8KC .coupon_7bdqE {
        padding: 8px 30px;
        cursor: pointer;
        background: linear-gradient(216deg, #FF6D61 0%, #FFAE5E 100%, #5366EB 100%);
        border: 1px solid #ff6d61;
        color: #fff; }
  .panel_-gTYb .footer_39m7u .invite_3r8KC .coupon_7bdqE:disabled {
          background: #feb6a9;
          border: 1px solid #feb6a9;
          color: rgba(255, 255, 255, 0.6);
          cursor: not-allowed; }
  .panel_-gTYb .footer_39m7u .invite_3r8KC .tips_mQQOa {
        color: #4c4568; }
  .panel_-gTYb .footer_39m7u .invite_3r8KC .actions_3sMM5 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
  .sales_1GzUl {
  max-width: 563px;
  border-radius: 8px; }
  .sales_1GzUl .title_2qBmm {
    font-weight: bold;
    font-size: 16px;
    color: #4c4568; }
  .sales_1GzUl .items_7KTsr {
    margin-top: 12px;
    gap: 8px 102px;
    display: grid;
    grid-template-columns: repeat(2, 1fr); }
  .sales_1GzUl .items_7KTsr .item_I95Cm {
      width: 217px;
      height: 22px;
      font-weight: 400;
      font-size: 16px;
      color: #4c4568;
      line-height: 22px;
      text-align: left;
      font-style: normal;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .sales_1GzUl .items_7KTsr .item_I95Cm .name_1cSXu {
        margin-right: 5px; }
  .sales_1GzUl .items_7KTsr .item_I95Cm .phone_2oH4K {
        color: #1677ff;
        font-weight: bold;
        cursor: pointer; }

.content_1CNbi {
  width: 100%;
  height: 808px;
  background: #fff;
  border-radius: 24px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  .content_1CNbi .close_11zsM {
    position: absolute;
    right: 29px;
    top: 29px;
    font-size: 24px;
    color: #000;
    cursor: pointer; }
  .content_1CNbi .left_1ocvX {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 389px;
    height: 100%;
    background-image: url("https://assets.wow-trend.com/wowtrend/static/resource/images/ai/6af71671.png");
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .content_1CNbi .left_1ocvX .logo_r0u_a {
      margin-top: 81px;
      margin-left: 22px;
      width: 164px;
      height: 24px; }
  .content_1CNbi .left_1ocvX .title_1vdy7 {
      margin-top: 19px;
      height: 33px; }
  .content_1CNbi .left_1ocvX .item_3uQKx {
      margin-left: 32px;
      margin-top: 42px; }
  .content_1CNbi .left_1ocvX .item_3uQKx .itemHeader_2BzKk {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 12px; }
  .content_1CNbi .left_1ocvX .item_3uQKx .itemHeader_2BzKk .icon_q167k {
          width: 32px;
          height: 32px; }
  .content_1CNbi .left_1ocvX .item_3uQKx .itemHeader_2BzKk .name_31xtH {
          font-weight: bold;
          font-size: 24px;
          color: #382421; }
  .content_1CNbi .left_1ocvX .item_3uQKx .text_3RyuY {
        font-weight: 400;
        font-size: 18px;
        color: rgba(8, 8, 8, 0.7); }
  .content_1CNbi .right_2hjdX {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 100%;
    border-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .content_1CNbi .right_2hjdX .rightHeader_10WUB {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 24px;
      height: 146px;
      background: #fff; }
  .content_1CNbi .right_2hjdX .rightHeader_10WUB .top_2rFVI {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .content_1CNbi .right_2hjdX .rightHeader_10WUB .top_2rFVI .avatar_MaNaU {
          -ms-flex-negative: 0;
              flex-shrink: 0;
          width: 42px;
          height: 42px;
          border-radius: 50%;
          position: relative;
          background-color: #fff;
          overflow: hidden; }
  .content_1CNbi .right_2hjdX .rightHeader_10WUB .top_2rFVI .avatar_MaNaU .img_1dukL {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover; }
  .content_1CNbi .right_2hjdX .rightHeader_10WUB .top_2rFVI .avatar_MaNaU i {
            font-size: 46px;
            color: #000;
            display: block;
            -webkit-transform: translateY(-12.5px) translatex(-1.5px);
                -ms-transform: translateY(-12.5px) translatex(-1.5px);
                    transform: translateY(-12.5px) translatex(-1.5px); }
  .content_1CNbi .right_2hjdX .rightHeader_10WUB .top_2rFVI .avatar_MaNaU .icon_q167k {
            position: absolute;
            right: 0;
            bottom: 0;
            width: 16px;
            height: 15px;
            font-size: 16px; }
  .content_1CNbi .right_2hjdX .rightHeader_10WUB .top_2rFVI .name_31xtH {
          margin-left: 12px;
          font-weight: 500;
          font-size: 24px;
          color: #181818; }
  .content_1CNbi .right_2hjdX .rightHeader_10WUB .value_1bXBt {
        margin-top: 18px;
        font-weight: 400;
        font-size: 18px;
        color: #181818;
        line-height: 25px; }
  .content_1CNbi .right_2hjdX .rightHeader_10WUB .value_1bXBt .bold_Bk9zf {
          font-weight: bold;
          line-height: 33px; }
  .content_1CNbi .right_2hjdX .panels_2lxWR {
      border-radius: 24px 24px 0 0;
      background-color: #fff;
      -webkit-box-shadow: 0px 0px 20px 0px rgba(104, 69, 69, 0.26);
              box-shadow: 0px 0px 20px 0px rgba(104, 69, 69, 0.26);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .content_1CNbi .right_2hjdX .panels_2lxWR .panel_3_fy9 {
        width: 50%;
        height: 70px;
        font-weight: bold;
        font-size: 24px;
        text-align: center;
        line-height: 70px;
        color: #382421;
        cursor: pointer; }
  .content_1CNbi .right_2hjdX .panels_2lxWR .panel_3_fy9.selected_2rfmw {
          background-repeat: no-repeat;
          background-size: cover;
          color: rgba(24, 24, 24, 0.5); }
  .content_1CNbi .right_2hjdX .panels_2lxWR .panel_3_fy9:first-child.selected_2rfmw {
          background-image: url("https://assets.wow-trend.com/wowtrend/static/resource/images/ai/e43236d9.png"); }
  .content_1CNbi .right_2hjdX .panels_2lxWR .panel_3_fy9:last-child.selected_2rfmw {
          background-image: url("https://assets.wow-trend.com/wowtrend/static/resource/images/ai/22b1bea2.png"); }
  .content_1CNbi .right_2hjdX .panels_2lxWR .panel_3_fy9 .small_2Rqa4 {
          margin-left: 10px;
          font-size: 16px; }

.about_73auX {
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .about_73auX .top_5uEkj {
    width: 100%;
    height: 32px;
    background: #5366eb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-weight: bold;
    font-size: 16px;
    color: #fff; }
  .about_73auX .top_5uEkj i {
      margin-left: 8px;
      color: #fff; }
  .about_73auX .header_3sx1p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 16px 24px;
    border-bottom: 1px solid #b6bbf2; }
  .about_73auX .header_3sx1p img {
      width: 254px;
      height: 36px;
      margin-right: 48px;
      cursor: pointer; }
  .about_73auX .header_3sx1p .panel_Tfuy6 {
      font-weight: 500;
      font-size: 16px;
      color: #4c4568;
      cursor: pointer; }
  .about_73auX .header_3sx1p .panel_Tfuy6.active_2APIl {
        font-weight: 800; }
  .about_73auX .header_3sx1p .panel_Tfuy6:last-child {
        margin-left: 48px; }
  .about_73auX .main_Ub75H {
    width: 100%;
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

.filterTextLi_2UgSS.Normal_24eye {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  margin-bottom: 4px;
  height: 22px;
  cursor: pointer; }
  .filterTextLi_2UgSS.Normal_24eye:hover {
    background-color: #F6F6F6; }
  .filterTextLi_2UgSS.Normal_24eye.selected_1Zvq3 {
    background-color: #111111; }
  .filterTextLi_2UgSS.Normal_24eye.selected_1Zvq3 .contentBox_XXlN9 .text_oKK7j {
      color: #fff; }
  .filterTextLi_2UgSS.Normal_24eye .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterTextLi_2UgSS.Normal_24eye .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterTextLi_2UgSS.Normal_24eye .contentBox_XXlN9 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 22px; }
  .filterTextLi_2UgSS.Normal_24eye .contentBox_XXlN9 .text_oKK7j {
      font-size: 12px;
      line-height: 22px;
      color: #333; }
  .filterTextLi_2UgSS.Normal_24eye .contentBox_XXlN9 .text_oKK7j.textOverflow_1FDB8 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterTextLi_2UgSS.DarkCyan_I3tSL {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  margin-bottom: 4px;
  height: 22px;
  cursor: pointer; }
  .filterTextLi_2UgSS.DarkCyan_I3tSL:hover {
    background-color: #F6F6F6; }
  .filterTextLi_2UgSS.DarkCyan_I3tSL.selected_1Zvq3 {
    background-color: #111111; }
  .filterTextLi_2UgSS.DarkCyan_I3tSL.selected_1Zvq3 .contentBox_XXlN9 .text_oKK7j {
      color: #fff; }
  .filterTextLi_2UgSS.DarkCyan_I3tSL .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterTextLi_2UgSS.DarkCyan_I3tSL .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterTextLi_2UgSS.DarkCyan_I3tSL .contentBox_XXlN9 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 22px; }
  .filterTextLi_2UgSS.DarkCyan_I3tSL .contentBox_XXlN9 .text_oKK7j {
      font-size: 12px;
      line-height: 22px;
      color: #333; }
  .filterTextLi_2UgSS.DarkCyan_I3tSL .contentBox_XXlN9 .text_oKK7j.textOverflow_1FDB8 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterTextLi_2UgSS.Wheat_1puUF {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  margin-bottom: 4px;
  height: 22px;
  cursor: pointer; }
  .filterTextLi_2UgSS.Wheat_1puUF:hover {
    background-color: #F6F6F6; }
  .filterTextLi_2UgSS.Wheat_1puUF.selected_1Zvq3 {
    background-color: #111111; }
  .filterTextLi_2UgSS.Wheat_1puUF.selected_1Zvq3 .contentBox_XXlN9 .text_oKK7j {
      color: #fff; }
  .filterTextLi_2UgSS.Wheat_1puUF .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterTextLi_2UgSS.Wheat_1puUF .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterTextLi_2UgSS.Wheat_1puUF .contentBox_XXlN9 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 22px; }
  .filterTextLi_2UgSS.Wheat_1puUF .contentBox_XXlN9 .text_oKK7j {
      font-size: 12px;
      line-height: 22px;
      color: #333; }
  .filterTextLi_2UgSS.Wheat_1puUF .contentBox_XXlN9 .text_oKK7j.textOverflow_1FDB8 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterTextLi_2UgSS.RosyBrown_VQmQj {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  margin-bottom: 4px;
  height: 22px;
  cursor: pointer; }
  .filterTextLi_2UgSS.RosyBrown_VQmQj:hover {
    background-color: #F6F6F6; }
  .filterTextLi_2UgSS.RosyBrown_VQmQj.selected_1Zvq3 {
    background-color: #111111; }
  .filterTextLi_2UgSS.RosyBrown_VQmQj.selected_1Zvq3 .contentBox_XXlN9 .text_oKK7j {
      color: #fff; }
  .filterTextLi_2UgSS.RosyBrown_VQmQj .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterTextLi_2UgSS.RosyBrown_VQmQj .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterTextLi_2UgSS.RosyBrown_VQmQj .contentBox_XXlN9 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 22px; }
  .filterTextLi_2UgSS.RosyBrown_VQmQj .contentBox_XXlN9 .text_oKK7j {
      font-size: 12px;
      line-height: 22px;
      color: #333; }
  .filterTextLi_2UgSS.RosyBrown_VQmQj .contentBox_XXlN9 .text_oKK7j.textOverflow_1FDB8 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterTextLi_2UgSS.Chocolate_3kedE {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  margin-bottom: 4px;
  height: 22px;
  cursor: pointer; }
  .filterTextLi_2UgSS.Chocolate_3kedE:hover {
    background-color: #F6F6F6; }
  .filterTextLi_2UgSS.Chocolate_3kedE.selected_1Zvq3 {
    background-color: #111111; }
  .filterTextLi_2UgSS.Chocolate_3kedE.selected_1Zvq3 .contentBox_XXlN9 .text_oKK7j {
      color: #fff; }
  .filterTextLi_2UgSS.Chocolate_3kedE .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterTextLi_2UgSS.Chocolate_3kedE .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterTextLi_2UgSS.Chocolate_3kedE .contentBox_XXlN9 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 22px; }
  .filterTextLi_2UgSS.Chocolate_3kedE .contentBox_XXlN9 .text_oKK7j {
      font-size: 12px;
      line-height: 22px;
      color: #333; }
  .filterTextLi_2UgSS.Chocolate_3kedE .contentBox_XXlN9 .text_oKK7j.textOverflow_1FDB8 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterTextLi_2UgSS.Coral_21VBY {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  margin-bottom: 4px;
  height: 22px;
  cursor: pointer; }
  .filterTextLi_2UgSS.Coral_21VBY:hover {
    background-color: #F6F6F6; }
  .filterTextLi_2UgSS.Coral_21VBY.selected_1Zvq3 {
    background-color: #111111; }
  .filterTextLi_2UgSS.Coral_21VBY.selected_1Zvq3 .contentBox_XXlN9 .text_oKK7j {
      color: #fff; }
  .filterTextLi_2UgSS.Coral_21VBY .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterTextLi_2UgSS.Coral_21VBY .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterTextLi_2UgSS.Coral_21VBY .contentBox_XXlN9 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 22px; }
  .filterTextLi_2UgSS.Coral_21VBY .contentBox_XXlN9 .text_oKK7j {
      font-size: 12px;
      line-height: 22px;
      color: #333; }
  .filterTextLi_2UgSS.Coral_21VBY .contentBox_XXlN9 .text_oKK7j.textOverflow_1FDB8 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterTextLi_2UgSS.CadetBlue_JbbXF {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  margin-bottom: 4px;
  height: 22px;
  cursor: pointer; }
  .filterTextLi_2UgSS.CadetBlue_JbbXF:hover {
    background-color: #F6F6F6; }
  .filterTextLi_2UgSS.CadetBlue_JbbXF.selected_1Zvq3 {
    background-color: #111111; }
  .filterTextLi_2UgSS.CadetBlue_JbbXF.selected_1Zvq3 .contentBox_XXlN9 .text_oKK7j {
      color: #fff; }
  .filterTextLi_2UgSS.CadetBlue_JbbXF .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterTextLi_2UgSS.CadetBlue_JbbXF .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterTextLi_2UgSS.CadetBlue_JbbXF .contentBox_XXlN9 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 22px; }
  .filterTextLi_2UgSS.CadetBlue_JbbXF .contentBox_XXlN9 .text_oKK7j {
      font-size: 12px;
      line-height: 22px;
      color: #333; }
  .filterTextLi_2UgSS.CadetBlue_JbbXF .contentBox_XXlN9 .text_oKK7j.textOverflow_1FDB8 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterTextLi_2UgSS.Gold_aYU5J {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  margin-bottom: 4px;
  height: 22px;
  cursor: pointer; }
  .filterTextLi_2UgSS.Gold_aYU5J:hover {
    background-color: #F6F6F6; }
  .filterTextLi_2UgSS.Gold_aYU5J.selected_1Zvq3 {
    background-color: #111111; }
  .filterTextLi_2UgSS.Gold_aYU5J.selected_1Zvq3 .contentBox_XXlN9 .text_oKK7j {
      color: #fff; }
  .filterTextLi_2UgSS.Gold_aYU5J .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterTextLi_2UgSS.Gold_aYU5J .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterTextLi_2UgSS.Gold_aYU5J .contentBox_XXlN9 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 22px; }
  .filterTextLi_2UgSS.Gold_aYU5J .contentBox_XXlN9 .text_oKK7j {
      font-size: 12px;
      line-height: 22px;
      color: #333; }
  .filterTextLi_2UgSS.Gold_aYU5J .contentBox_XXlN9 .text_oKK7j.textOverflow_1FDB8 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterTextLi_2UgSS.PowDerBlue_3RN1r {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  margin-bottom: 4px;
  height: 22px;
  cursor: pointer; }
  .filterTextLi_2UgSS.PowDerBlue_3RN1r:hover {
    background-color: #F6F6F6; }
  .filterTextLi_2UgSS.PowDerBlue_3RN1r.selected_1Zvq3 {
    background-color: #111111; }
  .filterTextLi_2UgSS.PowDerBlue_3RN1r.selected_1Zvq3 .contentBox_XXlN9 .text_oKK7j {
      color: #fff; }
  .filterTextLi_2UgSS.PowDerBlue_3RN1r .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterTextLi_2UgSS.PowDerBlue_3RN1r .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterTextLi_2UgSS.PowDerBlue_3RN1r .contentBox_XXlN9 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 22px; }
  .filterTextLi_2UgSS.PowDerBlue_3RN1r .contentBox_XXlN9 .text_oKK7j {
      font-size: 12px;
      line-height: 22px;
      color: #333; }
  .filterTextLi_2UgSS.PowDerBlue_3RN1r .contentBox_XXlN9 .text_oKK7j.textOverflow_1FDB8 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterTextLi_2UgSS.Dark_wca7i {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  margin-bottom: 4px;
  height: 22px;
  cursor: pointer; }
  .filterTextLi_2UgSS.Dark_wca7i:hover {
    background-color: #F6F6F6; }
  .filterTextLi_2UgSS.Dark_wca7i.selected_1Zvq3 {
    background-color: #111111; }
  .filterTextLi_2UgSS.Dark_wca7i.selected_1Zvq3 .contentBox_XXlN9 .text_oKK7j {
      color: #fff; }
  .filterTextLi_2UgSS.Dark_wca7i .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterTextLi_2UgSS.Dark_wca7i .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterTextLi_2UgSS.Dark_wca7i .contentBox_XXlN9 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 22px; }
  .filterTextLi_2UgSS.Dark_wca7i .contentBox_XXlN9 .text_oKK7j {
      font-size: 12px;
      line-height: 22px;
      color: #333; }
  .filterTextLi_2UgSS.Dark_wca7i .contentBox_XXlN9 .text_oKK7j.textOverflow_1FDB8 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterDarkLi_1qdTY.Normal_24eye {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  height: 37px;
  line-height: 37px;
  cursor: pointer; }
  .filterDarkLi_1qdTY.Normal_24eye:hover {
    background-color: #F6F6F6; }
  .filterDarkLi_1qdTY.Normal_24eye.selected_1Zvq3 {
    background-color: #111111; }
  .filterDarkLi_1qdTY.Normal_24eye.selected_1Zvq3 .contentBox_XXlN9 .text_oKK7j {
      color: #fff; }
  .filterDarkLi_1qdTY.Normal_24eye .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_1qdTY.Normal_24eye .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterDarkLi_1qdTY.Normal_24eye .contentBox_XXlN9 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_1qdTY.Normal_24eye .contentBox_XXlN9 .text_oKK7j {
      font-size: 12px;
      line-height: 37px;
      color: #333; }
  .filterDarkLi_1qdTY.Normal_24eye .contentBox_XXlN9 .text_oKK7j.textOverflow_1FDB8 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterDarkLi_1qdTY.Normal_24eye .colorBlock_26_jj {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 80px;
    top: 12px;
    border: 1px solid #eee; }
  .filterDarkLi_1qdTY.Normal_24eye .disabled_2VpbY {
    color: #aaa;
    cursor: not-allowed; }
  .filterDarkLi_1qdTY.DarkCyan_I3tSL {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  height: 37px;
  line-height: 37px;
  cursor: pointer; }
  .filterDarkLi_1qdTY.DarkCyan_I3tSL:hover {
    background-color: #F6F6F6; }
  .filterDarkLi_1qdTY.DarkCyan_I3tSL.selected_1Zvq3 {
    background-color: #111111; }
  .filterDarkLi_1qdTY.DarkCyan_I3tSL.selected_1Zvq3 .contentBox_XXlN9 .text_oKK7j {
      color: #fff; }
  .filterDarkLi_1qdTY.DarkCyan_I3tSL .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_1qdTY.DarkCyan_I3tSL .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterDarkLi_1qdTY.DarkCyan_I3tSL .contentBox_XXlN9 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_1qdTY.DarkCyan_I3tSL .contentBox_XXlN9 .text_oKK7j {
      line-height: 37px; }
  .filterDarkLi_1qdTY.DarkCyan_I3tSL .contentBox_XXlN9 .text_oKK7j.textOverflow_1FDB8 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterDarkLi_1qdTY.DarkCyan_I3tSL .colorBlock_26_jj {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 80px;
    top: 12px;
    border: 1px solid #eee; }
  .filterDarkLi_1qdTY.DarkCyan_I3tSL .disabled_2VpbY {
    color: #aaa;
    cursor: not-allowed; }
  .filterDarkLi_1qdTY.Wheat_1puUF {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  height: 37px;
  line-height: 37px;
  cursor: pointer; }
  .filterDarkLi_1qdTY.Wheat_1puUF:hover {
    background-color: #F6F6F6; }
  .filterDarkLi_1qdTY.Wheat_1puUF.selected_1Zvq3 {
    background-color: #111111; }
  .filterDarkLi_1qdTY.Wheat_1puUF.selected_1Zvq3 .contentBox_XXlN9 .text_oKK7j {
      color: #fff; }
  .filterDarkLi_1qdTY.Wheat_1puUF .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_1qdTY.Wheat_1puUF .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterDarkLi_1qdTY.Wheat_1puUF .contentBox_XXlN9 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_1qdTY.Wheat_1puUF .contentBox_XXlN9 .text_oKK7j {
      line-height: 37px; }
  .filterDarkLi_1qdTY.Wheat_1puUF .contentBox_XXlN9 .text_oKK7j.textOverflow_1FDB8 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterDarkLi_1qdTY.Wheat_1puUF .colorBlock_26_jj {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 80px;
    top: 12px;
    border: 1px solid #eee; }
  .filterDarkLi_1qdTY.Wheat_1puUF .disabled_2VpbY {
    color: #aaa;
    cursor: not-allowed; }
  .filterDarkLi_1qdTY.RosyBrown_VQmQj {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  height: 37px;
  line-height: 37px;
  cursor: pointer; }
  .filterDarkLi_1qdTY.RosyBrown_VQmQj:hover {
    background-color: #F6F6F6; }
  .filterDarkLi_1qdTY.RosyBrown_VQmQj.selected_1Zvq3 {
    background-color: #111111; }
  .filterDarkLi_1qdTY.RosyBrown_VQmQj.selected_1Zvq3 .contentBox_XXlN9 .text_oKK7j {
      color: #fff; }
  .filterDarkLi_1qdTY.RosyBrown_VQmQj .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_1qdTY.RosyBrown_VQmQj .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterDarkLi_1qdTY.RosyBrown_VQmQj .contentBox_XXlN9 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_1qdTY.RosyBrown_VQmQj .contentBox_XXlN9 .text_oKK7j {
      line-height: 37px; }
  .filterDarkLi_1qdTY.RosyBrown_VQmQj .contentBox_XXlN9 .text_oKK7j.textOverflow_1FDB8 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterDarkLi_1qdTY.RosyBrown_VQmQj .colorBlock_26_jj {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 80px;
    top: 12px;
    border: 1px solid #eee; }
  .filterDarkLi_1qdTY.RosyBrown_VQmQj .disabled_2VpbY {
    color: #aaa;
    cursor: not-allowed; }
  .filterDarkLi_1qdTY.Chocolate_3kedE {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  height: 37px;
  line-height: 37px;
  cursor: pointer; }
  .filterDarkLi_1qdTY.Chocolate_3kedE:hover {
    background-color: #F6F6F6; }
  .filterDarkLi_1qdTY.Chocolate_3kedE.selected_1Zvq3 {
    background-color: #111111; }
  .filterDarkLi_1qdTY.Chocolate_3kedE.selected_1Zvq3 .contentBox_XXlN9 .text_oKK7j {
      color: #fff; }
  .filterDarkLi_1qdTY.Chocolate_3kedE .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_1qdTY.Chocolate_3kedE .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterDarkLi_1qdTY.Chocolate_3kedE .contentBox_XXlN9 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_1qdTY.Chocolate_3kedE .contentBox_XXlN9 .text_oKK7j {
      line-height: 37px; }
  .filterDarkLi_1qdTY.Chocolate_3kedE .contentBox_XXlN9 .text_oKK7j.textOverflow_1FDB8 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterDarkLi_1qdTY.Chocolate_3kedE .colorBlock_26_jj {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 80px;
    top: 12px;
    border: 1px solid #eee; }
  .filterDarkLi_1qdTY.Chocolate_3kedE .disabled_2VpbY {
    color: #aaa;
    cursor: not-allowed; }
  .filterDarkLi_1qdTY.Coral_21VBY {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  height: 37px;
  line-height: 37px;
  cursor: pointer; }
  .filterDarkLi_1qdTY.Coral_21VBY:hover {
    background-color: #F6F6F6; }
  .filterDarkLi_1qdTY.Coral_21VBY.selected_1Zvq3 {
    background-color: #111111; }
  .filterDarkLi_1qdTY.Coral_21VBY.selected_1Zvq3 .contentBox_XXlN9 .text_oKK7j {
      color: #fff; }
  .filterDarkLi_1qdTY.Coral_21VBY .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_1qdTY.Coral_21VBY .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterDarkLi_1qdTY.Coral_21VBY .contentBox_XXlN9 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_1qdTY.Coral_21VBY .contentBox_XXlN9 .text_oKK7j {
      line-height: 37px; }
  .filterDarkLi_1qdTY.Coral_21VBY .contentBox_XXlN9 .text_oKK7j.textOverflow_1FDB8 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterDarkLi_1qdTY.Coral_21VBY .colorBlock_26_jj {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 80px;
    top: 12px;
    border: 1px solid #eee; }
  .filterDarkLi_1qdTY.Coral_21VBY .disabled_2VpbY {
    color: #aaa;
    cursor: not-allowed; }
  .filterDarkLi_1qdTY.CadetBlue_JbbXF {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  height: 37px;
  line-height: 37px;
  cursor: pointer; }
  .filterDarkLi_1qdTY.CadetBlue_JbbXF:hover {
    background-color: #F6F6F6; }
  .filterDarkLi_1qdTY.CadetBlue_JbbXF.selected_1Zvq3 {
    background-color: #111111; }
  .filterDarkLi_1qdTY.CadetBlue_JbbXF.selected_1Zvq3 .contentBox_XXlN9 .text_oKK7j {
      color: #fff; }
  .filterDarkLi_1qdTY.CadetBlue_JbbXF .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_1qdTY.CadetBlue_JbbXF .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterDarkLi_1qdTY.CadetBlue_JbbXF .contentBox_XXlN9 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_1qdTY.CadetBlue_JbbXF .contentBox_XXlN9 .text_oKK7j {
      line-height: 37px; }
  .filterDarkLi_1qdTY.CadetBlue_JbbXF .contentBox_XXlN9 .text_oKK7j.textOverflow_1FDB8 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterDarkLi_1qdTY.CadetBlue_JbbXF .colorBlock_26_jj {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 80px;
    top: 12px;
    border: 1px solid #eee; }
  .filterDarkLi_1qdTY.CadetBlue_JbbXF .disabled_2VpbY {
    color: #aaa;
    cursor: not-allowed; }
  .filterDarkLi_1qdTY.Gold_aYU5J {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  height: 37px;
  line-height: 37px;
  cursor: pointer; }
  .filterDarkLi_1qdTY.Gold_aYU5J:hover {
    background-color: #F6F6F6; }
  .filterDarkLi_1qdTY.Gold_aYU5J.selected_1Zvq3 {
    background-color: #111111; }
  .filterDarkLi_1qdTY.Gold_aYU5J.selected_1Zvq3 .contentBox_XXlN9 .text_oKK7j {
      color: #fff; }
  .filterDarkLi_1qdTY.Gold_aYU5J .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_1qdTY.Gold_aYU5J .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterDarkLi_1qdTY.Gold_aYU5J .contentBox_XXlN9 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_1qdTY.Gold_aYU5J .contentBox_XXlN9 .text_oKK7j {
      line-height: 37px; }
  .filterDarkLi_1qdTY.Gold_aYU5J .contentBox_XXlN9 .text_oKK7j.textOverflow_1FDB8 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterDarkLi_1qdTY.Gold_aYU5J .colorBlock_26_jj {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 80px;
    top: 12px;
    border: 1px solid #eee; }
  .filterDarkLi_1qdTY.Gold_aYU5J .disabled_2VpbY {
    color: #aaa;
    cursor: not-allowed; }
  .filterDarkLi_1qdTY.PowDerBlue_3RN1r {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  height: 37px;
  line-height: 37px;
  cursor: pointer; }
  .filterDarkLi_1qdTY.PowDerBlue_3RN1r:hover {
    background-color: #F6F6F6; }
  .filterDarkLi_1qdTY.PowDerBlue_3RN1r.selected_1Zvq3 {
    background-color: #111111; }
  .filterDarkLi_1qdTY.PowDerBlue_3RN1r.selected_1Zvq3 .contentBox_XXlN9 .text_oKK7j {
      color: #fff; }
  .filterDarkLi_1qdTY.PowDerBlue_3RN1r .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_1qdTY.PowDerBlue_3RN1r .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterDarkLi_1qdTY.PowDerBlue_3RN1r .contentBox_XXlN9 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_1qdTY.PowDerBlue_3RN1r .contentBox_XXlN9 .text_oKK7j {
      line-height: 37px; }
  .filterDarkLi_1qdTY.PowDerBlue_3RN1r .contentBox_XXlN9 .text_oKK7j.textOverflow_1FDB8 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterDarkLi_1qdTY.PowDerBlue_3RN1r .colorBlock_26_jj {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 80px;
    top: 12px;
    border: 1px solid #eee; }
  .filterDarkLi_1qdTY.PowDerBlue_3RN1r .disabled_2VpbY {
    color: #aaa;
    cursor: not-allowed; }
  .filterDarkLi_1qdTY.Dark_wca7i {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  height: 37px;
  line-height: 37px;
  cursor: pointer; }
  .filterDarkLi_1qdTY.Dark_wca7i:hover {
    background-color: #F6F6F6; }
  .filterDarkLi_1qdTY.Dark_wca7i.selected_1Zvq3 {
    background-color: #111111; }
  .filterDarkLi_1qdTY.Dark_wca7i.selected_1Zvq3 .contentBox_XXlN9 .text_oKK7j {
      color: #fff; }
  .filterDarkLi_1qdTY.Dark_wca7i .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_1qdTY.Dark_wca7i .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterDarkLi_1qdTY.Dark_wca7i .contentBox_XXlN9 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_1qdTY.Dark_wca7i .contentBox_XXlN9 .text_oKK7j {
      font-size: 14px;
      line-height: 37px;
      color: rgba(0, 0, 0, 0.6); }
  .filterDarkLi_1qdTY.Dark_wca7i .contentBox_XXlN9 .text_oKK7j.textOverflow_1FDB8 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterDarkLi_1qdTY.Dark_wca7i .colorBlock_26_jj {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 80px;
    top: 12px;
    border: 1px solid #eee; }
  .filterDarkLi_1qdTY.Dark_wca7i .disabled_2VpbY {
    color: #aaa;
    cursor: not-allowed; }
  .filterColorLi_bvst3.Normal_24eye {
  display: inline-block;
  width: 33%;
  padding-left: 2px;
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 22px;
  cursor: pointer; }
  .filterColorLi_bvst3.Normal_24eye .colorBox_XM3XX {
    width: 22px;
    height: 22px;
    border-radius: 13px;
    border: 1px solid #eee; }
  .filterColorLi_bvst3.Normal_24eye .colorBox_XM3XX:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_bvst3.Normal_24eye .colorBox_XM3XX.selected_1Zvq3 {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_bvst3.DarkCyan_I3tSL {
  display: inline-block;
  width: 33%;
  padding-left: 2px;
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 22px;
  cursor: pointer; }
  .filterColorLi_bvst3.DarkCyan_I3tSL .colorBox_XM3XX {
    width: 22px;
    height: 22px;
    border-radius: 13px;
    border: 1px solid #eee; }
  .filterColorLi_bvst3.DarkCyan_I3tSL .colorBox_XM3XX:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_bvst3.DarkCyan_I3tSL .colorBox_XM3XX.selected_1Zvq3 {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_bvst3.Wheat_1puUF {
  display: inline-block;
  width: 33%;
  padding-left: 2px;
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 22px;
  cursor: pointer; }
  .filterColorLi_bvst3.Wheat_1puUF .colorBox_XM3XX {
    width: 22px;
    height: 22px;
    border-radius: 13px;
    border: 1px solid #eee; }
  .filterColorLi_bvst3.Wheat_1puUF .colorBox_XM3XX:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_bvst3.Wheat_1puUF .colorBox_XM3XX.selected_1Zvq3 {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_bvst3.RosyBrown_VQmQj {
  display: inline-block;
  width: 33%;
  padding-left: 2px;
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 22px;
  cursor: pointer; }
  .filterColorLi_bvst3.RosyBrown_VQmQj .colorBox_XM3XX {
    width: 22px;
    height: 22px;
    border-radius: 13px;
    border: 1px solid #eee; }
  .filterColorLi_bvst3.RosyBrown_VQmQj .colorBox_XM3XX:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_bvst3.RosyBrown_VQmQj .colorBox_XM3XX.selected_1Zvq3 {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_bvst3.Chocolate_3kedE {
  display: inline-block;
  width: 33%;
  padding-left: 2px;
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 22px;
  cursor: pointer; }
  .filterColorLi_bvst3.Chocolate_3kedE .colorBox_XM3XX {
    width: 22px;
    height: 22px;
    border-radius: 13px;
    border: 1px solid #eee; }
  .filterColorLi_bvst3.Chocolate_3kedE .colorBox_XM3XX:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_bvst3.Chocolate_3kedE .colorBox_XM3XX.selected_1Zvq3 {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_bvst3.Coral_21VBY {
  display: inline-block;
  width: 33%;
  padding-left: 2px;
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 22px;
  cursor: pointer; }
  .filterColorLi_bvst3.Coral_21VBY .colorBox_XM3XX {
    width: 22px;
    height: 22px;
    border-radius: 13px;
    border: 1px solid #eee; }
  .filterColorLi_bvst3.Coral_21VBY .colorBox_XM3XX:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_bvst3.Coral_21VBY .colorBox_XM3XX.selected_1Zvq3 {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_bvst3.CadetBlue_JbbXF {
  display: inline-block;
  width: 33%;
  padding-left: 2px;
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 22px;
  cursor: pointer; }
  .filterColorLi_bvst3.CadetBlue_JbbXF .colorBox_XM3XX {
    width: 22px;
    height: 22px;
    border-radius: 13px;
    border: 1px solid #eee; }
  .filterColorLi_bvst3.CadetBlue_JbbXF .colorBox_XM3XX:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_bvst3.CadetBlue_JbbXF .colorBox_XM3XX.selected_1Zvq3 {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_bvst3.Gold_aYU5J {
  display: inline-block;
  width: 33%;
  padding-left: 2px;
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 22px;
  cursor: pointer; }
  .filterColorLi_bvst3.Gold_aYU5J .colorBox_XM3XX {
    width: 22px;
    height: 22px;
    border-radius: 13px;
    border: 1px solid #eee; }
  .filterColorLi_bvst3.Gold_aYU5J .colorBox_XM3XX:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_bvst3.Gold_aYU5J .colorBox_XM3XX.selected_1Zvq3 {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_bvst3.PowDerBlue_3RN1r {
  display: inline-block;
  width: 33%;
  padding-left: 2px;
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 22px;
  cursor: pointer; }
  .filterColorLi_bvst3.PowDerBlue_3RN1r .colorBox_XM3XX {
    width: 22px;
    height: 22px;
    border-radius: 13px;
    border: 1px solid #eee; }
  .filterColorLi_bvst3.PowDerBlue_3RN1r .colorBox_XM3XX:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_bvst3.PowDerBlue_3RN1r .colorBox_XM3XX.selected_1Zvq3 {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_bvst3.Dark_wca7i {
  display: inline-block;
  width: 33%;
  padding-left: 2px;
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 22px;
  cursor: pointer; }
  .filterColorLi_bvst3.Dark_wca7i .colorBox_XM3XX {
    width: 22px;
    height: 22px;
    border-radius: 13px;
    border: 1px solid #eee; }
  .filterColorLi_bvst3.Dark_wca7i .colorBox_XM3XX:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_bvst3.Dark_wca7i .colorBox_XM3XX.selected_1Zvq3 {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterModalLi_1N5bd.Normal_24eye {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterModalLi_1N5bd.Normal_24eye:hover {
    background-color: #F6F6F6; }
  .filterModalLi_1N5bd.Normal_24eye.selected_1Zvq3 {
    color: #fff !important;
    background-color: #111111; }
  .filterModalLi_1N5bd.Normal_24eye.selected_1Zvq3 .content_2BOsi {
      color: #fafafa; }
  .filterModalLi_1N5bd.Normal_24eye.area_3Udl2 {
    font-size: 16px; }
  .filterModalLi_1N5bd.Normal_24eye.area_3Udl2:hover {
      background-color: unset; }
  .filterModalLi_1N5bd.Normal_24eye.showBorder_2IB70 {
    border-bottom: 1px solid #111111; }
  .filterModalLi_1N5bd.Normal_24eye.center_18ofX {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_1N5bd.Normal_24eye.area_3Udl2.selected_1Zvq3 {
    color: #111111;
    background-color: #fafafa; }
  .filterModalLi_1N5bd.Normal_24eye .line_372GL {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #111111; }
  .filterModalLi_1N5bd.Normal_24eye .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_1N5bd.Normal_24eye .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterModalLi_1N5bd.Normal_24eye .content_2BOsi {
    padding-left: 2px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px;
    font-size: 12px;
    color: #333; }
  .filterModalLi_1N5bd.Normal_24eye .content_2BOsi.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterModalLi_1N5bd.Normal_24eye .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterModalLi_1N5bd.Normal_24eye .content_2BOsi.colorContent_1MvLT {
      max-width: calc(100% - 58px); }
  .filterModalLi_1N5bd.Normal_24eye .flag_2275h {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff; }
  .filterModalLi_1N5bd.Normal_24eye .flag_2275h img {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .filterModalLi_1N5bd.Normal_24eye .flag_2275h.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterModalLi_1N5bd.Normal_24eye .colorBlock_26_jj {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 66px;
    top: 4px;
    border: 1px solid #eee; }
  .filterModalLi_1N5bd.DarkCyan_I3tSL {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterModalLi_1N5bd.DarkCyan_I3tSL:hover {
    background-color: #F6F6F6; }
  .filterModalLi_1N5bd.DarkCyan_I3tSL.selected_1Zvq3 {
    color: #fff !important;
    background-color: #111111; }
  .filterModalLi_1N5bd.DarkCyan_I3tSL.selected_1Zvq3 .content_2BOsi {
      color: #fafafa; }
  .filterModalLi_1N5bd.DarkCyan_I3tSL.area_3Udl2 {
    font-size: 16px; }
  .filterModalLi_1N5bd.DarkCyan_I3tSL.area_3Udl2:hover {
      background-color: unset; }
  .filterModalLi_1N5bd.DarkCyan_I3tSL.showBorder_2IB70 {
    border-bottom: 1px solid #175851; }
  .filterModalLi_1N5bd.DarkCyan_I3tSL.center_18ofX {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_1N5bd.DarkCyan_I3tSL.area_3Udl2.selected_1Zvq3 {
    color: #175851;
    background-color: #e7eeed; }
  .filterModalLi_1N5bd.DarkCyan_I3tSL .line_372GL {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #175851; }
  .filterModalLi_1N5bd.DarkCyan_I3tSL .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_1N5bd.DarkCyan_I3tSL .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterModalLi_1N5bd.DarkCyan_I3tSL .content_2BOsi {
    padding-left: 2px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px; }
  .filterModalLi_1N5bd.DarkCyan_I3tSL .content_2BOsi.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterModalLi_1N5bd.DarkCyan_I3tSL .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterModalLi_1N5bd.DarkCyan_I3tSL .content_2BOsi.colorContent_1MvLT {
      max-width: calc(100% - 58px); }
  .filterModalLi_1N5bd.DarkCyan_I3tSL .flag_2275h {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff; }
  .filterModalLi_1N5bd.DarkCyan_I3tSL .flag_2275h img {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .filterModalLi_1N5bd.DarkCyan_I3tSL .flag_2275h.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterModalLi_1N5bd.DarkCyan_I3tSL .colorBlock_26_jj {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 66px;
    top: 4px;
    border: 1px solid #eee; }
  .filterModalLi_1N5bd.Wheat_1puUF {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterModalLi_1N5bd.Wheat_1puUF:hover {
    background-color: #F6F6F6; }
  .filterModalLi_1N5bd.Wheat_1puUF.selected_1Zvq3 {
    color: #fff !important;
    background-color: #111111; }
  .filterModalLi_1N5bd.Wheat_1puUF.selected_1Zvq3 .content_2BOsi {
      color: #fafafa; }
  .filterModalLi_1N5bd.Wheat_1puUF.area_3Udl2 {
    font-size: 16px; }
  .filterModalLi_1N5bd.Wheat_1puUF.area_3Udl2:hover {
      background-color: unset; }
  .filterModalLi_1N5bd.Wheat_1puUF.showBorder_2IB70 {
    border-bottom: 1px solid #e1b282; }
  .filterModalLi_1N5bd.Wheat_1puUF.center_18ofX {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_1N5bd.Wheat_1puUF.area_3Udl2.selected_1Zvq3 {
    color: #e1b282;
    background-color: #fbf5ee; }
  .filterModalLi_1N5bd.Wheat_1puUF .line_372GL {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #e1b282; }
  .filterModalLi_1N5bd.Wheat_1puUF .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_1N5bd.Wheat_1puUF .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterModalLi_1N5bd.Wheat_1puUF .content_2BOsi {
    padding-left: 2px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px; }
  .filterModalLi_1N5bd.Wheat_1puUF .content_2BOsi.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterModalLi_1N5bd.Wheat_1puUF .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterModalLi_1N5bd.Wheat_1puUF .content_2BOsi.colorContent_1MvLT {
      max-width: calc(100% - 58px); }
  .filterModalLi_1N5bd.Wheat_1puUF .flag_2275h {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff; }
  .filterModalLi_1N5bd.Wheat_1puUF .flag_2275h img {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .filterModalLi_1N5bd.Wheat_1puUF .flag_2275h.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterModalLi_1N5bd.Wheat_1puUF .colorBlock_26_jj {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 66px;
    top: 4px;
    border: 1px solid #eee; }
  .filterModalLi_1N5bd.RosyBrown_VQmQj {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterModalLi_1N5bd.RosyBrown_VQmQj:hover {
    background-color: #F6F6F6; }
  .filterModalLi_1N5bd.RosyBrown_VQmQj.selected_1Zvq3 {
    color: #fff !important;
    background-color: #111111; }
  .filterModalLi_1N5bd.RosyBrown_VQmQj.selected_1Zvq3 .content_2BOsi {
      color: #fafafa; }
  .filterModalLi_1N5bd.RosyBrown_VQmQj.area_3Udl2 {
    font-size: 16px; }
  .filterModalLi_1N5bd.RosyBrown_VQmQj.area_3Udl2:hover {
      background-color: unset; }
  .filterModalLi_1N5bd.RosyBrown_VQmQj.showBorder_2IB70 {
    border-bottom: 1px solid #9b758b; }
  .filterModalLi_1N5bd.RosyBrown_VQmQj.center_18ofX {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_1N5bd.RosyBrown_VQmQj.area_3Udl2.selected_1Zvq3 {
    color: #9b758b;
    background-color: #f0eaee; }
  .filterModalLi_1N5bd.RosyBrown_VQmQj .line_372GL {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #9b758b; }
  .filterModalLi_1N5bd.RosyBrown_VQmQj .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_1N5bd.RosyBrown_VQmQj .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterModalLi_1N5bd.RosyBrown_VQmQj .content_2BOsi {
    padding-left: 2px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px; }
  .filterModalLi_1N5bd.RosyBrown_VQmQj .content_2BOsi.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterModalLi_1N5bd.RosyBrown_VQmQj .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterModalLi_1N5bd.RosyBrown_VQmQj .content_2BOsi.colorContent_1MvLT {
      max-width: calc(100% - 58px); }
  .filterModalLi_1N5bd.RosyBrown_VQmQj .flag_2275h {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff; }
  .filterModalLi_1N5bd.RosyBrown_VQmQj .flag_2275h img {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .filterModalLi_1N5bd.RosyBrown_VQmQj .flag_2275h.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterModalLi_1N5bd.RosyBrown_VQmQj .colorBlock_26_jj {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 66px;
    top: 4px;
    border: 1px solid #eee; }
  .filterModalLi_1N5bd.Chocolate_3kedE {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterModalLi_1N5bd.Chocolate_3kedE:hover {
    background-color: #F6F6F6; }
  .filterModalLi_1N5bd.Chocolate_3kedE.selected_1Zvq3 {
    color: #fff !important;
    background-color: #111111; }
  .filterModalLi_1N5bd.Chocolate_3kedE.selected_1Zvq3 .content_2BOsi {
      color: #fafafa; }
  .filterModalLi_1N5bd.Chocolate_3kedE.area_3Udl2 {
    font-size: 16px; }
  .filterModalLi_1N5bd.Chocolate_3kedE.area_3Udl2:hover {
      background-color: unset; }
  .filterModalLi_1N5bd.Chocolate_3kedE.showBorder_2IB70 {
    border-bottom: 1px solid #da6339; }
  .filterModalLi_1N5bd.Chocolate_3kedE.center_18ofX {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_1N5bd.Chocolate_3kedE.area_3Udl2.selected_1Zvq3 {
    color: #da6339;
    background-color: #ffeee7; }
  .filterModalLi_1N5bd.Chocolate_3kedE .line_372GL {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #da6339; }
  .filterModalLi_1N5bd.Chocolate_3kedE .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_1N5bd.Chocolate_3kedE .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterModalLi_1N5bd.Chocolate_3kedE .content_2BOsi {
    padding-left: 2px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px; }
  .filterModalLi_1N5bd.Chocolate_3kedE .content_2BOsi.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterModalLi_1N5bd.Chocolate_3kedE .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterModalLi_1N5bd.Chocolate_3kedE .content_2BOsi.colorContent_1MvLT {
      max-width: calc(100% - 58px); }
  .filterModalLi_1N5bd.Chocolate_3kedE .flag_2275h {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff; }
  .filterModalLi_1N5bd.Chocolate_3kedE .flag_2275h img {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .filterModalLi_1N5bd.Chocolate_3kedE .flag_2275h.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterModalLi_1N5bd.Chocolate_3kedE .colorBlock_26_jj {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 66px;
    top: 4px;
    border: 1px solid #eee; }
  .filterModalLi_1N5bd.Coral_21VBY {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterModalLi_1N5bd.Coral_21VBY:hover {
    background-color: #F6F6F6; }
  .filterModalLi_1N5bd.Coral_21VBY.selected_1Zvq3 {
    color: #fff !important;
    background-color: #111111; }
  .filterModalLi_1N5bd.Coral_21VBY.selected_1Zvq3 .content_2BOsi {
      color: #fafafa; }
  .filterModalLi_1N5bd.Coral_21VBY.area_3Udl2 {
    font-size: 16px; }
  .filterModalLi_1N5bd.Coral_21VBY.area_3Udl2:hover {
      background-color: unset; }
  .filterModalLi_1N5bd.Coral_21VBY.showBorder_2IB70 {
    border-bottom: 1px solid #e46375; }
  .filterModalLi_1N5bd.Coral_21VBY.center_18ofX {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_1N5bd.Coral_21VBY.area_3Udl2.selected_1Zvq3 {
    color: #e46375;
    background-color: #ffeae8; }
  .filterModalLi_1N5bd.Coral_21VBY .line_372GL {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #e46375; }
  .filterModalLi_1N5bd.Coral_21VBY .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_1N5bd.Coral_21VBY .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterModalLi_1N5bd.Coral_21VBY .content_2BOsi {
    padding-left: 2px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px; }
  .filterModalLi_1N5bd.Coral_21VBY .content_2BOsi.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterModalLi_1N5bd.Coral_21VBY .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterModalLi_1N5bd.Coral_21VBY .content_2BOsi.colorContent_1MvLT {
      max-width: calc(100% - 58px); }
  .filterModalLi_1N5bd.Coral_21VBY .flag_2275h {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff; }
  .filterModalLi_1N5bd.Coral_21VBY .flag_2275h img {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .filterModalLi_1N5bd.Coral_21VBY .flag_2275h.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterModalLi_1N5bd.Coral_21VBY .colorBlock_26_jj {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 66px;
    top: 4px;
    border: 1px solid #eee; }
  .filterModalLi_1N5bd.CadetBlue_JbbXF {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterModalLi_1N5bd.CadetBlue_JbbXF:hover {
    background-color: #F6F6F6; }
  .filterModalLi_1N5bd.CadetBlue_JbbXF.selected_1Zvq3 {
    color: #fff !important;
    background-color: #111111; }
  .filterModalLi_1N5bd.CadetBlue_JbbXF.selected_1Zvq3 .content_2BOsi {
      color: #fafafa; }
  .filterModalLi_1N5bd.CadetBlue_JbbXF.area_3Udl2 {
    font-size: 16px; }
  .filterModalLi_1N5bd.CadetBlue_JbbXF.area_3Udl2:hover {
      background-color: unset; }
  .filterModalLi_1N5bd.CadetBlue_JbbXF.showBorder_2IB70 {
    border-bottom: 1px solid #87a397; }
  .filterModalLi_1N5bd.CadetBlue_JbbXF.center_18ofX {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_1N5bd.CadetBlue_JbbXF.area_3Udl2.selected_1Zvq3 {
    color: #87a397;
    background-color: #e3f6ee; }
  .filterModalLi_1N5bd.CadetBlue_JbbXF .line_372GL {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #87a397; }
  .filterModalLi_1N5bd.CadetBlue_JbbXF .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_1N5bd.CadetBlue_JbbXF .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterModalLi_1N5bd.CadetBlue_JbbXF .content_2BOsi {
    padding-left: 2px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px; }
  .filterModalLi_1N5bd.CadetBlue_JbbXF .content_2BOsi.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterModalLi_1N5bd.CadetBlue_JbbXF .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterModalLi_1N5bd.CadetBlue_JbbXF .content_2BOsi.colorContent_1MvLT {
      max-width: calc(100% - 58px); }
  .filterModalLi_1N5bd.CadetBlue_JbbXF .flag_2275h {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff; }
  .filterModalLi_1N5bd.CadetBlue_JbbXF .flag_2275h img {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .filterModalLi_1N5bd.CadetBlue_JbbXF .flag_2275h.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterModalLi_1N5bd.CadetBlue_JbbXF .colorBlock_26_jj {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 66px;
    top: 4px;
    border: 1px solid #eee; }
  .filterModalLi_1N5bd.Gold_aYU5J {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterModalLi_1N5bd.Gold_aYU5J:hover {
    background-color: #F6F6F6; }
  .filterModalLi_1N5bd.Gold_aYU5J.selected_1Zvq3 {
    color: #fff !important;
    background-color: #111111; }
  .filterModalLi_1N5bd.Gold_aYU5J.selected_1Zvq3 .content_2BOsi {
      color: #fafafa; }
  .filterModalLi_1N5bd.Gold_aYU5J.area_3Udl2 {
    font-size: 16px; }
  .filterModalLi_1N5bd.Gold_aYU5J.area_3Udl2:hover {
      background-color: unset; }
  .filterModalLi_1N5bd.Gold_aYU5J.showBorder_2IB70 {
    border-bottom: 1px solid #ffc629; }
  .filterModalLi_1N5bd.Gold_aYU5J.center_18ofX {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_1N5bd.Gold_aYU5J.area_3Udl2.selected_1Zvq3 {
    color: #ffc629;
    background-color: #fff9e9; }
  .filterModalLi_1N5bd.Gold_aYU5J .line_372GL {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #ffc629; }
  .filterModalLi_1N5bd.Gold_aYU5J .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_1N5bd.Gold_aYU5J .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterModalLi_1N5bd.Gold_aYU5J .content_2BOsi {
    padding-left: 2px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px; }
  .filterModalLi_1N5bd.Gold_aYU5J .content_2BOsi.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterModalLi_1N5bd.Gold_aYU5J .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterModalLi_1N5bd.Gold_aYU5J .content_2BOsi.colorContent_1MvLT {
      max-width: calc(100% - 58px); }
  .filterModalLi_1N5bd.Gold_aYU5J .flag_2275h {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff; }
  .filterModalLi_1N5bd.Gold_aYU5J .flag_2275h img {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .filterModalLi_1N5bd.Gold_aYU5J .flag_2275h.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterModalLi_1N5bd.Gold_aYU5J .colorBlock_26_jj {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 66px;
    top: 4px;
    border: 1px solid #eee; }
  .filterModalLi_1N5bd.PowDerBlue_3RN1r {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterModalLi_1N5bd.PowDerBlue_3RN1r:hover {
    background-color: #F6F6F6; }
  .filterModalLi_1N5bd.PowDerBlue_3RN1r.selected_1Zvq3 {
    color: #fff !important;
    background-color: #111111; }
  .filterModalLi_1N5bd.PowDerBlue_3RN1r.selected_1Zvq3 .content_2BOsi {
      color: #fafafa; }
  .filterModalLi_1N5bd.PowDerBlue_3RN1r.area_3Udl2 {
    font-size: 16px; }
  .filterModalLi_1N5bd.PowDerBlue_3RN1r.area_3Udl2:hover {
      background-color: unset; }
  .filterModalLi_1N5bd.PowDerBlue_3RN1r.showBorder_2IB70 {
    border-bottom: 1px solid #749bb0; }
  .filterModalLi_1N5bd.PowDerBlue_3RN1r.center_18ofX {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_1N5bd.PowDerBlue_3RN1r.area_3Udl2.selected_1Zvq3 {
    color: #749bb0;
    background-color: #eaf0f3; }
  .filterModalLi_1N5bd.PowDerBlue_3RN1r .line_372GL {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #749bb0; }
  .filterModalLi_1N5bd.PowDerBlue_3RN1r .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_1N5bd.PowDerBlue_3RN1r .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterModalLi_1N5bd.PowDerBlue_3RN1r .content_2BOsi {
    padding-left: 2px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px; }
  .filterModalLi_1N5bd.PowDerBlue_3RN1r .content_2BOsi.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterModalLi_1N5bd.PowDerBlue_3RN1r .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterModalLi_1N5bd.PowDerBlue_3RN1r .content_2BOsi.colorContent_1MvLT {
      max-width: calc(100% - 58px); }
  .filterModalLi_1N5bd.PowDerBlue_3RN1r .flag_2275h {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff; }
  .filterModalLi_1N5bd.PowDerBlue_3RN1r .flag_2275h img {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .filterModalLi_1N5bd.PowDerBlue_3RN1r .flag_2275h.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterModalLi_1N5bd.PowDerBlue_3RN1r .colorBlock_26_jj {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 66px;
    top: 4px;
    border: 1px solid #eee; }
  .filterModalLi_1N5bd.Dark_wca7i {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterModalLi_1N5bd.Dark_wca7i:hover {
    background-color: #F6F6F6; }
  .filterModalLi_1N5bd.Dark_wca7i.selected_1Zvq3 {
    color: #fff !important;
    background-color: #111111; }
  .filterModalLi_1N5bd.Dark_wca7i.selected_1Zvq3 .content_2BOsi {
      color: #fafafa; }
  .filterModalLi_1N5bd.Dark_wca7i.area_3Udl2 {
    font-size: 16px; }
  .filterModalLi_1N5bd.Dark_wca7i.area_3Udl2:hover {
      background-color: unset; }
  .filterModalLi_1N5bd.Dark_wca7i.showBorder_2IB70 {
    border-bottom: 1px solid #000; }
  .filterModalLi_1N5bd.Dark_wca7i.center_18ofX {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_1N5bd.Dark_wca7i.area_3Udl2.selected_1Zvq3 {
    color: #000;
    background-color: #333; }
  .filterModalLi_1N5bd.Dark_wca7i .line_372GL {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #000; }
  .filterModalLi_1N5bd.Dark_wca7i .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_1N5bd.Dark_wca7i .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterModalLi_1N5bd.Dark_wca7i .content_2BOsi {
    padding-left: 2px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6); }
  .filterModalLi_1N5bd.Dark_wca7i .content_2BOsi.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterModalLi_1N5bd.Dark_wca7i .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterModalLi_1N5bd.Dark_wca7i .content_2BOsi.colorContent_1MvLT {
      max-width: calc(100% - 58px); }
  .filterModalLi_1N5bd.Dark_wca7i .flag_2275h {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff; }
  .filterModalLi_1N5bd.Dark_wca7i .flag_2275h img {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .filterModalLi_1N5bd.Dark_wca7i .flag_2275h.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterModalLi_1N5bd.Dark_wca7i .colorBlock_26_jj {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 66px;
    top: 4px;
    border: 1px solid #eee; }
  .filterBrandLi_2mRI4.Normal_24eye {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterBrandLi_2mRI4.Normal_24eye:hover {
    background-color: #F6F6F6; }
  .filterBrandLi_2mRI4.Normal_24eye.selected_1Zvq3 {
    color: #111111;
    font-weight: bold; }
  .filterBrandLi_2mRI4.Normal_24eye.area_3Udl2 {
    font-size: 16px; }
  .filterBrandLi_2mRI4.Normal_24eye.area_3Udl2:hover {
      background-color: unset; }
  .filterBrandLi_2mRI4.Normal_24eye.showBorder_2IB70 {
    border-bottom: 1px solid #111111; }
  .filterBrandLi_2mRI4.Normal_24eye.center_18ofX {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_2mRI4.Normal_24eye.area_3Udl2.selected_1Zvq3 {
    color: #111111;
    background-color: #fafafa; }
  .filterBrandLi_2mRI4.Normal_24eye .line_372GL {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #111111; }
  .filterBrandLi_2mRI4.Normal_24eye .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_2mRI4.Normal_24eye .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #111111;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterBrandLi_2mRI4.Normal_24eye .content_2BOsi {
    padding-left: 10px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px;
    font-size: 12px;
    color: #333; }
  .filterBrandLi_2mRI4.Normal_24eye .content_2BOsi.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterBrandLi_2mRI4.Normal_24eye .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterBrandLi_2mRI4.Normal_24eye .favoriteIcon_QIqEc {
    color: #FF4141; }
  .filterBrandLi_2mRI4.Normal_24eye .flag_2275h {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff;
    font-size: 12px; }
  .filterBrandLi_2mRI4.Normal_24eye .flag_2275h.hasFavorite_eyOfs {
      max-width: calc(100% - 22px); }
  .filterBrandLi_2mRI4.DarkCyan_I3tSL {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterBrandLi_2mRI4.DarkCyan_I3tSL:hover {
    background-color: #F6F6F6; }
  .filterBrandLi_2mRI4.DarkCyan_I3tSL.selected_1Zvq3 {
    color: #111111;
    font-weight: bold; }
  .filterBrandLi_2mRI4.DarkCyan_I3tSL.area_3Udl2 {
    font-size: 16px; }
  .filterBrandLi_2mRI4.DarkCyan_I3tSL.area_3Udl2:hover {
      background-color: unset; }
  .filterBrandLi_2mRI4.DarkCyan_I3tSL.showBorder_2IB70 {
    border-bottom: 1px solid #175851; }
  .filterBrandLi_2mRI4.DarkCyan_I3tSL.center_18ofX {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_2mRI4.DarkCyan_I3tSL.area_3Udl2.selected_1Zvq3 {
    color: #175851;
    background-color: #e7eeed; }
  .filterBrandLi_2mRI4.DarkCyan_I3tSL .line_372GL {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #175851; }
  .filterBrandLi_2mRI4.DarkCyan_I3tSL .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_2mRI4.DarkCyan_I3tSL .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #111111;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterBrandLi_2mRI4.DarkCyan_I3tSL .content_2BOsi {
    padding-left: 10px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px; }
  .filterBrandLi_2mRI4.DarkCyan_I3tSL .content_2BOsi.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterBrandLi_2mRI4.DarkCyan_I3tSL .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterBrandLi_2mRI4.DarkCyan_I3tSL .favoriteIcon_QIqEc {
    color: #FF4141; }
  .filterBrandLi_2mRI4.DarkCyan_I3tSL .flag_2275h {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff;
    font-size: 12px; }
  .filterBrandLi_2mRI4.DarkCyan_I3tSL .flag_2275h.hasFavorite_eyOfs {
      max-width: calc(100% - 22px); }
  .filterBrandLi_2mRI4.Wheat_1puUF {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterBrandLi_2mRI4.Wheat_1puUF:hover {
    background-color: #F6F6F6; }
  .filterBrandLi_2mRI4.Wheat_1puUF.selected_1Zvq3 {
    color: #111111;
    font-weight: bold; }
  .filterBrandLi_2mRI4.Wheat_1puUF.area_3Udl2 {
    font-size: 16px; }
  .filterBrandLi_2mRI4.Wheat_1puUF.area_3Udl2:hover {
      background-color: unset; }
  .filterBrandLi_2mRI4.Wheat_1puUF.showBorder_2IB70 {
    border-bottom: 1px solid #e1b282; }
  .filterBrandLi_2mRI4.Wheat_1puUF.center_18ofX {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_2mRI4.Wheat_1puUF.area_3Udl2.selected_1Zvq3 {
    color: #e1b282;
    background-color: #fbf5ee; }
  .filterBrandLi_2mRI4.Wheat_1puUF .line_372GL {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #e1b282; }
  .filterBrandLi_2mRI4.Wheat_1puUF .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_2mRI4.Wheat_1puUF .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #111111;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterBrandLi_2mRI4.Wheat_1puUF .content_2BOsi {
    padding-left: 10px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px; }
  .filterBrandLi_2mRI4.Wheat_1puUF .content_2BOsi.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterBrandLi_2mRI4.Wheat_1puUF .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterBrandLi_2mRI4.Wheat_1puUF .favoriteIcon_QIqEc {
    color: #FF4141; }
  .filterBrandLi_2mRI4.Wheat_1puUF .flag_2275h {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff;
    font-size: 12px; }
  .filterBrandLi_2mRI4.Wheat_1puUF .flag_2275h.hasFavorite_eyOfs {
      max-width: calc(100% - 22px); }
  .filterBrandLi_2mRI4.RosyBrown_VQmQj {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterBrandLi_2mRI4.RosyBrown_VQmQj:hover {
    background-color: #F6F6F6; }
  .filterBrandLi_2mRI4.RosyBrown_VQmQj.selected_1Zvq3 {
    color: #111111;
    font-weight: bold; }
  .filterBrandLi_2mRI4.RosyBrown_VQmQj.area_3Udl2 {
    font-size: 16px; }
  .filterBrandLi_2mRI4.RosyBrown_VQmQj.area_3Udl2:hover {
      background-color: unset; }
  .filterBrandLi_2mRI4.RosyBrown_VQmQj.showBorder_2IB70 {
    border-bottom: 1px solid #9b758b; }
  .filterBrandLi_2mRI4.RosyBrown_VQmQj.center_18ofX {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_2mRI4.RosyBrown_VQmQj.area_3Udl2.selected_1Zvq3 {
    color: #9b758b;
    background-color: #f0eaee; }
  .filterBrandLi_2mRI4.RosyBrown_VQmQj .line_372GL {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #9b758b; }
  .filterBrandLi_2mRI4.RosyBrown_VQmQj .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_2mRI4.RosyBrown_VQmQj .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #111111;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterBrandLi_2mRI4.RosyBrown_VQmQj .content_2BOsi {
    padding-left: 10px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px; }
  .filterBrandLi_2mRI4.RosyBrown_VQmQj .content_2BOsi.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterBrandLi_2mRI4.RosyBrown_VQmQj .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterBrandLi_2mRI4.RosyBrown_VQmQj .favoriteIcon_QIqEc {
    color: #FF4141; }
  .filterBrandLi_2mRI4.RosyBrown_VQmQj .flag_2275h {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff;
    font-size: 12px; }
  .filterBrandLi_2mRI4.RosyBrown_VQmQj .flag_2275h.hasFavorite_eyOfs {
      max-width: calc(100% - 22px); }
  .filterBrandLi_2mRI4.Chocolate_3kedE {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterBrandLi_2mRI4.Chocolate_3kedE:hover {
    background-color: #F6F6F6; }
  .filterBrandLi_2mRI4.Chocolate_3kedE.selected_1Zvq3 {
    color: #111111;
    font-weight: bold; }
  .filterBrandLi_2mRI4.Chocolate_3kedE.area_3Udl2 {
    font-size: 16px; }
  .filterBrandLi_2mRI4.Chocolate_3kedE.area_3Udl2:hover {
      background-color: unset; }
  .filterBrandLi_2mRI4.Chocolate_3kedE.showBorder_2IB70 {
    border-bottom: 1px solid #da6339; }
  .filterBrandLi_2mRI4.Chocolate_3kedE.center_18ofX {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_2mRI4.Chocolate_3kedE.area_3Udl2.selected_1Zvq3 {
    color: #da6339;
    background-color: #ffeee7; }
  .filterBrandLi_2mRI4.Chocolate_3kedE .line_372GL {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #da6339; }
  .filterBrandLi_2mRI4.Chocolate_3kedE .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_2mRI4.Chocolate_3kedE .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #111111;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterBrandLi_2mRI4.Chocolate_3kedE .content_2BOsi {
    padding-left: 10px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px; }
  .filterBrandLi_2mRI4.Chocolate_3kedE .content_2BOsi.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterBrandLi_2mRI4.Chocolate_3kedE .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterBrandLi_2mRI4.Chocolate_3kedE .favoriteIcon_QIqEc {
    color: #FF4141; }
  .filterBrandLi_2mRI4.Chocolate_3kedE .flag_2275h {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff;
    font-size: 12px; }
  .filterBrandLi_2mRI4.Chocolate_3kedE .flag_2275h.hasFavorite_eyOfs {
      max-width: calc(100% - 22px); }
  .filterBrandLi_2mRI4.Coral_21VBY {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterBrandLi_2mRI4.Coral_21VBY:hover {
    background-color: #F6F6F6; }
  .filterBrandLi_2mRI4.Coral_21VBY.selected_1Zvq3 {
    color: #111111;
    font-weight: bold; }
  .filterBrandLi_2mRI4.Coral_21VBY.area_3Udl2 {
    font-size: 16px; }
  .filterBrandLi_2mRI4.Coral_21VBY.area_3Udl2:hover {
      background-color: unset; }
  .filterBrandLi_2mRI4.Coral_21VBY.showBorder_2IB70 {
    border-bottom: 1px solid #e46375; }
  .filterBrandLi_2mRI4.Coral_21VBY.center_18ofX {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_2mRI4.Coral_21VBY.area_3Udl2.selected_1Zvq3 {
    color: #e46375;
    background-color: #ffeae8; }
  .filterBrandLi_2mRI4.Coral_21VBY .line_372GL {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #e46375; }
  .filterBrandLi_2mRI4.Coral_21VBY .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_2mRI4.Coral_21VBY .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #111111;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterBrandLi_2mRI4.Coral_21VBY .content_2BOsi {
    padding-left: 10px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px; }
  .filterBrandLi_2mRI4.Coral_21VBY .content_2BOsi.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterBrandLi_2mRI4.Coral_21VBY .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterBrandLi_2mRI4.Coral_21VBY .favoriteIcon_QIqEc {
    color: #FF4141; }
  .filterBrandLi_2mRI4.Coral_21VBY .flag_2275h {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff;
    font-size: 12px; }
  .filterBrandLi_2mRI4.Coral_21VBY .flag_2275h.hasFavorite_eyOfs {
      max-width: calc(100% - 22px); }
  .filterBrandLi_2mRI4.CadetBlue_JbbXF {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterBrandLi_2mRI4.CadetBlue_JbbXF:hover {
    background-color: #F6F6F6; }
  .filterBrandLi_2mRI4.CadetBlue_JbbXF.selected_1Zvq3 {
    color: #111111;
    font-weight: bold; }
  .filterBrandLi_2mRI4.CadetBlue_JbbXF.area_3Udl2 {
    font-size: 16px; }
  .filterBrandLi_2mRI4.CadetBlue_JbbXF.area_3Udl2:hover {
      background-color: unset; }
  .filterBrandLi_2mRI4.CadetBlue_JbbXF.showBorder_2IB70 {
    border-bottom: 1px solid #87a397; }
  .filterBrandLi_2mRI4.CadetBlue_JbbXF.center_18ofX {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_2mRI4.CadetBlue_JbbXF.area_3Udl2.selected_1Zvq3 {
    color: #87a397;
    background-color: #e3f6ee; }
  .filterBrandLi_2mRI4.CadetBlue_JbbXF .line_372GL {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #87a397; }
  .filterBrandLi_2mRI4.CadetBlue_JbbXF .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_2mRI4.CadetBlue_JbbXF .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #111111;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterBrandLi_2mRI4.CadetBlue_JbbXF .content_2BOsi {
    padding-left: 10px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px; }
  .filterBrandLi_2mRI4.CadetBlue_JbbXF .content_2BOsi.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterBrandLi_2mRI4.CadetBlue_JbbXF .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterBrandLi_2mRI4.CadetBlue_JbbXF .favoriteIcon_QIqEc {
    color: #FF4141; }
  .filterBrandLi_2mRI4.CadetBlue_JbbXF .flag_2275h {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff;
    font-size: 12px; }
  .filterBrandLi_2mRI4.CadetBlue_JbbXF .flag_2275h.hasFavorite_eyOfs {
      max-width: calc(100% - 22px); }
  .filterBrandLi_2mRI4.Gold_aYU5J {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterBrandLi_2mRI4.Gold_aYU5J:hover {
    background-color: #F6F6F6; }
  .filterBrandLi_2mRI4.Gold_aYU5J.selected_1Zvq3 {
    color: #111111;
    font-weight: bold; }
  .filterBrandLi_2mRI4.Gold_aYU5J.area_3Udl2 {
    font-size: 16px; }
  .filterBrandLi_2mRI4.Gold_aYU5J.area_3Udl2:hover {
      background-color: unset; }
  .filterBrandLi_2mRI4.Gold_aYU5J.showBorder_2IB70 {
    border-bottom: 1px solid #ffc629; }
  .filterBrandLi_2mRI4.Gold_aYU5J.center_18ofX {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_2mRI4.Gold_aYU5J.area_3Udl2.selected_1Zvq3 {
    color: #ffc629;
    background-color: #fff9e9; }
  .filterBrandLi_2mRI4.Gold_aYU5J .line_372GL {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #ffc629; }
  .filterBrandLi_2mRI4.Gold_aYU5J .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_2mRI4.Gold_aYU5J .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #111111;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterBrandLi_2mRI4.Gold_aYU5J .content_2BOsi {
    padding-left: 10px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px; }
  .filterBrandLi_2mRI4.Gold_aYU5J .content_2BOsi.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterBrandLi_2mRI4.Gold_aYU5J .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterBrandLi_2mRI4.Gold_aYU5J .favoriteIcon_QIqEc {
    color: #FF4141; }
  .filterBrandLi_2mRI4.Gold_aYU5J .flag_2275h {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff;
    font-size: 12px; }
  .filterBrandLi_2mRI4.Gold_aYU5J .flag_2275h.hasFavorite_eyOfs {
      max-width: calc(100% - 22px); }
  .filterBrandLi_2mRI4.PowDerBlue_3RN1r {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterBrandLi_2mRI4.PowDerBlue_3RN1r:hover {
    background-color: #F6F6F6; }
  .filterBrandLi_2mRI4.PowDerBlue_3RN1r.selected_1Zvq3 {
    color: #111111;
    font-weight: bold; }
  .filterBrandLi_2mRI4.PowDerBlue_3RN1r.area_3Udl2 {
    font-size: 16px; }
  .filterBrandLi_2mRI4.PowDerBlue_3RN1r.area_3Udl2:hover {
      background-color: unset; }
  .filterBrandLi_2mRI4.PowDerBlue_3RN1r.showBorder_2IB70 {
    border-bottom: 1px solid #749bb0; }
  .filterBrandLi_2mRI4.PowDerBlue_3RN1r.center_18ofX {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_2mRI4.PowDerBlue_3RN1r.area_3Udl2.selected_1Zvq3 {
    color: #749bb0;
    background-color: #eaf0f3; }
  .filterBrandLi_2mRI4.PowDerBlue_3RN1r .line_372GL {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #749bb0; }
  .filterBrandLi_2mRI4.PowDerBlue_3RN1r .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_2mRI4.PowDerBlue_3RN1r .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #111111;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterBrandLi_2mRI4.PowDerBlue_3RN1r .content_2BOsi {
    padding-left: 10px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px; }
  .filterBrandLi_2mRI4.PowDerBlue_3RN1r .content_2BOsi.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterBrandLi_2mRI4.PowDerBlue_3RN1r .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterBrandLi_2mRI4.PowDerBlue_3RN1r .favoriteIcon_QIqEc {
    color: #FF4141; }
  .filterBrandLi_2mRI4.PowDerBlue_3RN1r .flag_2275h {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff;
    font-size: 12px; }
  .filterBrandLi_2mRI4.PowDerBlue_3RN1r .flag_2275h.hasFavorite_eyOfs {
      max-width: calc(100% - 22px); }
  .filterBrandLi_2mRI4.Dark_wca7i {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterBrandLi_2mRI4.Dark_wca7i:hover {
    background-color: #F6F6F6; }
  .filterBrandLi_2mRI4.Dark_wca7i.selected_1Zvq3 {
    color: #111111;
    font-weight: bold; }
  .filterBrandLi_2mRI4.Dark_wca7i.area_3Udl2 {
    font-size: 16px; }
  .filterBrandLi_2mRI4.Dark_wca7i.area_3Udl2:hover {
      background-color: unset; }
  .filterBrandLi_2mRI4.Dark_wca7i.showBorder_2IB70 {
    border-bottom: 1px solid #000; }
  .filterBrandLi_2mRI4.Dark_wca7i.center_18ofX {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_2mRI4.Dark_wca7i.area_3Udl2.selected_1Zvq3 {
    color: #000;
    background-color: #333; }
  .filterBrandLi_2mRI4.Dark_wca7i .line_372GL {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #000; }
  .filterBrandLi_2mRI4.Dark_wca7i .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_2mRI4.Dark_wca7i .closeBtn_2N2T0 .close_Ar-qu {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #111111;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterBrandLi_2mRI4.Dark_wca7i .content_2BOsi {
    padding-left: 10px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6); }
  .filterBrandLi_2mRI4.Dark_wca7i .content_2BOsi.hasCountry_3vTI2 {
      max-width: calc(100% - 22px); }
  .filterBrandLi_2mRI4.Dark_wca7i .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterBrandLi_2mRI4.Dark_wca7i .favoriteIcon_QIqEc {
    color: #FF4141; }
  .filterBrandLi_2mRI4.Dark_wca7i .flag_2275h {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff;
    font-size: 12px; }
  .filterBrandLi_2mRI4.Dark_wca7i .flag_2275h.hasFavorite_eyOfs {
      max-width: calc(100% - 22px); }
  .filterPureTextLi_3psbX.Normal_24eye {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-left: 10px;
  height: 34px;
  line-height: 34px;
  overflow: hidden; }
  .filterPureTextLi_3psbX.Normal_24eye .content_2BOsi {
    color: #111111;
    font-size: 16px;
    font-weight: bold; }
  .filterPureTextLi_3psbX.Normal_24eye .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterPureTextLi_3psbX.DarkCyan_I3tSL {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-left: 10px;
  height: 34px;
  line-height: 34px;
  overflow: hidden; }
  .filterPureTextLi_3psbX.DarkCyan_I3tSL .content_2BOsi {
    color: #175851;
    font-size: 16px;
    font-weight: bold; }
  .filterPureTextLi_3psbX.DarkCyan_I3tSL .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterPureTextLi_3psbX.Wheat_1puUF {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-left: 10px;
  height: 34px;
  line-height: 34px;
  overflow: hidden; }
  .filterPureTextLi_3psbX.Wheat_1puUF .content_2BOsi {
    color: #e1b282;
    font-size: 16px;
    font-weight: bold; }
  .filterPureTextLi_3psbX.Wheat_1puUF .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterPureTextLi_3psbX.RosyBrown_VQmQj {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-left: 10px;
  height: 34px;
  line-height: 34px;
  overflow: hidden; }
  .filterPureTextLi_3psbX.RosyBrown_VQmQj .content_2BOsi {
    color: #9b758b;
    font-size: 16px;
    font-weight: bold; }
  .filterPureTextLi_3psbX.RosyBrown_VQmQj .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterPureTextLi_3psbX.Chocolate_3kedE {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-left: 10px;
  height: 34px;
  line-height: 34px;
  overflow: hidden; }
  .filterPureTextLi_3psbX.Chocolate_3kedE .content_2BOsi {
    color: #da6339;
    font-size: 16px;
    font-weight: bold; }
  .filterPureTextLi_3psbX.Chocolate_3kedE .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterPureTextLi_3psbX.Coral_21VBY {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-left: 10px;
  height: 34px;
  line-height: 34px;
  overflow: hidden; }
  .filterPureTextLi_3psbX.Coral_21VBY .content_2BOsi {
    color: #e46375;
    font-size: 16px;
    font-weight: bold; }
  .filterPureTextLi_3psbX.Coral_21VBY .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterPureTextLi_3psbX.CadetBlue_JbbXF {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-left: 10px;
  height: 34px;
  line-height: 34px;
  overflow: hidden; }
  .filterPureTextLi_3psbX.CadetBlue_JbbXF .content_2BOsi {
    color: #87a397;
    font-size: 16px;
    font-weight: bold; }
  .filterPureTextLi_3psbX.CadetBlue_JbbXF .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterPureTextLi_3psbX.Gold_aYU5J {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-left: 10px;
  height: 34px;
  line-height: 34px;
  overflow: hidden; }
  .filterPureTextLi_3psbX.Gold_aYU5J .content_2BOsi {
    color: #ffc629;
    font-size: 16px;
    font-weight: bold; }
  .filterPureTextLi_3psbX.Gold_aYU5J .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterPureTextLi_3psbX.PowDerBlue_3RN1r {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-left: 10px;
  height: 34px;
  line-height: 34px;
  overflow: hidden; }
  .filterPureTextLi_3psbX.PowDerBlue_3RN1r .content_2BOsi {
    color: #749bb0;
    font-size: 16px;
    font-weight: bold; }
  .filterPureTextLi_3psbX.PowDerBlue_3RN1r .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterPureTextLi_3psbX.Dark_wca7i {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-left: 10px;
  height: 34px;
  line-height: 34px;
  overflow: hidden; }
  .filterPureTextLi_3psbX.Dark_wca7i .content_2BOsi {
    color: #000;
    font-size: 16px;
    font-weight: bold; }
  .filterPureTextLi_3psbX.Dark_wca7i .content_2BOsi.textOverflow_1FDB8 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterCommonLi_1oPIj {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  height: 22px;
  max-width: 400px;
  overflow: hidden;
  background-color: #111111;
  cursor: pointer; }
  .filterCommonLi_1oPIj .closeBtn_2N2T0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterCommonLi_1oPIj .closeBtn_2N2T0 .close_Ar-qu {
      line-height: 12px;
      font-size: 12px;
      font-weight: bold;
      color: #fff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterCommonLi_1oPIj .contentBox_XXlN9 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 22px; }
  .filterCommonLi_1oPIj .contentBox_XXlN9 .text_oKK7j {
      font-size: 12px;
      line-height: 21px;
      color: #fff;
      overflow-x: auto; }
  .filterCommonLi_1oPIj .contentBox_XXlN9 .text_oKK7j.textOverflow_1FDB8 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }

.bannerFilter_3HcH-.Normal_5Xnoa {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_3HcH-.Normal_5Xnoa .title_25ERe {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_3HcH-.Normal_5Xnoa .search_TYRv0 {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_3HcH-.Normal_5Xnoa .search_TYRv0 .searchIcon_2QAaF {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .bannerFilter_3HcH-.Normal_5Xnoa .search_TYRv0 input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_3HcH-.Normal_5Xnoa .search_TYRv0 input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Normal_5Xnoa .search_TYRv0 input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Normal_5Xnoa .search_TYRv0 input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Normal_5Xnoa .search_TYRv0 input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Normal_5Xnoa .search_TYRv0 input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Normal_5Xnoa .body__sVJX {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_3HcH-.Normal_5Xnoa .body__sVJX .barndList_3ek88 {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_3HcH-.Normal_5Xnoa .body__sVJX .barndList_3ek88::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_3HcH-.Normal_5Xnoa .body__sVJX .barndList_3ek88 .selectedKey_3tIU2 {
        font-size: 16px;
        margin-bottom: 16px;
        color: #111111;
        font-weight: bold; }
  .bannerFilter_3HcH-.Normal_5Xnoa .body__sVJX .barndList_3ek88::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_3HcH-.Normal_5Xnoa .body__sVJX .barndList_3ek88 .brandTagItem_3q1ro:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_3HcH-.Normal_5Xnoa .body__sVJX .brandTagItem_3q1ro {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_3HcH-.Normal_5Xnoa .body__sVJX .keyList_27-b3 > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_3HcH-.Normal_5Xnoa .body__sVJX .keyList_27-b3 > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_3HcH-.Normal_5Xnoa .body__sVJX .selectedKey_3tIU2 {
      color: #111111;
      font-weight: bold; }
  .bannerFilter_3HcH-.DarkCyan_2iz0h {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_3HcH-.DarkCyan_2iz0h .title_25ERe {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_3HcH-.DarkCyan_2iz0h .search_TYRv0 {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_3HcH-.DarkCyan_2iz0h .search_TYRv0 .searchIcon_2QAaF {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .bannerFilter_3HcH-.DarkCyan_2iz0h .search_TYRv0 input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_3HcH-.DarkCyan_2iz0h .search_TYRv0 input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.DarkCyan_2iz0h .search_TYRv0 input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.DarkCyan_2iz0h .search_TYRv0 input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.DarkCyan_2iz0h .search_TYRv0 input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.DarkCyan_2iz0h .search_TYRv0 input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.DarkCyan_2iz0h .body__sVJX {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_3HcH-.DarkCyan_2iz0h .body__sVJX .barndList_3ek88 {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_3HcH-.DarkCyan_2iz0h .body__sVJX .barndList_3ek88::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_3HcH-.DarkCyan_2iz0h .body__sVJX .barndList_3ek88 .selectedKey_3tIU2 {
        font-size: 16px;
        margin-bottom: 16px;
        color: #175851;
        font-weight: bold; }
  .bannerFilter_3HcH-.DarkCyan_2iz0h .body__sVJX .barndList_3ek88::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_3HcH-.DarkCyan_2iz0h .body__sVJX .barndList_3ek88 .brandTagItem_3q1ro:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_3HcH-.DarkCyan_2iz0h .body__sVJX .brandTagItem_3q1ro {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_3HcH-.DarkCyan_2iz0h .body__sVJX .keyList_27-b3 > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_3HcH-.DarkCyan_2iz0h .body__sVJX .keyList_27-b3 > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_3HcH-.DarkCyan_2iz0h .body__sVJX .selectedKey_3tIU2 {
      color: #175851;
      font-weight: bold; }
  .bannerFilter_3HcH-.Wheat_B4sky {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_3HcH-.Wheat_B4sky .title_25ERe {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_3HcH-.Wheat_B4sky .search_TYRv0 {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_3HcH-.Wheat_B4sky .search_TYRv0 .searchIcon_2QAaF {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .bannerFilter_3HcH-.Wheat_B4sky .search_TYRv0 input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_3HcH-.Wheat_B4sky .search_TYRv0 input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Wheat_B4sky .search_TYRv0 input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Wheat_B4sky .search_TYRv0 input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Wheat_B4sky .search_TYRv0 input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Wheat_B4sky .search_TYRv0 input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Wheat_B4sky .body__sVJX {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_3HcH-.Wheat_B4sky .body__sVJX .barndList_3ek88 {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_3HcH-.Wheat_B4sky .body__sVJX .barndList_3ek88::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_3HcH-.Wheat_B4sky .body__sVJX .barndList_3ek88 .selectedKey_3tIU2 {
        font-size: 16px;
        margin-bottom: 16px;
        color: #e1b282;
        font-weight: bold; }
  .bannerFilter_3HcH-.Wheat_B4sky .body__sVJX .barndList_3ek88::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_3HcH-.Wheat_B4sky .body__sVJX .barndList_3ek88 .brandTagItem_3q1ro:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_3HcH-.Wheat_B4sky .body__sVJX .brandTagItem_3q1ro {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_3HcH-.Wheat_B4sky .body__sVJX .keyList_27-b3 > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_3HcH-.Wheat_B4sky .body__sVJX .keyList_27-b3 > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_3HcH-.Wheat_B4sky .body__sVJX .selectedKey_3tIU2 {
      color: #e1b282;
      font-weight: bold; }
  .bannerFilter_3HcH-.RosyBrown_2S1Pi {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_3HcH-.RosyBrown_2S1Pi .title_25ERe {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_3HcH-.RosyBrown_2S1Pi .search_TYRv0 {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_3HcH-.RosyBrown_2S1Pi .search_TYRv0 .searchIcon_2QAaF {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .bannerFilter_3HcH-.RosyBrown_2S1Pi .search_TYRv0 input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_3HcH-.RosyBrown_2S1Pi .search_TYRv0 input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.RosyBrown_2S1Pi .search_TYRv0 input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.RosyBrown_2S1Pi .search_TYRv0 input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.RosyBrown_2S1Pi .search_TYRv0 input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.RosyBrown_2S1Pi .search_TYRv0 input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.RosyBrown_2S1Pi .body__sVJX {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_3HcH-.RosyBrown_2S1Pi .body__sVJX .barndList_3ek88 {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_3HcH-.RosyBrown_2S1Pi .body__sVJX .barndList_3ek88::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_3HcH-.RosyBrown_2S1Pi .body__sVJX .barndList_3ek88 .selectedKey_3tIU2 {
        font-size: 16px;
        margin-bottom: 16px;
        color: #9b758b;
        font-weight: bold; }
  .bannerFilter_3HcH-.RosyBrown_2S1Pi .body__sVJX .barndList_3ek88::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_3HcH-.RosyBrown_2S1Pi .body__sVJX .barndList_3ek88 .brandTagItem_3q1ro:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_3HcH-.RosyBrown_2S1Pi .body__sVJX .brandTagItem_3q1ro {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_3HcH-.RosyBrown_2S1Pi .body__sVJX .keyList_27-b3 > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_3HcH-.RosyBrown_2S1Pi .body__sVJX .keyList_27-b3 > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_3HcH-.RosyBrown_2S1Pi .body__sVJX .selectedKey_3tIU2 {
      color: #9b758b;
      font-weight: bold; }
  .bannerFilter_3HcH-.Chocolate_rLVFW {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_3HcH-.Chocolate_rLVFW .title_25ERe {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_3HcH-.Chocolate_rLVFW .search_TYRv0 {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_3HcH-.Chocolate_rLVFW .search_TYRv0 .searchIcon_2QAaF {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .bannerFilter_3HcH-.Chocolate_rLVFW .search_TYRv0 input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_3HcH-.Chocolate_rLVFW .search_TYRv0 input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Chocolate_rLVFW .search_TYRv0 input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Chocolate_rLVFW .search_TYRv0 input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Chocolate_rLVFW .search_TYRv0 input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Chocolate_rLVFW .search_TYRv0 input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Chocolate_rLVFW .body__sVJX {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_3HcH-.Chocolate_rLVFW .body__sVJX .barndList_3ek88 {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_3HcH-.Chocolate_rLVFW .body__sVJX .barndList_3ek88::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_3HcH-.Chocolate_rLVFW .body__sVJX .barndList_3ek88 .selectedKey_3tIU2 {
        font-size: 16px;
        margin-bottom: 16px;
        color: #da6339;
        font-weight: bold; }
  .bannerFilter_3HcH-.Chocolate_rLVFW .body__sVJX .barndList_3ek88::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_3HcH-.Chocolate_rLVFW .body__sVJX .barndList_3ek88 .brandTagItem_3q1ro:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_3HcH-.Chocolate_rLVFW .body__sVJX .brandTagItem_3q1ro {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_3HcH-.Chocolate_rLVFW .body__sVJX .keyList_27-b3 > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_3HcH-.Chocolate_rLVFW .body__sVJX .keyList_27-b3 > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_3HcH-.Chocolate_rLVFW .body__sVJX .selectedKey_3tIU2 {
      color: #da6339;
      font-weight: bold; }
  .bannerFilter_3HcH-.Coral_2f0l5 {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_3HcH-.Coral_2f0l5 .title_25ERe {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_3HcH-.Coral_2f0l5 .search_TYRv0 {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_3HcH-.Coral_2f0l5 .search_TYRv0 .searchIcon_2QAaF {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .bannerFilter_3HcH-.Coral_2f0l5 .search_TYRv0 input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_3HcH-.Coral_2f0l5 .search_TYRv0 input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Coral_2f0l5 .search_TYRv0 input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Coral_2f0l5 .search_TYRv0 input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Coral_2f0l5 .search_TYRv0 input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Coral_2f0l5 .search_TYRv0 input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Coral_2f0l5 .body__sVJX {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_3HcH-.Coral_2f0l5 .body__sVJX .barndList_3ek88 {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_3HcH-.Coral_2f0l5 .body__sVJX .barndList_3ek88::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_3HcH-.Coral_2f0l5 .body__sVJX .barndList_3ek88 .selectedKey_3tIU2 {
        font-size: 16px;
        margin-bottom: 16px;
        color: #e46375;
        font-weight: bold; }
  .bannerFilter_3HcH-.Coral_2f0l5 .body__sVJX .barndList_3ek88::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_3HcH-.Coral_2f0l5 .body__sVJX .barndList_3ek88 .brandTagItem_3q1ro:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_3HcH-.Coral_2f0l5 .body__sVJX .brandTagItem_3q1ro {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_3HcH-.Coral_2f0l5 .body__sVJX .keyList_27-b3 > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_3HcH-.Coral_2f0l5 .body__sVJX .keyList_27-b3 > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_3HcH-.Coral_2f0l5 .body__sVJX .selectedKey_3tIU2 {
      color: #e46375;
      font-weight: bold; }
  .bannerFilter_3HcH-.CadetBlue_2L2Ga {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_3HcH-.CadetBlue_2L2Ga .title_25ERe {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_3HcH-.CadetBlue_2L2Ga .search_TYRv0 {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_3HcH-.CadetBlue_2L2Ga .search_TYRv0 .searchIcon_2QAaF {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .bannerFilter_3HcH-.CadetBlue_2L2Ga .search_TYRv0 input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_3HcH-.CadetBlue_2L2Ga .search_TYRv0 input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.CadetBlue_2L2Ga .search_TYRv0 input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.CadetBlue_2L2Ga .search_TYRv0 input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.CadetBlue_2L2Ga .search_TYRv0 input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.CadetBlue_2L2Ga .search_TYRv0 input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.CadetBlue_2L2Ga .body__sVJX {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_3HcH-.CadetBlue_2L2Ga .body__sVJX .barndList_3ek88 {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_3HcH-.CadetBlue_2L2Ga .body__sVJX .barndList_3ek88::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_3HcH-.CadetBlue_2L2Ga .body__sVJX .barndList_3ek88 .selectedKey_3tIU2 {
        font-size: 16px;
        margin-bottom: 16px;
        color: #87a397;
        font-weight: bold; }
  .bannerFilter_3HcH-.CadetBlue_2L2Ga .body__sVJX .barndList_3ek88::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_3HcH-.CadetBlue_2L2Ga .body__sVJX .barndList_3ek88 .brandTagItem_3q1ro:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_3HcH-.CadetBlue_2L2Ga .body__sVJX .brandTagItem_3q1ro {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_3HcH-.CadetBlue_2L2Ga .body__sVJX .keyList_27-b3 > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_3HcH-.CadetBlue_2L2Ga .body__sVJX .keyList_27-b3 > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_3HcH-.CadetBlue_2L2Ga .body__sVJX .selectedKey_3tIU2 {
      color: #87a397;
      font-weight: bold; }
  .bannerFilter_3HcH-.Gold_mcHi1 {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_3HcH-.Gold_mcHi1 .title_25ERe {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_3HcH-.Gold_mcHi1 .search_TYRv0 {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_3HcH-.Gold_mcHi1 .search_TYRv0 .searchIcon_2QAaF {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .bannerFilter_3HcH-.Gold_mcHi1 .search_TYRv0 input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_3HcH-.Gold_mcHi1 .search_TYRv0 input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Gold_mcHi1 .search_TYRv0 input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Gold_mcHi1 .search_TYRv0 input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Gold_mcHi1 .search_TYRv0 input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Gold_mcHi1 .search_TYRv0 input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Gold_mcHi1 .body__sVJX {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_3HcH-.Gold_mcHi1 .body__sVJX .barndList_3ek88 {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_3HcH-.Gold_mcHi1 .body__sVJX .barndList_3ek88::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_3HcH-.Gold_mcHi1 .body__sVJX .barndList_3ek88 .selectedKey_3tIU2 {
        font-size: 16px;
        margin-bottom: 16px;
        color: #ffc629;
        font-weight: bold; }
  .bannerFilter_3HcH-.Gold_mcHi1 .body__sVJX .barndList_3ek88::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_3HcH-.Gold_mcHi1 .body__sVJX .barndList_3ek88 .brandTagItem_3q1ro:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_3HcH-.Gold_mcHi1 .body__sVJX .brandTagItem_3q1ro {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_3HcH-.Gold_mcHi1 .body__sVJX .keyList_27-b3 > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_3HcH-.Gold_mcHi1 .body__sVJX .keyList_27-b3 > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_3HcH-.Gold_mcHi1 .body__sVJX .selectedKey_3tIU2 {
      color: #ffc629;
      font-weight: bold; }
  .bannerFilter_3HcH-.PowDerBlue_NCPyj {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_3HcH-.PowDerBlue_NCPyj .title_25ERe {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_3HcH-.PowDerBlue_NCPyj .search_TYRv0 {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_3HcH-.PowDerBlue_NCPyj .search_TYRv0 .searchIcon_2QAaF {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .bannerFilter_3HcH-.PowDerBlue_NCPyj .search_TYRv0 input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_3HcH-.PowDerBlue_NCPyj .search_TYRv0 input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.PowDerBlue_NCPyj .search_TYRv0 input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.PowDerBlue_NCPyj .search_TYRv0 input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.PowDerBlue_NCPyj .search_TYRv0 input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.PowDerBlue_NCPyj .search_TYRv0 input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.PowDerBlue_NCPyj .body__sVJX {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_3HcH-.PowDerBlue_NCPyj .body__sVJX .barndList_3ek88 {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_3HcH-.PowDerBlue_NCPyj .body__sVJX .barndList_3ek88::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_3HcH-.PowDerBlue_NCPyj .body__sVJX .barndList_3ek88 .selectedKey_3tIU2 {
        font-size: 16px;
        margin-bottom: 16px;
        color: #749bb0;
        font-weight: bold; }
  .bannerFilter_3HcH-.PowDerBlue_NCPyj .body__sVJX .barndList_3ek88::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_3HcH-.PowDerBlue_NCPyj .body__sVJX .barndList_3ek88 .brandTagItem_3q1ro:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_3HcH-.PowDerBlue_NCPyj .body__sVJX .brandTagItem_3q1ro {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_3HcH-.PowDerBlue_NCPyj .body__sVJX .keyList_27-b3 > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_3HcH-.PowDerBlue_NCPyj .body__sVJX .keyList_27-b3 > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_3HcH-.PowDerBlue_NCPyj .body__sVJX .selectedKey_3tIU2 {
      color: #749bb0;
      font-weight: bold; }
  .bannerFilter_3HcH-.Dark_esOT3 {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_3HcH-.Dark_esOT3 .title_25ERe {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_3HcH-.Dark_esOT3 .search_TYRv0 {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_3HcH-.Dark_esOT3 .search_TYRv0 .searchIcon_2QAaF {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .bannerFilter_3HcH-.Dark_esOT3 .search_TYRv0 input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_3HcH-.Dark_esOT3 .search_TYRv0 input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Dark_esOT3 .search_TYRv0 input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Dark_esOT3 .search_TYRv0 input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Dark_esOT3 .search_TYRv0 input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Dark_esOT3 .search_TYRv0 input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_3HcH-.Dark_esOT3 .body__sVJX {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_3HcH-.Dark_esOT3 .body__sVJX .barndList_3ek88 {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_3HcH-.Dark_esOT3 .body__sVJX .barndList_3ek88::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_3HcH-.Dark_esOT3 .body__sVJX .barndList_3ek88 .selectedKey_3tIU2 {
        font-size: 16px;
        margin-bottom: 16px;
        color: #000;
        font-weight: bold; }
  .bannerFilter_3HcH-.Dark_esOT3 .body__sVJX .barndList_3ek88::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_3HcH-.Dark_esOT3 .body__sVJX .barndList_3ek88 .brandTagItem_3q1ro:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_3HcH-.Dark_esOT3 .body__sVJX .brandTagItem_3q1ro {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_3HcH-.Dark_esOT3 .body__sVJX .keyList_27-b3 > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_3HcH-.Dark_esOT3 .body__sVJX .keyList_27-b3 > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_3HcH-.Dark_esOT3 .body__sVJX .selectedKey_3tIU2 {
      color: #000;
      font-weight: bold; }

.seasonFilter_24Bs7.Normal_Q9QFg {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .seasonFilter_24Bs7.Normal_Q9QFg .title_2YUgl {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .seasonFilter_24Bs7.Normal_Q9QFg .body_1C7sx {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_24Bs7.Normal_Q9QFg .body_1C7sx .seasonItem_CLn-E {
      margin-bottom: 20px; }
  .seasonFilter_24Bs7.Normal_Q9QFg .body_1C7sx .seasonItem_CLn-E > div {
        float: left;
        width: 120px;
        margin-right: 10px; }
  .seasonFilter_24Bs7.Normal_Q9QFg .body_1C7sx .seasonItem_CLn-E > div:nth-of-type(5n) {
          margin-right: 0px; }
  .seasonFilter_24Bs7.Normal_Q9QFg .body_1C7sx::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_24Bs7.Normal_Q9QFg .body_1C7sx::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_24Bs7.DarkCyan_ncZ9E {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .seasonFilter_24Bs7.DarkCyan_ncZ9E .title_2YUgl {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .seasonFilter_24Bs7.DarkCyan_ncZ9E .body_1C7sx {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_24Bs7.DarkCyan_ncZ9E .body_1C7sx .seasonItem_CLn-E {
      margin-bottom: 20px; }
  .seasonFilter_24Bs7.DarkCyan_ncZ9E .body_1C7sx .seasonItem_CLn-E > div {
        float: left;
        width: 120px;
        margin-right: 10px; }
  .seasonFilter_24Bs7.DarkCyan_ncZ9E .body_1C7sx .seasonItem_CLn-E > div:nth-of-type(5n) {
          margin-right: 0px; }
  .seasonFilter_24Bs7.DarkCyan_ncZ9E .body_1C7sx::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_24Bs7.DarkCyan_ncZ9E .body_1C7sx::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_24Bs7.Wheat_1YBXF {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .seasonFilter_24Bs7.Wheat_1YBXF .title_2YUgl {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .seasonFilter_24Bs7.Wheat_1YBXF .body_1C7sx {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_24Bs7.Wheat_1YBXF .body_1C7sx .seasonItem_CLn-E {
      margin-bottom: 20px; }
  .seasonFilter_24Bs7.Wheat_1YBXF .body_1C7sx .seasonItem_CLn-E > div {
        float: left;
        width: 120px;
        margin-right: 10px; }
  .seasonFilter_24Bs7.Wheat_1YBXF .body_1C7sx .seasonItem_CLn-E > div:nth-of-type(5n) {
          margin-right: 0px; }
  .seasonFilter_24Bs7.Wheat_1YBXF .body_1C7sx::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_24Bs7.Wheat_1YBXF .body_1C7sx::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_24Bs7.RosyBrown_16a07 {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .seasonFilter_24Bs7.RosyBrown_16a07 .title_2YUgl {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .seasonFilter_24Bs7.RosyBrown_16a07 .body_1C7sx {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_24Bs7.RosyBrown_16a07 .body_1C7sx .seasonItem_CLn-E {
      margin-bottom: 20px; }
  .seasonFilter_24Bs7.RosyBrown_16a07 .body_1C7sx .seasonItem_CLn-E > div {
        float: left;
        width: 120px;
        margin-right: 10px; }
  .seasonFilter_24Bs7.RosyBrown_16a07 .body_1C7sx .seasonItem_CLn-E > div:nth-of-type(5n) {
          margin-right: 0px; }
  .seasonFilter_24Bs7.RosyBrown_16a07 .body_1C7sx::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_24Bs7.RosyBrown_16a07 .body_1C7sx::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_24Bs7.Chocolate_xvU-q {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .seasonFilter_24Bs7.Chocolate_xvU-q .title_2YUgl {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .seasonFilter_24Bs7.Chocolate_xvU-q .body_1C7sx {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_24Bs7.Chocolate_xvU-q .body_1C7sx .seasonItem_CLn-E {
      margin-bottom: 20px; }
  .seasonFilter_24Bs7.Chocolate_xvU-q .body_1C7sx .seasonItem_CLn-E > div {
        float: left;
        width: 120px;
        margin-right: 10px; }
  .seasonFilter_24Bs7.Chocolate_xvU-q .body_1C7sx .seasonItem_CLn-E > div:nth-of-type(5n) {
          margin-right: 0px; }
  .seasonFilter_24Bs7.Chocolate_xvU-q .body_1C7sx::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_24Bs7.Chocolate_xvU-q .body_1C7sx::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_24Bs7.Coral_3oKWB {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .seasonFilter_24Bs7.Coral_3oKWB .title_2YUgl {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .seasonFilter_24Bs7.Coral_3oKWB .body_1C7sx {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_24Bs7.Coral_3oKWB .body_1C7sx .seasonItem_CLn-E {
      margin-bottom: 20px; }
  .seasonFilter_24Bs7.Coral_3oKWB .body_1C7sx .seasonItem_CLn-E > div {
        float: left;
        width: 120px;
        margin-right: 10px; }
  .seasonFilter_24Bs7.Coral_3oKWB .body_1C7sx .seasonItem_CLn-E > div:nth-of-type(5n) {
          margin-right: 0px; }
  .seasonFilter_24Bs7.Coral_3oKWB .body_1C7sx::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_24Bs7.Coral_3oKWB .body_1C7sx::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_24Bs7.CadetBlue_ytSrJ {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .seasonFilter_24Bs7.CadetBlue_ytSrJ .title_2YUgl {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .seasonFilter_24Bs7.CadetBlue_ytSrJ .body_1C7sx {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_24Bs7.CadetBlue_ytSrJ .body_1C7sx .seasonItem_CLn-E {
      margin-bottom: 20px; }
  .seasonFilter_24Bs7.CadetBlue_ytSrJ .body_1C7sx .seasonItem_CLn-E > div {
        float: left;
        width: 120px;
        margin-right: 10px; }
  .seasonFilter_24Bs7.CadetBlue_ytSrJ .body_1C7sx .seasonItem_CLn-E > div:nth-of-type(5n) {
          margin-right: 0px; }
  .seasonFilter_24Bs7.CadetBlue_ytSrJ .body_1C7sx::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_24Bs7.CadetBlue_ytSrJ .body_1C7sx::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_24Bs7.Gold_A_vMr {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .seasonFilter_24Bs7.Gold_A_vMr .title_2YUgl {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .seasonFilter_24Bs7.Gold_A_vMr .body_1C7sx {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_24Bs7.Gold_A_vMr .body_1C7sx .seasonItem_CLn-E {
      margin-bottom: 20px; }
  .seasonFilter_24Bs7.Gold_A_vMr .body_1C7sx .seasonItem_CLn-E > div {
        float: left;
        width: 120px;
        margin-right: 10px; }
  .seasonFilter_24Bs7.Gold_A_vMr .body_1C7sx .seasonItem_CLn-E > div:nth-of-type(5n) {
          margin-right: 0px; }
  .seasonFilter_24Bs7.Gold_A_vMr .body_1C7sx::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_24Bs7.Gold_A_vMr .body_1C7sx::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_24Bs7.PowDerBlue_3RWmK {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .seasonFilter_24Bs7.PowDerBlue_3RWmK .title_2YUgl {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .seasonFilter_24Bs7.PowDerBlue_3RWmK .body_1C7sx {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_24Bs7.PowDerBlue_3RWmK .body_1C7sx .seasonItem_CLn-E {
      margin-bottom: 20px; }
  .seasonFilter_24Bs7.PowDerBlue_3RWmK .body_1C7sx .seasonItem_CLn-E > div {
        float: left;
        width: 120px;
        margin-right: 10px; }
  .seasonFilter_24Bs7.PowDerBlue_3RWmK .body_1C7sx .seasonItem_CLn-E > div:nth-of-type(5n) {
          margin-right: 0px; }
  .seasonFilter_24Bs7.PowDerBlue_3RWmK .body_1C7sx::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_24Bs7.PowDerBlue_3RWmK .body_1C7sx::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_24Bs7.Dark_1kLQz {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .seasonFilter_24Bs7.Dark_1kLQz .title_2YUgl {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .seasonFilter_24Bs7.Dark_1kLQz .body_1C7sx {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_24Bs7.Dark_1kLQz .body_1C7sx .seasonItem_CLn-E {
      margin-bottom: 20px; }
  .seasonFilter_24Bs7.Dark_1kLQz .body_1C7sx .seasonItem_CLn-E > div {
        float: left;
        width: 120px;
        margin-right: 10px; }
  .seasonFilter_24Bs7.Dark_1kLQz .body_1C7sx .seasonItem_CLn-E > div:nth-of-type(5n) {
          margin-right: 0px; }
  .seasonFilter_24Bs7.Dark_1kLQz .body_1C7sx::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_24Bs7.Dark_1kLQz .body_1C7sx::-webkit-scrollbar-track-piece {
      background-color: #fff; }

.seasonFilter_-dgzn.Normal_2X0UD {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .seasonFilter_-dgzn.Normal_2X0UD .title_1GTQ5 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .seasonFilter_-dgzn.Normal_2X0UD .body_-BiTY {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_-dgzn.Normal_2X0UD .body_-BiTY > div {
      float: left;
      width: 120px;
      margin-right: 10px;
      margin-bottom: 10px; }
  .seasonFilter_-dgzn.Normal_2X0UD .body_-BiTY > div:nth-of-type(5n) {
        margin-right: 0px; }
  .seasonFilter_-dgzn.Normal_2X0UD .body_-BiTY::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_-dgzn.Normal_2X0UD .body_-BiTY::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_-dgzn.DarkCyan_3SlAK {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .seasonFilter_-dgzn.DarkCyan_3SlAK .title_1GTQ5 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .seasonFilter_-dgzn.DarkCyan_3SlAK .body_-BiTY {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_-dgzn.DarkCyan_3SlAK .body_-BiTY > div {
      float: left;
      width: 120px;
      margin-right: 10px;
      margin-bottom: 10px; }
  .seasonFilter_-dgzn.DarkCyan_3SlAK .body_-BiTY > div:nth-of-type(5n) {
        margin-right: 0px; }
  .seasonFilter_-dgzn.DarkCyan_3SlAK .body_-BiTY::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_-dgzn.DarkCyan_3SlAK .body_-BiTY::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_-dgzn.Wheat_xfjKq {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .seasonFilter_-dgzn.Wheat_xfjKq .title_1GTQ5 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .seasonFilter_-dgzn.Wheat_xfjKq .body_-BiTY {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_-dgzn.Wheat_xfjKq .body_-BiTY > div {
      float: left;
      width: 120px;
      margin-right: 10px;
      margin-bottom: 10px; }
  .seasonFilter_-dgzn.Wheat_xfjKq .body_-BiTY > div:nth-of-type(5n) {
        margin-right: 0px; }
  .seasonFilter_-dgzn.Wheat_xfjKq .body_-BiTY::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_-dgzn.Wheat_xfjKq .body_-BiTY::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_-dgzn.RosyBrown_EMzXj {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .seasonFilter_-dgzn.RosyBrown_EMzXj .title_1GTQ5 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .seasonFilter_-dgzn.RosyBrown_EMzXj .body_-BiTY {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_-dgzn.RosyBrown_EMzXj .body_-BiTY > div {
      float: left;
      width: 120px;
      margin-right: 10px;
      margin-bottom: 10px; }
  .seasonFilter_-dgzn.RosyBrown_EMzXj .body_-BiTY > div:nth-of-type(5n) {
        margin-right: 0px; }
  .seasonFilter_-dgzn.RosyBrown_EMzXj .body_-BiTY::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_-dgzn.RosyBrown_EMzXj .body_-BiTY::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_-dgzn.Chocolate_hRlQZ {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .seasonFilter_-dgzn.Chocolate_hRlQZ .title_1GTQ5 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .seasonFilter_-dgzn.Chocolate_hRlQZ .body_-BiTY {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_-dgzn.Chocolate_hRlQZ .body_-BiTY > div {
      float: left;
      width: 120px;
      margin-right: 10px;
      margin-bottom: 10px; }
  .seasonFilter_-dgzn.Chocolate_hRlQZ .body_-BiTY > div:nth-of-type(5n) {
        margin-right: 0px; }
  .seasonFilter_-dgzn.Chocolate_hRlQZ .body_-BiTY::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_-dgzn.Chocolate_hRlQZ .body_-BiTY::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_-dgzn.Coral_2NA0v {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .seasonFilter_-dgzn.Coral_2NA0v .title_1GTQ5 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .seasonFilter_-dgzn.Coral_2NA0v .body_-BiTY {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_-dgzn.Coral_2NA0v .body_-BiTY > div {
      float: left;
      width: 120px;
      margin-right: 10px;
      margin-bottom: 10px; }
  .seasonFilter_-dgzn.Coral_2NA0v .body_-BiTY > div:nth-of-type(5n) {
        margin-right: 0px; }
  .seasonFilter_-dgzn.Coral_2NA0v .body_-BiTY::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_-dgzn.Coral_2NA0v .body_-BiTY::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_-dgzn.CadetBlue_3Q98N {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .seasonFilter_-dgzn.CadetBlue_3Q98N .title_1GTQ5 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .seasonFilter_-dgzn.CadetBlue_3Q98N .body_-BiTY {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_-dgzn.CadetBlue_3Q98N .body_-BiTY > div {
      float: left;
      width: 120px;
      margin-right: 10px;
      margin-bottom: 10px; }
  .seasonFilter_-dgzn.CadetBlue_3Q98N .body_-BiTY > div:nth-of-type(5n) {
        margin-right: 0px; }
  .seasonFilter_-dgzn.CadetBlue_3Q98N .body_-BiTY::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_-dgzn.CadetBlue_3Q98N .body_-BiTY::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_-dgzn.Gold_14uLU {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .seasonFilter_-dgzn.Gold_14uLU .title_1GTQ5 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .seasonFilter_-dgzn.Gold_14uLU .body_-BiTY {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_-dgzn.Gold_14uLU .body_-BiTY > div {
      float: left;
      width: 120px;
      margin-right: 10px;
      margin-bottom: 10px; }
  .seasonFilter_-dgzn.Gold_14uLU .body_-BiTY > div:nth-of-type(5n) {
        margin-right: 0px; }
  .seasonFilter_-dgzn.Gold_14uLU .body_-BiTY::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_-dgzn.Gold_14uLU .body_-BiTY::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_-dgzn.PowDerBlue_1p-8w {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .seasonFilter_-dgzn.PowDerBlue_1p-8w .title_1GTQ5 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .seasonFilter_-dgzn.PowDerBlue_1p-8w .body_-BiTY {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_-dgzn.PowDerBlue_1p-8w .body_-BiTY > div {
      float: left;
      width: 120px;
      margin-right: 10px;
      margin-bottom: 10px; }
  .seasonFilter_-dgzn.PowDerBlue_1p-8w .body_-BiTY > div:nth-of-type(5n) {
        margin-right: 0px; }
  .seasonFilter_-dgzn.PowDerBlue_1p-8w .body_-BiTY::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_-dgzn.PowDerBlue_1p-8w .body_-BiTY::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_-dgzn.Dark_PKNc- {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .seasonFilter_-dgzn.Dark_PKNc- .title_1GTQ5 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .seasonFilter_-dgzn.Dark_PKNc- .body_-BiTY {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_-dgzn.Dark_PKNc- .body_-BiTY > div {
      float: left;
      width: 120px;
      margin-right: 10px;
      margin-bottom: 10px; }
  .seasonFilter_-dgzn.Dark_PKNc- .body_-BiTY > div:nth-of-type(5n) {
        margin-right: 0px; }
  .seasonFilter_-dgzn.Dark_PKNc- .body_-BiTY::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_-dgzn.Dark_PKNc- .body_-BiTY::-webkit-scrollbar-track-piece {
      background-color: #fff; }

.colorFilter_2WNfb.Normal_1NYKN {
  width: 100%;
  height: 100%;
  background-color: #fff; }
  .colorFilter_2WNfb.Normal_1NYKN .title_iyJn5 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111; }
  .colorFilter_2WNfb.Normal_1NYKN .body_4uTED {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 130px);
    padding-top: 6px; }
  .colorFilter_2WNfb.Normal_1NYKN .body_4uTED::-webkit-scrollbar {
      width: 3px; }
  .colorFilter_2WNfb.Normal_1NYKN .body_4uTED::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .colorFilter_2WNfb.DarkCyan_3bTt- {
  width: 100%;
  height: 100%;
  background-color: #fff; }
  .colorFilter_2WNfb.DarkCyan_3bTt- .title_iyJn5 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111; }
  .colorFilter_2WNfb.DarkCyan_3bTt- .body_4uTED {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 130px);
    padding-top: 6px; }
  .colorFilter_2WNfb.DarkCyan_3bTt- .body_4uTED::-webkit-scrollbar {
      width: 3px; }
  .colorFilter_2WNfb.DarkCyan_3bTt- .body_4uTED::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .colorFilter_2WNfb.Wheat_1OX4m {
  width: 100%;
  height: 100%;
  background-color: #fff; }
  .colorFilter_2WNfb.Wheat_1OX4m .title_iyJn5 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111; }
  .colorFilter_2WNfb.Wheat_1OX4m .body_4uTED {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 130px);
    padding-top: 6px; }
  .colorFilter_2WNfb.Wheat_1OX4m .body_4uTED::-webkit-scrollbar {
      width: 3px; }
  .colorFilter_2WNfb.Wheat_1OX4m .body_4uTED::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .colorFilter_2WNfb.RosyBrown_QKfJv {
  width: 100%;
  height: 100%;
  background-color: #fff; }
  .colorFilter_2WNfb.RosyBrown_QKfJv .title_iyJn5 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111; }
  .colorFilter_2WNfb.RosyBrown_QKfJv .body_4uTED {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 130px);
    padding-top: 6px; }
  .colorFilter_2WNfb.RosyBrown_QKfJv .body_4uTED::-webkit-scrollbar {
      width: 3px; }
  .colorFilter_2WNfb.RosyBrown_QKfJv .body_4uTED::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .colorFilter_2WNfb.Chocolate_1rIpk {
  width: 100%;
  height: 100%;
  background-color: #fff; }
  .colorFilter_2WNfb.Chocolate_1rIpk .title_iyJn5 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111; }
  .colorFilter_2WNfb.Chocolate_1rIpk .body_4uTED {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 130px);
    padding-top: 6px; }
  .colorFilter_2WNfb.Chocolate_1rIpk .body_4uTED::-webkit-scrollbar {
      width: 3px; }
  .colorFilter_2WNfb.Chocolate_1rIpk .body_4uTED::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .colorFilter_2WNfb.Coral_6URFV {
  width: 100%;
  height: 100%;
  background-color: #fff; }
  .colorFilter_2WNfb.Coral_6URFV .title_iyJn5 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111; }
  .colorFilter_2WNfb.Coral_6URFV .body_4uTED {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 130px);
    padding-top: 6px; }
  .colorFilter_2WNfb.Coral_6URFV .body_4uTED::-webkit-scrollbar {
      width: 3px; }
  .colorFilter_2WNfb.Coral_6URFV .body_4uTED::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .colorFilter_2WNfb.CadetBlue_xuZKL {
  width: 100%;
  height: 100%;
  background-color: #fff; }
  .colorFilter_2WNfb.CadetBlue_xuZKL .title_iyJn5 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111; }
  .colorFilter_2WNfb.CadetBlue_xuZKL .body_4uTED {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 130px);
    padding-top: 6px; }
  .colorFilter_2WNfb.CadetBlue_xuZKL .body_4uTED::-webkit-scrollbar {
      width: 3px; }
  .colorFilter_2WNfb.CadetBlue_xuZKL .body_4uTED::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .colorFilter_2WNfb.Gold_iQhkl {
  width: 100%;
  height: 100%;
  background-color: #fff; }
  .colorFilter_2WNfb.Gold_iQhkl .title_iyJn5 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111; }
  .colorFilter_2WNfb.Gold_iQhkl .body_4uTED {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 130px);
    padding-top: 6px; }
  .colorFilter_2WNfb.Gold_iQhkl .body_4uTED::-webkit-scrollbar {
      width: 3px; }
  .colorFilter_2WNfb.Gold_iQhkl .body_4uTED::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .colorFilter_2WNfb.PowDerBlue_2UclA {
  width: 100%;
  height: 100%;
  background-color: #fff; }
  .colorFilter_2WNfb.PowDerBlue_2UclA .title_iyJn5 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111; }
  .colorFilter_2WNfb.PowDerBlue_2UclA .body_4uTED {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 130px);
    padding-top: 6px; }
  .colorFilter_2WNfb.PowDerBlue_2UclA .body_4uTED::-webkit-scrollbar {
      width: 3px; }
  .colorFilter_2WNfb.PowDerBlue_2UclA .body_4uTED::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .colorFilter_2WNfb.Dark_2nyUf {
  width: 100%;
  height: 100%;
  background-color: #fff; }
  .colorFilter_2WNfb.Dark_2nyUf .title_iyJn5 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111; }
  .colorFilter_2WNfb.Dark_2nyUf .body_4uTED {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 130px);
    padding-top: 6px; }
  .colorFilter_2WNfb.Dark_2nyUf .body_4uTED::-webkit-scrollbar {
      width: 3px; }
  .colorFilter_2WNfb.Dark_2nyUf .body_4uTED::-webkit-scrollbar-track-piece {
      background-color: #fff; }

.peopleFilter_1_HXd.Normal_23vty {
  position: relative;
  width: 610px;
  height: 490px;
  padding: 10px 15px;
  background-color: #fff; }
  .peopleFilter_1_HXd.Normal_23vty .avatar_3v0q2 {
    position: absolute;
    right: 20px;
    bottom: 20px;
    overflow: hidden; }
  .peopleFilter_1_HXd.Normal_23vty .avatar_3v0q2 img {
      width: 88px;
      height: 88px;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: top;
         object-position: top; }
  .peopleFilter_1_HXd.Normal_23vty .title_ZRTzI {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .peopleFilter_1_HXd.Normal_23vty .search_-4iJ8 {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .peopleFilter_1_HXd.Normal_23vty .search_-4iJ8 .searchIcon_1xLlc {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .peopleFilter_1_HXd.Normal_23vty .search_-4iJ8 input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .peopleFilter_1_HXd.Normal_23vty .search_-4iJ8 input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Normal_23vty .search_-4iJ8 input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Normal_23vty .search_-4iJ8 input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Normal_23vty .search_-4iJ8 input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Normal_23vty .search_-4iJ8 input::placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Normal_23vty .selectedKey_16Uje {
    font-size: 16px;
    margin-bottom: 16px;
    color: #111111;
    font-weight: bold; }
  .peopleFilter_1_HXd.Normal_23vty .body_rHk3X {
    position: relative;
    width: 100%;
    height: calc(100% - 160px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .peopleFilter_1_HXd.Normal_23vty .body_rHk3X .types_2KV_O {
      width: 100%;
      position: relative;
      margin-bottom: 14px; }
  .peopleFilter_1_HXd.Normal_23vty .body_rHk3X .types_2KV_O > span {
        display: inline-block;
        padding: 4px 10px;
        font-size: 12px;
        cursor: pointer; }
  .peopleFilter_1_HXd.Normal_23vty .body_rHk3X .types_2KV_O > span:hover {
          background-color: #111111;
          color: #fff; }
  .peopleFilter_1_HXd.Normal_23vty .body_rHk3X .types_2KV_O .selected_DRtnF {
        background-color: #111111;
        color: #fff; }
  .peopleFilter_1_HXd.Normal_23vty .body_rHk3X .currentWord_3ULmS {
      color: #111111;
      font-size: 14px;
      margin: 8px 0px 16px 0px;
      font-weight: bold; }
  .peopleFilter_1_HXd.Normal_23vty .body_rHk3X .peopleBox_2fDQC {
      position: relative;
      height: 275px;
      width: calc(100% - 100px);
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .peopleFilter_1_HXd.Normal_23vty .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding-right: 4px;
        overflow: auto;
        -ms-scroll-chaining: none;
            overscroll-behavior: contain; }
  .peopleFilter_1_HXd.Normal_23vty .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r > div {
          float: left;
          width: 140px;
          margin-right: 10px; }
  .peopleFilter_1_HXd.Normal_23vty .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r > div:nth-of-type(3n) {
            margin-right: 0px; }
  .peopleFilter_1_HXd.Normal_23vty .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 {
          float: none;
          width: 100%;
          margin: 0; }
  .peopleFilter_1_HXd.Normal_23vty .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 .keyItemTag_31wWn {
            float: left;
            width: 140px;
            margin-right: 10px; }
  .peopleFilter_1_HXd.Normal_23vty .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 .keyItemTag_31wWn:nth-of-type(3n) {
              margin-right: 0px; }
  .peopleFilter_1_HXd.Normal_23vty .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r::-webkit-scrollbar {
          width: 3px; }
  .peopleFilter_1_HXd.Normal_23vty .body_rHk3X .peopleWords_3XE_j {
      display: inline-block;
      vertical-align: top;
      color: #AAAAAA;
      cursor: pointer;
      font-size: 12px; }
  .peopleFilter_1_HXd.Normal_23vty .body_rHk3X .peopleWords_3XE_j .selected_DRtnF {
        color: #111111; }
  .peopleFilter_1_HXd.Normal_23vty .body_rHk3X .peopleWords_3XE_j > div {
        float: left;
        padding: 1px 5px; }
  .peopleFilter_1_HXd.Normal_23vty .body_rHk3X .peopleWords_3XE_j > div:hover {
          background-color: #000;
          color: #fff; }
  .peopleFilter_1_HXd.Normal_23vty .body_rHk3X .continents_I07hU {
      background-color: #FAFAFA;
      position: relative;
      width: 100%; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr {
  position: relative;
  width: 610px;
  height: 490px;
  padding: 10px 15px;
  background-color: #fff; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .avatar_3v0q2 {
    position: absolute;
    right: 20px;
    bottom: 20px;
    overflow: hidden; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .avatar_3v0q2 img {
      width: 88px;
      height: 88px;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: top;
         object-position: top; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .title_ZRTzI {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .search_-4iJ8 {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .search_-4iJ8 .searchIcon_1xLlc {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .search_-4iJ8 input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .search_-4iJ8 input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .search_-4iJ8 input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .search_-4iJ8 input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .search_-4iJ8 input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .search_-4iJ8 input::placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .selectedKey_16Uje {
    font-size: 16px;
    margin-bottom: 16px;
    color: #175851;
    font-weight: bold; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .body_rHk3X {
    position: relative;
    width: 100%;
    height: calc(100% - 160px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .body_rHk3X .types_2KV_O {
      width: 100%;
      position: relative;
      margin-bottom: 14px; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .body_rHk3X .types_2KV_O > span {
        display: inline-block;
        padding: 4px 10px;
        font-size: 12px;
        cursor: pointer; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .body_rHk3X .types_2KV_O > span:hover {
          background-color: #111111;
          color: #fff; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .body_rHk3X .types_2KV_O .selected_DRtnF {
        background-color: #111111;
        color: #fff; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .body_rHk3X .currentWord_3ULmS {
      color: #111111;
      font-size: 14px;
      margin: 8px 0px 16px 0px;
      font-weight: bold; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .body_rHk3X .peopleBox_2fDQC {
      position: relative;
      height: 275px;
      width: calc(100% - 100px);
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding-right: 4px;
        overflow: auto;
        -ms-scroll-chaining: none;
            overscroll-behavior: contain; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r > div {
          float: left;
          width: 140px;
          margin-right: 10px; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r > div:nth-of-type(3n) {
            margin-right: 0px; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 {
          float: none;
          width: 100%;
          margin: 0; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 .keyItemTag_31wWn {
            float: left;
            width: 140px;
            margin-right: 10px; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 .keyItemTag_31wWn:nth-of-type(3n) {
              margin-right: 0px; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r::-webkit-scrollbar {
          width: 3px; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .body_rHk3X .peopleWords_3XE_j {
      display: inline-block;
      vertical-align: top;
      color: #AAAAAA;
      cursor: pointer;
      font-size: 12px; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .body_rHk3X .peopleWords_3XE_j .selected_DRtnF {
        color: #111111; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .body_rHk3X .peopleWords_3XE_j > div {
        float: left;
        padding: 1px 5px; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .body_rHk3X .peopleWords_3XE_j > div:hover {
          background-color: #000;
          color: #fff; }
  .peopleFilter_1_HXd.DarkCyan_oFmLr .body_rHk3X .continents_I07hU {
      background-color: #FAFAFA;
      position: relative;
      width: 100%; }
  .peopleFilter_1_HXd.Wheat_1HIho {
  position: relative;
  width: 610px;
  height: 490px;
  padding: 10px 15px;
  background-color: #fff; }
  .peopleFilter_1_HXd.Wheat_1HIho .avatar_3v0q2 {
    position: absolute;
    right: 20px;
    bottom: 20px;
    overflow: hidden; }
  .peopleFilter_1_HXd.Wheat_1HIho .avatar_3v0q2 img {
      width: 88px;
      height: 88px;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: top;
         object-position: top; }
  .peopleFilter_1_HXd.Wheat_1HIho .title_ZRTzI {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .peopleFilter_1_HXd.Wheat_1HIho .search_-4iJ8 {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .peopleFilter_1_HXd.Wheat_1HIho .search_-4iJ8 .searchIcon_1xLlc {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .peopleFilter_1_HXd.Wheat_1HIho .search_-4iJ8 input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .peopleFilter_1_HXd.Wheat_1HIho .search_-4iJ8 input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Wheat_1HIho .search_-4iJ8 input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Wheat_1HIho .search_-4iJ8 input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Wheat_1HIho .search_-4iJ8 input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Wheat_1HIho .search_-4iJ8 input::placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Wheat_1HIho .selectedKey_16Uje {
    font-size: 16px;
    margin-bottom: 16px;
    color: #e1b282;
    font-weight: bold; }
  .peopleFilter_1_HXd.Wheat_1HIho .body_rHk3X {
    position: relative;
    width: 100%;
    height: calc(100% - 160px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .peopleFilter_1_HXd.Wheat_1HIho .body_rHk3X .types_2KV_O {
      width: 100%;
      position: relative;
      margin-bottom: 14px; }
  .peopleFilter_1_HXd.Wheat_1HIho .body_rHk3X .types_2KV_O > span {
        display: inline-block;
        padding: 4px 10px;
        font-size: 12px;
        cursor: pointer; }
  .peopleFilter_1_HXd.Wheat_1HIho .body_rHk3X .types_2KV_O > span:hover {
          background-color: #111111;
          color: #fff; }
  .peopleFilter_1_HXd.Wheat_1HIho .body_rHk3X .types_2KV_O .selected_DRtnF {
        background-color: #111111;
        color: #fff; }
  .peopleFilter_1_HXd.Wheat_1HIho .body_rHk3X .currentWord_3ULmS {
      color: #111111;
      font-size: 14px;
      margin: 8px 0px 16px 0px;
      font-weight: bold; }
  .peopleFilter_1_HXd.Wheat_1HIho .body_rHk3X .peopleBox_2fDQC {
      position: relative;
      height: 275px;
      width: calc(100% - 100px);
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .peopleFilter_1_HXd.Wheat_1HIho .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding-right: 4px;
        overflow: auto;
        -ms-scroll-chaining: none;
            overscroll-behavior: contain; }
  .peopleFilter_1_HXd.Wheat_1HIho .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r > div {
          float: left;
          width: 140px;
          margin-right: 10px; }
  .peopleFilter_1_HXd.Wheat_1HIho .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r > div:nth-of-type(3n) {
            margin-right: 0px; }
  .peopleFilter_1_HXd.Wheat_1HIho .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 {
          float: none;
          width: 100%;
          margin: 0; }
  .peopleFilter_1_HXd.Wheat_1HIho .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 .keyItemTag_31wWn {
            float: left;
            width: 140px;
            margin-right: 10px; }
  .peopleFilter_1_HXd.Wheat_1HIho .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 .keyItemTag_31wWn:nth-of-type(3n) {
              margin-right: 0px; }
  .peopleFilter_1_HXd.Wheat_1HIho .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r::-webkit-scrollbar {
          width: 3px; }
  .peopleFilter_1_HXd.Wheat_1HIho .body_rHk3X .peopleWords_3XE_j {
      display: inline-block;
      vertical-align: top;
      color: #AAAAAA;
      cursor: pointer;
      font-size: 12px; }
  .peopleFilter_1_HXd.Wheat_1HIho .body_rHk3X .peopleWords_3XE_j .selected_DRtnF {
        color: #111111; }
  .peopleFilter_1_HXd.Wheat_1HIho .body_rHk3X .peopleWords_3XE_j > div {
        float: left;
        padding: 1px 5px; }
  .peopleFilter_1_HXd.Wheat_1HIho .body_rHk3X .peopleWords_3XE_j > div:hover {
          background-color: #000;
          color: #fff; }
  .peopleFilter_1_HXd.Wheat_1HIho .body_rHk3X .continents_I07hU {
      background-color: #FAFAFA;
      position: relative;
      width: 100%; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k {
  position: relative;
  width: 610px;
  height: 490px;
  padding: 10px 15px;
  background-color: #fff; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .avatar_3v0q2 {
    position: absolute;
    right: 20px;
    bottom: 20px;
    overflow: hidden; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .avatar_3v0q2 img {
      width: 88px;
      height: 88px;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: top;
         object-position: top; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .title_ZRTzI {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .search_-4iJ8 {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .search_-4iJ8 .searchIcon_1xLlc {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .search_-4iJ8 input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .search_-4iJ8 input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .search_-4iJ8 input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .search_-4iJ8 input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .search_-4iJ8 input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .search_-4iJ8 input::placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .selectedKey_16Uje {
    font-size: 16px;
    margin-bottom: 16px;
    color: #9b758b;
    font-weight: bold; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .body_rHk3X {
    position: relative;
    width: 100%;
    height: calc(100% - 160px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .body_rHk3X .types_2KV_O {
      width: 100%;
      position: relative;
      margin-bottom: 14px; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .body_rHk3X .types_2KV_O > span {
        display: inline-block;
        padding: 4px 10px;
        font-size: 12px;
        cursor: pointer; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .body_rHk3X .types_2KV_O > span:hover {
          background-color: #111111;
          color: #fff; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .body_rHk3X .types_2KV_O .selected_DRtnF {
        background-color: #111111;
        color: #fff; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .body_rHk3X .currentWord_3ULmS {
      color: #111111;
      font-size: 14px;
      margin: 8px 0px 16px 0px;
      font-weight: bold; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .body_rHk3X .peopleBox_2fDQC {
      position: relative;
      height: 275px;
      width: calc(100% - 100px);
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding-right: 4px;
        overflow: auto;
        -ms-scroll-chaining: none;
            overscroll-behavior: contain; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r > div {
          float: left;
          width: 140px;
          margin-right: 10px; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r > div:nth-of-type(3n) {
            margin-right: 0px; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 {
          float: none;
          width: 100%;
          margin: 0; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 .keyItemTag_31wWn {
            float: left;
            width: 140px;
            margin-right: 10px; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 .keyItemTag_31wWn:nth-of-type(3n) {
              margin-right: 0px; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r::-webkit-scrollbar {
          width: 3px; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .body_rHk3X .peopleWords_3XE_j {
      display: inline-block;
      vertical-align: top;
      color: #AAAAAA;
      cursor: pointer;
      font-size: 12px; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .body_rHk3X .peopleWords_3XE_j .selected_DRtnF {
        color: #111111; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .body_rHk3X .peopleWords_3XE_j > div {
        float: left;
        padding: 1px 5px; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .body_rHk3X .peopleWords_3XE_j > div:hover {
          background-color: #000;
          color: #fff; }
  .peopleFilter_1_HXd.RosyBrown_1Fm-k .body_rHk3X .continents_I07hU {
      background-color: #FAFAFA;
      position: relative;
      width: 100%; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ {
  position: relative;
  width: 610px;
  height: 490px;
  padding: 10px 15px;
  background-color: #fff; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .avatar_3v0q2 {
    position: absolute;
    right: 20px;
    bottom: 20px;
    overflow: hidden; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .avatar_3v0q2 img {
      width: 88px;
      height: 88px;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: top;
         object-position: top; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .title_ZRTzI {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .search_-4iJ8 {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .search_-4iJ8 .searchIcon_1xLlc {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .search_-4iJ8 input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .search_-4iJ8 input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .search_-4iJ8 input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .search_-4iJ8 input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .search_-4iJ8 input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .search_-4iJ8 input::placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .selectedKey_16Uje {
    font-size: 16px;
    margin-bottom: 16px;
    color: #da6339;
    font-weight: bold; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .body_rHk3X {
    position: relative;
    width: 100%;
    height: calc(100% - 160px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .body_rHk3X .types_2KV_O {
      width: 100%;
      position: relative;
      margin-bottom: 14px; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .body_rHk3X .types_2KV_O > span {
        display: inline-block;
        padding: 4px 10px;
        font-size: 12px;
        cursor: pointer; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .body_rHk3X .types_2KV_O > span:hover {
          background-color: #111111;
          color: #fff; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .body_rHk3X .types_2KV_O .selected_DRtnF {
        background-color: #111111;
        color: #fff; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .body_rHk3X .currentWord_3ULmS {
      color: #111111;
      font-size: 14px;
      margin: 8px 0px 16px 0px;
      font-weight: bold; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .body_rHk3X .peopleBox_2fDQC {
      position: relative;
      height: 275px;
      width: calc(100% - 100px);
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding-right: 4px;
        overflow: auto;
        -ms-scroll-chaining: none;
            overscroll-behavior: contain; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r > div {
          float: left;
          width: 140px;
          margin-right: 10px; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r > div:nth-of-type(3n) {
            margin-right: 0px; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 {
          float: none;
          width: 100%;
          margin: 0; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 .keyItemTag_31wWn {
            float: left;
            width: 140px;
            margin-right: 10px; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 .keyItemTag_31wWn:nth-of-type(3n) {
              margin-right: 0px; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r::-webkit-scrollbar {
          width: 3px; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .body_rHk3X .peopleWords_3XE_j {
      display: inline-block;
      vertical-align: top;
      color: #AAAAAA;
      cursor: pointer;
      font-size: 12px; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .body_rHk3X .peopleWords_3XE_j .selected_DRtnF {
        color: #111111; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .body_rHk3X .peopleWords_3XE_j > div {
        float: left;
        padding: 1px 5px; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .body_rHk3X .peopleWords_3XE_j > div:hover {
          background-color: #000;
          color: #fff; }
  .peopleFilter_1_HXd.Chocolate_2c4UZ .body_rHk3X .continents_I07hU {
      background-color: #FAFAFA;
      position: relative;
      width: 100%; }
  .peopleFilter_1_HXd.Coral_XWq0V {
  position: relative;
  width: 610px;
  height: 490px;
  padding: 10px 15px;
  background-color: #fff; }
  .peopleFilter_1_HXd.Coral_XWq0V .avatar_3v0q2 {
    position: absolute;
    right: 20px;
    bottom: 20px;
    overflow: hidden; }
  .peopleFilter_1_HXd.Coral_XWq0V .avatar_3v0q2 img {
      width: 88px;
      height: 88px;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: top;
         object-position: top; }
  .peopleFilter_1_HXd.Coral_XWq0V .title_ZRTzI {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .peopleFilter_1_HXd.Coral_XWq0V .search_-4iJ8 {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .peopleFilter_1_HXd.Coral_XWq0V .search_-4iJ8 .searchIcon_1xLlc {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .peopleFilter_1_HXd.Coral_XWq0V .search_-4iJ8 input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .peopleFilter_1_HXd.Coral_XWq0V .search_-4iJ8 input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Coral_XWq0V .search_-4iJ8 input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Coral_XWq0V .search_-4iJ8 input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Coral_XWq0V .search_-4iJ8 input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Coral_XWq0V .search_-4iJ8 input::placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Coral_XWq0V .selectedKey_16Uje {
    font-size: 16px;
    margin-bottom: 16px;
    color: #e46375;
    font-weight: bold; }
  .peopleFilter_1_HXd.Coral_XWq0V .body_rHk3X {
    position: relative;
    width: 100%;
    height: calc(100% - 160px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .peopleFilter_1_HXd.Coral_XWq0V .body_rHk3X .types_2KV_O {
      width: 100%;
      position: relative;
      margin-bottom: 14px; }
  .peopleFilter_1_HXd.Coral_XWq0V .body_rHk3X .types_2KV_O > span {
        display: inline-block;
        padding: 4px 10px;
        font-size: 12px;
        cursor: pointer; }
  .peopleFilter_1_HXd.Coral_XWq0V .body_rHk3X .types_2KV_O > span:hover {
          background-color: #111111;
          color: #fff; }
  .peopleFilter_1_HXd.Coral_XWq0V .body_rHk3X .types_2KV_O .selected_DRtnF {
        background-color: #111111;
        color: #fff; }
  .peopleFilter_1_HXd.Coral_XWq0V .body_rHk3X .currentWord_3ULmS {
      color: #111111;
      font-size: 14px;
      margin: 8px 0px 16px 0px;
      font-weight: bold; }
  .peopleFilter_1_HXd.Coral_XWq0V .body_rHk3X .peopleBox_2fDQC {
      position: relative;
      height: 275px;
      width: calc(100% - 100px);
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .peopleFilter_1_HXd.Coral_XWq0V .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding-right: 4px;
        overflow: auto;
        -ms-scroll-chaining: none;
            overscroll-behavior: contain; }
  .peopleFilter_1_HXd.Coral_XWq0V .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r > div {
          float: left;
          width: 140px;
          margin-right: 10px; }
  .peopleFilter_1_HXd.Coral_XWq0V .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r > div:nth-of-type(3n) {
            margin-right: 0px; }
  .peopleFilter_1_HXd.Coral_XWq0V .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 {
          float: none;
          width: 100%;
          margin: 0; }
  .peopleFilter_1_HXd.Coral_XWq0V .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 .keyItemTag_31wWn {
            float: left;
            width: 140px;
            margin-right: 10px; }
  .peopleFilter_1_HXd.Coral_XWq0V .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 .keyItemTag_31wWn:nth-of-type(3n) {
              margin-right: 0px; }
  .peopleFilter_1_HXd.Coral_XWq0V .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r::-webkit-scrollbar {
          width: 3px; }
  .peopleFilter_1_HXd.Coral_XWq0V .body_rHk3X .peopleWords_3XE_j {
      display: inline-block;
      vertical-align: top;
      color: #AAAAAA;
      cursor: pointer;
      font-size: 12px; }
  .peopleFilter_1_HXd.Coral_XWq0V .body_rHk3X .peopleWords_3XE_j .selected_DRtnF {
        color: #111111; }
  .peopleFilter_1_HXd.Coral_XWq0V .body_rHk3X .peopleWords_3XE_j > div {
        float: left;
        padding: 1px 5px; }
  .peopleFilter_1_HXd.Coral_XWq0V .body_rHk3X .peopleWords_3XE_j > div:hover {
          background-color: #000;
          color: #fff; }
  .peopleFilter_1_HXd.Coral_XWq0V .body_rHk3X .continents_I07hU {
      background-color: #FAFAFA;
      position: relative;
      width: 100%; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq {
  position: relative;
  width: 610px;
  height: 490px;
  padding: 10px 15px;
  background-color: #fff; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .avatar_3v0q2 {
    position: absolute;
    right: 20px;
    bottom: 20px;
    overflow: hidden; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .avatar_3v0q2 img {
      width: 88px;
      height: 88px;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: top;
         object-position: top; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .title_ZRTzI {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .search_-4iJ8 {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .search_-4iJ8 .searchIcon_1xLlc {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .search_-4iJ8 input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .search_-4iJ8 input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .search_-4iJ8 input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .search_-4iJ8 input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .search_-4iJ8 input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .search_-4iJ8 input::placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .selectedKey_16Uje {
    font-size: 16px;
    margin-bottom: 16px;
    color: #87a397;
    font-weight: bold; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .body_rHk3X {
    position: relative;
    width: 100%;
    height: calc(100% - 160px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .body_rHk3X .types_2KV_O {
      width: 100%;
      position: relative;
      margin-bottom: 14px; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .body_rHk3X .types_2KV_O > span {
        display: inline-block;
        padding: 4px 10px;
        font-size: 12px;
        cursor: pointer; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .body_rHk3X .types_2KV_O > span:hover {
          background-color: #111111;
          color: #fff; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .body_rHk3X .types_2KV_O .selected_DRtnF {
        background-color: #111111;
        color: #fff; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .body_rHk3X .currentWord_3ULmS {
      color: #111111;
      font-size: 14px;
      margin: 8px 0px 16px 0px;
      font-weight: bold; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .body_rHk3X .peopleBox_2fDQC {
      position: relative;
      height: 275px;
      width: calc(100% - 100px);
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding-right: 4px;
        overflow: auto;
        -ms-scroll-chaining: none;
            overscroll-behavior: contain; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r > div {
          float: left;
          width: 140px;
          margin-right: 10px; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r > div:nth-of-type(3n) {
            margin-right: 0px; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 {
          float: none;
          width: 100%;
          margin: 0; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 .keyItemTag_31wWn {
            float: left;
            width: 140px;
            margin-right: 10px; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 .keyItemTag_31wWn:nth-of-type(3n) {
              margin-right: 0px; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r::-webkit-scrollbar {
          width: 3px; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .body_rHk3X .peopleWords_3XE_j {
      display: inline-block;
      vertical-align: top;
      color: #AAAAAA;
      cursor: pointer;
      font-size: 12px; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .body_rHk3X .peopleWords_3XE_j .selected_DRtnF {
        color: #111111; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .body_rHk3X .peopleWords_3XE_j > div {
        float: left;
        padding: 1px 5px; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .body_rHk3X .peopleWords_3XE_j > div:hover {
          background-color: #000;
          color: #fff; }
  .peopleFilter_1_HXd.CadetBlue_3uUJq .body_rHk3X .continents_I07hU {
      background-color: #FAFAFA;
      position: relative;
      width: 100%; }
  .peopleFilter_1_HXd.Gold_yTCSP {
  position: relative;
  width: 610px;
  height: 490px;
  padding: 10px 15px;
  background-color: #fff; }
  .peopleFilter_1_HXd.Gold_yTCSP .avatar_3v0q2 {
    position: absolute;
    right: 20px;
    bottom: 20px;
    overflow: hidden; }
  .peopleFilter_1_HXd.Gold_yTCSP .avatar_3v0q2 img {
      width: 88px;
      height: 88px;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: top;
         object-position: top; }
  .peopleFilter_1_HXd.Gold_yTCSP .title_ZRTzI {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .peopleFilter_1_HXd.Gold_yTCSP .search_-4iJ8 {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .peopleFilter_1_HXd.Gold_yTCSP .search_-4iJ8 .searchIcon_1xLlc {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .peopleFilter_1_HXd.Gold_yTCSP .search_-4iJ8 input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .peopleFilter_1_HXd.Gold_yTCSP .search_-4iJ8 input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Gold_yTCSP .search_-4iJ8 input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Gold_yTCSP .search_-4iJ8 input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Gold_yTCSP .search_-4iJ8 input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Gold_yTCSP .search_-4iJ8 input::placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Gold_yTCSP .selectedKey_16Uje {
    font-size: 16px;
    margin-bottom: 16px;
    color: #ffc629;
    font-weight: bold; }
  .peopleFilter_1_HXd.Gold_yTCSP .body_rHk3X {
    position: relative;
    width: 100%;
    height: calc(100% - 160px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .peopleFilter_1_HXd.Gold_yTCSP .body_rHk3X .types_2KV_O {
      width: 100%;
      position: relative;
      margin-bottom: 14px; }
  .peopleFilter_1_HXd.Gold_yTCSP .body_rHk3X .types_2KV_O > span {
        display: inline-block;
        padding: 4px 10px;
        font-size: 12px;
        cursor: pointer; }
  .peopleFilter_1_HXd.Gold_yTCSP .body_rHk3X .types_2KV_O > span:hover {
          background-color: #111111;
          color: #fff; }
  .peopleFilter_1_HXd.Gold_yTCSP .body_rHk3X .types_2KV_O .selected_DRtnF {
        background-color: #111111;
        color: #fff; }
  .peopleFilter_1_HXd.Gold_yTCSP .body_rHk3X .currentWord_3ULmS {
      color: #111111;
      font-size: 14px;
      margin: 8px 0px 16px 0px;
      font-weight: bold; }
  .peopleFilter_1_HXd.Gold_yTCSP .body_rHk3X .peopleBox_2fDQC {
      position: relative;
      height: 275px;
      width: calc(100% - 100px);
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .peopleFilter_1_HXd.Gold_yTCSP .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding-right: 4px;
        overflow: auto;
        -ms-scroll-chaining: none;
            overscroll-behavior: contain; }
  .peopleFilter_1_HXd.Gold_yTCSP .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r > div {
          float: left;
          width: 140px;
          margin-right: 10px; }
  .peopleFilter_1_HXd.Gold_yTCSP .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r > div:nth-of-type(3n) {
            margin-right: 0px; }
  .peopleFilter_1_HXd.Gold_yTCSP .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 {
          float: none;
          width: 100%;
          margin: 0; }
  .peopleFilter_1_HXd.Gold_yTCSP .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 .keyItemTag_31wWn {
            float: left;
            width: 140px;
            margin-right: 10px; }
  .peopleFilter_1_HXd.Gold_yTCSP .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 .keyItemTag_31wWn:nth-of-type(3n) {
              margin-right: 0px; }
  .peopleFilter_1_HXd.Gold_yTCSP .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r::-webkit-scrollbar {
          width: 3px; }
  .peopleFilter_1_HXd.Gold_yTCSP .body_rHk3X .peopleWords_3XE_j {
      display: inline-block;
      vertical-align: top;
      color: #AAAAAA;
      cursor: pointer;
      font-size: 12px; }
  .peopleFilter_1_HXd.Gold_yTCSP .body_rHk3X .peopleWords_3XE_j .selected_DRtnF {
        color: #111111; }
  .peopleFilter_1_HXd.Gold_yTCSP .body_rHk3X .peopleWords_3XE_j > div {
        float: left;
        padding: 1px 5px; }
  .peopleFilter_1_HXd.Gold_yTCSP .body_rHk3X .peopleWords_3XE_j > div:hover {
          background-color: #000;
          color: #fff; }
  .peopleFilter_1_HXd.Gold_yTCSP .body_rHk3X .continents_I07hU {
      background-color: #FAFAFA;
      position: relative;
      width: 100%; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo {
  position: relative;
  width: 610px;
  height: 490px;
  padding: 10px 15px;
  background-color: #fff; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .avatar_3v0q2 {
    position: absolute;
    right: 20px;
    bottom: 20px;
    overflow: hidden; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .avatar_3v0q2 img {
      width: 88px;
      height: 88px;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: top;
         object-position: top; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .title_ZRTzI {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .search_-4iJ8 {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .search_-4iJ8 .searchIcon_1xLlc {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .search_-4iJ8 input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .search_-4iJ8 input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .search_-4iJ8 input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .search_-4iJ8 input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .search_-4iJ8 input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .search_-4iJ8 input::placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .selectedKey_16Uje {
    font-size: 16px;
    margin-bottom: 16px;
    color: #749bb0;
    font-weight: bold; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .body_rHk3X {
    position: relative;
    width: 100%;
    height: calc(100% - 160px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .body_rHk3X .types_2KV_O {
      width: 100%;
      position: relative;
      margin-bottom: 14px; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .body_rHk3X .types_2KV_O > span {
        display: inline-block;
        padding: 4px 10px;
        font-size: 12px;
        cursor: pointer; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .body_rHk3X .types_2KV_O > span:hover {
          background-color: #111111;
          color: #fff; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .body_rHk3X .types_2KV_O .selected_DRtnF {
        background-color: #111111;
        color: #fff; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .body_rHk3X .currentWord_3ULmS {
      color: #111111;
      font-size: 14px;
      margin: 8px 0px 16px 0px;
      font-weight: bold; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .body_rHk3X .peopleBox_2fDQC {
      position: relative;
      height: 275px;
      width: calc(100% - 100px);
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding-right: 4px;
        overflow: auto;
        -ms-scroll-chaining: none;
            overscroll-behavior: contain; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r > div {
          float: left;
          width: 140px;
          margin-right: 10px; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r > div:nth-of-type(3n) {
            margin-right: 0px; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 {
          float: none;
          width: 100%;
          margin: 0; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 .keyItemTag_31wWn {
            float: left;
            width: 140px;
            margin-right: 10px; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 .keyItemTag_31wWn:nth-of-type(3n) {
              margin-right: 0px; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r::-webkit-scrollbar {
          width: 3px; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .body_rHk3X .peopleWords_3XE_j {
      display: inline-block;
      vertical-align: top;
      color: #AAAAAA;
      cursor: pointer;
      font-size: 12px; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .body_rHk3X .peopleWords_3XE_j .selected_DRtnF {
        color: #111111; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .body_rHk3X .peopleWords_3XE_j > div {
        float: left;
        padding: 1px 5px; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .body_rHk3X .peopleWords_3XE_j > div:hover {
          background-color: #000;
          color: #fff; }
  .peopleFilter_1_HXd.PowDerBlue_AaeTo .body_rHk3X .continents_I07hU {
      background-color: #FAFAFA;
      position: relative;
      width: 100%; }
  .peopleFilter_1_HXd.Dark_1curv {
  position: relative;
  width: 610px;
  height: 490px;
  padding: 10px 15px;
  background-color: #fff; }
  .peopleFilter_1_HXd.Dark_1curv .avatar_3v0q2 {
    position: absolute;
    right: 20px;
    bottom: 20px;
    overflow: hidden; }
  .peopleFilter_1_HXd.Dark_1curv .avatar_3v0q2 img {
      width: 88px;
      height: 88px;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: top;
         object-position: top; }
  .peopleFilter_1_HXd.Dark_1curv .title_ZRTzI {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .peopleFilter_1_HXd.Dark_1curv .search_-4iJ8 {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .peopleFilter_1_HXd.Dark_1curv .search_-4iJ8 .searchIcon_1xLlc {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .peopleFilter_1_HXd.Dark_1curv .search_-4iJ8 input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .peopleFilter_1_HXd.Dark_1curv .search_-4iJ8 input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Dark_1curv .search_-4iJ8 input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Dark_1curv .search_-4iJ8 input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Dark_1curv .search_-4iJ8 input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Dark_1curv .search_-4iJ8 input::placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_1_HXd.Dark_1curv .selectedKey_16Uje {
    font-size: 16px;
    margin-bottom: 16px;
    color: #000;
    font-weight: bold; }
  .peopleFilter_1_HXd.Dark_1curv .body_rHk3X {
    position: relative;
    width: 100%;
    height: calc(100% - 160px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .peopleFilter_1_HXd.Dark_1curv .body_rHk3X .types_2KV_O {
      width: 100%;
      position: relative;
      margin-bottom: 14px; }
  .peopleFilter_1_HXd.Dark_1curv .body_rHk3X .types_2KV_O > span {
        display: inline-block;
        padding: 4px 10px;
        font-size: 12px;
        cursor: pointer; }
  .peopleFilter_1_HXd.Dark_1curv .body_rHk3X .types_2KV_O > span:hover {
          background-color: #111111;
          color: #fff; }
  .peopleFilter_1_HXd.Dark_1curv .body_rHk3X .types_2KV_O .selected_DRtnF {
        background-color: #111111;
        color: #fff; }
  .peopleFilter_1_HXd.Dark_1curv .body_rHk3X .currentWord_3ULmS {
      color: #111111;
      font-size: 14px;
      margin: 8px 0px 16px 0px;
      font-weight: bold; }
  .peopleFilter_1_HXd.Dark_1curv .body_rHk3X .peopleBox_2fDQC {
      position: relative;
      height: 275px;
      width: calc(100% - 100px);
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .peopleFilter_1_HXd.Dark_1curv .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding-right: 4px;
        overflow: auto;
        -ms-scroll-chaining: none;
            overscroll-behavior: contain; }
  .peopleFilter_1_HXd.Dark_1curv .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r > div {
          float: left;
          width: 140px;
          margin-right: 10px; }
  .peopleFilter_1_HXd.Dark_1curv .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r > div:nth-of-type(3n) {
            margin-right: 0px; }
  .peopleFilter_1_HXd.Dark_1curv .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 {
          float: none;
          width: 100%;
          margin: 0; }
  .peopleFilter_1_HXd.Dark_1curv .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 .keyItemTag_31wWn {
            float: left;
            width: 140px;
            margin-right: 10px; }
  .peopleFilter_1_HXd.Dark_1curv .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r .keyItem_1Tky6 .keyItemTag_31wWn:nth-of-type(3n) {
              margin-right: 0px; }
  .peopleFilter_1_HXd.Dark_1curv .body_rHk3X .peopleBox_2fDQC .peopleitems_36z4r::-webkit-scrollbar {
          width: 3px; }
  .peopleFilter_1_HXd.Dark_1curv .body_rHk3X .peopleWords_3XE_j {
      display: inline-block;
      vertical-align: top;
      color: #AAAAAA;
      cursor: pointer;
      font-size: 12px; }
  .peopleFilter_1_HXd.Dark_1curv .body_rHk3X .peopleWords_3XE_j .selected_DRtnF {
        color: #111111; }
  .peopleFilter_1_HXd.Dark_1curv .body_rHk3X .peopleWords_3XE_j > div {
        float: left;
        padding: 1px 5px; }
  .peopleFilter_1_HXd.Dark_1curv .body_rHk3X .peopleWords_3XE_j > div:hover {
          background-color: #000;
          color: #fff; }
  .peopleFilter_1_HXd.Dark_1curv .body_rHk3X .continents_I07hU {
      background-color: #FAFAFA;
      position: relative;
      width: 100%; }

.categoryFilter_3tWKA.Normal_16z0J {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .categoryFilter_3tWKA.Normal_16z0J .title_3cn27 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .categoryFilter_3tWKA.Normal_16z0J .body_3MuL2 {
    position: relative;
    width: 100%;
    height: calc(100% - 42px);
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain; }
  .categoryFilter_3tWKA.Normal_16z0J .body_3MuL2::-webkit-scrollbar {
      width: 3px; }
  .categoryFilter_3tWKA.Normal_16z0J .body_3MuL2 .categoryItem_2DOn2 {
      margin-bottom: 14px; }
  .categoryFilter_3tWKA.Normal_16z0J .body_3MuL2 .categoryItem_2DOn2 > div {
        float: left;
        width: 120px;
        margin-right: 10px; }
  .categoryFilter_3tWKA.Normal_16z0J .body_3MuL2 .categoryItem_2DOn2 > div:nth-of-type(5n) {
          margin-right: 0px; }
  .categoryFilter_3tWKA.Normal_16z0J .body_3MuL2 .area_1zJjW {
      position: relative;
      width: 100%;
      padding-top: 5px;
      overflow: auto; }
  .categoryFilter_3tWKA.Normal_16z0J .body_3MuL2 .area_1zJjW::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .categoryFilter_3tWKA.DarkCyan_pE6m0 {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .categoryFilter_3tWKA.DarkCyan_pE6m0 .title_3cn27 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .categoryFilter_3tWKA.DarkCyan_pE6m0 .body_3MuL2 {
    position: relative;
    width: 100%;
    height: calc(100% - 42px);
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain; }
  .categoryFilter_3tWKA.DarkCyan_pE6m0 .body_3MuL2::-webkit-scrollbar {
      width: 3px; }
  .categoryFilter_3tWKA.DarkCyan_pE6m0 .body_3MuL2 .categoryItem_2DOn2 {
      margin-bottom: 14px; }
  .categoryFilter_3tWKA.DarkCyan_pE6m0 .body_3MuL2 .categoryItem_2DOn2 > div {
        float: left;
        width: 120px;
        margin-right: 10px; }
  .categoryFilter_3tWKA.DarkCyan_pE6m0 .body_3MuL2 .categoryItem_2DOn2 > div:nth-of-type(5n) {
          margin-right: 0px; }
  .categoryFilter_3tWKA.DarkCyan_pE6m0 .body_3MuL2 .area_1zJjW {
      position: relative;
      width: 100%;
      padding-top: 5px;
      overflow: auto; }
  .categoryFilter_3tWKA.DarkCyan_pE6m0 .body_3MuL2 .area_1zJjW::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .categoryFilter_3tWKA.Wheat_1uFdq {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .categoryFilter_3tWKA.Wheat_1uFdq .title_3cn27 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .categoryFilter_3tWKA.Wheat_1uFdq .body_3MuL2 {
    position: relative;
    width: 100%;
    height: calc(100% - 42px);
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain; }
  .categoryFilter_3tWKA.Wheat_1uFdq .body_3MuL2::-webkit-scrollbar {
      width: 3px; }
  .categoryFilter_3tWKA.Wheat_1uFdq .body_3MuL2 .categoryItem_2DOn2 {
      margin-bottom: 14px; }
  .categoryFilter_3tWKA.Wheat_1uFdq .body_3MuL2 .categoryItem_2DOn2 > div {
        float: left;
        width: 120px;
        margin-right: 10px; }
  .categoryFilter_3tWKA.Wheat_1uFdq .body_3MuL2 .categoryItem_2DOn2 > div:nth-of-type(5n) {
          margin-right: 0px; }
  .categoryFilter_3tWKA.Wheat_1uFdq .body_3MuL2 .area_1zJjW {
      position: relative;
      width: 100%;
      padding-top: 5px;
      overflow: auto; }
  .categoryFilter_3tWKA.Wheat_1uFdq .body_3MuL2 .area_1zJjW::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .categoryFilter_3tWKA.RosyBrown_10JEJ {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .categoryFilter_3tWKA.RosyBrown_10JEJ .title_3cn27 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .categoryFilter_3tWKA.RosyBrown_10JEJ .body_3MuL2 {
    position: relative;
    width: 100%;
    height: calc(100% - 42px);
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain; }
  .categoryFilter_3tWKA.RosyBrown_10JEJ .body_3MuL2::-webkit-scrollbar {
      width: 3px; }
  .categoryFilter_3tWKA.RosyBrown_10JEJ .body_3MuL2 .categoryItem_2DOn2 {
      margin-bottom: 14px; }
  .categoryFilter_3tWKA.RosyBrown_10JEJ .body_3MuL2 .categoryItem_2DOn2 > div {
        float: left;
        width: 120px;
        margin-right: 10px; }
  .categoryFilter_3tWKA.RosyBrown_10JEJ .body_3MuL2 .categoryItem_2DOn2 > div:nth-of-type(5n) {
          margin-right: 0px; }
  .categoryFilter_3tWKA.RosyBrown_10JEJ .body_3MuL2 .area_1zJjW {
      position: relative;
      width: 100%;
      padding-top: 5px;
      overflow: auto; }
  .categoryFilter_3tWKA.RosyBrown_10JEJ .body_3MuL2 .area_1zJjW::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .categoryFilter_3tWKA.Chocolate_1JQUe {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .categoryFilter_3tWKA.Chocolate_1JQUe .title_3cn27 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .categoryFilter_3tWKA.Chocolate_1JQUe .body_3MuL2 {
    position: relative;
    width: 100%;
    height: calc(100% - 42px);
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain; }
  .categoryFilter_3tWKA.Chocolate_1JQUe .body_3MuL2::-webkit-scrollbar {
      width: 3px; }
  .categoryFilter_3tWKA.Chocolate_1JQUe .body_3MuL2 .categoryItem_2DOn2 {
      margin-bottom: 14px; }
  .categoryFilter_3tWKA.Chocolate_1JQUe .body_3MuL2 .categoryItem_2DOn2 > div {
        float: left;
        width: 120px;
        margin-right: 10px; }
  .categoryFilter_3tWKA.Chocolate_1JQUe .body_3MuL2 .categoryItem_2DOn2 > div:nth-of-type(5n) {
          margin-right: 0px; }
  .categoryFilter_3tWKA.Chocolate_1JQUe .body_3MuL2 .area_1zJjW {
      position: relative;
      width: 100%;
      padding-top: 5px;
      overflow: auto; }
  .categoryFilter_3tWKA.Chocolate_1JQUe .body_3MuL2 .area_1zJjW::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .categoryFilter_3tWKA.Coral_1i6rP {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .categoryFilter_3tWKA.Coral_1i6rP .title_3cn27 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .categoryFilter_3tWKA.Coral_1i6rP .body_3MuL2 {
    position: relative;
    width: 100%;
    height: calc(100% - 42px);
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain; }
  .categoryFilter_3tWKA.Coral_1i6rP .body_3MuL2::-webkit-scrollbar {
      width: 3px; }
  .categoryFilter_3tWKA.Coral_1i6rP .body_3MuL2 .categoryItem_2DOn2 {
      margin-bottom: 14px; }
  .categoryFilter_3tWKA.Coral_1i6rP .body_3MuL2 .categoryItem_2DOn2 > div {
        float: left;
        width: 120px;
        margin-right: 10px; }
  .categoryFilter_3tWKA.Coral_1i6rP .body_3MuL2 .categoryItem_2DOn2 > div:nth-of-type(5n) {
          margin-right: 0px; }
  .categoryFilter_3tWKA.Coral_1i6rP .body_3MuL2 .area_1zJjW {
      position: relative;
      width: 100%;
      padding-top: 5px;
      overflow: auto; }
  .categoryFilter_3tWKA.Coral_1i6rP .body_3MuL2 .area_1zJjW::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .categoryFilter_3tWKA.CadetBlue_2y5Tl {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .categoryFilter_3tWKA.CadetBlue_2y5Tl .title_3cn27 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .categoryFilter_3tWKA.CadetBlue_2y5Tl .body_3MuL2 {
    position: relative;
    width: 100%;
    height: calc(100% - 42px);
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain; }
  .categoryFilter_3tWKA.CadetBlue_2y5Tl .body_3MuL2::-webkit-scrollbar {
      width: 3px; }
  .categoryFilter_3tWKA.CadetBlue_2y5Tl .body_3MuL2 .categoryItem_2DOn2 {
      margin-bottom: 14px; }
  .categoryFilter_3tWKA.CadetBlue_2y5Tl .body_3MuL2 .categoryItem_2DOn2 > div {
        float: left;
        width: 120px;
        margin-right: 10px; }
  .categoryFilter_3tWKA.CadetBlue_2y5Tl .body_3MuL2 .categoryItem_2DOn2 > div:nth-of-type(5n) {
          margin-right: 0px; }
  .categoryFilter_3tWKA.CadetBlue_2y5Tl .body_3MuL2 .area_1zJjW {
      position: relative;
      width: 100%;
      padding-top: 5px;
      overflow: auto; }
  .categoryFilter_3tWKA.CadetBlue_2y5Tl .body_3MuL2 .area_1zJjW::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .categoryFilter_3tWKA.Gold_IJKj3 {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .categoryFilter_3tWKA.Gold_IJKj3 .title_3cn27 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .categoryFilter_3tWKA.Gold_IJKj3 .body_3MuL2 {
    position: relative;
    width: 100%;
    height: calc(100% - 42px);
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain; }
  .categoryFilter_3tWKA.Gold_IJKj3 .body_3MuL2::-webkit-scrollbar {
      width: 3px; }
  .categoryFilter_3tWKA.Gold_IJKj3 .body_3MuL2 .categoryItem_2DOn2 {
      margin-bottom: 14px; }
  .categoryFilter_3tWKA.Gold_IJKj3 .body_3MuL2 .categoryItem_2DOn2 > div {
        float: left;
        width: 120px;
        margin-right: 10px; }
  .categoryFilter_3tWKA.Gold_IJKj3 .body_3MuL2 .categoryItem_2DOn2 > div:nth-of-type(5n) {
          margin-right: 0px; }
  .categoryFilter_3tWKA.Gold_IJKj3 .body_3MuL2 .area_1zJjW {
      position: relative;
      width: 100%;
      padding-top: 5px;
      overflow: auto; }
  .categoryFilter_3tWKA.Gold_IJKj3 .body_3MuL2 .area_1zJjW::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .categoryFilter_3tWKA.PowDerBlue_2tqfn {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .categoryFilter_3tWKA.PowDerBlue_2tqfn .title_3cn27 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .categoryFilter_3tWKA.PowDerBlue_2tqfn .body_3MuL2 {
    position: relative;
    width: 100%;
    height: calc(100% - 42px);
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain; }
  .categoryFilter_3tWKA.PowDerBlue_2tqfn .body_3MuL2::-webkit-scrollbar {
      width: 3px; }
  .categoryFilter_3tWKA.PowDerBlue_2tqfn .body_3MuL2 .categoryItem_2DOn2 {
      margin-bottom: 14px; }
  .categoryFilter_3tWKA.PowDerBlue_2tqfn .body_3MuL2 .categoryItem_2DOn2 > div {
        float: left;
        width: 120px;
        margin-right: 10px; }
  .categoryFilter_3tWKA.PowDerBlue_2tqfn .body_3MuL2 .categoryItem_2DOn2 > div:nth-of-type(5n) {
          margin-right: 0px; }
  .categoryFilter_3tWKA.PowDerBlue_2tqfn .body_3MuL2 .area_1zJjW {
      position: relative;
      width: 100%;
      padding-top: 5px;
      overflow: auto; }
  .categoryFilter_3tWKA.PowDerBlue_2tqfn .body_3MuL2 .area_1zJjW::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .categoryFilter_3tWKA.Dark__GSNN {
  width: 690px;
  height: 386px;
  padding: 10px 15px;
  background-color: #fff; }
  .categoryFilter_3tWKA.Dark__GSNN .title_3cn27 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .categoryFilter_3tWKA.Dark__GSNN .body_3MuL2 {
    position: relative;
    width: 100%;
    height: calc(100% - 42px);
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain; }
  .categoryFilter_3tWKA.Dark__GSNN .body_3MuL2::-webkit-scrollbar {
      width: 3px; }
  .categoryFilter_3tWKA.Dark__GSNN .body_3MuL2 .categoryItem_2DOn2 {
      margin-bottom: 14px; }
  .categoryFilter_3tWKA.Dark__GSNN .body_3MuL2 .categoryItem_2DOn2 > div {
        float: left;
        width: 120px;
        margin-right: 10px; }
  .categoryFilter_3tWKA.Dark__GSNN .body_3MuL2 .categoryItem_2DOn2 > div:nth-of-type(5n) {
          margin-right: 0px; }
  .categoryFilter_3tWKA.Dark__GSNN .body_3MuL2 .area_1zJjW {
      position: relative;
      width: 100%;
      padding-top: 5px;
      overflow: auto; }
  .categoryFilter_3tWKA.Dark__GSNN .body_3MuL2 .area_1zJjW::-webkit-scrollbar-track-piece {
        background-color: #fff; }

.TreeFilter_2RdID.Normal_1e05i {
  width: 530px;
  height: 386px;
  padding: 10px 10px;
  background-color: #fff; }
  .TreeFilter_2RdID.Normal_1e05i .title_3wyfc {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .TreeFilter_2RdID.Normal_1e05i .treeFilterCaretRight_17OAa {
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0px 6px;
    cursor: pointer; }
  .TreeFilter_2RdID.Normal_1e05i .treeFilterCaretRight_17OAa:hover {
      background: #eee; }
  .TreeFilter_2RdID.Normal_1e05i .body_2j4C4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    height: calc(100% - 40px); }
  .TreeFilter_2RdID.Normal_1e05i .body_2j4C4 .colItem_7k60o {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 120px;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      color: #333; }
  .TreeFilter_2RdID.Normal_1e05i .body_2j4C4 .colItem_7k60o > div {
        padding-left: 2px; }
  .TreeFilter_2RdID.Normal_1e05i .body_2j4C4::-webkit-scrollbar {
      width: 3px; }
  .TreeFilter_2RdID.Normal_1e05i .body_2j4C4::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .TreeFilter_2RdID.Normal_1e05i .pathActive_bKIoU {
    -webkit-box-shadow: 2px 0 0  #000 inset;
            box-shadow: 2px 0 0  #000 inset;
    background-color: #F6F6F6; }
  .TreeFilter_2RdID.DarkCyan_2GKcg {
  width: 530px;
  height: 386px;
  padding: 10px 10px;
  background-color: #fff; }
  .TreeFilter_2RdID.DarkCyan_2GKcg .title_3wyfc {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .TreeFilter_2RdID.DarkCyan_2GKcg .treeFilterCaretRight_17OAa {
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0px 6px;
    cursor: pointer; }
  .TreeFilter_2RdID.DarkCyan_2GKcg .treeFilterCaretRight_17OAa:hover {
      background: #eee; }
  .TreeFilter_2RdID.DarkCyan_2GKcg .body_2j4C4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    height: calc(100% - 40px); }
  .TreeFilter_2RdID.DarkCyan_2GKcg .body_2j4C4 .colItem_7k60o {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 120px;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      color: #333; }
  .TreeFilter_2RdID.DarkCyan_2GKcg .body_2j4C4 .colItem_7k60o > div {
        padding-left: 2px; }
  .TreeFilter_2RdID.DarkCyan_2GKcg .body_2j4C4::-webkit-scrollbar {
      width: 3px; }
  .TreeFilter_2RdID.DarkCyan_2GKcg .body_2j4C4::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .TreeFilter_2RdID.DarkCyan_2GKcg .pathActive_bKIoU {
    -webkit-box-shadow: 2px 0 0  #000 inset;
            box-shadow: 2px 0 0  #000 inset;
    background-color: #F6F6F6; }
  .TreeFilter_2RdID.Wheat_2DcIP {
  width: 530px;
  height: 386px;
  padding: 10px 10px;
  background-color: #fff; }
  .TreeFilter_2RdID.Wheat_2DcIP .title_3wyfc {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .TreeFilter_2RdID.Wheat_2DcIP .treeFilterCaretRight_17OAa {
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0px 6px;
    cursor: pointer; }
  .TreeFilter_2RdID.Wheat_2DcIP .treeFilterCaretRight_17OAa:hover {
      background: #eee; }
  .TreeFilter_2RdID.Wheat_2DcIP .body_2j4C4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    height: calc(100% - 40px); }
  .TreeFilter_2RdID.Wheat_2DcIP .body_2j4C4 .colItem_7k60o {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 120px;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      color: #333; }
  .TreeFilter_2RdID.Wheat_2DcIP .body_2j4C4 .colItem_7k60o > div {
        padding-left: 2px; }
  .TreeFilter_2RdID.Wheat_2DcIP .body_2j4C4::-webkit-scrollbar {
      width: 3px; }
  .TreeFilter_2RdID.Wheat_2DcIP .body_2j4C4::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .TreeFilter_2RdID.Wheat_2DcIP .pathActive_bKIoU {
    -webkit-box-shadow: 2px 0 0  #000 inset;
            box-shadow: 2px 0 0  #000 inset;
    background-color: #F6F6F6; }
  .TreeFilter_2RdID.RosyBrown_3VCKo {
  width: 530px;
  height: 386px;
  padding: 10px 10px;
  background-color: #fff; }
  .TreeFilter_2RdID.RosyBrown_3VCKo .title_3wyfc {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .TreeFilter_2RdID.RosyBrown_3VCKo .treeFilterCaretRight_17OAa {
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0px 6px;
    cursor: pointer; }
  .TreeFilter_2RdID.RosyBrown_3VCKo .treeFilterCaretRight_17OAa:hover {
      background: #eee; }
  .TreeFilter_2RdID.RosyBrown_3VCKo .body_2j4C4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    height: calc(100% - 40px); }
  .TreeFilter_2RdID.RosyBrown_3VCKo .body_2j4C4 .colItem_7k60o {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 120px;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      color: #333; }
  .TreeFilter_2RdID.RosyBrown_3VCKo .body_2j4C4 .colItem_7k60o > div {
        padding-left: 2px; }
  .TreeFilter_2RdID.RosyBrown_3VCKo .body_2j4C4::-webkit-scrollbar {
      width: 3px; }
  .TreeFilter_2RdID.RosyBrown_3VCKo .body_2j4C4::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .TreeFilter_2RdID.RosyBrown_3VCKo .pathActive_bKIoU {
    -webkit-box-shadow: 2px 0 0  #000 inset;
            box-shadow: 2px 0 0  #000 inset;
    background-color: #F6F6F6; }
  .TreeFilter_2RdID.Chocolate_24qpQ {
  width: 530px;
  height: 386px;
  padding: 10px 10px;
  background-color: #fff; }
  .TreeFilter_2RdID.Chocolate_24qpQ .title_3wyfc {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .TreeFilter_2RdID.Chocolate_24qpQ .treeFilterCaretRight_17OAa {
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0px 6px;
    cursor: pointer; }
  .TreeFilter_2RdID.Chocolate_24qpQ .treeFilterCaretRight_17OAa:hover {
      background: #eee; }
  .TreeFilter_2RdID.Chocolate_24qpQ .body_2j4C4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    height: calc(100% - 40px); }
  .TreeFilter_2RdID.Chocolate_24qpQ .body_2j4C4 .colItem_7k60o {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 120px;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      color: #333; }
  .TreeFilter_2RdID.Chocolate_24qpQ .body_2j4C4 .colItem_7k60o > div {
        padding-left: 2px; }
  .TreeFilter_2RdID.Chocolate_24qpQ .body_2j4C4::-webkit-scrollbar {
      width: 3px; }
  .TreeFilter_2RdID.Chocolate_24qpQ .body_2j4C4::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .TreeFilter_2RdID.Chocolate_24qpQ .pathActive_bKIoU {
    -webkit-box-shadow: 2px 0 0  #000 inset;
            box-shadow: 2px 0 0  #000 inset;
    background-color: #F6F6F6; }
  .TreeFilter_2RdID.Coral_221qy {
  width: 530px;
  height: 386px;
  padding: 10px 10px;
  background-color: #fff; }
  .TreeFilter_2RdID.Coral_221qy .title_3wyfc {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .TreeFilter_2RdID.Coral_221qy .treeFilterCaretRight_17OAa {
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0px 6px;
    cursor: pointer; }
  .TreeFilter_2RdID.Coral_221qy .treeFilterCaretRight_17OAa:hover {
      background: #eee; }
  .TreeFilter_2RdID.Coral_221qy .body_2j4C4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    height: calc(100% - 40px); }
  .TreeFilter_2RdID.Coral_221qy .body_2j4C4 .colItem_7k60o {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 120px;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      color: #333; }
  .TreeFilter_2RdID.Coral_221qy .body_2j4C4 .colItem_7k60o > div {
        padding-left: 2px; }
  .TreeFilter_2RdID.Coral_221qy .body_2j4C4::-webkit-scrollbar {
      width: 3px; }
  .TreeFilter_2RdID.Coral_221qy .body_2j4C4::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .TreeFilter_2RdID.Coral_221qy .pathActive_bKIoU {
    -webkit-box-shadow: 2px 0 0  #000 inset;
            box-shadow: 2px 0 0  #000 inset;
    background-color: #F6F6F6; }
  .TreeFilter_2RdID.CadetBlue_776lh {
  width: 530px;
  height: 386px;
  padding: 10px 10px;
  background-color: #fff; }
  .TreeFilter_2RdID.CadetBlue_776lh .title_3wyfc {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .TreeFilter_2RdID.CadetBlue_776lh .treeFilterCaretRight_17OAa {
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0px 6px;
    cursor: pointer; }
  .TreeFilter_2RdID.CadetBlue_776lh .treeFilterCaretRight_17OAa:hover {
      background: #eee; }
  .TreeFilter_2RdID.CadetBlue_776lh .body_2j4C4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    height: calc(100% - 40px); }
  .TreeFilter_2RdID.CadetBlue_776lh .body_2j4C4 .colItem_7k60o {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 120px;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      color: #333; }
  .TreeFilter_2RdID.CadetBlue_776lh .body_2j4C4 .colItem_7k60o > div {
        padding-left: 2px; }
  .TreeFilter_2RdID.CadetBlue_776lh .body_2j4C4::-webkit-scrollbar {
      width: 3px; }
  .TreeFilter_2RdID.CadetBlue_776lh .body_2j4C4::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .TreeFilter_2RdID.CadetBlue_776lh .pathActive_bKIoU {
    -webkit-box-shadow: 2px 0 0  #000 inset;
            box-shadow: 2px 0 0  #000 inset;
    background-color: #F6F6F6; }
  .TreeFilter_2RdID.Gold_KeJ3W {
  width: 530px;
  height: 386px;
  padding: 10px 10px;
  background-color: #fff; }
  .TreeFilter_2RdID.Gold_KeJ3W .title_3wyfc {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .TreeFilter_2RdID.Gold_KeJ3W .treeFilterCaretRight_17OAa {
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0px 6px;
    cursor: pointer; }
  .TreeFilter_2RdID.Gold_KeJ3W .treeFilterCaretRight_17OAa:hover {
      background: #eee; }
  .TreeFilter_2RdID.Gold_KeJ3W .body_2j4C4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    height: calc(100% - 40px); }
  .TreeFilter_2RdID.Gold_KeJ3W .body_2j4C4 .colItem_7k60o {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 120px;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      color: #333; }
  .TreeFilter_2RdID.Gold_KeJ3W .body_2j4C4 .colItem_7k60o > div {
        padding-left: 2px; }
  .TreeFilter_2RdID.Gold_KeJ3W .body_2j4C4::-webkit-scrollbar {
      width: 3px; }
  .TreeFilter_2RdID.Gold_KeJ3W .body_2j4C4::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .TreeFilter_2RdID.Gold_KeJ3W .pathActive_bKIoU {
    -webkit-box-shadow: 2px 0 0  #000 inset;
            box-shadow: 2px 0 0  #000 inset;
    background-color: #F6F6F6; }
  .TreeFilter_2RdID.PowDerBlue_rugBi {
  width: 530px;
  height: 386px;
  padding: 10px 10px;
  background-color: #fff; }
  .TreeFilter_2RdID.PowDerBlue_rugBi .title_3wyfc {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .TreeFilter_2RdID.PowDerBlue_rugBi .treeFilterCaretRight_17OAa {
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0px 6px;
    cursor: pointer; }
  .TreeFilter_2RdID.PowDerBlue_rugBi .treeFilterCaretRight_17OAa:hover {
      background: #eee; }
  .TreeFilter_2RdID.PowDerBlue_rugBi .body_2j4C4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    height: calc(100% - 40px); }
  .TreeFilter_2RdID.PowDerBlue_rugBi .body_2j4C4 .colItem_7k60o {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 120px;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      color: #333; }
  .TreeFilter_2RdID.PowDerBlue_rugBi .body_2j4C4 .colItem_7k60o > div {
        padding-left: 2px; }
  .TreeFilter_2RdID.PowDerBlue_rugBi .body_2j4C4::-webkit-scrollbar {
      width: 3px; }
  .TreeFilter_2RdID.PowDerBlue_rugBi .body_2j4C4::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .TreeFilter_2RdID.PowDerBlue_rugBi .pathActive_bKIoU {
    -webkit-box-shadow: 2px 0 0  #000 inset;
            box-shadow: 2px 0 0  #000 inset;
    background-color: #F6F6F6; }
  .TreeFilter_2RdID.Dark_7Rbcw {
  width: 530px;
  height: 386px;
  padding: 10px 10px;
  background-color: #fff; }
  .TreeFilter_2RdID.Dark_7Rbcw .title_3wyfc {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .TreeFilter_2RdID.Dark_7Rbcw .treeFilterCaretRight_17OAa {
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0px 6px;
    cursor: pointer; }
  .TreeFilter_2RdID.Dark_7Rbcw .treeFilterCaretRight_17OAa:hover {
      background: #eee; }
  .TreeFilter_2RdID.Dark_7Rbcw .body_2j4C4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    height: calc(100% - 40px); }
  .TreeFilter_2RdID.Dark_7Rbcw .body_2j4C4 .colItem_7k60o {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 120px;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      color: #333; }
  .TreeFilter_2RdID.Dark_7Rbcw .body_2j4C4 .colItem_7k60o > div {
        padding-left: 2px; }
  .TreeFilter_2RdID.Dark_7Rbcw .body_2j4C4::-webkit-scrollbar {
      width: 3px; }
  .TreeFilter_2RdID.Dark_7Rbcw .body_2j4C4::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .TreeFilter_2RdID.Dark_7Rbcw .pathActive_bKIoU {
    -webkit-box-shadow: 2px 0 0  #000 inset;
            box-shadow: 2px 0 0  #000 inset;
    background-color: #F6F6F6; }

.bannerFilter_2f1xk.Normal_qAs_b {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_2f1xk.Normal_qAs_b .title_2dsNw {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_2f1xk.Normal_qAs_b .hasFavorite_MTFBk {
    margin-right: 4px; }
  .bannerFilter_2f1xk.Normal_qAs_b .favoriteIcon_1JAQY {
    color: #FF4141; }
  .bannerFilter_2f1xk.Normal_qAs_b .favoriteIcon_1JAQY > i {
      font-size: 12px; }
  .bannerFilter_2f1xk.Normal_qAs_b .search_2MwJG {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_2f1xk.Normal_qAs_b .search_2MwJG .searchIcon_3GQQh {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #666;
      font-weight: 700; }
  .bannerFilter_2f1xk.Normal_qAs_b .search_2MwJG input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_2f1xk.Normal_qAs_b .search_2MwJG input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Normal_qAs_b .search_2MwJG input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Normal_qAs_b .search_2MwJG input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Normal_qAs_b .search_2MwJG input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Normal_qAs_b .search_2MwJG input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Normal_qAs_b .search_2MwJG input {
      border-radius: 0px;
      padding-left: 24px; }
  .bannerFilter_2f1xk.Normal_qAs_b .body_4Q095 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_2f1xk.Normal_qAs_b .body_4Q095 .barndList_3aXYE {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_2f1xk.Normal_qAs_b .body_4Q095 .barndList_3aXYE::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_2f1xk.Normal_qAs_b .body_4Q095 .barndList_3aXYE .selectedKey_CG5ig {
        font-size: 16px;
        margin-bottom: 16px;
        color: #111111;
        font-weight: bold; }
  .bannerFilter_2f1xk.Normal_qAs_b .body_4Q095 .barndList_3aXYE::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_2f1xk.Normal_qAs_b .body_4Q095 .barndList_3aXYE .brandTagItem_a_Cfd:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_2f1xk.Normal_qAs_b .body_4Q095 .brandTagItem_a_Cfd {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_2f1xk.Normal_qAs_b .body_4Q095 .keyList_1sSvw > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_2f1xk.Normal_qAs_b .body_4Q095 .keyList_1sSvw > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_2f1xk.Normal_qAs_b .body_4Q095 .selectedKey_CG5ig {
      color: #111111;
      font-weight: bold; }
  .bannerFilter_2f1xk.DarkCyan_3WR6P {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_2f1xk.DarkCyan_3WR6P .title_2dsNw {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_2f1xk.DarkCyan_3WR6P .hasFavorite_MTFBk {
    margin-right: 4px; }
  .bannerFilter_2f1xk.DarkCyan_3WR6P .favoriteIcon_1JAQY {
    color: #FF4141; }
  .bannerFilter_2f1xk.DarkCyan_3WR6P .favoriteIcon_1JAQY > i {
      font-size: 12px; }
  .bannerFilter_2f1xk.DarkCyan_3WR6P .search_2MwJG {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_2f1xk.DarkCyan_3WR6P .search_2MwJG .searchIcon_3GQQh {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #666;
      font-weight: 700; }
  .bannerFilter_2f1xk.DarkCyan_3WR6P .search_2MwJG input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_2f1xk.DarkCyan_3WR6P .search_2MwJG input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.DarkCyan_3WR6P .search_2MwJG input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.DarkCyan_3WR6P .search_2MwJG input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.DarkCyan_3WR6P .search_2MwJG input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.DarkCyan_3WR6P .search_2MwJG input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.DarkCyan_3WR6P .search_2MwJG input {
      border-radius: 0px;
      padding-left: 24px; }
  .bannerFilter_2f1xk.DarkCyan_3WR6P .body_4Q095 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_2f1xk.DarkCyan_3WR6P .body_4Q095 .barndList_3aXYE {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_2f1xk.DarkCyan_3WR6P .body_4Q095 .barndList_3aXYE::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_2f1xk.DarkCyan_3WR6P .body_4Q095 .barndList_3aXYE .selectedKey_CG5ig {
        font-size: 16px;
        margin-bottom: 16px;
        color: #175851;
        font-weight: bold; }
  .bannerFilter_2f1xk.DarkCyan_3WR6P .body_4Q095 .barndList_3aXYE::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_2f1xk.DarkCyan_3WR6P .body_4Q095 .barndList_3aXYE .brandTagItem_a_Cfd:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_2f1xk.DarkCyan_3WR6P .body_4Q095 .brandTagItem_a_Cfd {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_2f1xk.DarkCyan_3WR6P .body_4Q095 .keyList_1sSvw > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_2f1xk.DarkCyan_3WR6P .body_4Q095 .keyList_1sSvw > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_2f1xk.DarkCyan_3WR6P .body_4Q095 .selectedKey_CG5ig {
      color: #175851;
      font-weight: bold; }
  .bannerFilter_2f1xk.Wheat_1o1wb {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_2f1xk.Wheat_1o1wb .title_2dsNw {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_2f1xk.Wheat_1o1wb .hasFavorite_MTFBk {
    margin-right: 4px; }
  .bannerFilter_2f1xk.Wheat_1o1wb .favoriteIcon_1JAQY {
    color: #FF4141; }
  .bannerFilter_2f1xk.Wheat_1o1wb .favoriteIcon_1JAQY > i {
      font-size: 12px; }
  .bannerFilter_2f1xk.Wheat_1o1wb .search_2MwJG {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_2f1xk.Wheat_1o1wb .search_2MwJG .searchIcon_3GQQh {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #666;
      font-weight: 700; }
  .bannerFilter_2f1xk.Wheat_1o1wb .search_2MwJG input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_2f1xk.Wheat_1o1wb .search_2MwJG input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Wheat_1o1wb .search_2MwJG input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Wheat_1o1wb .search_2MwJG input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Wheat_1o1wb .search_2MwJG input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Wheat_1o1wb .search_2MwJG input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Wheat_1o1wb .search_2MwJG input {
      border-radius: 0px;
      padding-left: 24px; }
  .bannerFilter_2f1xk.Wheat_1o1wb .body_4Q095 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_2f1xk.Wheat_1o1wb .body_4Q095 .barndList_3aXYE {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_2f1xk.Wheat_1o1wb .body_4Q095 .barndList_3aXYE::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_2f1xk.Wheat_1o1wb .body_4Q095 .barndList_3aXYE .selectedKey_CG5ig {
        font-size: 16px;
        margin-bottom: 16px;
        color: #e1b282;
        font-weight: bold; }
  .bannerFilter_2f1xk.Wheat_1o1wb .body_4Q095 .barndList_3aXYE::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_2f1xk.Wheat_1o1wb .body_4Q095 .barndList_3aXYE .brandTagItem_a_Cfd:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_2f1xk.Wheat_1o1wb .body_4Q095 .brandTagItem_a_Cfd {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_2f1xk.Wheat_1o1wb .body_4Q095 .keyList_1sSvw > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_2f1xk.Wheat_1o1wb .body_4Q095 .keyList_1sSvw > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_2f1xk.Wheat_1o1wb .body_4Q095 .selectedKey_CG5ig {
      color: #e1b282;
      font-weight: bold; }
  .bannerFilter_2f1xk.RosyBrown_3FhEa {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_2f1xk.RosyBrown_3FhEa .title_2dsNw {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_2f1xk.RosyBrown_3FhEa .hasFavorite_MTFBk {
    margin-right: 4px; }
  .bannerFilter_2f1xk.RosyBrown_3FhEa .favoriteIcon_1JAQY {
    color: #FF4141; }
  .bannerFilter_2f1xk.RosyBrown_3FhEa .favoriteIcon_1JAQY > i {
      font-size: 12px; }
  .bannerFilter_2f1xk.RosyBrown_3FhEa .search_2MwJG {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_2f1xk.RosyBrown_3FhEa .search_2MwJG .searchIcon_3GQQh {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #666;
      font-weight: 700; }
  .bannerFilter_2f1xk.RosyBrown_3FhEa .search_2MwJG input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_2f1xk.RosyBrown_3FhEa .search_2MwJG input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.RosyBrown_3FhEa .search_2MwJG input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.RosyBrown_3FhEa .search_2MwJG input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.RosyBrown_3FhEa .search_2MwJG input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.RosyBrown_3FhEa .search_2MwJG input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.RosyBrown_3FhEa .search_2MwJG input {
      border-radius: 0px;
      padding-left: 24px; }
  .bannerFilter_2f1xk.RosyBrown_3FhEa .body_4Q095 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_2f1xk.RosyBrown_3FhEa .body_4Q095 .barndList_3aXYE {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_2f1xk.RosyBrown_3FhEa .body_4Q095 .barndList_3aXYE::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_2f1xk.RosyBrown_3FhEa .body_4Q095 .barndList_3aXYE .selectedKey_CG5ig {
        font-size: 16px;
        margin-bottom: 16px;
        color: #9b758b;
        font-weight: bold; }
  .bannerFilter_2f1xk.RosyBrown_3FhEa .body_4Q095 .barndList_3aXYE::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_2f1xk.RosyBrown_3FhEa .body_4Q095 .barndList_3aXYE .brandTagItem_a_Cfd:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_2f1xk.RosyBrown_3FhEa .body_4Q095 .brandTagItem_a_Cfd {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_2f1xk.RosyBrown_3FhEa .body_4Q095 .keyList_1sSvw > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_2f1xk.RosyBrown_3FhEa .body_4Q095 .keyList_1sSvw > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_2f1xk.RosyBrown_3FhEa .body_4Q095 .selectedKey_CG5ig {
      color: #9b758b;
      font-weight: bold; }
  .bannerFilter_2f1xk.Chocolate_1WsMW {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_2f1xk.Chocolate_1WsMW .title_2dsNw {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_2f1xk.Chocolate_1WsMW .hasFavorite_MTFBk {
    margin-right: 4px; }
  .bannerFilter_2f1xk.Chocolate_1WsMW .favoriteIcon_1JAQY {
    color: #FF4141; }
  .bannerFilter_2f1xk.Chocolate_1WsMW .favoriteIcon_1JAQY > i {
      font-size: 12px; }
  .bannerFilter_2f1xk.Chocolate_1WsMW .search_2MwJG {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_2f1xk.Chocolate_1WsMW .search_2MwJG .searchIcon_3GQQh {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #666;
      font-weight: 700; }
  .bannerFilter_2f1xk.Chocolate_1WsMW .search_2MwJG input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_2f1xk.Chocolate_1WsMW .search_2MwJG input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Chocolate_1WsMW .search_2MwJG input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Chocolate_1WsMW .search_2MwJG input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Chocolate_1WsMW .search_2MwJG input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Chocolate_1WsMW .search_2MwJG input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Chocolate_1WsMW .search_2MwJG input {
      border-radius: 0px;
      padding-left: 24px; }
  .bannerFilter_2f1xk.Chocolate_1WsMW .body_4Q095 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_2f1xk.Chocolate_1WsMW .body_4Q095 .barndList_3aXYE {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_2f1xk.Chocolate_1WsMW .body_4Q095 .barndList_3aXYE::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_2f1xk.Chocolate_1WsMW .body_4Q095 .barndList_3aXYE .selectedKey_CG5ig {
        font-size: 16px;
        margin-bottom: 16px;
        color: #da6339;
        font-weight: bold; }
  .bannerFilter_2f1xk.Chocolate_1WsMW .body_4Q095 .barndList_3aXYE::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_2f1xk.Chocolate_1WsMW .body_4Q095 .barndList_3aXYE .brandTagItem_a_Cfd:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_2f1xk.Chocolate_1WsMW .body_4Q095 .brandTagItem_a_Cfd {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_2f1xk.Chocolate_1WsMW .body_4Q095 .keyList_1sSvw > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_2f1xk.Chocolate_1WsMW .body_4Q095 .keyList_1sSvw > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_2f1xk.Chocolate_1WsMW .body_4Q095 .selectedKey_CG5ig {
      color: #da6339;
      font-weight: bold; }
  .bannerFilter_2f1xk.Coral_20NW4 {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_2f1xk.Coral_20NW4 .title_2dsNw {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_2f1xk.Coral_20NW4 .hasFavorite_MTFBk {
    margin-right: 4px; }
  .bannerFilter_2f1xk.Coral_20NW4 .favoriteIcon_1JAQY {
    color: #FF4141; }
  .bannerFilter_2f1xk.Coral_20NW4 .favoriteIcon_1JAQY > i {
      font-size: 12px; }
  .bannerFilter_2f1xk.Coral_20NW4 .search_2MwJG {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_2f1xk.Coral_20NW4 .search_2MwJG .searchIcon_3GQQh {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #666;
      font-weight: 700; }
  .bannerFilter_2f1xk.Coral_20NW4 .search_2MwJG input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_2f1xk.Coral_20NW4 .search_2MwJG input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Coral_20NW4 .search_2MwJG input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Coral_20NW4 .search_2MwJG input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Coral_20NW4 .search_2MwJG input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Coral_20NW4 .search_2MwJG input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Coral_20NW4 .search_2MwJG input {
      border-radius: 0px;
      padding-left: 24px; }
  .bannerFilter_2f1xk.Coral_20NW4 .body_4Q095 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_2f1xk.Coral_20NW4 .body_4Q095 .barndList_3aXYE {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_2f1xk.Coral_20NW4 .body_4Q095 .barndList_3aXYE::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_2f1xk.Coral_20NW4 .body_4Q095 .barndList_3aXYE .selectedKey_CG5ig {
        font-size: 16px;
        margin-bottom: 16px;
        color: #e46375;
        font-weight: bold; }
  .bannerFilter_2f1xk.Coral_20NW4 .body_4Q095 .barndList_3aXYE::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_2f1xk.Coral_20NW4 .body_4Q095 .barndList_3aXYE .brandTagItem_a_Cfd:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_2f1xk.Coral_20NW4 .body_4Q095 .brandTagItem_a_Cfd {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_2f1xk.Coral_20NW4 .body_4Q095 .keyList_1sSvw > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_2f1xk.Coral_20NW4 .body_4Q095 .keyList_1sSvw > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_2f1xk.Coral_20NW4 .body_4Q095 .selectedKey_CG5ig {
      color: #e46375;
      font-weight: bold; }
  .bannerFilter_2f1xk.CadetBlue_CD3yF {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_2f1xk.CadetBlue_CD3yF .title_2dsNw {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_2f1xk.CadetBlue_CD3yF .hasFavorite_MTFBk {
    margin-right: 4px; }
  .bannerFilter_2f1xk.CadetBlue_CD3yF .favoriteIcon_1JAQY {
    color: #FF4141; }
  .bannerFilter_2f1xk.CadetBlue_CD3yF .favoriteIcon_1JAQY > i {
      font-size: 12px; }
  .bannerFilter_2f1xk.CadetBlue_CD3yF .search_2MwJG {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_2f1xk.CadetBlue_CD3yF .search_2MwJG .searchIcon_3GQQh {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #666;
      font-weight: 700; }
  .bannerFilter_2f1xk.CadetBlue_CD3yF .search_2MwJG input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_2f1xk.CadetBlue_CD3yF .search_2MwJG input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.CadetBlue_CD3yF .search_2MwJG input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.CadetBlue_CD3yF .search_2MwJG input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.CadetBlue_CD3yF .search_2MwJG input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.CadetBlue_CD3yF .search_2MwJG input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.CadetBlue_CD3yF .search_2MwJG input {
      border-radius: 0px;
      padding-left: 24px; }
  .bannerFilter_2f1xk.CadetBlue_CD3yF .body_4Q095 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_2f1xk.CadetBlue_CD3yF .body_4Q095 .barndList_3aXYE {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_2f1xk.CadetBlue_CD3yF .body_4Q095 .barndList_3aXYE::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_2f1xk.CadetBlue_CD3yF .body_4Q095 .barndList_3aXYE .selectedKey_CG5ig {
        font-size: 16px;
        margin-bottom: 16px;
        color: #87a397;
        font-weight: bold; }
  .bannerFilter_2f1xk.CadetBlue_CD3yF .body_4Q095 .barndList_3aXYE::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_2f1xk.CadetBlue_CD3yF .body_4Q095 .barndList_3aXYE .brandTagItem_a_Cfd:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_2f1xk.CadetBlue_CD3yF .body_4Q095 .brandTagItem_a_Cfd {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_2f1xk.CadetBlue_CD3yF .body_4Q095 .keyList_1sSvw > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_2f1xk.CadetBlue_CD3yF .body_4Q095 .keyList_1sSvw > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_2f1xk.CadetBlue_CD3yF .body_4Q095 .selectedKey_CG5ig {
      color: #87a397;
      font-weight: bold; }
  .bannerFilter_2f1xk.Gold_3k1pd {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_2f1xk.Gold_3k1pd .title_2dsNw {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_2f1xk.Gold_3k1pd .hasFavorite_MTFBk {
    margin-right: 4px; }
  .bannerFilter_2f1xk.Gold_3k1pd .favoriteIcon_1JAQY {
    color: #FF4141; }
  .bannerFilter_2f1xk.Gold_3k1pd .favoriteIcon_1JAQY > i {
      font-size: 12px; }
  .bannerFilter_2f1xk.Gold_3k1pd .search_2MwJG {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_2f1xk.Gold_3k1pd .search_2MwJG .searchIcon_3GQQh {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #666;
      font-weight: 700; }
  .bannerFilter_2f1xk.Gold_3k1pd .search_2MwJG input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_2f1xk.Gold_3k1pd .search_2MwJG input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Gold_3k1pd .search_2MwJG input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Gold_3k1pd .search_2MwJG input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Gold_3k1pd .search_2MwJG input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Gold_3k1pd .search_2MwJG input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Gold_3k1pd .search_2MwJG input {
      border-radius: 0px;
      padding-left: 24px; }
  .bannerFilter_2f1xk.Gold_3k1pd .body_4Q095 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_2f1xk.Gold_3k1pd .body_4Q095 .barndList_3aXYE {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_2f1xk.Gold_3k1pd .body_4Q095 .barndList_3aXYE::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_2f1xk.Gold_3k1pd .body_4Q095 .barndList_3aXYE .selectedKey_CG5ig {
        font-size: 16px;
        margin-bottom: 16px;
        color: #ffc629;
        font-weight: bold; }
  .bannerFilter_2f1xk.Gold_3k1pd .body_4Q095 .barndList_3aXYE::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_2f1xk.Gold_3k1pd .body_4Q095 .barndList_3aXYE .brandTagItem_a_Cfd:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_2f1xk.Gold_3k1pd .body_4Q095 .brandTagItem_a_Cfd {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_2f1xk.Gold_3k1pd .body_4Q095 .keyList_1sSvw > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_2f1xk.Gold_3k1pd .body_4Q095 .keyList_1sSvw > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_2f1xk.Gold_3k1pd .body_4Q095 .selectedKey_CG5ig {
      color: #ffc629;
      font-weight: bold; }
  .bannerFilter_2f1xk.PowDerBlue_29Ndz {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_2f1xk.PowDerBlue_29Ndz .title_2dsNw {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_2f1xk.PowDerBlue_29Ndz .hasFavorite_MTFBk {
    margin-right: 4px; }
  .bannerFilter_2f1xk.PowDerBlue_29Ndz .favoriteIcon_1JAQY {
    color: #FF4141; }
  .bannerFilter_2f1xk.PowDerBlue_29Ndz .favoriteIcon_1JAQY > i {
      font-size: 12px; }
  .bannerFilter_2f1xk.PowDerBlue_29Ndz .search_2MwJG {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_2f1xk.PowDerBlue_29Ndz .search_2MwJG .searchIcon_3GQQh {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #666;
      font-weight: 700; }
  .bannerFilter_2f1xk.PowDerBlue_29Ndz .search_2MwJG input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_2f1xk.PowDerBlue_29Ndz .search_2MwJG input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.PowDerBlue_29Ndz .search_2MwJG input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.PowDerBlue_29Ndz .search_2MwJG input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.PowDerBlue_29Ndz .search_2MwJG input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.PowDerBlue_29Ndz .search_2MwJG input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.PowDerBlue_29Ndz .search_2MwJG input {
      border-radius: 0px;
      padding-left: 24px; }
  .bannerFilter_2f1xk.PowDerBlue_29Ndz .body_4Q095 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_2f1xk.PowDerBlue_29Ndz .body_4Q095 .barndList_3aXYE {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_2f1xk.PowDerBlue_29Ndz .body_4Q095 .barndList_3aXYE::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_2f1xk.PowDerBlue_29Ndz .body_4Q095 .barndList_3aXYE .selectedKey_CG5ig {
        font-size: 16px;
        margin-bottom: 16px;
        color: #749bb0;
        font-weight: bold; }
  .bannerFilter_2f1xk.PowDerBlue_29Ndz .body_4Q095 .barndList_3aXYE::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_2f1xk.PowDerBlue_29Ndz .body_4Q095 .barndList_3aXYE .brandTagItem_a_Cfd:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_2f1xk.PowDerBlue_29Ndz .body_4Q095 .brandTagItem_a_Cfd {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_2f1xk.PowDerBlue_29Ndz .body_4Q095 .keyList_1sSvw > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_2f1xk.PowDerBlue_29Ndz .body_4Q095 .keyList_1sSvw > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_2f1xk.PowDerBlue_29Ndz .body_4Q095 .selectedKey_CG5ig {
      color: #749bb0;
      font-weight: bold; }
  .bannerFilter_2f1xk.Dark_3yGIU {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_2f1xk.Dark_3yGIU .title_2dsNw {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_2f1xk.Dark_3yGIU .hasFavorite_MTFBk {
    margin-right: 4px; }
  .bannerFilter_2f1xk.Dark_3yGIU .favoriteIcon_1JAQY {
    color: #FF4141; }
  .bannerFilter_2f1xk.Dark_3yGIU .favoriteIcon_1JAQY > i {
      font-size: 12px; }
  .bannerFilter_2f1xk.Dark_3yGIU .search_2MwJG {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_2f1xk.Dark_3yGIU .search_2MwJG .searchIcon_3GQQh {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #666;
      font-weight: 700; }
  .bannerFilter_2f1xk.Dark_3yGIU .search_2MwJG input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_2f1xk.Dark_3yGIU .search_2MwJG input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Dark_3yGIU .search_2MwJG input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Dark_3yGIU .search_2MwJG input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Dark_3yGIU .search_2MwJG input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Dark_3yGIU .search_2MwJG input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2f1xk.Dark_3yGIU .search_2MwJG input {
      border-radius: 0px;
      padding-left: 24px; }
  .bannerFilter_2f1xk.Dark_3yGIU .body_4Q095 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_2f1xk.Dark_3yGIU .body_4Q095 .barndList_3aXYE {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_2f1xk.Dark_3yGIU .body_4Q095 .barndList_3aXYE::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_2f1xk.Dark_3yGIU .body_4Q095 .barndList_3aXYE .selectedKey_CG5ig {
        font-size: 16px;
        margin-bottom: 16px;
        color: #000;
        font-weight: bold; }
  .bannerFilter_2f1xk.Dark_3yGIU .body_4Q095 .barndList_3aXYE::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_2f1xk.Dark_3yGIU .body_4Q095 .barndList_3aXYE .brandTagItem_a_Cfd:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_2f1xk.Dark_3yGIU .body_4Q095 .brandTagItem_a_Cfd {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_2f1xk.Dark_3yGIU .body_4Q095 .keyList_1sSvw > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_2f1xk.Dark_3yGIU .body_4Q095 .keyList_1sSvw > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_2f1xk.Dark_3yGIU .body_4Q095 .selectedKey_CG5ig {
      color: #000;
      font-weight: bold; }

.darkTheme .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #333333;
  border-color: #333333;
}
.darkTheme .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.darkTheme .ant-checkbox:hover .ant-checkbox-inner,
.darkTheme .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #333333;
}
.darkTheme .ant-checkbox-checked::after {
  border-color: #333333;
}

.popContent_1uQ-U {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 12px;
  padding-top: 0;
  max-width: 280px; }
  .popContent_1uQ-U .keyword_1PGIi {
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    line-height: 16px;
    margin-top: 12px;
    cursor: pointer;
    border-left: 1px solid rgba(255, 255, 255, 0.8);
    padding: 0 12px; }
  .popContent_1uQ-U .keyword_1PGIi:hover {
      color: #fff; }
  .popContent_1uQ-U .keyword_1PGIi:first-child {
      padding-left: 0;
      border-left: none; }

.slice-more-popover {
  z-index: 999;
}
.slice-more-popover.ant-popover-placement-bottomRight {
  padding-top: 0;
}
.slice-more-popover .ant-popover-inner-content {
  background: #eceef1;
  padding: 0;
  background-color: #000;
  border-radius: 3px;
}
.slice-more-popover .ant-popover-content .ant-popover-arrow {
  border-color: #000;
  -webkit-transform: translateX(12px) translateY(-10px) rotate(45deg);
      -ms-transform: translateX(12px) translateY(-10px) rotate(45deg);
          transform: translateX(12px) translateY(-10px) rotate(45deg);
}

.card_tnYbv {
  width: 100%;
  height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.9);
  cursor: pointer; }
  .card_tnYbv img {
    width: 100%;
    height: 100%; }
  .card_tnYbv .footer_1eHyj {
    margin-top: 10px;
    margin-bottom: 11px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .card_tnYbv .footer_1eHyj .item_1R1u6 {
      max-width: 32%;
      height: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      cursor: pointer; }
  .card_tnYbv .footer_1eHyj .item_1R1u6 .content_Ym819 {
        height: 20px;
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative; }
  .card_tnYbv .footer_1eHyj .item_1R1u6 .content_Ym819::after {
          content: "";
          position: absolute;
          left: 0;
          bottom: 1px;
          width: 0;
          height: 1px;
          background-color: #000;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; }
  .card_tnYbv .footer_1eHyj .item_1R1u6 .content_Ym819:hover::after {
          width: 100%; }
  .card_tnYbv .footer_1eHyj .line_3ms8l {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 1px;
      height: 12px;
      background-color: #000;
      margin: 0 7.5px;
      -webkit-transform: translateY(2px);
          -ms-transform: translateY(2px);
              transform: translateY(2px); }

.content_3DTB- {
  width: 100%;
  padding: 32px 52px;
  min-height: 100vh; }
  .content_3DTB- .list_38B_c {
    width: 100%; }
  .content_3DTB- .list_38B_c .loadSvg_2-BAg {
      margin-top: 50px;
      width: 100%;
      height: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .content_3DTB- .list_38B_c .loadSvg_2-BAg > img {
        width: 40px; }
  .content_3DTB- .list_38B_c .noData_7U5_Z {
      width: 100%;
      height: 800px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 40px; }
  .content_3DTB- .list_38B_c .noData_7U5_Z img {
        width: 160px;
        height: 160px; }
  .content_3DTB- .list_38B_c .noData_7U5_Z .text_34dDC {
        font-weight: 400;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.4);
        line-height: 22px; }

.filterNavList_mag7A.Normal__20x2 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto;
  cursor: pointer;
  height: calc(100% - 78px);
  background-color: #fafafa; }
  .filterNavList_mag7A.Normal__20x2 .colorBox_278Ob {
    width: 26px;
    height: 26px;
    border-radius: 13px; }
  .filterNavList_mag7A.Normal__20x2 .colorBox_278Ob:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterNavList_mag7A.Normal__20x2 .colorBox_278Ob.selected_3CWhM {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterNavList_mag7A.Normal__20x2::-webkit-scrollbar {
    width: 3px; }
  .filterNavList_mag7A.DarkCyan_ZAj1V {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto;
  cursor: pointer;
  height: calc(100% - 78px);
  background-color: #e7eeed; }
  .filterNavList_mag7A.DarkCyan_ZAj1V .colorBox_278Ob {
    width: 26px;
    height: 26px;
    border-radius: 13px; }
  .filterNavList_mag7A.DarkCyan_ZAj1V .colorBox_278Ob:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterNavList_mag7A.DarkCyan_ZAj1V .colorBox_278Ob.selected_3CWhM {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterNavList_mag7A.DarkCyan_ZAj1V::-webkit-scrollbar {
    width: 3px; }
  .filterNavList_mag7A.Wheat_YUaXz {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto;
  cursor: pointer;
  height: calc(100% - 78px);
  background-color: #fbf5ee; }
  .filterNavList_mag7A.Wheat_YUaXz .colorBox_278Ob {
    width: 26px;
    height: 26px;
    border-radius: 13px; }
  .filterNavList_mag7A.Wheat_YUaXz .colorBox_278Ob:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterNavList_mag7A.Wheat_YUaXz .colorBox_278Ob.selected_3CWhM {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterNavList_mag7A.Wheat_YUaXz::-webkit-scrollbar {
    width: 3px; }
  .filterNavList_mag7A.RosyBrown_22tb4 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto;
  cursor: pointer;
  height: calc(100% - 78px);
  background-color: #f0eaee; }
  .filterNavList_mag7A.RosyBrown_22tb4 .colorBox_278Ob {
    width: 26px;
    height: 26px;
    border-radius: 13px; }
  .filterNavList_mag7A.RosyBrown_22tb4 .colorBox_278Ob:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterNavList_mag7A.RosyBrown_22tb4 .colorBox_278Ob.selected_3CWhM {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterNavList_mag7A.RosyBrown_22tb4::-webkit-scrollbar {
    width: 3px; }
  .filterNavList_mag7A.Chocolate_2AEPj {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto;
  cursor: pointer;
  height: calc(100% - 78px);
  background-color: #ffeee7; }
  .filterNavList_mag7A.Chocolate_2AEPj .colorBox_278Ob {
    width: 26px;
    height: 26px;
    border-radius: 13px; }
  .filterNavList_mag7A.Chocolate_2AEPj .colorBox_278Ob:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterNavList_mag7A.Chocolate_2AEPj .colorBox_278Ob.selected_3CWhM {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterNavList_mag7A.Chocolate_2AEPj::-webkit-scrollbar {
    width: 3px; }
  .filterNavList_mag7A.Coral_3KPqo {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto;
  cursor: pointer;
  height: calc(100% - 78px);
  background-color: #ffeae8; }
  .filterNavList_mag7A.Coral_3KPqo .colorBox_278Ob {
    width: 26px;
    height: 26px;
    border-radius: 13px; }
  .filterNavList_mag7A.Coral_3KPqo .colorBox_278Ob:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterNavList_mag7A.Coral_3KPqo .colorBox_278Ob.selected_3CWhM {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterNavList_mag7A.Coral_3KPqo::-webkit-scrollbar {
    width: 3px; }
  .filterNavList_mag7A.CadetBlue_1P-2n {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto;
  cursor: pointer;
  height: calc(100% - 78px);
  background-color: #e3f6ee; }
  .filterNavList_mag7A.CadetBlue_1P-2n .colorBox_278Ob {
    width: 26px;
    height: 26px;
    border-radius: 13px; }
  .filterNavList_mag7A.CadetBlue_1P-2n .colorBox_278Ob:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterNavList_mag7A.CadetBlue_1P-2n .colorBox_278Ob.selected_3CWhM {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterNavList_mag7A.CadetBlue_1P-2n::-webkit-scrollbar {
    width: 3px; }
  .filterNavList_mag7A.Gold_1ZOc4 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto;
  cursor: pointer;
  height: calc(100% - 78px);
  background-color: #fff9e9; }
  .filterNavList_mag7A.Gold_1ZOc4 .colorBox_278Ob {
    width: 26px;
    height: 26px;
    border-radius: 13px; }
  .filterNavList_mag7A.Gold_1ZOc4 .colorBox_278Ob:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterNavList_mag7A.Gold_1ZOc4 .colorBox_278Ob.selected_3CWhM {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterNavList_mag7A.Gold_1ZOc4::-webkit-scrollbar {
    width: 3px; }
  .filterNavList_mag7A.PowDerBlue_2PY2m {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto;
  cursor: pointer;
  height: calc(100% - 78px);
  background-color: #eaf0f3; }
  .filterNavList_mag7A.PowDerBlue_2PY2m .colorBox_278Ob {
    width: 26px;
    height: 26px;
    border-radius: 13px; }
  .filterNavList_mag7A.PowDerBlue_2PY2m .colorBox_278Ob:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterNavList_mag7A.PowDerBlue_2PY2m .colorBox_278Ob.selected_3CWhM {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterNavList_mag7A.PowDerBlue_2PY2m::-webkit-scrollbar {
    width: 3px; }
  .filterNavList_mag7A.Dark_3R5S- {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto;
  cursor: pointer;
  height: calc(100% - 78px);
  background-color: #333; }
  .filterNavList_mag7A.Dark_3R5S- .colorBox_278Ob {
    width: 26px;
    height: 26px;
    border-radius: 13px; }
  .filterNavList_mag7A.Dark_3R5S- .colorBox_278Ob:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterNavList_mag7A.Dark_3R5S- .colorBox_278Ob.selected_3CWhM {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterNavList_mag7A.Dark_3R5S-::-webkit-scrollbar {
    width: 3px; }

.filterItem_1QPg5.Normal_1kaAi {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer; }
  .filterItem_1QPg5.Normal_1kaAi .title_3af2C {
    margin-bottom: 16px;
    padding-right: 8px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 18px;
    font-weight: 600;
    color: #111111; }
  .filterItem_1QPg5.Normal_1kaAi .title_3af2C .titleFont_3WvrC {
      float: right;
      font-size: 12px;
      line-height: 32px;
      width: 8px; }
  .filterItem_1QPg5.Normal_1kaAi .lookMore_1H5E1 {
    margin-top: 16px;
    color: #333;
    font-size: 12px;
    line-height: 25px;
    font-weight: 500;
    color: #111111; }
  .filterItem_1QPg5.Normal_1kaAi .lookMore_1H5E1 > div {
      width: 100px;
      height: 25px;
      text-align: center;
      border-radius: 18px;
      font-weight: 600;
      color: #111111;
      border: 1px solid #111111; }
  .filterItem_1QPg5.Normal_1kaAi .lookMore_1H5E1 > div > i {
        display: inline-block;
        margin-right: 5px;
        font-size: 12px;
        -webkit-transform: scale(0.7);
            -ms-transform: scale(0.7);
                transform: scale(0.7); }
  .filterItem_1QPg5.Normal_1kaAi .lookMore_1H5E1 > div:hover {
        background: #F6F6F6; }
  .filterItem_1QPg5.Normal_1kaAi .lookMore_1H5E1 .moreBtnActive_rcFNF {
      background-color: #111111;
      color: #fafafa; }
  .filterItem_1QPg5.Normal_1kaAi .lineBootom_33iJT {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 16px;
    border-bottom: 1px solid #111111; }
  .filterItem_1QPg5.DarkCyan_O--4q {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer; }
  .filterItem_1QPg5.DarkCyan_O--4q .title_3af2C {
    margin-bottom: 16px;
    padding-right: 8px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 18px;
    font-weight: 600;
    color: #111111; }
  .filterItem_1QPg5.DarkCyan_O--4q .title_3af2C .titleFont_3WvrC {
      float: right;
      font-size: 12px;
      line-height: 32px;
      width: 8px; }
  .filterItem_1QPg5.DarkCyan_O--4q .lookMore_1H5E1 {
    margin-top: 16px;
    color: #333;
    font-size: 12px;
    line-height: 25px;
    font-weight: 500;
    color: #175851; }
  .filterItem_1QPg5.DarkCyan_O--4q .lookMore_1H5E1 > div {
      width: 100px;
      height: 25px;
      text-align: center;
      border-radius: 18px;
      font-weight: 600;
      color: #111111;
      border: 1px solid #111111; }
  .filterItem_1QPg5.DarkCyan_O--4q .lookMore_1H5E1 > div > i {
        display: inline-block;
        margin-right: 5px;
        font-size: 12px;
        -webkit-transform: scale(0.7);
            -ms-transform: scale(0.7);
                transform: scale(0.7); }
  .filterItem_1QPg5.DarkCyan_O--4q .lookMore_1H5E1 > div:hover {
        background: #F6F6F6; }
  .filterItem_1QPg5.DarkCyan_O--4q .lookMore_1H5E1 .moreBtnActive_rcFNF {
      background-color: #111111;
      color: #fafafa; }
  .filterItem_1QPg5.DarkCyan_O--4q .lineBootom_33iJT {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 16px;
    border-bottom: 1px solid #111111; }
  .filterItem_1QPg5.Wheat_usUJF {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer; }
  .filterItem_1QPg5.Wheat_usUJF .title_3af2C {
    margin-bottom: 16px;
    padding-right: 8px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 18px;
    font-weight: 600;
    color: #111111; }
  .filterItem_1QPg5.Wheat_usUJF .title_3af2C .titleFont_3WvrC {
      float: right;
      font-size: 12px;
      line-height: 32px;
      width: 8px; }
  .filterItem_1QPg5.Wheat_usUJF .lookMore_1H5E1 {
    margin-top: 16px;
    color: #333;
    font-size: 12px;
    line-height: 25px;
    font-weight: 500;
    color: #e1b282; }
  .filterItem_1QPg5.Wheat_usUJF .lookMore_1H5E1 > div {
      width: 100px;
      height: 25px;
      text-align: center;
      border-radius: 18px;
      font-weight: 600;
      color: #111111;
      border: 1px solid #111111; }
  .filterItem_1QPg5.Wheat_usUJF .lookMore_1H5E1 > div > i {
        display: inline-block;
        margin-right: 5px;
        font-size: 12px;
        -webkit-transform: scale(0.7);
            -ms-transform: scale(0.7);
                transform: scale(0.7); }
  .filterItem_1QPg5.Wheat_usUJF .lookMore_1H5E1 > div:hover {
        background: #F6F6F6; }
  .filterItem_1QPg5.Wheat_usUJF .lookMore_1H5E1 .moreBtnActive_rcFNF {
      background-color: #111111;
      color: #fafafa; }
  .filterItem_1QPg5.Wheat_usUJF .lineBootom_33iJT {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 16px;
    border-bottom: 1px solid #111111; }
  .filterItem_1QPg5.RosyBrown_2Mq6N {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer; }
  .filterItem_1QPg5.RosyBrown_2Mq6N .title_3af2C {
    margin-bottom: 16px;
    padding-right: 8px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 18px;
    font-weight: 600;
    color: #111111; }
  .filterItem_1QPg5.RosyBrown_2Mq6N .title_3af2C .titleFont_3WvrC {
      float: right;
      font-size: 12px;
      line-height: 32px;
      width: 8px; }
  .filterItem_1QPg5.RosyBrown_2Mq6N .lookMore_1H5E1 {
    margin-top: 16px;
    color: #333;
    font-size: 12px;
    line-height: 25px;
    font-weight: 500;
    color: #9b758b; }
  .filterItem_1QPg5.RosyBrown_2Mq6N .lookMore_1H5E1 > div {
      width: 100px;
      height: 25px;
      text-align: center;
      border-radius: 18px;
      font-weight: 600;
      color: #111111;
      border: 1px solid #111111; }
  .filterItem_1QPg5.RosyBrown_2Mq6N .lookMore_1H5E1 > div > i {
        display: inline-block;
        margin-right: 5px;
        font-size: 12px;
        -webkit-transform: scale(0.7);
            -ms-transform: scale(0.7);
                transform: scale(0.7); }
  .filterItem_1QPg5.RosyBrown_2Mq6N .lookMore_1H5E1 > div:hover {
        background: #F6F6F6; }
  .filterItem_1QPg5.RosyBrown_2Mq6N .lookMore_1H5E1 .moreBtnActive_rcFNF {
      background-color: #111111;
      color: #fafafa; }
  .filterItem_1QPg5.RosyBrown_2Mq6N .lineBootom_33iJT {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 16px;
    border-bottom: 1px solid #111111; }
  .filterItem_1QPg5.Chocolate_3VpyN {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer; }
  .filterItem_1QPg5.Chocolate_3VpyN .title_3af2C {
    margin-bottom: 16px;
    padding-right: 8px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 18px;
    font-weight: 600;
    color: #111111; }
  .filterItem_1QPg5.Chocolate_3VpyN .title_3af2C .titleFont_3WvrC {
      float: right;
      font-size: 12px;
      line-height: 32px;
      width: 8px; }
  .filterItem_1QPg5.Chocolate_3VpyN .lookMore_1H5E1 {
    margin-top: 16px;
    color: #333;
    font-size: 12px;
    line-height: 25px;
    font-weight: 500;
    color: #da6339; }
  .filterItem_1QPg5.Chocolate_3VpyN .lookMore_1H5E1 > div {
      width: 100px;
      height: 25px;
      text-align: center;
      border-radius: 18px;
      font-weight: 600;
      color: #111111;
      border: 1px solid #111111; }
  .filterItem_1QPg5.Chocolate_3VpyN .lookMore_1H5E1 > div > i {
        display: inline-block;
        margin-right: 5px;
        font-size: 12px;
        -webkit-transform: scale(0.7);
            -ms-transform: scale(0.7);
                transform: scale(0.7); }
  .filterItem_1QPg5.Chocolate_3VpyN .lookMore_1H5E1 > div:hover {
        background: #F6F6F6; }
  .filterItem_1QPg5.Chocolate_3VpyN .lookMore_1H5E1 .moreBtnActive_rcFNF {
      background-color: #111111;
      color: #fafafa; }
  .filterItem_1QPg5.Chocolate_3VpyN .lineBootom_33iJT {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 16px;
    border-bottom: 1px solid #111111; }
  .filterItem_1QPg5.Coral_25L_8 {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer; }
  .filterItem_1QPg5.Coral_25L_8 .title_3af2C {
    margin-bottom: 16px;
    padding-right: 8px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 18px;
    font-weight: 600;
    color: #111111; }
  .filterItem_1QPg5.Coral_25L_8 .title_3af2C .titleFont_3WvrC {
      float: right;
      font-size: 12px;
      line-height: 32px;
      width: 8px; }
  .filterItem_1QPg5.Coral_25L_8 .lookMore_1H5E1 {
    margin-top: 16px;
    color: #333;
    font-size: 12px;
    line-height: 25px;
    font-weight: 500;
    color: #e46375; }
  .filterItem_1QPg5.Coral_25L_8 .lookMore_1H5E1 > div {
      width: 100px;
      height: 25px;
      text-align: center;
      border-radius: 18px;
      font-weight: 600;
      color: #111111;
      border: 1px solid #111111; }
  .filterItem_1QPg5.Coral_25L_8 .lookMore_1H5E1 > div > i {
        display: inline-block;
        margin-right: 5px;
        font-size: 12px;
        -webkit-transform: scale(0.7);
            -ms-transform: scale(0.7);
                transform: scale(0.7); }
  .filterItem_1QPg5.Coral_25L_8 .lookMore_1H5E1 > div:hover {
        background: #F6F6F6; }
  .filterItem_1QPg5.Coral_25L_8 .lookMore_1H5E1 .moreBtnActive_rcFNF {
      background-color: #111111;
      color: #fafafa; }
  .filterItem_1QPg5.Coral_25L_8 .lineBootom_33iJT {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 16px;
    border-bottom: 1px solid #111111; }
  .filterItem_1QPg5.CadetBlue_2HkT3 {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer; }
  .filterItem_1QPg5.CadetBlue_2HkT3 .title_3af2C {
    margin-bottom: 16px;
    padding-right: 8px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 18px;
    font-weight: 600;
    color: #111111; }
  .filterItem_1QPg5.CadetBlue_2HkT3 .title_3af2C .titleFont_3WvrC {
      float: right;
      font-size: 12px;
      line-height: 32px;
      width: 8px; }
  .filterItem_1QPg5.CadetBlue_2HkT3 .lookMore_1H5E1 {
    margin-top: 16px;
    color: #333;
    font-size: 12px;
    line-height: 25px;
    font-weight: 500;
    color: #87a397; }
  .filterItem_1QPg5.CadetBlue_2HkT3 .lookMore_1H5E1 > div {
      width: 100px;
      height: 25px;
      text-align: center;
      border-radius: 18px;
      font-weight: 600;
      color: #111111;
      border: 1px solid #111111; }
  .filterItem_1QPg5.CadetBlue_2HkT3 .lookMore_1H5E1 > div > i {
        display: inline-block;
        margin-right: 5px;
        font-size: 12px;
        -webkit-transform: scale(0.7);
            -ms-transform: scale(0.7);
                transform: scale(0.7); }
  .filterItem_1QPg5.CadetBlue_2HkT3 .lookMore_1H5E1 > div:hover {
        background: #F6F6F6; }
  .filterItem_1QPg5.CadetBlue_2HkT3 .lookMore_1H5E1 .moreBtnActive_rcFNF {
      background-color: #111111;
      color: #fafafa; }
  .filterItem_1QPg5.CadetBlue_2HkT3 .lineBootom_33iJT {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 16px;
    border-bottom: 1px solid #111111; }
  .filterItem_1QPg5.Gold_30G3f {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer; }
  .filterItem_1QPg5.Gold_30G3f .title_3af2C {
    margin-bottom: 16px;
    padding-right: 8px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 18px;
    font-weight: 600;
    color: #111111; }
  .filterItem_1QPg5.Gold_30G3f .title_3af2C .titleFont_3WvrC {
      float: right;
      font-size: 12px;
      line-height: 32px;
      width: 8px; }
  .filterItem_1QPg5.Gold_30G3f .lookMore_1H5E1 {
    margin-top: 16px;
    color: #333;
    font-size: 12px;
    line-height: 25px;
    font-weight: 500;
    color: #ffc629; }
  .filterItem_1QPg5.Gold_30G3f .lookMore_1H5E1 > div {
      width: 100px;
      height: 25px;
      text-align: center;
      border-radius: 18px;
      font-weight: 600;
      color: #111111;
      border: 1px solid #111111; }
  .filterItem_1QPg5.Gold_30G3f .lookMore_1H5E1 > div > i {
        display: inline-block;
        margin-right: 5px;
        font-size: 12px;
        -webkit-transform: scale(0.7);
            -ms-transform: scale(0.7);
                transform: scale(0.7); }
  .filterItem_1QPg5.Gold_30G3f .lookMore_1H5E1 > div:hover {
        background: #F6F6F6; }
  .filterItem_1QPg5.Gold_30G3f .lookMore_1H5E1 .moreBtnActive_rcFNF {
      background-color: #111111;
      color: #fafafa; }
  .filterItem_1QPg5.Gold_30G3f .lineBootom_33iJT {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 16px;
    border-bottom: 1px solid #111111; }
  .filterItem_1QPg5.PowDerBlue_1qQoF {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer; }
  .filterItem_1QPg5.PowDerBlue_1qQoF .title_3af2C {
    margin-bottom: 16px;
    padding-right: 8px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 18px;
    font-weight: 600;
    color: #111111; }
  .filterItem_1QPg5.PowDerBlue_1qQoF .title_3af2C .titleFont_3WvrC {
      float: right;
      font-size: 12px;
      line-height: 32px;
      width: 8px; }
  .filterItem_1QPg5.PowDerBlue_1qQoF .lookMore_1H5E1 {
    margin-top: 16px;
    color: #333;
    font-size: 12px;
    line-height: 25px;
    font-weight: 500;
    color: #749bb0; }
  .filterItem_1QPg5.PowDerBlue_1qQoF .lookMore_1H5E1 > div {
      width: 100px;
      height: 25px;
      text-align: center;
      border-radius: 18px;
      font-weight: 600;
      color: #111111;
      border: 1px solid #111111; }
  .filterItem_1QPg5.PowDerBlue_1qQoF .lookMore_1H5E1 > div > i {
        display: inline-block;
        margin-right: 5px;
        font-size: 12px;
        -webkit-transform: scale(0.7);
            -ms-transform: scale(0.7);
                transform: scale(0.7); }
  .filterItem_1QPg5.PowDerBlue_1qQoF .lookMore_1H5E1 > div:hover {
        background: #F6F6F6; }
  .filterItem_1QPg5.PowDerBlue_1qQoF .lookMore_1H5E1 .moreBtnActive_rcFNF {
      background-color: #111111;
      color: #fafafa; }
  .filterItem_1QPg5.PowDerBlue_1qQoF .lineBootom_33iJT {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 16px;
    border-bottom: 1px solid #111111; }
  .filterItem_1QPg5.Dark_31jug {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer; }
  .filterItem_1QPg5.Dark_31jug .title_3af2C {
    margin-bottom: 16px;
    padding-right: 8px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 18px;
    font-weight: 600;
    color: #111111; }
  .filterItem_1QPg5.Dark_31jug .title_3af2C .titleFont_3WvrC {
      float: right;
      font-size: 12px;
      line-height: 32px;
      width: 8px; }
  .filterItem_1QPg5.Dark_31jug .lookMore_1H5E1 {
    margin-top: 16px;
    color: #333;
    font-size: 12px;
    line-height: 25px;
    font-weight: 500;
    color: #000; }
  .filterItem_1QPg5.Dark_31jug .lookMore_1H5E1 > div {
      width: 100px;
      height: 25px;
      text-align: center;
      border-radius: 18px;
      font-weight: 600;
      color: #111111;
      border: 1px solid #111111; }
  .filterItem_1QPg5.Dark_31jug .lookMore_1H5E1 > div > i {
        display: inline-block;
        margin-right: 5px;
        font-size: 12px;
        -webkit-transform: scale(0.7);
            -ms-transform: scale(0.7);
                transform: scale(0.7); }
  .filterItem_1QPg5.Dark_31jug .lookMore_1H5E1 > div:hover {
        background: #F6F6F6; }
  .filterItem_1QPg5.Dark_31jug .lookMore_1H5E1 .moreBtnActive_rcFNF {
      background-color: #111111;
      color: #fafafa; }
  .filterItem_1QPg5.Dark_31jug .lineBootom_33iJT {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 16px;
    border-bottom: 1px solid #111111; }

.PicViewer_2pVQg {
  pointer-events: auto;
  position: fixed;
  z-index: 9990;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-animation: fadeIn_q9iG8 0.6s ease-in-out forwards;
          animation: fadeIn_q9iG8 0.6s ease-in-out forwards;
  overflow: auto; }
  .PicViewer_2pVQg::-webkit-scrollbar {
    width: 0; }
  .PicViewer_2pVQg .active_1eBAy {
    color: #fff;
    -webkit-box-shadow: 0px 1px 0px #fff;
            box-shadow: 0px 1px 0px #fff; }
  .PicViewer_2pVQg .pic_3vjvj {
    width: calc(100% - 236px);
    height: calc(100vh - 136px);
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;
    background: #0f0f0f; }
  .PicViewer_2pVQg .pic_3vjvj.singlePage_2Ft_l {
      -webkit-backdrop-filter: none;
              backdrop-filter: none;
      background: #0f0f0f; }
  .PicViewer_2pVQg .pic_3vjvj .ai_2sFg3 {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 50px;
      height: 50px;
      background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#9fa0a7));
      background: linear-gradient(180deg, #fff 0%, #9fa0a7 100%);
      border-radius: 50%;
      position: absolute;
      right: 10px;
      bottom: 96px;
      z-index: 5;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .PicViewer_2pVQg .pic_3vjvj .ai_2sFg3:hover {
        width: 50px;
        height: 50px;
        background: #d0102c;
        border: 1px solid #d0102c; }
  .PicViewer_2pVQg .pic_3vjvj .ai_2sFg3:hover i {
          color: #fff; }
  .PicViewer_2pVQg .pic_3vjvj .ai_2sFg3 i {
        color: #d0102c;
        font-size: 22px; }
  .PicViewer_2pVQg .pic_3vjvj .ai_2sFg3:hover .warn_1wpt5 {
        visibility: visible; }
  .PicViewer_2pVQg .pic_3vjvj .ai_2sFg3 .warn_1wpt5 {
        visibility: hidden;
        position: absolute;
        top: -10px;
        left: 50%;
        -webkit-transform: translate(-50%, -100%);
            -ms-transform: translate(-50%, -100%);
                transform: translate(-50%, -100%);
        width: 68px;
        height: 24px;
        background: #fff;
        border-radius: 3px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-weight: 400;
        font-size: 12px;
        color: rgba(0, 0, 0, 0.7); }
  .PicViewer_2pVQg .pic_3vjvj .ai_2sFg3 .warn_1wpt5 .arrow_3Co8Z {
          position: absolute;
          bottom: 0;
          left: 50%;
          -webkit-transform: translate(-50%, 100%);
              -ms-transform: translate(-50%, 100%);
                  transform: translate(-50%, 100%);
          width: 0;
          height: 0;
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          border-top: 5px solid #fff; }
  .PicViewer_2pVQg .pic_3vjvj .scrollToBottom_qjpbf {
      width: 50px;
      height: 50px;
      background: #ffffff;
      border-radius: 50%;
      position: absolute;
      right: 10px;
      bottom: 32px;
      color: #000;
      z-index: 5;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-transition: all 1s ease;
      transition: all 1s ease; }
  .PicViewer_2pVQg .pic_3vjvj .scrollToBottom_qjpbf:hover {
        background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#37383d));
        background: linear-gradient(180deg, #ffffff 0%, #37383d 100%); }
  .PicViewer_2pVQg .editTag_2y_1r {
    position: absolute;
    right: 0;
    top: 180px;
    z-index: 2;
    color: #fff;
    cursor: pointer;
    width: 38px;
    padding: 8px !important;
    text-align: center;
    background-color: rgba(107, 113, 125, 0.8); }
  .PicViewer_2pVQg .brand_3y2L- {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 18px 20px;
    font-size: 14px;
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer; }
  .PicViewer_2pVQg .zoomBox_3wbV_ {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: purple;
    overflow: hidden; }
  .PicViewer_2pVQg .assocDraw_3vX1X {
    position: absolute;
    left: 76px;
    top: 40px;
    max-height: calc(100% - 80px);
    overflow: auto;
    z-index: 5; }
  .PicViewer_2pVQg .assocDraw_3vX1X::-webkit-scrollbar {
      width: 0px;
      height: 0; }
  .PicViewer_2pVQg .assocDraw_3vX1X .assocDrawList_1yBuh {
      height: 100%; }
  .PicViewer_2pVQg .assocDraw_3vX1X .drawingItem_GPgK4 {
      width: 110px;
      padding: 4px;
      cursor: pointer;
      background-color: rgba(255, 255, 255, 0.5); }
  .PicViewer_2pVQg .assocDraw_3vX1X .drawingItem_GPgK4 > img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        -o-object-position: center top;
           object-position: center top; }
  .PicViewer_2pVQg .assocDraw_3vX1X .drawingItem_GPgK4.active_1eBAy {
        background-color: #fff; }
  .PicViewer_2pVQg .close_IAYsU {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 70px;
    height: 70px;
    background-color: rgba(107, 113, 125, 0.8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer; }
  .PicViewer_2pVQg .close_IAYsU:hover {
      background-color: rgba(107, 113, 125, 0.6); }
  .PicViewer_2pVQg .close_IAYsU > i {
      font-size: 16px;
      color: #fff; }
  .PicViewer_2pVQg .errorToast_1ln99 {
    position: absolute;
    background-color: #000;
    color: #fff;
    top: 50%;
    left: 50%;
    width: 450px;
    height: 214px;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .PicViewer_2pVQg .errorToast_1ln99 .toastclose_1jebi {
      position: absolute;
      top: 6px;
      right: 6px;
      cursor: pointer; }
  .PicViewer_2pVQg .errorToast_1ln99 .toastclose_1jebi i {
        color: #fff; }
  .PicViewer_2pVQg .errorToast_1ln99 .msg_EpmIY {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 70px 60px; }
  .PicViewer_2pVQg .errorToast_1ln99 .msg_EpmIY span {
        margin-left: 16px;
        color: #fff; }
  .PicViewer_2pVQg .info_3LWUE {
    position: absolute;
    top: 0;
    right: 0;
    width: 236px;
    height: calc(100vh - 136px);
    overflow: hidden;
    -webkit-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;
    background-color: #35383e;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .PicViewer_2pVQg .info_3LWUE::-webkit-scrollbar {
      display: none; }
  .PicViewer_2pVQg .info_3LWUE .up_2Fn6h {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      padding: 32px 26px 26px 26px;
      min-height: 392px;
      background-color: #000; }
  .PicViewer_2pVQg .info_3LWUE .up_2Fn6h.disabled_33dmp {
        pointer-events: none; }
  @media screen and (max-width: 1500px) {
        .PicViewer_2pVQg .info_3LWUE .up_2Fn6h {
          padding: 1px 26px 1px 26px;
          min-height: 340px; } }
  .PicViewer_2pVQg .info_3LWUE .up_2Fn6h.feed_3Mwz5 {
        height: calc(100% - 200px);
        min-height: 392px; }
  .PicViewer_2pVQg .info_3LWUE .up_2Fn6h .title_3MgZZ {
        font-size: 22px;
        color: #ced3e4; }
  .PicViewer_2pVQg .info_3LWUE .up_2Fn6h .title_3MgZZ > div {
          color: #ced3e4;
          font-weight: 600;
          margin-bottom: 8px; }
  .PicViewer_2pVQg .info_3LWUE .up_2Fn6h .brandFollow_1Ui-P {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 86px;
        height: 26px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        color: #fff;
        background-color: #555c70;
        font-size: 12px;
        padding: 4px;
        cursor: pointer;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
  .PicViewer_2pVQg .info_3LWUE .up_2Fn6h .brandFollow_1Ui-P > i {
          margin-right: 4px; }
  .PicViewer_2pVQg .info_3LWUE .up_2Fn6h .keyValue_2-1wl {
        margin-bottom: 16px;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        overflow: hidden; }
  .PicViewer_2pVQg .info_3LWUE .up_2Fn6h .infoItem_1OuJD {
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 4px; }
  .PicViewer_2pVQg .info_3LWUE .up_2Fn6h .infoItem_1OuJD .itemKey_5g8Vg {
          float: left;
          width: 70px;
          color: #707a8b;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
  .PicViewer_2pVQg .info_3LWUE .up_2Fn6h .infoItem_1OuJD .itemValue__r9KN {
          float: left;
          max-width: calc(100% - 80px);
          color: #ced3e4;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
  .PicViewer_2pVQg .info_3LWUE .up_2Fn6h .infoItem_1OuJD .itemValue__r9KN.underline_1BXrV {
            border-bottom: 1px solid rgba(208, 212, 228, 0.7);
            cursor: pointer; }
  .PicViewer_2pVQg .info_3LWUE .up_2Fn6h .keywords_NNUDE {
        overflow: hidden; }
  .PicViewer_2pVQg .info_3LWUE .up_2Fn6h .keywords_NNUDE .keywordsItems_2PQ30 {
          margin-bottom: 10px;
          margin-right: 6px;
          float: left;
          color: #ced3e4;
          max-width: 100%;
          height: 25px;
          line-height: 12px;
          padding: 5px 10px;
          font-size: 12px;
          border: 1px solid #ced3e4;
          border-radius: 18px;
          cursor: pointer;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          -webkit-transition: none;
          transition: none; }
  .PicViewer_2pVQg .info_3LWUE .up_2Fn6h .keywords_NNUDE .keywordsItems_2PQ30:hover {
            background-color: #ced3e4;
            color: #111; }
  .PicViewer_2pVQg .info_3LWUE .up_2Fn6h .desc_1HEg7 {
        color: #ced3e4;
        overflow: auto;
        max-height: calc(100% - 74px - 64px); }
  .PicViewer_2pVQg .info_3LWUE .down_1dKS1 {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      padding: 20px 24px 0px 24px;
      min-height: 200px;
      background-color: #35383e;
      color: #fff; }
  @media screen and (max-width: 1500px) {
        .PicViewer_2pVQg .info_3LWUE .down_1dKS1 {
          padding: 10px 24px 0px 24px;
          height: calc(100% - 340px); } }
  .PicViewer_2pVQg .info_3LWUE .down_1dKS1.feed_3Mwz5 {
        height: 200px; }
  .PicViewer_2pVQg .info_3LWUE .down_1dKS1 .autoPlay_19HG_ {
        position: relative;
        z-index: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-bottom: 20px;
        color: #adadc3; }
  .PicViewer_2pVQg .info_3LWUE .down_1dKS1 .autoPlay_19HG_ .autoLeft_l_CuJ {
          font-size: 12px;
          color: #adadc3;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .PicViewer_2pVQg .info_3LWUE .down_1dKS1 .dbtn_2Dj1x {
        width: 182px;
        height: 35px;
        margin-bottom: 8px;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
  .PicViewer_2pVQg .info_3LWUE .down_1dKS1 .dbtn_2Dj1x.active_1eBAy {
          background-color: #838b9b; }
  .PicViewer_2pVQg .info_3LWUE .down_1dKS1 .dbtn_2Dj1x:hover {
          background-color: #838b9b; }
  .PicViewer_2pVQg .info_3LWUE .down_1dKS1 .dbtn_2Dj1x > div {
          width: 100%;
          height: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          font-size: 14px;
          cursor: pointer; }
  .PicViewer_2pVQg .info_3LWUE .down_1dKS1 .dbtn_2Dj1x > div > i {
            margin-right: 12px;
            font-weight: 600; }
  .PicViewer_2pVQg .info_3LWUE .assocPicsBox_1NrQp {
      height: calc(100% - 136px); }
  .PicViewer_2pVQg .info_3LWUE .assocPicsBox_1NrQp .assocPicsTitle_2FTVP {
        font-size: 14px;
        margin-bottom: 17px;
        margin-top: 10px;
        color: #adadc3;
        font-weight: 400;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        cursor: pointer; }
  .PicViewer_2pVQg .info_3LWUE .assocPicsBox_1NrQp .assocPicsList_2eTX5 {
        position: relative; }
  .PicViewer_2pVQg .info_3LWUE .assocPicsBox_1NrQp .assocPicsList_2eTX5 .cardItem_3gtxf {
          position: relative;
          float: left;
          width: 88px;
          height: 88px;
          margin-right: 6px;
          margin-bottom: 6px;
          cursor: pointer; }
  .PicViewer_2pVQg .info_3LWUE .assocPicsBox_1NrQp .assocPicsList_2eTX5 .cardItem_3gtxf > img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: center top;
               object-position: center top; }
  .PicViewer_2pVQg .info_3LWUE .assocPicsBox_1NrQp .assocPicsList_2eTX5 .cardItem_3gtxf:nth-of-type(2n) {
            margin-right: 0px; }
  .PicViewer_2pVQg .info_3LWUE .assocPicsBox_1NrQp .assocPicsList_2eTX5 .cardItem_3gtxf .cardItemMore_1-GAj {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.4);
            cursor: pointer;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            color: #fff;
            font-size: 12px;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column; }
  .PicViewer_2pVQg .info_3LWUE .assocPicsBox_1NrQp .assocPicsList_2eTX5 .cardItem_3gtxf .cardItemMore_1-GAj > div {
              margin: 0 auto;
              line-height: 18px; }
  .PicViewer_2pVQg .info_3LWUE .assocPicsBox_1NrQp .assocPicsList_2eTX5 .cardItem_3gtxf .cardItemMore_1-GAj i {
              margin-top: 10px;
              color: #fff;
              font-size: 12px; }
  .PicViewer_2pVQg .info_3LWUE .assocPicsBox_1NrQp .relatedArticle_21So1 .articleCard_32qwr {
        margin-bottom: 10px; }
  .PicViewer_2pVQg .info_3LWUE .assocPicsBox_1NrQp .relatedArticle_21So1 .articleCard_32qwr > a .imgbox_2jEic {
          width: 100%;
          height: 114px;
          margin-bottom: 5px; }
  .PicViewer_2pVQg .info_3LWUE .assocPicsBox_1NrQp .relatedArticle_21So1 .articleCard_32qwr > a .imgbox_2jEic > img {
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: 50% top;
               object-position: 50% top;
            width: 100%;
            height: 100%; }
  .PicViewer_2pVQg .info_3LWUE .assocPicsBox_1NrQp .relatedArticle_21So1 .articleCard_32qwr > a > div {
          font-size: 12px;
          color: #ced3e4; }
  .PicViewer_2pVQg .info_3LWUE .assocPicsBox_1NrQp .assocPicsMask_nSoMi {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.5); }
  .PicViewer_2pVQg .info_3LWUE .infoMask_23csQ {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: calc(100% - 60px);
      background-color: rgba(0, 0, 0, 0.2); }
  .PicViewer_2pVQg .fixedBackToTop_gqbrQ {
    position: fixed;
    bottom: -44px;
    right: 6px;
    width: 44px;
    height: 44px;
    border: 2px solid #fff;
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.32);
            box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.32);
    border-radius: 50%;
    text-align: center;
    line-height: 44px;
    cursor: pointer;
    -webkit-transition: bottom 0.55s cubic-bezier(0.785, 0.135, 0.04, 0.995);
    transition: bottom 0.55s cubic-bezier(0.785, 0.135, 0.04, 0.995); }
  .PicViewer_2pVQg .fixedBackToTop_gqbrQ.visible_18yuH {
      bottom: 40px; }
  .PicViewer_2pVQg .fixedBackToTop_gqbrQ:hover {
      color: #fff;
      background: #000; }
  .PicViewer_2pVQg .fixedBackToTop_gqbrQ > i {
      -webkit-transform: translateY(-1px);
          -ms-transform: translateY(-1px);
              transform: translateY(-1px);
      display: block; }
  .buttonWarp_1ylUv {
  padding: 0px 8px 10px 0px;
  overflow: hidden; }
  .button_TtegK {
  position: relative;
  border: 1px solid #cccccc; }
  .button_TtegK:after {
  left: 100%;
  margin-left: 1px;
  -webkit-transform: skewY(45deg);
      -ms-transform: skewY(45deg);
          transform: skewY(45deg);
  position: absolute;
  background-color: #000;
  content: "";
  top: 1px;
  bottom: -6px;
  width: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .button_TtegK:before {
  top: 100%;
  margin-top: 1px;
  -webkit-transform: skew(45deg);
  -ms-transform: skew(45deg);
      transform: skew(45deg); }
  .button_TtegK:after,
.button_TtegK:before {
  position: absolute;
  background-color: #000;
  content: ""; }
  .button_TtegK:before {
  left: 1px;
  right: -2px;
  height: 7px; }
  .button_TtegK.dark_3msUT:after {
  background-color: #111; }
  .button_TtegK.dark_3msUT:before {
  background-color: #111; }
  @-webkit-keyframes fadeIn_q9iG8 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  @keyframes fadeIn_q9iG8 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.imgContent_2TeDX {
  width: 100%;
  height: 100%; }
  .imgContent_2TeDX .imgBox_3LB1_ {
    width: 100%;
    height: 100%; }
  .imgContent_2TeDX .imgBox_3LB1_ > img {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain;
      -o-object-position: center top;
         object-position: center top; }
  .imgContent_2TeDX .picLoading_3QtSP {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .imgContent_2TeDX .zoomBox_9XI7K {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .imgContent_2TeDX .zoomBox_9XI7K .videoBox_vb_L- {
      width: 100%;
      height: 100%;
      padding: 70px 60px 70px 60px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .imgContent_2TeDX .zoomBox_9XI7K .videoBox_vb_L- .videoContainer_3d2xg {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .imgContent_2TeDX .zoomBox_9XI7K .imageCategory_1IBuQ {
      position: absolute;
      right: 86px;
      top: 40px;
      width: 28px;
      height: 189px;
      padding-bottom: 25px;
      z-index: 5; }
  .imgContent_2TeDX .zoomBox_9XI7K .imageCategory_1IBuQ:hover > i.show_3aoAr {
        display: block; }
  .imgContent_2TeDX .zoomBox_9XI7K .imageCategory_1IBuQ > i {
        color: #fff;
        font-size: 16px;
        line-height: 1;
        display: none;
        position: absolute;
        bottom: 2px;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%); }
  .imgContent_2TeDX .zoomBox_9XI7K .imageCategory_1IBuQ .imageCategoryWrap_2lc3Q {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        background-color: #fff;
        padding: 2px;
        height: 164px;
        width: 100%;
        cursor: pointer; }
  .imgContent_2TeDX .zoomBox_9XI7K .imageCategory_1IBuQ .imageCategoryWrap_2lc3Q .item_1mb3M {
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          height: 1px;
          -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease; }
  .imgContent_2TeDX .zoomBox_9XI7K .imageCategory_1IBuQ .imageCategoryWrap_2lc3Q .item_1mb3M:hover, .imgContent_2TeDX .zoomBox_9XI7K .imageCategory_1IBuQ .imageCategoryWrap_2lc3Q .item_1mb3M.hover_1eIMH {
            -webkit-box-flex: 2;
                -ms-flex-positive: 2;
                    flex-grow: 2; }
  .imgContent_2TeDX .zoomBox_9XI7K .imageCategory_1IBuQ .imageCategoryWrap_2lc3Q .copy-messaage_UAatj {
          position: absolute;
          right: 37px;
          padding: 0 6px;
          height: 23px;
          background: #515151;
          border-radius: 3px;
          font-size: 12px;
          font-weight: 400;
          color: #ffffff;
          line-height: 23px;
          -webkit-transform: translateX(100%);
              -ms-transform: translateX(100%);
                  transform: translateX(100%);
          display: none;
          width: -webkit-fit-content;
          width: -moz-fit-content;
          width: fit-content;
          word-break: keep-all;
          z-index: 15; }
  .imgContent_2TeDX .zoomBox_9XI7K .imageCategory_1IBuQ .imageCategoryWrap_2lc3Q .copy-messaage_UAatj.show_3aoAr {
            display: block; }
  .imgContent_2TeDX .prevPage_1MpL7,
  .imgContent_2TeDX .nextPage_3-xVj {
    position: absolute;
    z-index: 10;
    width: 60px;
    height: 136px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: rgba(107, 113, 125, 0.8);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .imgContent_2TeDX .prevPage_1MpL7:hover,
    .imgContent_2TeDX .nextPage_3-xVj:hover {
      background-color: rgba(107, 113, 125, 0.6); }
  .imgContent_2TeDX .prevPage_1MpL7 > i,
    .imgContent_2TeDX .nextPage_3-xVj > i {
      font-size: 16px;
      color: #fff; }
  .imgContent_2TeDX .prevPage_1MpL7 {
    left: 0; }
  .imgContent_2TeDX .prevPage_1MpL7:hover .prevImgBox_6Td7I {
      opacity: 1;
      -webkit-transform: perspective(600px) rotateY(0deg);
              transform: perspective(600px) rotateY(0deg); }
  .imgContent_2TeDX .nextPage_3-xVj {
    right: 0; }
  .imgContent_2TeDX .nextPage_3-xVj:hover .nextImgBox_3pyKo {
      opacity: 1;
      -webkit-transform: perspective(600px) rotateY(0deg);
              transform: perspective(600px) rotateY(0deg); }
  .imgContent_2TeDX .prevImgBox_6Td7I,
  .imgContent_2TeDX .nextImgBox_3pyKo {
    position: absolute;
    top: 0;
    width: 204px;
    height: 136px;
    opacity: 1;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s; }
  .imgContent_2TeDX .prevImgBox_6Td7I .imgMask_11OTR,
    .imgContent_2TeDX .nextImgBox_3pyKo .imgMask_11OTR {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      font-size: 12px;
      color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .imgContent_2TeDX .prevImgBox_6Td7I > img,
    .imgContent_2TeDX .nextImgBox_3pyKo > img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center top;
         object-position: center top; }
  .imgContent_2TeDX .prevImgBox_6Td7I {
    right: -204px;
    -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
            transform-origin: left center;
    -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg); }
  .imgContent_2TeDX .nextImgBox_3pyKo {
    left: -204px;
    -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
            transform-origin: right center;
    -webkit-transform: perspective(400px) rotateY(-90deg);
            transform: perspective(400px) rotateY(-90deg); }

.zoom-pic {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.zoom-pic:hover .zoom-operation {
  visibility: visible;
  opacity: 1;
}
.zoom-pic > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center top;
     object-position: center top;
}
.zoom-pic .msg-info {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}
.zoom-pic .msg-info img {
  cursor: pointer;
}
.zoom-pic .zoom-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.zoom-pic .zoom-img-box {
  width: 100%;
  height: 100%;
  -o-object-fit: unset;
     object-fit: unset;
  -o-object-position: unset;
     object-position: unset;
  position: relative;
  overflow: hidden;
}
.zoom-pic .zoom-img-box img {
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: #f5f5f5;
}
.zoom-pic .zoom-img-box:hover .ai {
  top: 0;
}
.zoom-pic .zoom-img-box .ai {
  position: absolute;
  right: 0;
  top: -45px;
  color: white;
  width: 44px;
  height: 44px;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  margin-bottom: 1.25px;
  font-size: 17px;
  line-height: 44px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.zoom-pic .zoom-img-box .ai:hover {
  background: #000;
}
.zoom-pic .zoom-operation {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  overflow: hidden;
  position: absolute;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 40px;
  padding: 6px 20px;
  background-color: rgba(0, 0, 0, 0.5);
}
.zoom-pic .zoom-operation.no-ai-button {
  width: 255px;
}
.zoom-pic .zoom-operation .operation-item {
  float: left;
  padding: 2px 2px;
  margin-right: 21px;
  cursor: pointer;
}
.zoom-pic .zoom-operation .operation-item > i {
  color: #fff;
  font-size: 18px;
}
.zoom-pic .zoom-operation .operation-item:nth-last-of-type(1) {
  margin-right: 0px;
}
.zoom-pic .operation-fadeout {
  visibility: hidden;
  opacity: 0;
}
.zoom-pic .operation-fadeout:hover .operation-fadeout {
  visibility: visible;
  opacity: 1;
}

.rh5v-DefaultPlayer_component {
    position: relative;
    font-family: Helvetica;
    font-size: 11px;
    background-color: #000;
}

.rh5v-DefaultPlayer_video {
    width: 100%;
    height: 100%;
}

.rh5v-DefaultPlayer_controls {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(0,0,0,0.7);
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.rh5v-DefaultPlayer_seek {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.rh5v-DefaultPlayer_component:hover .rh5v-DefaultPlayer_controls {
    opacity: 1;
}

.rh5v-Time_component {
    padding: 0 10px 0 10px;
    line-height: 35px;
    color: #fff;
}

.rh5v-Time_current {
    margin-right: 5px;
}

.rh5v-Time_duration {
    margin-left: 5px;
    color: #919191;
}

.rh5v-Seek_component {
    position: relative;
}

.rh5v-Seek_track {
    position: absolute;
    top: 50%;
    left: 5px;
    right: 5px;
    height: 4px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: #3e3e3e;
}

.rh5v-Seek_buffer,
.rh5v-Seek_fill,
.rh5v-Seek_input {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.rh5v-Seek_buffer {
    background-color: #5a5a5a;
}

.rh5v-Seek_fill {
    background: #fff;
}

.rh5v-Seek_input {
    width: 100%;
    opacity: 0;
    cursor: pointer;
}

.rh5v-Volume_component {
    position: relative;
}

.rh5v-Volume_component:hover {
    background-color: #000;
}

.rh5v-Volume_button {
    width: 34px;
    height: 34px;
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    cursor: pointer;
}

.rh5v-Volume_button:focus {
    outline: 0;
}

.rh5v-Volume_icon {
    padding: 7px;
}

.rh5v-Volume_slider {
    display: none;
    position: absolute;
    right: 5px;
    bottom: 100%;
    left: 5px;
    height: 56px;
    background-color: #000;
}

.rh5v-Volume_component:hover .rh5v-Volume_slider {
    display: block;
}

.rh5v-Volume_track {
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 50%;
    width: 4px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: #3e3e3e;
}

.rh5v-Volume_fill,
.rh5v-Volume_input {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.rh5v-Volume_fill {
    background-color: #fff;
}

.rh5v-Volume_input {
    padding: 0;
    margin: 0;
    opacity: 0;
    -webkit-appearance: slider-vertical;
    cursor: pointer;
}

.rh5v-Captions_component {
    position: relative;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
}

.rh5v-Captions_component:hover {
    background-color: #000;
}

.rh5v-Captions_button {
    width: 34px;
    height: 34px;
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    cursor: pointer;
}

.rh5v-Captions_button:focus {
    outline: 0;
}

.rh5v-Captions_icon {
    padding: 5px;
}

.rh5v-Captions_trackList {
    position: absolute;
    left: 0;
    bottom: 100%;
    display: none;
    background-color: rgba(0,0,0,0.7);
    list-style: none;
    padding: 0;
    margin: 0;
    color: #fff;
}

.rh5v-Captions_component:hover .rh5v-Captions_trackList {
    display: block;
}

.rh5v-Captions_trackItem {
    padding: 7px;
    cursor: pointer;
}

.rh5v-Captions_activeTrackItem,
.rh5v-Captions_trackItem:hover {
    background: #000;
}

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

.rh5v-PlayPause_component {}

.rh5v-PlayPause_component:hover {
    background-color: #000;
}

.rh5v-PlayPause_button {
    width: 34px;
    height: 34px;
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    cursor: pointer;
}

.rh5v-PlayPause_button:focus {
    outline: 0;
}

.rh5v-PlayPause_icon {
    padding: 5px;
}

.rh5v-Fullscreen_component {}

.rh5v-Fullscreen_component:hover {
    background-color: #000;
}

.rh5v-Fullscreen_button {
    width: 34px;
    height: 34px;
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    cursor: pointer;
}

.rh5v-Fullscreen_button:focus {
    outline: 0;
}

.rh5v-Fullscreen_icon {
    padding: 5px;
}

.rh5v-Overlay_component {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background-color: rgba(0,0,0,0);
}

.rh5v-Overlay_inner {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    left: 50%;
    width: 60px;
    height: 60px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    margin-left: -30px;
    background-color: rgba(0,0,0,0.7);
    border-radius: 10px;
}

.rh5v-Overlay_icon {
    position: absolute;
    top: 50%;
    right: 0;
    left: 50%;
    margin-left: -20px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.detailModal-panton-pop-overlay {
  z-index: 100000;
}
.detailModal-panton-pop-overlay .ant-popover-content .ant-popover-inner {
  background-color: #ffffff;
  font-size: 12px;
  border-radius: 3px;
}
.detailModal-panton-pop-overlay .ant-popover-content .ant-popover-inner .ant-popover-title {
  color: #000000;
  border-bottom-color: rgba(0, 0, 0, 0.08);
  padding: 8px 12px;
  min-width: unset;
}
.detailModal-panton-pop-overlay .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  color: #fff;
  padding: 8px 0;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 18px;
}
.detailModal-panton-pop-overlay .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part {
  cursor: pointer;
}
.detailModal-panton-pop-overlay .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part .tips-title {
  color: #000000;
  padding: 0 12px 8px;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.detailModal-panton-pop-overlay .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part .tips-title::before {
  height: 0.5px;
  width: 0;
  content: "";
  position: absolute;
  bottom: 10px;
  left: 12px;
  background-color: #000000;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.detailModal-panton-pop-overlay .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part .tips-body {
  padding: 8px 12px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.detailModal-panton-pop-overlay .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part .tips-body span {
  position: relative;
}
.detailModal-panton-pop-overlay .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part .tips-body span::before {
  height: 0.5px;
  width: 0;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #000000;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.detailModal-panton-pop-overlay .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part:hover .tips-title::before {
  width: calc(100% - 24px);
}
.detailModal-panton-pop-overlay .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part:hover span::before {
  width: 100%;
}
.detailModal-panton-pop-overlay .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part .copy-messaage {
  position: fixed;
  padding: 0 6px;
  height: 23px;
  background: #515151;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  line-height: 23px;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  display: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  word-break: keep-all;
  z-index: 15;
}
.detailModal-panton-pop-overlay .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part .copy-messaage.show {
  display: block;
}
.icontishi-pop-overlay {
  z-index: 1000000;
}
.icontishi-pop-overlay .ant-popover-content .ant-popover-inner {
  background-color: #ffffff;
  font-size: 12px;
  border-radius: 3px;
}
.icontishi-pop-overlay .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  color: #fff;
  padding: 4px 6px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 18px;
}
.download-pic-popover {
  z-index: 1000000;
}
.download-pic-popover .ant-popover-content {
  width: 171px;
  background: rgba(69, 72, 74, 0.9);
  -webkit-box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
  border-radius: 6px;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  -webkit-transform: translateY(-16px);
      -ms-transform: translateY(-16px);
          transform: translateY(-16px);
}
.download-pic-popover .ant-popover-content .ant-popover-arrow {
  top: 30px;
  right: -4.2px;
  border-color: rgba(69, 72, 74, 0.9);
}
.download-pic-popover .ant-popover-content .ant-popover-inner {
  background-color: transparent;
}
.download-pic-popover .ant-popover-content .ant-popover-inner-content {
  padding: 0;
}

.select_2vR-v {
  border: 1px solid #d7d6d6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  .select_2vR-v .allowClear_1VgT- {
    pointer-events: none;
    z-index: 200;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 10px;
    padding-right: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .select_2vR-v .allowClear_1VgT- .text_3WdEd {
      font-size: 12px;
      font-weight: 400;
      color: #fff;
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      margin-left: 10px; }
  .select_2vR-v .allowClear_1VgT- img {
      pointer-events: auto;
      cursor: pointer;
      width: 18px; }
  .select_2vR-v .coverInput_1QBg_ {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer; }
  .select_2vR-v .title_26uGj {
    height: 12px;
    font-size: 12px;
    line-height: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    margin-left: 20px; }
  .select_2vR-v .icon_227u9 {
    width: 9px;
    height: 5px;
    line-height: 5px;
    font-size: 12px;
    margin-right: 16px;
    -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
            transform: scale(0.6);
    cursor: pointer; }
  .select_2vR-v .dropdown_3odgc {
    background-color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% + 2px);
    z-index: 999;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    max-height: 420px;
    overflow: auto; }
  .select_2vR-v .dropdown_3odgc .item_2sW6t {
      position: relative;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: #fff; }
  .select_2vR-v .dropdown_3odgc .item_2sW6t:hover {
        background-color: #000; }
  .select_2vR-v .dropdown_3odgc .item_2sW6t:hover .title_26uGj {
          color: #fff; }
  .select_2vR-v .dropdown_3odgc .item_2sW6t .title_26uGj {
        width: calc(100% - 40px);
        height: 12px;
        font-size: 12px;
        line-height: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #333333;
        margin-left: 20px;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .select_2vR-v .dropdown_3odgc .item_2sW6t .icon_227u9 {
        width: 4px;
        height: 8px;
        font-size: 8px;
        margin-right: 11px; }
  .select_2vR-v .dropdown_3odgc .item_2sW6t .children_D77k5 {
        background-color: #fff; }
  .select_2vR-v .dropdown_3odgc .item_2sW6t .children_D77k5 .child_tNi07 {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          cursor: pointer;
          background-color: #f6f6f6; }
  .select_2vR-v .dropdown_3odgc .item_2sW6t .children_D77k5 .child_tNi07:hover {
            background-color: #ff7030; }
  .select_2vR-v .dropdown_3odgc .item_2sW6t .children_D77k5 .child_tNi07:hover .title_26uGj {
              color: #fff; }
  .select_2vR-v .dropdown_3odgc .item_2sW6t .children_D77k5 .child_tNi07 .title_26uGj {
            width: calc(100% - 40px);
            height: 12px;
            font-size: 12px;
            line-height: 12px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #333333;
            margin-left: 20px;
            text-align: left;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }

.searchPage-pictureList-container .card {
  text-align: left;
}
.searchPage-pictureList-container .card:hover {
  z-index: 1;
}
.searchPage-pictureList-container .card .card-footer {
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #000;
  background: #fafafa;
}
.searchPage-pictureList-container .card .card-footer .card-footer-item {
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  border-right: 1px solid rgba(0, 0, 0, 0.6);
  position: relative;
  cursor: pointer;
  color: #000;
}

.material-info {
  width: 100%;
  height: 100%;
  position: relative;
}
.material-info-modal {
  color: #111;
  background-color: #fff;
}
.material-info-modal .title {
  position: absolute;
  left: 20px;
  top: 10px;
  font-weight: 700;
}
.material-info-modal .ant-modal-content {
  border-radius: 0;
}
.material-info-modal .ant-spin-nested-loading,
.material-info-modal .ant-spin-container,
.material-info-modal .ant-layout-content {
  height: 100%;
}
.material-form {
  position: relative;
  padding: 40px 30px 28px 30px;
  height: 100%;
}
.material-form .ant-spin-nested-loading,
.material-form .ant-spin-container,
.material-form .ant-layout-content {
  height: 100%;
}
.material-form .ant-tabs-nav-scroll {
  text-align: center;
}
.material-form .ant-tag {
  line-height: 26px;
}
.material-form .form-footer {
  position: absolute;
  right: 30px;
  bottom: 70px;
  width: calc(100% - 30px);
  height: 32px;
}
.material-form .form-footer .form-footer-item {
  width: 100%;
  height: 100%;
}
.material-form .form-footer .form-footer-item .form-footer-item-content {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.material-form .material-form-tabs {
  height: calc(100% - 90px);
}
.material-form .material-form-tabs .ant-tabs-content {
  height: calc(100% - 60px);
}
.main-picture {
  height: 100%;
}
.main-picture .left {
  float: left;
  width: 650px;
  height: 100%;
}
.main-picture .left .name-id {
  margin-top: 14px;
}
.main-picture .left .img-box {
  position: relative;
  width: 650px;
  min-height: 650px;
  height: calc(100% - 40px);
  border: 1px solid #d4d4d4;
}
.main-picture .left .main-picture-img-view-prev,
.main-picture .left .main-picture-img-view-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 60px;
  height: 136px;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: rgba(0, 0, 0, 0.5);
}
.main-picture .left:hover .main-picture-img-view-prev,
.main-picture .left:hover .main-picture-img-view-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-picture .left .main-picture-img-view-prev {
  left: 0;
}
.main-picture .left .main-picture-img-view-next {
  right: 0;
}
.main-picture .right {
  float: left;
  width: 100%;
  min-width: 500px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.main-picture .right .search-box {
  height: 40px;
  border: 1px solid #d4d4d4;
  margin-bottom: 15px;
}
.main-picture .right .tags-show {
  height: 50px;
}
.main-picture .right .tags-show .tags-show-title {
  width: 88px;
  height: 16px;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 13px;
}
.main-picture .right .tags-show .tags-show-container {
  height: 50px;
  overflow-x: hidden;
  overflow-y: auto;
}
.main-picture .right .tags-show .tag-group {
  padding: 0 10px;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f6f6f6;
  margin-bottom: 10px;
  margin-right: 10px;
}
.main-picture .right .tags-show .tag-group > .ant-tag:nth-last-child(1) {
  margin-right: 0px;
}
.main-picture .right .tags-opration {
  position: relative;
  height: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.main-picture .right .tags-opration .tags-opration-title {
  width: 88px;
  height: 16px;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 13px;
}
.main-picture .right .tags-opration .tag-group-operator {
  position: absolute;
  right: 0;
  top: 0px;
}
.main-picture .right .tags-opration .tags-opration-content {
  height: 100%;
}
.main-picture .right .tags-opration .tabs-container {
  position: relative;
  height: 100%;
  border: 1px solid #eaeaea;
}
.main-picture .right .tags-opration .tabs-container .tabs-index {
  position: absolute;
  top: 0;
  left: 0;
  width: 122px;
  height: 100%;
  border-right: 1px solid #d4d4d4;
  overflow: auto;
}
.main-picture .right .tags-opration .tabs-container .tabs-index .tab-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  cursor: pointer;
  border-bottom: 1px solid #d4d4d4;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.main-picture .right .tags-opration .tabs-container .tabs-index .tab-item:hover {
  background-color: #f9f9f9;
}
.main-picture .right .tags-opration .tabs-container .tabs-index .tab-item.active {
  background-color: #2e81ff;
  color: #fff;
}
.main-picture .right .tags-opration .tabs-container .tabs-index .tab-item .tips {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 12px;
  height: 12px;
  cursor: pointer;
}
.main-picture .right .tags-opration .tabs-container .tabs-index .tab-item .tips .tips-inner {
  position: absolute;
  top: -12px;
  right: -12px;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background-color: #eaeaea;
}
.main-picture .right .tags-opration .tabs-container .tabs-index .tab-item .tabIndex-select .ant-select-selection {
  background-color: transparent;
}
.main-picture .right .tags-opration .tabs-container .tabs-content > div {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 122px);
  height: 100%;
  padding: 20px;
  overflow: auto;
}
.main-picture .right .tags-opration .tabs-container .tabs-content .desc-content .ant-input {
  resize: none;
}
.main-picture .gap30 {
  display: inline-block;
  width: 30px;
}
.search-lt {
  position: relative;
  width: 100%;
  height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.search-lt .search-title {
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 1;
  width: 92px;
  height: 40px;
  color: #fff;
  text-align: center;
  line-height: 40px;
}
.search-lt .search-title .ant-select-selection--single {
  height: 38px;
  border-radius: 0;
  border: none;
}
.search-lt .search-title .ant-select-selection__rendered {
  line-height: 38px;
  font-weight: 700;
}
.search-lt .search-content .ant-select-selection {
  height: 38px;
  border: none;
}
.search-lt .search-content .ant-select-no-arrow .ant-select-selection__rendered {
  margin-left: 100px;
  margin-right: 218px;
  line-height: 38px;
}
.search-lt .search-content .to-desc {
  position: absolute;
  top: 0;
  right: 136px;
  width: 75px;
  line-height: 38px;
  height: 38px;
  color: #2e81ff;
  font-weight: 700;
  cursor: pointer;
}
.search-lt .search-content .to-keywords {
  position: absolute;
  top: 0;
  right: 20px;
  width: 87px;
  line-height: 38px;
  height: 38px;
  color: #2e81ff;
  font-weight: 700;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.search-lt .search-content .search-result-content {
  position: relative;
  z-index: 3;
  background-color: #fff;
  width: 100%;
  max-height: 200px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  overflow: auto;
}
.search-lt .search-content .search-input {
  display: inline-block;
  width: 100%;
  height: 38px;
  padding-left: 100px;
  border: none;
  outline: none;
}
.search-lt .option-item {
  padding-left: 20px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.search-lt .option-item:hover {
  background-color: #e6f7ff;
}
.search-lt .option-item.active {
  background-color: #e6f7ff;
}
.search-lt .option-empty {
  text-align: center;
  height: 40px;
  line-height: 40px;
}
.search-lt .search-result-content {
  margin-top: 4px;
}
.appendixes .appendixes-content {
  margin-top: 10px;
  height: 620px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: auto;
}
.appendixes .appendixes-content .appendixes-content-item {
  margin-right: 50px;
  margin-top: 20px;
}
.annex-card {
  width: 250px;
  height: 330px;
  border: 1px solid #e4e4e4;
}
.annex-card .ac-img-box {
  width: 248px;
  height: 248px;
  background-color: #f6f6f6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.annex-card .ac-info {
  height: 80px;
  padding: 9px;
}
.annex-card .ac-info .ac-title {
  color: #333;
  font-weight: 700;
  max-width: 100%;
}
.annex-card .ac-info .ac-time {
  color: #999999;
  font-size: 12px;
}
.annex-card .ac-info .ac-time > span:nth-child(2) {
  float: right;
}
.annex-card .ac-info .ac-line {
  height: 1px;
  margin-top: 2px;
  margin-bottom: 4px;
  background-color: #f6f6f6;
}
.annex-card .ac-info .ac-delete-btn {
  float: right;
  color: red;
  cursor: pointer;
}
.annex-card .ac-info .ac-delete-btn:hover {
  background-color: #eaeaea;
}
.sub-pictures {
  height: 620px;
  overflow: auto;
}
.sub-pictures .sub-pictures-item {
  float: left;
  margin-top: 30px;
  margin-right: 20px;
}
.sub-pic-card {
  width: 280px;
}
.sub-pic-card .sp-img-box {
  width: 280px;
  height: 280px;
  background-color: #f6f6f6;
}
.sub-pic-card .sp-img-box > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center, center;
     object-position: center, center;
}
.sub-pic-card .sp-to-mian,
.sub-pic-card .sp-to-dismiss {
  cursor: pointer;
  height: 26px;
  margin-top: 10px;
  line-height: 24px;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid #e4e4e4;
}
.sub-pic-card .sp-to-mian:hover,
.sub-pic-card .sp-to-dismiss:hover {
  background-color: #e4e4e4;
}
.sub-pic-card .subPicture-uploader {
  display: inline-block;
  width: 100%;
}
.sub-pic-card .subPicture-uploader .ant-upload.ant-upload-select {
  width: 100%;
}
.sub-pic-card .subPicture-uploader .ant-upload {
  display: inline-block;
  width: 100%;
}
.quote-component .ql-container {
  height: 620px;
  overflow: auto;
}
.quote-component .ql-item {
  width: 250px;
  height: 330px;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative;
}
.quote-component .ql-item .new-pictureCard-container .new-pictureCard .info .title {
  position: unset;
}
.clear-float::after {
  display: block;
  content: "";
  width: 100%;
  height: 0;
  visibility: hidden;
  clear: both;
}
.mp-divider {
  height: 1px;
  margin-bottom: 10px;
  background-color: #d4d4d4;
}
.oneline {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fontWeight700 {
  font-weight: 700;
}
.tag-popover-ontent {
  width: 180px;
  text-align: center;
}
.tag-popover-ontent .ant-tag {
  margin-bottom: 10px;
}
.display-none {
  display: none !important;
}
.ant-message {
  z-index: 10100;
}
.tips-popover {
  z-index: 10000000;
}

.tag-component {
  width: 132px;
  height: 40px;
  display: inline-block;
  padding: 8px;
}
.tag-component:hover {
  background-color: #F9F9F9;
}
.tag-component .tag-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tag-component .tag-item-name,
.tag-component .tag-component-label {
  display: inline-block;
  margin-left: 9px;
  max-width: 92px;
  color: #333;
  font-weight: 700;
  cursor: pointer;
}
.tag-component .tag-component-label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  max-width: 67px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.tag-component .ant-checkbox-wrapper > span:nth-child(2) {
  padding-right: 0px;
  max-width: 96px;
  color: #333;
  font-weight: 700;
  cursor: pointer;
  overflow: hidden;
  vertical-align: middle;
  line-height: 18px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.tree-picker {
  width: 100%;
  height: 100%;
  min-height: 400px;
  color: #333333;
}
.tp-search-box {
  margin-bottom: 10px;
}
.tree-picker-container-normal .tp-tag-container-normal {
  float: left;
}
.tree-picker-container {
  width: 100%;
  height: calc(100% - 62px);
  white-space: nowrap;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tree-picker-container:nth-last-child(1) .tree-picker-cloumn .tree-picker-item {
  border-right: 1px solid #f6f6f6;
}
.tree-picker-cloumn {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  float: left;
  width: 132px;
  height: 100%;
  overflow: auto;
}
.tree-picker-cloumn.lastItem {
  display: block;
  white-space: normal;
}
.tree-picker-cloumn.lastItem .tree-picker-item {
  display: inline-block;
  width: 132px;
  padding-top: 8px;
}
.tree-picker-cloumn .tree-picker-item {
  max-width: 142px;
  padding-left: 10px;
  height: 40px;
  border-bottom: 1px solid #f6f6f6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tree-picker-cloumn .tree-picker-item .item-name {
  margin-left: 10px;
  color: #333333;
  font-weight: 700;
  cursor: pointer;
  width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
}
.tree-picker-cloumn .tree-picker-item.active {
  background-color: #f9f9f9;
}
.tree-picker-cloumn .tree-picker-item.active .item-name {
  color: #2e81ff;
}
.tree-picker-cloumn .tree-picker-item:nth-child(1) {
  border-top: 1px solid #f6f6f6;
}

.tag-picker {
  color: #333;
  height: 100%;
}
.tag-picker .tp-content {
  margin-top: 20px;
  height: calc(100% - 70px);
  overflow: auto;
  -ms-flex-line-pack: baseline;
      align-content: baseline;
}
.tag-picker .tp-tag-container {
  margin-right: 10px;
  float: left;
  /*&:nth-last-of-type(5n) {
      margin-right: 0px;
    }*/
}
.tag-picker-search {
  color: blue;
}
.tag-picker-search .tps-content {
  margin-top: 20px;
  height: calc(100% - 70px);
  overflow: auto;
}
.tag-picker-search .tps-tag-container {
  margin-bottom: 10px;
}

.tag-group-manager {
  height: 100%;
  overflow: hidden;
}
.tag-group-manager .tgm-header {
  margin-bottom: 10px;
}
.tag-group-manager .tgm-header .ant-btn-primary {
  background-color: #52c41a;
  border-color: #52c41a;
}
.tag-group-manager .tgm-container {
  height: calc(100% - 60px);
  overflow: auto;
  border-top: none;
}
.tag-group-manager .ant-table-tbody > tr > td {
  padding: 4px;
}

.quick-tag-manager {
  height: 100%;
  overflow: hidden;
}
.quick-tag-manager .qtm-header {
  margin-bottom: 10px;
}
.quick-tag-manager .qtm-header .ant-btn-primary {
  background-color: #52c41a;
  border-color: #52c41a;
}
.quick-tag-manager .qtm-container {
  height: calc(100% - 60px);
  overflow: auto;
}
.quick-tag-manager .qtm-item {
  margin-bottom: 20px;
}
.custom-tag-drag {
  cursor: pointer;
}
.quick-tag {
  height: 360px;
  overflow: auto;
}
.quick-tag .qt-item {
  float: left;
  margin-right: 10px;
}
.quick-tag-manager.all-tag-manager {
  height: auto;
}
.quick-tag-manager.all-tag-manager .qtm-container {
  height: auto;
}

.video-simple {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-simple .video-cover {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-simple .video-cover > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.video-simple > video {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.video-simple .playIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-simple .playIcon:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.video-simple .edit-cover {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  border-radius: 20px 0px 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-simple .edit-cover:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.tag-tree-with-breadcrumb {
  color: #333333;
  height: 100%;
  overflow: auto;
}
.tag-tree-with-breadcrumb .ttwb-breadcrumb {
  font-size: 16px;
  color: #999999;
}
.tag-tree-with-breadcrumb .ttwb-breadcrumb-item {
  cursor: pointer;
}
.tag-tree-with-breadcrumb .ttwb-breadcrumb-item:nth-last-child(1) {
  color: #2E81FF;
}

.double-tag-tree {
  height: 100%;
}
.double-tag-tree .double-tag-tree-tabs {
  height: 100%;
}
.double-tag-tree .double-tag-tree-tabs .ant-tabs-nav-scroll {
  text-align: left;
}
.double-tag-tree .ant-tabs-tabpane {
  height: 100% ;
}
.double-tag-tree .double-tag-tree-content {
  height: 100% ;
  overflow: auto;
}

.my-datePicker-dropdown {
  z-index: 100000000000;
}

/**
 * Swiper 6.0.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 15, 2020
 */

@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */

.swiper-container-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
          transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */

:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
      -ms-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

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

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

/* a11y */

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.filterTextLi_2I1CC.Normal_1NmCD {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  margin-bottom: 4px;
  height: 22px;
  cursor: pointer; }
  .filterTextLi_2I1CC.Normal_1NmCD:hover {
    background-color: #F6F6F6; }
  .filterTextLi_2I1CC.Normal_1NmCD.selected_3JVQ6 {
    background-color: #111111; }
  .filterTextLi_2I1CC.Normal_1NmCD.selected_3JVQ6 .contentBox_wEe-e .text_1b5Z5 {
      color: #fff; }
  .filterTextLi_2I1CC.Normal_1NmCD .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterTextLi_2I1CC.Normal_1NmCD .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterTextLi_2I1CC.Normal_1NmCD .contentBox_wEe-e {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 22px; }
  .filterTextLi_2I1CC.Normal_1NmCD .contentBox_wEe-e .text_1b5Z5 {
      font-size: 12px;
      line-height: 22px;
      color: #333; }
  .filterTextLi_2I1CC.Normal_1NmCD .contentBox_wEe-e .text_1b5Z5.textOverflow_v6_UA {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterTextLi_2I1CC.DarkCyan_1-BqD {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  margin-bottom: 4px;
  height: 22px;
  cursor: pointer; }
  .filterTextLi_2I1CC.DarkCyan_1-BqD:hover {
    background-color: #F6F6F6; }
  .filterTextLi_2I1CC.DarkCyan_1-BqD.selected_3JVQ6 {
    background-color: #111111; }
  .filterTextLi_2I1CC.DarkCyan_1-BqD.selected_3JVQ6 .contentBox_wEe-e .text_1b5Z5 {
      color: #fff; }
  .filterTextLi_2I1CC.DarkCyan_1-BqD .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterTextLi_2I1CC.DarkCyan_1-BqD .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterTextLi_2I1CC.DarkCyan_1-BqD .contentBox_wEe-e {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 22px; }
  .filterTextLi_2I1CC.DarkCyan_1-BqD .contentBox_wEe-e .text_1b5Z5 {
      font-size: 12px;
      line-height: 22px;
      color: #333; }
  .filterTextLi_2I1CC.DarkCyan_1-BqD .contentBox_wEe-e .text_1b5Z5.textOverflow_v6_UA {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterTextLi_2I1CC.Wheat_3XEbc {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  margin-bottom: 4px;
  height: 22px;
  cursor: pointer; }
  .filterTextLi_2I1CC.Wheat_3XEbc:hover {
    background-color: #F6F6F6; }
  .filterTextLi_2I1CC.Wheat_3XEbc.selected_3JVQ6 {
    background-color: #111111; }
  .filterTextLi_2I1CC.Wheat_3XEbc.selected_3JVQ6 .contentBox_wEe-e .text_1b5Z5 {
      color: #fff; }
  .filterTextLi_2I1CC.Wheat_3XEbc .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterTextLi_2I1CC.Wheat_3XEbc .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterTextLi_2I1CC.Wheat_3XEbc .contentBox_wEe-e {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 22px; }
  .filterTextLi_2I1CC.Wheat_3XEbc .contentBox_wEe-e .text_1b5Z5 {
      font-size: 12px;
      line-height: 22px;
      color: #333; }
  .filterTextLi_2I1CC.Wheat_3XEbc .contentBox_wEe-e .text_1b5Z5.textOverflow_v6_UA {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterTextLi_2I1CC.RosyBrown_2UUut {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  margin-bottom: 4px;
  height: 22px;
  cursor: pointer; }
  .filterTextLi_2I1CC.RosyBrown_2UUut:hover {
    background-color: #F6F6F6; }
  .filterTextLi_2I1CC.RosyBrown_2UUut.selected_3JVQ6 {
    background-color: #111111; }
  .filterTextLi_2I1CC.RosyBrown_2UUut.selected_3JVQ6 .contentBox_wEe-e .text_1b5Z5 {
      color: #fff; }
  .filterTextLi_2I1CC.RosyBrown_2UUut .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterTextLi_2I1CC.RosyBrown_2UUut .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterTextLi_2I1CC.RosyBrown_2UUut .contentBox_wEe-e {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 22px; }
  .filterTextLi_2I1CC.RosyBrown_2UUut .contentBox_wEe-e .text_1b5Z5 {
      font-size: 12px;
      line-height: 22px;
      color: #333; }
  .filterTextLi_2I1CC.RosyBrown_2UUut .contentBox_wEe-e .text_1b5Z5.textOverflow_v6_UA {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterTextLi_2I1CC.Chocolate_3LfOS {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  margin-bottom: 4px;
  height: 22px;
  cursor: pointer; }
  .filterTextLi_2I1CC.Chocolate_3LfOS:hover {
    background-color: #F6F6F6; }
  .filterTextLi_2I1CC.Chocolate_3LfOS.selected_3JVQ6 {
    background-color: #111111; }
  .filterTextLi_2I1CC.Chocolate_3LfOS.selected_3JVQ6 .contentBox_wEe-e .text_1b5Z5 {
      color: #fff; }
  .filterTextLi_2I1CC.Chocolate_3LfOS .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterTextLi_2I1CC.Chocolate_3LfOS .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterTextLi_2I1CC.Chocolate_3LfOS .contentBox_wEe-e {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 22px; }
  .filterTextLi_2I1CC.Chocolate_3LfOS .contentBox_wEe-e .text_1b5Z5 {
      font-size: 12px;
      line-height: 22px;
      color: #333; }
  .filterTextLi_2I1CC.Chocolate_3LfOS .contentBox_wEe-e .text_1b5Z5.textOverflow_v6_UA {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterTextLi_2I1CC.Coral_1ATYa {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  margin-bottom: 4px;
  height: 22px;
  cursor: pointer; }
  .filterTextLi_2I1CC.Coral_1ATYa:hover {
    background-color: #F6F6F6; }
  .filterTextLi_2I1CC.Coral_1ATYa.selected_3JVQ6 {
    background-color: #111111; }
  .filterTextLi_2I1CC.Coral_1ATYa.selected_3JVQ6 .contentBox_wEe-e .text_1b5Z5 {
      color: #fff; }
  .filterTextLi_2I1CC.Coral_1ATYa .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterTextLi_2I1CC.Coral_1ATYa .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterTextLi_2I1CC.Coral_1ATYa .contentBox_wEe-e {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 22px; }
  .filterTextLi_2I1CC.Coral_1ATYa .contentBox_wEe-e .text_1b5Z5 {
      font-size: 12px;
      line-height: 22px;
      color: #333; }
  .filterTextLi_2I1CC.Coral_1ATYa .contentBox_wEe-e .text_1b5Z5.textOverflow_v6_UA {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterTextLi_2I1CC.CadetBlue_2t1tN {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  margin-bottom: 4px;
  height: 22px;
  cursor: pointer; }
  .filterTextLi_2I1CC.CadetBlue_2t1tN:hover {
    background-color: #F6F6F6; }
  .filterTextLi_2I1CC.CadetBlue_2t1tN.selected_3JVQ6 {
    background-color: #111111; }
  .filterTextLi_2I1CC.CadetBlue_2t1tN.selected_3JVQ6 .contentBox_wEe-e .text_1b5Z5 {
      color: #fff; }
  .filterTextLi_2I1CC.CadetBlue_2t1tN .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterTextLi_2I1CC.CadetBlue_2t1tN .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterTextLi_2I1CC.CadetBlue_2t1tN .contentBox_wEe-e {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 22px; }
  .filterTextLi_2I1CC.CadetBlue_2t1tN .contentBox_wEe-e .text_1b5Z5 {
      font-size: 12px;
      line-height: 22px;
      color: #333; }
  .filterTextLi_2I1CC.CadetBlue_2t1tN .contentBox_wEe-e .text_1b5Z5.textOverflow_v6_UA {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterTextLi_2I1CC.Gold_ddFvd {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  margin-bottom: 4px;
  height: 22px;
  cursor: pointer; }
  .filterTextLi_2I1CC.Gold_ddFvd:hover {
    background-color: #F6F6F6; }
  .filterTextLi_2I1CC.Gold_ddFvd.selected_3JVQ6 {
    background-color: #111111; }
  .filterTextLi_2I1CC.Gold_ddFvd.selected_3JVQ6 .contentBox_wEe-e .text_1b5Z5 {
      color: #fff; }
  .filterTextLi_2I1CC.Gold_ddFvd .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterTextLi_2I1CC.Gold_ddFvd .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterTextLi_2I1CC.Gold_ddFvd .contentBox_wEe-e {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 22px; }
  .filterTextLi_2I1CC.Gold_ddFvd .contentBox_wEe-e .text_1b5Z5 {
      font-size: 12px;
      line-height: 22px;
      color: #333; }
  .filterTextLi_2I1CC.Gold_ddFvd .contentBox_wEe-e .text_1b5Z5.textOverflow_v6_UA {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterTextLi_2I1CC.PowDerBlue_1cKIY {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  margin-bottom: 4px;
  height: 22px;
  cursor: pointer; }
  .filterTextLi_2I1CC.PowDerBlue_1cKIY:hover {
    background-color: #F6F6F6; }
  .filterTextLi_2I1CC.PowDerBlue_1cKIY.selected_3JVQ6 {
    background-color: #111111; }
  .filterTextLi_2I1CC.PowDerBlue_1cKIY.selected_3JVQ6 .contentBox_wEe-e .text_1b5Z5 {
      color: #fff; }
  .filterTextLi_2I1CC.PowDerBlue_1cKIY .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterTextLi_2I1CC.PowDerBlue_1cKIY .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterTextLi_2I1CC.PowDerBlue_1cKIY .contentBox_wEe-e {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 22px; }
  .filterTextLi_2I1CC.PowDerBlue_1cKIY .contentBox_wEe-e .text_1b5Z5 {
      font-size: 12px;
      line-height: 22px;
      color: #333; }
  .filterTextLi_2I1CC.PowDerBlue_1cKIY .contentBox_wEe-e .text_1b5Z5.textOverflow_v6_UA {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterTextLi_2I1CC.Dark_vUV8n {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  margin-bottom: 4px;
  height: 22px;
  cursor: pointer; }
  .filterTextLi_2I1CC.Dark_vUV8n:hover {
    background-color: #F6F6F6; }
  .filterTextLi_2I1CC.Dark_vUV8n.selected_3JVQ6 {
    background-color: #111111; }
  .filterTextLi_2I1CC.Dark_vUV8n.selected_3JVQ6 .contentBox_wEe-e .text_1b5Z5 {
      color: #fff; }
  .filterTextLi_2I1CC.Dark_vUV8n .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterTextLi_2I1CC.Dark_vUV8n .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterTextLi_2I1CC.Dark_vUV8n .contentBox_wEe-e {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 22px; }
  .filterTextLi_2I1CC.Dark_vUV8n .contentBox_wEe-e .text_1b5Z5 {
      font-size: 12px;
      line-height: 22px;
      color: #333; }
  .filterTextLi_2I1CC.Dark_vUV8n .contentBox_wEe-e .text_1b5Z5.textOverflow_v6_UA {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterDarkLi_2Yf38.Normal_1NmCD {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  height: 37px;
  line-height: 37px;
  cursor: pointer; }
  .filterDarkLi_2Yf38.Normal_1NmCD:hover {
    background-color: #F6F6F6; }
  .filterDarkLi_2Yf38.Normal_1NmCD.selected_3JVQ6 {
    background-color: #111111; }
  .filterDarkLi_2Yf38.Normal_1NmCD.selected_3JVQ6 .contentBox_wEe-e .text_1b5Z5 {
      color: #fff; }
  .filterDarkLi_2Yf38.Normal_1NmCD .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_2Yf38.Normal_1NmCD .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterDarkLi_2Yf38.Normal_1NmCD .contentBox_wEe-e {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_2Yf38.Normal_1NmCD .contentBox_wEe-e .text_1b5Z5 {
      font-size: 14px;
      line-height: 37px;
      color: #333; }
  .filterDarkLi_2Yf38.Normal_1NmCD .contentBox_wEe-e .text_1b5Z5.textOverflow_v6_UA {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterDarkLi_2Yf38.Normal_1NmCD .colorBlock_rh6S2 {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 80px;
    top: 12px;
    border: 1px solid #eee; }
  .filterDarkLi_2Yf38.Normal_1NmCD .disabled_3m5xf {
    color: #aaa;
    cursor: not-allowed; }
  .filterDarkLi_2Yf38.DarkCyan_1-BqD {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  height: 37px;
  line-height: 37px;
  cursor: pointer; }
  .filterDarkLi_2Yf38.DarkCyan_1-BqD:hover {
    background-color: #F6F6F6; }
  .filterDarkLi_2Yf38.DarkCyan_1-BqD.selected_3JVQ6 {
    background-color: #111111; }
  .filterDarkLi_2Yf38.DarkCyan_1-BqD.selected_3JVQ6 .contentBox_wEe-e .text_1b5Z5 {
      color: #fff; }
  .filterDarkLi_2Yf38.DarkCyan_1-BqD .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_2Yf38.DarkCyan_1-BqD .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterDarkLi_2Yf38.DarkCyan_1-BqD .contentBox_wEe-e {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_2Yf38.DarkCyan_1-BqD .contentBox_wEe-e .text_1b5Z5 {
      line-height: 37px; }
  .filterDarkLi_2Yf38.DarkCyan_1-BqD .contentBox_wEe-e .text_1b5Z5.textOverflow_v6_UA {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterDarkLi_2Yf38.DarkCyan_1-BqD .colorBlock_rh6S2 {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 80px;
    top: 12px;
    border: 1px solid #eee; }
  .filterDarkLi_2Yf38.DarkCyan_1-BqD .disabled_3m5xf {
    color: #aaa;
    cursor: not-allowed; }
  .filterDarkLi_2Yf38.Wheat_3XEbc {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  height: 37px;
  line-height: 37px;
  cursor: pointer; }
  .filterDarkLi_2Yf38.Wheat_3XEbc:hover {
    background-color: #F6F6F6; }
  .filterDarkLi_2Yf38.Wheat_3XEbc.selected_3JVQ6 {
    background-color: #111111; }
  .filterDarkLi_2Yf38.Wheat_3XEbc.selected_3JVQ6 .contentBox_wEe-e .text_1b5Z5 {
      color: #fff; }
  .filterDarkLi_2Yf38.Wheat_3XEbc .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_2Yf38.Wheat_3XEbc .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterDarkLi_2Yf38.Wheat_3XEbc .contentBox_wEe-e {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_2Yf38.Wheat_3XEbc .contentBox_wEe-e .text_1b5Z5 {
      line-height: 37px; }
  .filterDarkLi_2Yf38.Wheat_3XEbc .contentBox_wEe-e .text_1b5Z5.textOverflow_v6_UA {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterDarkLi_2Yf38.Wheat_3XEbc .colorBlock_rh6S2 {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 80px;
    top: 12px;
    border: 1px solid #eee; }
  .filterDarkLi_2Yf38.Wheat_3XEbc .disabled_3m5xf {
    color: #aaa;
    cursor: not-allowed; }
  .filterDarkLi_2Yf38.RosyBrown_2UUut {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  height: 37px;
  line-height: 37px;
  cursor: pointer; }
  .filterDarkLi_2Yf38.RosyBrown_2UUut:hover {
    background-color: #F6F6F6; }
  .filterDarkLi_2Yf38.RosyBrown_2UUut.selected_3JVQ6 {
    background-color: #111111; }
  .filterDarkLi_2Yf38.RosyBrown_2UUut.selected_3JVQ6 .contentBox_wEe-e .text_1b5Z5 {
      color: #fff; }
  .filterDarkLi_2Yf38.RosyBrown_2UUut .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_2Yf38.RosyBrown_2UUut .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterDarkLi_2Yf38.RosyBrown_2UUut .contentBox_wEe-e {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_2Yf38.RosyBrown_2UUut .contentBox_wEe-e .text_1b5Z5 {
      line-height: 37px; }
  .filterDarkLi_2Yf38.RosyBrown_2UUut .contentBox_wEe-e .text_1b5Z5.textOverflow_v6_UA {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterDarkLi_2Yf38.RosyBrown_2UUut .colorBlock_rh6S2 {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 80px;
    top: 12px;
    border: 1px solid #eee; }
  .filterDarkLi_2Yf38.RosyBrown_2UUut .disabled_3m5xf {
    color: #aaa;
    cursor: not-allowed; }
  .filterDarkLi_2Yf38.Chocolate_3LfOS {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  height: 37px;
  line-height: 37px;
  cursor: pointer; }
  .filterDarkLi_2Yf38.Chocolate_3LfOS:hover {
    background-color: #F6F6F6; }
  .filterDarkLi_2Yf38.Chocolate_3LfOS.selected_3JVQ6 {
    background-color: #111111; }
  .filterDarkLi_2Yf38.Chocolate_3LfOS.selected_3JVQ6 .contentBox_wEe-e .text_1b5Z5 {
      color: #fff; }
  .filterDarkLi_2Yf38.Chocolate_3LfOS .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_2Yf38.Chocolate_3LfOS .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterDarkLi_2Yf38.Chocolate_3LfOS .contentBox_wEe-e {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_2Yf38.Chocolate_3LfOS .contentBox_wEe-e .text_1b5Z5 {
      line-height: 37px; }
  .filterDarkLi_2Yf38.Chocolate_3LfOS .contentBox_wEe-e .text_1b5Z5.textOverflow_v6_UA {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterDarkLi_2Yf38.Chocolate_3LfOS .colorBlock_rh6S2 {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 80px;
    top: 12px;
    border: 1px solid #eee; }
  .filterDarkLi_2Yf38.Chocolate_3LfOS .disabled_3m5xf {
    color: #aaa;
    cursor: not-allowed; }
  .filterDarkLi_2Yf38.Coral_1ATYa {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  height: 37px;
  line-height: 37px;
  cursor: pointer; }
  .filterDarkLi_2Yf38.Coral_1ATYa:hover {
    background-color: #F6F6F6; }
  .filterDarkLi_2Yf38.Coral_1ATYa.selected_3JVQ6 {
    background-color: #111111; }
  .filterDarkLi_2Yf38.Coral_1ATYa.selected_3JVQ6 .contentBox_wEe-e .text_1b5Z5 {
      color: #fff; }
  .filterDarkLi_2Yf38.Coral_1ATYa .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_2Yf38.Coral_1ATYa .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterDarkLi_2Yf38.Coral_1ATYa .contentBox_wEe-e {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_2Yf38.Coral_1ATYa .contentBox_wEe-e .text_1b5Z5 {
      line-height: 37px; }
  .filterDarkLi_2Yf38.Coral_1ATYa .contentBox_wEe-e .text_1b5Z5.textOverflow_v6_UA {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterDarkLi_2Yf38.Coral_1ATYa .colorBlock_rh6S2 {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 80px;
    top: 12px;
    border: 1px solid #eee; }
  .filterDarkLi_2Yf38.Coral_1ATYa .disabled_3m5xf {
    color: #aaa;
    cursor: not-allowed; }
  .filterDarkLi_2Yf38.CadetBlue_2t1tN {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  height: 37px;
  line-height: 37px;
  cursor: pointer; }
  .filterDarkLi_2Yf38.CadetBlue_2t1tN:hover {
    background-color: #F6F6F6; }
  .filterDarkLi_2Yf38.CadetBlue_2t1tN.selected_3JVQ6 {
    background-color: #111111; }
  .filterDarkLi_2Yf38.CadetBlue_2t1tN.selected_3JVQ6 .contentBox_wEe-e .text_1b5Z5 {
      color: #fff; }
  .filterDarkLi_2Yf38.CadetBlue_2t1tN .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_2Yf38.CadetBlue_2t1tN .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterDarkLi_2Yf38.CadetBlue_2t1tN .contentBox_wEe-e {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_2Yf38.CadetBlue_2t1tN .contentBox_wEe-e .text_1b5Z5 {
      line-height: 37px; }
  .filterDarkLi_2Yf38.CadetBlue_2t1tN .contentBox_wEe-e .text_1b5Z5.textOverflow_v6_UA {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterDarkLi_2Yf38.CadetBlue_2t1tN .colorBlock_rh6S2 {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 80px;
    top: 12px;
    border: 1px solid #eee; }
  .filterDarkLi_2Yf38.CadetBlue_2t1tN .disabled_3m5xf {
    color: #aaa;
    cursor: not-allowed; }
  .filterDarkLi_2Yf38.Gold_ddFvd {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  height: 37px;
  line-height: 37px;
  cursor: pointer; }
  .filterDarkLi_2Yf38.Gold_ddFvd:hover {
    background-color: #F6F6F6; }
  .filterDarkLi_2Yf38.Gold_ddFvd.selected_3JVQ6 {
    background-color: #111111; }
  .filterDarkLi_2Yf38.Gold_ddFvd.selected_3JVQ6 .contentBox_wEe-e .text_1b5Z5 {
      color: #fff; }
  .filterDarkLi_2Yf38.Gold_ddFvd .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_2Yf38.Gold_ddFvd .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterDarkLi_2Yf38.Gold_ddFvd .contentBox_wEe-e {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_2Yf38.Gold_ddFvd .contentBox_wEe-e .text_1b5Z5 {
      line-height: 37px; }
  .filterDarkLi_2Yf38.Gold_ddFvd .contentBox_wEe-e .text_1b5Z5.textOverflow_v6_UA {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterDarkLi_2Yf38.Gold_ddFvd .colorBlock_rh6S2 {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 80px;
    top: 12px;
    border: 1px solid #eee; }
  .filterDarkLi_2Yf38.Gold_ddFvd .disabled_3m5xf {
    color: #aaa;
    cursor: not-allowed; }
  .filterDarkLi_2Yf38.PowDerBlue_1cKIY {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  height: 37px;
  line-height: 37px;
  cursor: pointer; }
  .filterDarkLi_2Yf38.PowDerBlue_1cKIY:hover {
    background-color: #F6F6F6; }
  .filterDarkLi_2Yf38.PowDerBlue_1cKIY.selected_3JVQ6 {
    background-color: #111111; }
  .filterDarkLi_2Yf38.PowDerBlue_1cKIY.selected_3JVQ6 .contentBox_wEe-e .text_1b5Z5 {
      color: #fff; }
  .filterDarkLi_2Yf38.PowDerBlue_1cKIY .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_2Yf38.PowDerBlue_1cKIY .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterDarkLi_2Yf38.PowDerBlue_1cKIY .contentBox_wEe-e {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_2Yf38.PowDerBlue_1cKIY .contentBox_wEe-e .text_1b5Z5 {
      line-height: 37px; }
  .filterDarkLi_2Yf38.PowDerBlue_1cKIY .contentBox_wEe-e .text_1b5Z5.textOverflow_v6_UA {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterDarkLi_2Yf38.PowDerBlue_1cKIY .colorBlock_rh6S2 {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 80px;
    top: 12px;
    border: 1px solid #eee; }
  .filterDarkLi_2Yf38.PowDerBlue_1cKIY .disabled_3m5xf {
    color: #aaa;
    cursor: not-allowed; }
  .filterDarkLi_2Yf38.Dark_vUV8n {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  height: 37px;
  line-height: 37px;
  cursor: pointer; }
  .filterDarkLi_2Yf38.Dark_vUV8n:hover {
    background-color: #F6F6F6; }
  .filterDarkLi_2Yf38.Dark_vUV8n.selected_3JVQ6 {
    background-color: #111111; }
  .filterDarkLi_2Yf38.Dark_vUV8n.selected_3JVQ6 .contentBox_wEe-e .text_1b5Z5 {
      color: #fff; }
  .filterDarkLi_2Yf38.Dark_vUV8n .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_2Yf38.Dark_vUV8n .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterDarkLi_2Yf38.Dark_vUV8n .contentBox_wEe-e {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterDarkLi_2Yf38.Dark_vUV8n .contentBox_wEe-e .text_1b5Z5 {
      font-size: 14px;
      line-height: 37px;
      color: #333333; }
  .filterDarkLi_2Yf38.Dark_vUV8n .contentBox_wEe-e .text_1b5Z5.textOverflow_v6_UA {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .filterDarkLi_2Yf38.Dark_vUV8n .colorBlock_rh6S2 {
    display: inline-block;
    width: 30px;
    height: 12px;
    position: absolute;
    left: 80px;
    top: 12px;
    border: 1px solid #eee; }
  .filterDarkLi_2Yf38.Dark_vUV8n .disabled_3m5xf {
    color: #aaa;
    cursor: not-allowed; }
  .filterColorLi_14pux.Normal_1NmCD {
  display: inline-block;
  width: 33%;
  padding-left: 2px;
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 22px;
  cursor: pointer; }
  .filterColorLi_14pux.Normal_1NmCD .colorBox_1H-3d {
    width: 22px;
    height: 22px;
    border-radius: 13px;
    border: 1px solid #eee; }
  .filterColorLi_14pux.Normal_1NmCD .colorBox_1H-3d:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_14pux.Normal_1NmCD .colorBox_1H-3d.selected_3JVQ6 {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_14pux.DarkCyan_1-BqD {
  display: inline-block;
  width: 33%;
  padding-left: 2px;
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 22px;
  cursor: pointer; }
  .filterColorLi_14pux.DarkCyan_1-BqD .colorBox_1H-3d {
    width: 22px;
    height: 22px;
    border-radius: 13px;
    border: 1px solid #eee; }
  .filterColorLi_14pux.DarkCyan_1-BqD .colorBox_1H-3d:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_14pux.DarkCyan_1-BqD .colorBox_1H-3d.selected_3JVQ6 {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_14pux.Wheat_3XEbc {
  display: inline-block;
  width: 33%;
  padding-left: 2px;
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 22px;
  cursor: pointer; }
  .filterColorLi_14pux.Wheat_3XEbc .colorBox_1H-3d {
    width: 22px;
    height: 22px;
    border-radius: 13px;
    border: 1px solid #eee; }
  .filterColorLi_14pux.Wheat_3XEbc .colorBox_1H-3d:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_14pux.Wheat_3XEbc .colorBox_1H-3d.selected_3JVQ6 {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_14pux.RosyBrown_2UUut {
  display: inline-block;
  width: 33%;
  padding-left: 2px;
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 22px;
  cursor: pointer; }
  .filterColorLi_14pux.RosyBrown_2UUut .colorBox_1H-3d {
    width: 22px;
    height: 22px;
    border-radius: 13px;
    border: 1px solid #eee; }
  .filterColorLi_14pux.RosyBrown_2UUut .colorBox_1H-3d:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_14pux.RosyBrown_2UUut .colorBox_1H-3d.selected_3JVQ6 {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_14pux.Chocolate_3LfOS {
  display: inline-block;
  width: 33%;
  padding-left: 2px;
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 22px;
  cursor: pointer; }
  .filterColorLi_14pux.Chocolate_3LfOS .colorBox_1H-3d {
    width: 22px;
    height: 22px;
    border-radius: 13px;
    border: 1px solid #eee; }
  .filterColorLi_14pux.Chocolate_3LfOS .colorBox_1H-3d:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_14pux.Chocolate_3LfOS .colorBox_1H-3d.selected_3JVQ6 {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_14pux.Coral_1ATYa {
  display: inline-block;
  width: 33%;
  padding-left: 2px;
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 22px;
  cursor: pointer; }
  .filterColorLi_14pux.Coral_1ATYa .colorBox_1H-3d {
    width: 22px;
    height: 22px;
    border-radius: 13px;
    border: 1px solid #eee; }
  .filterColorLi_14pux.Coral_1ATYa .colorBox_1H-3d:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_14pux.Coral_1ATYa .colorBox_1H-3d.selected_3JVQ6 {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_14pux.CadetBlue_2t1tN {
  display: inline-block;
  width: 33%;
  padding-left: 2px;
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 22px;
  cursor: pointer; }
  .filterColorLi_14pux.CadetBlue_2t1tN .colorBox_1H-3d {
    width: 22px;
    height: 22px;
    border-radius: 13px;
    border: 1px solid #eee; }
  .filterColorLi_14pux.CadetBlue_2t1tN .colorBox_1H-3d:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_14pux.CadetBlue_2t1tN .colorBox_1H-3d.selected_3JVQ6 {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_14pux.Gold_ddFvd {
  display: inline-block;
  width: 33%;
  padding-left: 2px;
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 22px;
  cursor: pointer; }
  .filterColorLi_14pux.Gold_ddFvd .colorBox_1H-3d {
    width: 22px;
    height: 22px;
    border-radius: 13px;
    border: 1px solid #eee; }
  .filterColorLi_14pux.Gold_ddFvd .colorBox_1H-3d:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_14pux.Gold_ddFvd .colorBox_1H-3d.selected_3JVQ6 {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_14pux.PowDerBlue_1cKIY {
  display: inline-block;
  width: 33%;
  padding-left: 2px;
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 22px;
  cursor: pointer; }
  .filterColorLi_14pux.PowDerBlue_1cKIY .colorBox_1H-3d {
    width: 22px;
    height: 22px;
    border-radius: 13px;
    border: 1px solid #eee; }
  .filterColorLi_14pux.PowDerBlue_1cKIY .colorBox_1H-3d:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_14pux.PowDerBlue_1cKIY .colorBox_1H-3d.selected_3JVQ6 {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_14pux.Dark_vUV8n {
  display: inline-block;
  width: 33%;
  padding-left: 2px;
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 22px;
  cursor: pointer; }
  .filterColorLi_14pux.Dark_vUV8n .colorBox_1H-3d {
    width: 22px;
    height: 22px;
    border-radius: 13px;
    border: 1px solid #eee; }
  .filterColorLi_14pux.Dark_vUV8n .colorBox_1H-3d:hover {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterColorLi_14pux.Dark_vUV8n .colorBox_1H-3d.selected_3JVQ6 {
      -webkit-box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.3); }
  .filterModalLi_3ufdv.Normal_1NmCD {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  color: #333;
  font-size: 16px;
  font-weight: 400;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterModalLi_3ufdv.Normal_1NmCD:hover {
    background-color: #F6F6F6; }
  .filterModalLi_3ufdv.Normal_1NmCD.selected_3JVQ6 {
    color: #fff !important;
    background-color: #111111; }
  .filterModalLi_3ufdv.Normal_1NmCD.selected_3JVQ6 .content_3udJG {
      color: #fafafa; }
  .filterModalLi_3ufdv.Normal_1NmCD.area_2OeDu {
    font-size: 16px; }
  .filterModalLi_3ufdv.Normal_1NmCD.area_2OeDu:hover {
      background-color: unset; }
  .filterModalLi_3ufdv.Normal_1NmCD.showBorder_1Y3O9 {
    border-bottom: 1px solid #111111; }
  .filterModalLi_3ufdv.Normal_1NmCD.center_wBZWM {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_3ufdv.Normal_1NmCD.area_2OeDu.selected_3JVQ6 {
    color: #111111;
    background-color: #fafafa; }
  .filterModalLi_3ufdv.Normal_1NmCD .line_2jU3u {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #111111; }
  .filterModalLi_3ufdv.Normal_1NmCD .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_3ufdv.Normal_1NmCD .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterModalLi_3ufdv.Normal_1NmCD .colorCloseBtn_2Oh1Y {
    top: 9px; }
  .filterModalLi_3ufdv.Normal_1NmCD .content_3udJG {
    padding-left: 2px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px;
    font-size: 14px;
    color: #333; }
  .filterModalLi_3ufdv.Normal_1NmCD .content_3udJG.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterModalLi_3ufdv.Normal_1NmCD .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterModalLi_3ufdv.Normal_1NmCD .content_3udJG.colorContent_909c7 {
      margin-right: 22px;
      line-height: 35px; }
  .filterModalLi_3ufdv.Normal_1NmCD .flag_dwtiZ {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff; }
  .filterModalLi_3ufdv.Normal_1NmCD .flag_dwtiZ img {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .filterModalLi_3ufdv.Normal_1NmCD .flag_dwtiZ.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterModalLi_3ufdv.Normal_1NmCD .colorBlock_rh6S2 {
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 12px;
    top: 9px;
    border-radius: 12px;
    border: 1px solid #F6F6F6; }
  .filterModalLi_3ufdv.DarkCyan_1-BqD {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  color: #333;
  font-size: 16px;
  font-weight: 400;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterModalLi_3ufdv.DarkCyan_1-BqD:hover {
    background-color: #F6F6F6; }
  .filterModalLi_3ufdv.DarkCyan_1-BqD.selected_3JVQ6 {
    color: #fff !important;
    background-color: #111111; }
  .filterModalLi_3ufdv.DarkCyan_1-BqD.selected_3JVQ6 .content_3udJG {
      color: #fafafa; }
  .filterModalLi_3ufdv.DarkCyan_1-BqD.area_2OeDu {
    font-size: 16px; }
  .filterModalLi_3ufdv.DarkCyan_1-BqD.area_2OeDu:hover {
      background-color: unset; }
  .filterModalLi_3ufdv.DarkCyan_1-BqD.showBorder_1Y3O9 {
    border-bottom: 1px solid #175851; }
  .filterModalLi_3ufdv.DarkCyan_1-BqD.center_wBZWM {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_3ufdv.DarkCyan_1-BqD.area_2OeDu.selected_3JVQ6 {
    color: #175851;
    background-color: #e7eeed; }
  .filterModalLi_3ufdv.DarkCyan_1-BqD .line_2jU3u {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #175851; }
  .filterModalLi_3ufdv.DarkCyan_1-BqD .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_3ufdv.DarkCyan_1-BqD .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterModalLi_3ufdv.DarkCyan_1-BqD .colorCloseBtn_2Oh1Y {
    top: 9px; }
  .filterModalLi_3ufdv.DarkCyan_1-BqD .content_3udJG {
    padding-left: 2px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px;
    font-size: 14px; }
  .filterModalLi_3ufdv.DarkCyan_1-BqD .content_3udJG.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterModalLi_3ufdv.DarkCyan_1-BqD .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterModalLi_3ufdv.DarkCyan_1-BqD .content_3udJG.colorContent_909c7 {
      margin-right: 22px;
      line-height: 35px; }
  .filterModalLi_3ufdv.DarkCyan_1-BqD .flag_dwtiZ {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff; }
  .filterModalLi_3ufdv.DarkCyan_1-BqD .flag_dwtiZ img {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .filterModalLi_3ufdv.DarkCyan_1-BqD .flag_dwtiZ.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterModalLi_3ufdv.DarkCyan_1-BqD .colorBlock_rh6S2 {
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 12px;
    top: 9px;
    border-radius: 12px;
    border: 1px solid #F6F6F6; }
  .filterModalLi_3ufdv.Wheat_3XEbc {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  color: #333;
  font-size: 16px;
  font-weight: 400;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterModalLi_3ufdv.Wheat_3XEbc:hover {
    background-color: #F6F6F6; }
  .filterModalLi_3ufdv.Wheat_3XEbc.selected_3JVQ6 {
    color: #fff !important;
    background-color: #111111; }
  .filterModalLi_3ufdv.Wheat_3XEbc.selected_3JVQ6 .content_3udJG {
      color: #fafafa; }
  .filterModalLi_3ufdv.Wheat_3XEbc.area_2OeDu {
    font-size: 16px; }
  .filterModalLi_3ufdv.Wheat_3XEbc.area_2OeDu:hover {
      background-color: unset; }
  .filterModalLi_3ufdv.Wheat_3XEbc.showBorder_1Y3O9 {
    border-bottom: 1px solid #e1b282; }
  .filterModalLi_3ufdv.Wheat_3XEbc.center_wBZWM {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_3ufdv.Wheat_3XEbc.area_2OeDu.selected_3JVQ6 {
    color: #e1b282;
    background-color: #fbf5ee; }
  .filterModalLi_3ufdv.Wheat_3XEbc .line_2jU3u {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #e1b282; }
  .filterModalLi_3ufdv.Wheat_3XEbc .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_3ufdv.Wheat_3XEbc .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterModalLi_3ufdv.Wheat_3XEbc .colorCloseBtn_2Oh1Y {
    top: 9px; }
  .filterModalLi_3ufdv.Wheat_3XEbc .content_3udJG {
    padding-left: 2px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px;
    font-size: 14px; }
  .filterModalLi_3ufdv.Wheat_3XEbc .content_3udJG.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterModalLi_3ufdv.Wheat_3XEbc .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterModalLi_3ufdv.Wheat_3XEbc .content_3udJG.colorContent_909c7 {
      margin-right: 22px;
      line-height: 35px; }
  .filterModalLi_3ufdv.Wheat_3XEbc .flag_dwtiZ {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff; }
  .filterModalLi_3ufdv.Wheat_3XEbc .flag_dwtiZ img {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .filterModalLi_3ufdv.Wheat_3XEbc .flag_dwtiZ.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterModalLi_3ufdv.Wheat_3XEbc .colorBlock_rh6S2 {
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 12px;
    top: 9px;
    border-radius: 12px;
    border: 1px solid #F6F6F6; }
  .filterModalLi_3ufdv.RosyBrown_2UUut {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  color: #333;
  font-size: 16px;
  font-weight: 400;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterModalLi_3ufdv.RosyBrown_2UUut:hover {
    background-color: #F6F6F6; }
  .filterModalLi_3ufdv.RosyBrown_2UUut.selected_3JVQ6 {
    color: #fff !important;
    background-color: #111111; }
  .filterModalLi_3ufdv.RosyBrown_2UUut.selected_3JVQ6 .content_3udJG {
      color: #fafafa; }
  .filterModalLi_3ufdv.RosyBrown_2UUut.area_2OeDu {
    font-size: 16px; }
  .filterModalLi_3ufdv.RosyBrown_2UUut.area_2OeDu:hover {
      background-color: unset; }
  .filterModalLi_3ufdv.RosyBrown_2UUut.showBorder_1Y3O9 {
    border-bottom: 1px solid #9b758b; }
  .filterModalLi_3ufdv.RosyBrown_2UUut.center_wBZWM {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_3ufdv.RosyBrown_2UUut.area_2OeDu.selected_3JVQ6 {
    color: #9b758b;
    background-color: #f0eaee; }
  .filterModalLi_3ufdv.RosyBrown_2UUut .line_2jU3u {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #9b758b; }
  .filterModalLi_3ufdv.RosyBrown_2UUut .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_3ufdv.RosyBrown_2UUut .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterModalLi_3ufdv.RosyBrown_2UUut .colorCloseBtn_2Oh1Y {
    top: 9px; }
  .filterModalLi_3ufdv.RosyBrown_2UUut .content_3udJG {
    padding-left: 2px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px;
    font-size: 14px; }
  .filterModalLi_3ufdv.RosyBrown_2UUut .content_3udJG.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterModalLi_3ufdv.RosyBrown_2UUut .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterModalLi_3ufdv.RosyBrown_2UUut .content_3udJG.colorContent_909c7 {
      margin-right: 22px;
      line-height: 35px; }
  .filterModalLi_3ufdv.RosyBrown_2UUut .flag_dwtiZ {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff; }
  .filterModalLi_3ufdv.RosyBrown_2UUut .flag_dwtiZ img {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .filterModalLi_3ufdv.RosyBrown_2UUut .flag_dwtiZ.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterModalLi_3ufdv.RosyBrown_2UUut .colorBlock_rh6S2 {
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 12px;
    top: 9px;
    border-radius: 12px;
    border: 1px solid #F6F6F6; }
  .filterModalLi_3ufdv.Chocolate_3LfOS {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  color: #333;
  font-size: 16px;
  font-weight: 400;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterModalLi_3ufdv.Chocolate_3LfOS:hover {
    background-color: #F6F6F6; }
  .filterModalLi_3ufdv.Chocolate_3LfOS.selected_3JVQ6 {
    color: #fff !important;
    background-color: #111111; }
  .filterModalLi_3ufdv.Chocolate_3LfOS.selected_3JVQ6 .content_3udJG {
      color: #fafafa; }
  .filterModalLi_3ufdv.Chocolate_3LfOS.area_2OeDu {
    font-size: 16px; }
  .filterModalLi_3ufdv.Chocolate_3LfOS.area_2OeDu:hover {
      background-color: unset; }
  .filterModalLi_3ufdv.Chocolate_3LfOS.showBorder_1Y3O9 {
    border-bottom: 1px solid #da6339; }
  .filterModalLi_3ufdv.Chocolate_3LfOS.center_wBZWM {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_3ufdv.Chocolate_3LfOS.area_2OeDu.selected_3JVQ6 {
    color: #da6339;
    background-color: #ffeee7; }
  .filterModalLi_3ufdv.Chocolate_3LfOS .line_2jU3u {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #da6339; }
  .filterModalLi_3ufdv.Chocolate_3LfOS .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_3ufdv.Chocolate_3LfOS .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterModalLi_3ufdv.Chocolate_3LfOS .colorCloseBtn_2Oh1Y {
    top: 9px; }
  .filterModalLi_3ufdv.Chocolate_3LfOS .content_3udJG {
    padding-left: 2px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px;
    font-size: 14px; }
  .filterModalLi_3ufdv.Chocolate_3LfOS .content_3udJG.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterModalLi_3ufdv.Chocolate_3LfOS .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterModalLi_3ufdv.Chocolate_3LfOS .content_3udJG.colorContent_909c7 {
      margin-right: 22px;
      line-height: 35px; }
  .filterModalLi_3ufdv.Chocolate_3LfOS .flag_dwtiZ {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff; }
  .filterModalLi_3ufdv.Chocolate_3LfOS .flag_dwtiZ img {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .filterModalLi_3ufdv.Chocolate_3LfOS .flag_dwtiZ.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterModalLi_3ufdv.Chocolate_3LfOS .colorBlock_rh6S2 {
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 12px;
    top: 9px;
    border-radius: 12px;
    border: 1px solid #F6F6F6; }
  .filterModalLi_3ufdv.Coral_1ATYa {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  color: #333;
  font-size: 16px;
  font-weight: 400;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterModalLi_3ufdv.Coral_1ATYa:hover {
    background-color: #F6F6F6; }
  .filterModalLi_3ufdv.Coral_1ATYa.selected_3JVQ6 {
    color: #fff !important;
    background-color: #111111; }
  .filterModalLi_3ufdv.Coral_1ATYa.selected_3JVQ6 .content_3udJG {
      color: #fafafa; }
  .filterModalLi_3ufdv.Coral_1ATYa.area_2OeDu {
    font-size: 16px; }
  .filterModalLi_3ufdv.Coral_1ATYa.area_2OeDu:hover {
      background-color: unset; }
  .filterModalLi_3ufdv.Coral_1ATYa.showBorder_1Y3O9 {
    border-bottom: 1px solid #e46375; }
  .filterModalLi_3ufdv.Coral_1ATYa.center_wBZWM {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_3ufdv.Coral_1ATYa.area_2OeDu.selected_3JVQ6 {
    color: #e46375;
    background-color: #ffeae8; }
  .filterModalLi_3ufdv.Coral_1ATYa .line_2jU3u {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #e46375; }
  .filterModalLi_3ufdv.Coral_1ATYa .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_3ufdv.Coral_1ATYa .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterModalLi_3ufdv.Coral_1ATYa .colorCloseBtn_2Oh1Y {
    top: 9px; }
  .filterModalLi_3ufdv.Coral_1ATYa .content_3udJG {
    padding-left: 2px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px;
    font-size: 14px; }
  .filterModalLi_3ufdv.Coral_1ATYa .content_3udJG.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterModalLi_3ufdv.Coral_1ATYa .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterModalLi_3ufdv.Coral_1ATYa .content_3udJG.colorContent_909c7 {
      margin-right: 22px;
      line-height: 35px; }
  .filterModalLi_3ufdv.Coral_1ATYa .flag_dwtiZ {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff; }
  .filterModalLi_3ufdv.Coral_1ATYa .flag_dwtiZ img {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .filterModalLi_3ufdv.Coral_1ATYa .flag_dwtiZ.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterModalLi_3ufdv.Coral_1ATYa .colorBlock_rh6S2 {
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 12px;
    top: 9px;
    border-radius: 12px;
    border: 1px solid #F6F6F6; }
  .filterModalLi_3ufdv.CadetBlue_2t1tN {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  color: #333;
  font-size: 16px;
  font-weight: 400;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterModalLi_3ufdv.CadetBlue_2t1tN:hover {
    background-color: #F6F6F6; }
  .filterModalLi_3ufdv.CadetBlue_2t1tN.selected_3JVQ6 {
    color: #fff !important;
    background-color: #111111; }
  .filterModalLi_3ufdv.CadetBlue_2t1tN.selected_3JVQ6 .content_3udJG {
      color: #fafafa; }
  .filterModalLi_3ufdv.CadetBlue_2t1tN.area_2OeDu {
    font-size: 16px; }
  .filterModalLi_3ufdv.CadetBlue_2t1tN.area_2OeDu:hover {
      background-color: unset; }
  .filterModalLi_3ufdv.CadetBlue_2t1tN.showBorder_1Y3O9 {
    border-bottom: 1px solid #87a397; }
  .filterModalLi_3ufdv.CadetBlue_2t1tN.center_wBZWM {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_3ufdv.CadetBlue_2t1tN.area_2OeDu.selected_3JVQ6 {
    color: #87a397;
    background-color: #e3f6ee; }
  .filterModalLi_3ufdv.CadetBlue_2t1tN .line_2jU3u {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #87a397; }
  .filterModalLi_3ufdv.CadetBlue_2t1tN .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_3ufdv.CadetBlue_2t1tN .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterModalLi_3ufdv.CadetBlue_2t1tN .colorCloseBtn_2Oh1Y {
    top: 9px; }
  .filterModalLi_3ufdv.CadetBlue_2t1tN .content_3udJG {
    padding-left: 2px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px;
    font-size: 14px; }
  .filterModalLi_3ufdv.CadetBlue_2t1tN .content_3udJG.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterModalLi_3ufdv.CadetBlue_2t1tN .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterModalLi_3ufdv.CadetBlue_2t1tN .content_3udJG.colorContent_909c7 {
      margin-right: 22px;
      line-height: 35px; }
  .filterModalLi_3ufdv.CadetBlue_2t1tN .flag_dwtiZ {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff; }
  .filterModalLi_3ufdv.CadetBlue_2t1tN .flag_dwtiZ img {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .filterModalLi_3ufdv.CadetBlue_2t1tN .flag_dwtiZ.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterModalLi_3ufdv.CadetBlue_2t1tN .colorBlock_rh6S2 {
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 12px;
    top: 9px;
    border-radius: 12px;
    border: 1px solid #F6F6F6; }
  .filterModalLi_3ufdv.Gold_ddFvd {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  color: #333;
  font-size: 16px;
  font-weight: 400;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterModalLi_3ufdv.Gold_ddFvd:hover {
    background-color: #F6F6F6; }
  .filterModalLi_3ufdv.Gold_ddFvd.selected_3JVQ6 {
    color: #fff !important;
    background-color: #111111; }
  .filterModalLi_3ufdv.Gold_ddFvd.selected_3JVQ6 .content_3udJG {
      color: #fafafa; }
  .filterModalLi_3ufdv.Gold_ddFvd.area_2OeDu {
    font-size: 16px; }
  .filterModalLi_3ufdv.Gold_ddFvd.area_2OeDu:hover {
      background-color: unset; }
  .filterModalLi_3ufdv.Gold_ddFvd.showBorder_1Y3O9 {
    border-bottom: 1px solid #ffc629; }
  .filterModalLi_3ufdv.Gold_ddFvd.center_wBZWM {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_3ufdv.Gold_ddFvd.area_2OeDu.selected_3JVQ6 {
    color: #ffc629;
    background-color: #fff9e9; }
  .filterModalLi_3ufdv.Gold_ddFvd .line_2jU3u {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #ffc629; }
  .filterModalLi_3ufdv.Gold_ddFvd .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_3ufdv.Gold_ddFvd .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterModalLi_3ufdv.Gold_ddFvd .colorCloseBtn_2Oh1Y {
    top: 9px; }
  .filterModalLi_3ufdv.Gold_ddFvd .content_3udJG {
    padding-left: 2px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px;
    font-size: 14px; }
  .filterModalLi_3ufdv.Gold_ddFvd .content_3udJG.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterModalLi_3ufdv.Gold_ddFvd .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterModalLi_3ufdv.Gold_ddFvd .content_3udJG.colorContent_909c7 {
      margin-right: 22px;
      line-height: 35px; }
  .filterModalLi_3ufdv.Gold_ddFvd .flag_dwtiZ {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff; }
  .filterModalLi_3ufdv.Gold_ddFvd .flag_dwtiZ img {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .filterModalLi_3ufdv.Gold_ddFvd .flag_dwtiZ.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterModalLi_3ufdv.Gold_ddFvd .colorBlock_rh6S2 {
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 12px;
    top: 9px;
    border-radius: 12px;
    border: 1px solid #F6F6F6; }
  .filterModalLi_3ufdv.PowDerBlue_1cKIY {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  color: #333;
  font-size: 16px;
  font-weight: 400;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterModalLi_3ufdv.PowDerBlue_1cKIY:hover {
    background-color: #F6F6F6; }
  .filterModalLi_3ufdv.PowDerBlue_1cKIY.selected_3JVQ6 {
    color: #fff !important;
    background-color: #111111; }
  .filterModalLi_3ufdv.PowDerBlue_1cKIY.selected_3JVQ6 .content_3udJG {
      color: #fafafa; }
  .filterModalLi_3ufdv.PowDerBlue_1cKIY.area_2OeDu {
    font-size: 16px; }
  .filterModalLi_3ufdv.PowDerBlue_1cKIY.area_2OeDu:hover {
      background-color: unset; }
  .filterModalLi_3ufdv.PowDerBlue_1cKIY.showBorder_1Y3O9 {
    border-bottom: 1px solid #749bb0; }
  .filterModalLi_3ufdv.PowDerBlue_1cKIY.center_wBZWM {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_3ufdv.PowDerBlue_1cKIY.area_2OeDu.selected_3JVQ6 {
    color: #749bb0;
    background-color: #eaf0f3; }
  .filterModalLi_3ufdv.PowDerBlue_1cKIY .line_2jU3u {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #749bb0; }
  .filterModalLi_3ufdv.PowDerBlue_1cKIY .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_3ufdv.PowDerBlue_1cKIY .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterModalLi_3ufdv.PowDerBlue_1cKIY .colorCloseBtn_2Oh1Y {
    top: 9px; }
  .filterModalLi_3ufdv.PowDerBlue_1cKIY .content_3udJG {
    padding-left: 2px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px;
    font-size: 14px; }
  .filterModalLi_3ufdv.PowDerBlue_1cKIY .content_3udJG.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterModalLi_3ufdv.PowDerBlue_1cKIY .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterModalLi_3ufdv.PowDerBlue_1cKIY .content_3udJG.colorContent_909c7 {
      margin-right: 22px;
      line-height: 35px; }
  .filterModalLi_3ufdv.PowDerBlue_1cKIY .flag_dwtiZ {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff; }
  .filterModalLi_3ufdv.PowDerBlue_1cKIY .flag_dwtiZ img {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .filterModalLi_3ufdv.PowDerBlue_1cKIY .flag_dwtiZ.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterModalLi_3ufdv.PowDerBlue_1cKIY .colorBlock_rh6S2 {
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 12px;
    top: 9px;
    border-radius: 12px;
    border: 1px solid #F6F6F6; }
  .filterModalLi_3ufdv.Dark_vUV8n {
  margin-bottom: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  color: #333;
  font-size: 16px;
  font-weight: 400;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterModalLi_3ufdv.Dark_vUV8n:hover {
    background-color: #F6F6F6; }
  .filterModalLi_3ufdv.Dark_vUV8n.selected_3JVQ6 {
    color: #fff !important;
    background-color: #111111; }
  .filterModalLi_3ufdv.Dark_vUV8n.selected_3JVQ6 .content_3udJG {
      color: #fafafa; }
  .filterModalLi_3ufdv.Dark_vUV8n.area_2OeDu {
    font-size: 16px; }
  .filterModalLi_3ufdv.Dark_vUV8n.area_2OeDu:hover {
      background-color: unset; }
  .filterModalLi_3ufdv.Dark_vUV8n.showBorder_1Y3O9 {
    border-bottom: 1px solid #000; }
  .filterModalLi_3ufdv.Dark_vUV8n.center_wBZWM {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_3ufdv.Dark_vUV8n.area_2OeDu.selected_3JVQ6 {
    color: #000;
    background-color: #333; }
  .filterModalLi_3ufdv.Dark_vUV8n .line_2jU3u {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #000; }
  .filterModalLi_3ufdv.Dark_vUV8n .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterModalLi_3ufdv.Dark_vUV8n .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #ffffff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterModalLi_3ufdv.Dark_vUV8n .colorCloseBtn_2Oh1Y {
    top: 9px; }
  .filterModalLi_3ufdv.Dark_vUV8n .content_3udJG {
    padding-left: 2px;
    display: inline-block;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    line-height: 22px;
    font-size: 14px;
    color: #333333; }
  .filterModalLi_3ufdv.Dark_vUV8n .content_3udJG.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterModalLi_3ufdv.Dark_vUV8n .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterModalLi_3ufdv.Dark_vUV8n .content_3udJG.colorContent_909c7 {
      margin-right: 22px;
      line-height: 35px; }
  .filterModalLi_3ufdv.Dark_vUV8n .flag_dwtiZ {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff; }
  .filterModalLi_3ufdv.Dark_vUV8n .flag_dwtiZ img {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .filterModalLi_3ufdv.Dark_vUV8n .flag_dwtiZ.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterModalLi_3ufdv.Dark_vUV8n .colorBlock_rh6S2 {
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 12px;
    top: 9px;
    border-radius: 12px;
    border: 1px solid #F6F6F6; }
  .filterBrandLi_3q9YD.Normal_1NmCD {
  margin-bottom: 9px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterBrandLi_3q9YD.Normal_1NmCD:hover {
    background-color: #F6F6F6; }
  .filterBrandLi_3q9YD.Normal_1NmCD.selected_3JVQ6 {
    color: #111111;
    font-weight: bold; }
  .filterBrandLi_3q9YD.Normal_1NmCD.area_2OeDu {
    font-size: 16px; }
  .filterBrandLi_3q9YD.Normal_1NmCD.area_2OeDu:hover {
      background-color: unset; }
  .filterBrandLi_3q9YD.Normal_1NmCD.showBorder_1Y3O9 {
    border-bottom: 1px solid #111111; }
  .filterBrandLi_3q9YD.Normal_1NmCD.center_wBZWM {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_3q9YD.Normal_1NmCD.area_2OeDu.selected_3JVQ6 {
    color: #111111;
    background-color: #fafafa; }
  .filterBrandLi_3q9YD.Normal_1NmCD .line_2jU3u {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #111111; }
  .filterBrandLi_3q9YD.Normal_1NmCD .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 12px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_3q9YD.Normal_1NmCD .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #111111;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterBrandLi_3q9YD.Normal_1NmCD .content_3udJG {
    display: inline-block;
    max-width: 80%;
    vertical-align: top;
    line-height: 17px;
    font-size: 14px;
    color: #333; }
  .filterBrandLi_3q9YD.Normal_1NmCD .content_3udJG.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterBrandLi_3q9YD.Normal_1NmCD .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterBrandLi_3q9YD.Normal_1NmCD .favoriteIcon_2eA_e {
    color: #FF4141;
    font-size: 15px; }
  .filterBrandLi_3q9YD.Normal_1NmCD .flag_dwtiZ {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff;
    font-size: 12px; }
  .filterBrandLi_3q9YD.Normal_1NmCD .flag_dwtiZ.hasFavorite_s5lzd {
      max-width: calc(100% - 22px); }
  .filterBrandLi_3q9YD.DarkCyan_1-BqD {
  margin-bottom: 9px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterBrandLi_3q9YD.DarkCyan_1-BqD:hover {
    background-color: #F6F6F6; }
  .filterBrandLi_3q9YD.DarkCyan_1-BqD.selected_3JVQ6 {
    color: #175851;
    font-weight: bold; }
  .filterBrandLi_3q9YD.DarkCyan_1-BqD.area_2OeDu {
    font-size: 16px; }
  .filterBrandLi_3q9YD.DarkCyan_1-BqD.area_2OeDu:hover {
      background-color: unset; }
  .filterBrandLi_3q9YD.DarkCyan_1-BqD.showBorder_1Y3O9 {
    border-bottom: 1px solid #175851; }
  .filterBrandLi_3q9YD.DarkCyan_1-BqD.center_wBZWM {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_3q9YD.DarkCyan_1-BqD.area_2OeDu.selected_3JVQ6 {
    color: #175851;
    background-color: #e7eeed; }
  .filterBrandLi_3q9YD.DarkCyan_1-BqD .line_2jU3u {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #175851; }
  .filterBrandLi_3q9YD.DarkCyan_1-BqD .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 12px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_3q9YD.DarkCyan_1-BqD .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #111111;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterBrandLi_3q9YD.DarkCyan_1-BqD .content_3udJG {
    display: inline-block;
    max-width: 80%;
    vertical-align: top;
    line-height: 17px; }
  .filterBrandLi_3q9YD.DarkCyan_1-BqD .content_3udJG.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterBrandLi_3q9YD.DarkCyan_1-BqD .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterBrandLi_3q9YD.DarkCyan_1-BqD .favoriteIcon_2eA_e {
    color: #FF4141;
    font-size: 15px; }
  .filterBrandLi_3q9YD.DarkCyan_1-BqD .flag_dwtiZ {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff;
    font-size: 12px; }
  .filterBrandLi_3q9YD.DarkCyan_1-BqD .flag_dwtiZ.hasFavorite_s5lzd {
      max-width: calc(100% - 22px); }
  .filterBrandLi_3q9YD.Wheat_3XEbc {
  margin-bottom: 9px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterBrandLi_3q9YD.Wheat_3XEbc:hover {
    background-color: #F6F6F6; }
  .filterBrandLi_3q9YD.Wheat_3XEbc.selected_3JVQ6 {
    color: #e1b282;
    font-weight: bold; }
  .filterBrandLi_3q9YD.Wheat_3XEbc.area_2OeDu {
    font-size: 16px; }
  .filterBrandLi_3q9YD.Wheat_3XEbc.area_2OeDu:hover {
      background-color: unset; }
  .filterBrandLi_3q9YD.Wheat_3XEbc.showBorder_1Y3O9 {
    border-bottom: 1px solid #e1b282; }
  .filterBrandLi_3q9YD.Wheat_3XEbc.center_wBZWM {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_3q9YD.Wheat_3XEbc.area_2OeDu.selected_3JVQ6 {
    color: #e1b282;
    background-color: #fbf5ee; }
  .filterBrandLi_3q9YD.Wheat_3XEbc .line_2jU3u {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #e1b282; }
  .filterBrandLi_3q9YD.Wheat_3XEbc .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 12px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_3q9YD.Wheat_3XEbc .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #111111;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterBrandLi_3q9YD.Wheat_3XEbc .content_3udJG {
    display: inline-block;
    max-width: 80%;
    vertical-align: top;
    line-height: 17px; }
  .filterBrandLi_3q9YD.Wheat_3XEbc .content_3udJG.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterBrandLi_3q9YD.Wheat_3XEbc .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterBrandLi_3q9YD.Wheat_3XEbc .favoriteIcon_2eA_e {
    color: #FF4141;
    font-size: 15px; }
  .filterBrandLi_3q9YD.Wheat_3XEbc .flag_dwtiZ {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff;
    font-size: 12px; }
  .filterBrandLi_3q9YD.Wheat_3XEbc .flag_dwtiZ.hasFavorite_s5lzd {
      max-width: calc(100% - 22px); }
  .filterBrandLi_3q9YD.RosyBrown_2UUut {
  margin-bottom: 9px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterBrandLi_3q9YD.RosyBrown_2UUut:hover {
    background-color: #F6F6F6; }
  .filterBrandLi_3q9YD.RosyBrown_2UUut.selected_3JVQ6 {
    color: #9b758b;
    font-weight: bold; }
  .filterBrandLi_3q9YD.RosyBrown_2UUut.area_2OeDu {
    font-size: 16px; }
  .filterBrandLi_3q9YD.RosyBrown_2UUut.area_2OeDu:hover {
      background-color: unset; }
  .filterBrandLi_3q9YD.RosyBrown_2UUut.showBorder_1Y3O9 {
    border-bottom: 1px solid #9b758b; }
  .filterBrandLi_3q9YD.RosyBrown_2UUut.center_wBZWM {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_3q9YD.RosyBrown_2UUut.area_2OeDu.selected_3JVQ6 {
    color: #9b758b;
    background-color: #f0eaee; }
  .filterBrandLi_3q9YD.RosyBrown_2UUut .line_2jU3u {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #9b758b; }
  .filterBrandLi_3q9YD.RosyBrown_2UUut .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 12px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_3q9YD.RosyBrown_2UUut .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #111111;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterBrandLi_3q9YD.RosyBrown_2UUut .content_3udJG {
    display: inline-block;
    max-width: 80%;
    vertical-align: top;
    line-height: 17px; }
  .filterBrandLi_3q9YD.RosyBrown_2UUut .content_3udJG.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterBrandLi_3q9YD.RosyBrown_2UUut .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterBrandLi_3q9YD.RosyBrown_2UUut .favoriteIcon_2eA_e {
    color: #FF4141;
    font-size: 15px; }
  .filterBrandLi_3q9YD.RosyBrown_2UUut .flag_dwtiZ {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff;
    font-size: 12px; }
  .filterBrandLi_3q9YD.RosyBrown_2UUut .flag_dwtiZ.hasFavorite_s5lzd {
      max-width: calc(100% - 22px); }
  .filterBrandLi_3q9YD.Chocolate_3LfOS {
  margin-bottom: 9px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterBrandLi_3q9YD.Chocolate_3LfOS:hover {
    background-color: #F6F6F6; }
  .filterBrandLi_3q9YD.Chocolate_3LfOS.selected_3JVQ6 {
    color: #da6339;
    font-weight: bold; }
  .filterBrandLi_3q9YD.Chocolate_3LfOS.area_2OeDu {
    font-size: 16px; }
  .filterBrandLi_3q9YD.Chocolate_3LfOS.area_2OeDu:hover {
      background-color: unset; }
  .filterBrandLi_3q9YD.Chocolate_3LfOS.showBorder_1Y3O9 {
    border-bottom: 1px solid #da6339; }
  .filterBrandLi_3q9YD.Chocolate_3LfOS.center_wBZWM {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_3q9YD.Chocolate_3LfOS.area_2OeDu.selected_3JVQ6 {
    color: #da6339;
    background-color: #ffeee7; }
  .filterBrandLi_3q9YD.Chocolate_3LfOS .line_2jU3u {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #da6339; }
  .filterBrandLi_3q9YD.Chocolate_3LfOS .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 12px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_3q9YD.Chocolate_3LfOS .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #111111;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterBrandLi_3q9YD.Chocolate_3LfOS .content_3udJG {
    display: inline-block;
    max-width: 80%;
    vertical-align: top;
    line-height: 17px; }
  .filterBrandLi_3q9YD.Chocolate_3LfOS .content_3udJG.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterBrandLi_3q9YD.Chocolate_3LfOS .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterBrandLi_3q9YD.Chocolate_3LfOS .favoriteIcon_2eA_e {
    color: #FF4141;
    font-size: 15px; }
  .filterBrandLi_3q9YD.Chocolate_3LfOS .flag_dwtiZ {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff;
    font-size: 12px; }
  .filterBrandLi_3q9YD.Chocolate_3LfOS .flag_dwtiZ.hasFavorite_s5lzd {
      max-width: calc(100% - 22px); }
  .filterBrandLi_3q9YD.Coral_1ATYa {
  margin-bottom: 9px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterBrandLi_3q9YD.Coral_1ATYa:hover {
    background-color: #F6F6F6; }
  .filterBrandLi_3q9YD.Coral_1ATYa.selected_3JVQ6 {
    color: #e46375;
    font-weight: bold; }
  .filterBrandLi_3q9YD.Coral_1ATYa.area_2OeDu {
    font-size: 16px; }
  .filterBrandLi_3q9YD.Coral_1ATYa.area_2OeDu:hover {
      background-color: unset; }
  .filterBrandLi_3q9YD.Coral_1ATYa.showBorder_1Y3O9 {
    border-bottom: 1px solid #e46375; }
  .filterBrandLi_3q9YD.Coral_1ATYa.center_wBZWM {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_3q9YD.Coral_1ATYa.area_2OeDu.selected_3JVQ6 {
    color: #e46375;
    background-color: #ffeae8; }
  .filterBrandLi_3q9YD.Coral_1ATYa .line_2jU3u {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #e46375; }
  .filterBrandLi_3q9YD.Coral_1ATYa .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 12px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_3q9YD.Coral_1ATYa .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #111111;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterBrandLi_3q9YD.Coral_1ATYa .content_3udJG {
    display: inline-block;
    max-width: 80%;
    vertical-align: top;
    line-height: 17px; }
  .filterBrandLi_3q9YD.Coral_1ATYa .content_3udJG.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterBrandLi_3q9YD.Coral_1ATYa .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterBrandLi_3q9YD.Coral_1ATYa .favoriteIcon_2eA_e {
    color: #FF4141;
    font-size: 15px; }
  .filterBrandLi_3q9YD.Coral_1ATYa .flag_dwtiZ {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff;
    font-size: 12px; }
  .filterBrandLi_3q9YD.Coral_1ATYa .flag_dwtiZ.hasFavorite_s5lzd {
      max-width: calc(100% - 22px); }
  .filterBrandLi_3q9YD.CadetBlue_2t1tN {
  margin-bottom: 9px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterBrandLi_3q9YD.CadetBlue_2t1tN:hover {
    background-color: #F6F6F6; }
  .filterBrandLi_3q9YD.CadetBlue_2t1tN.selected_3JVQ6 {
    color: #87a397;
    font-weight: bold; }
  .filterBrandLi_3q9YD.CadetBlue_2t1tN.area_2OeDu {
    font-size: 16px; }
  .filterBrandLi_3q9YD.CadetBlue_2t1tN.area_2OeDu:hover {
      background-color: unset; }
  .filterBrandLi_3q9YD.CadetBlue_2t1tN.showBorder_1Y3O9 {
    border-bottom: 1px solid #87a397; }
  .filterBrandLi_3q9YD.CadetBlue_2t1tN.center_wBZWM {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_3q9YD.CadetBlue_2t1tN.area_2OeDu.selected_3JVQ6 {
    color: #87a397;
    background-color: #e3f6ee; }
  .filterBrandLi_3q9YD.CadetBlue_2t1tN .line_2jU3u {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #87a397; }
  .filterBrandLi_3q9YD.CadetBlue_2t1tN .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 12px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_3q9YD.CadetBlue_2t1tN .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #111111;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterBrandLi_3q9YD.CadetBlue_2t1tN .content_3udJG {
    display: inline-block;
    max-width: 80%;
    vertical-align: top;
    line-height: 17px; }
  .filterBrandLi_3q9YD.CadetBlue_2t1tN .content_3udJG.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterBrandLi_3q9YD.CadetBlue_2t1tN .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterBrandLi_3q9YD.CadetBlue_2t1tN .favoriteIcon_2eA_e {
    color: #FF4141;
    font-size: 15px; }
  .filterBrandLi_3q9YD.CadetBlue_2t1tN .flag_dwtiZ {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff;
    font-size: 12px; }
  .filterBrandLi_3q9YD.CadetBlue_2t1tN .flag_dwtiZ.hasFavorite_s5lzd {
      max-width: calc(100% - 22px); }
  .filterBrandLi_3q9YD.Gold_ddFvd {
  margin-bottom: 9px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterBrandLi_3q9YD.Gold_ddFvd:hover {
    background-color: #F6F6F6; }
  .filterBrandLi_3q9YD.Gold_ddFvd.selected_3JVQ6 {
    color: #ffc629;
    font-weight: bold; }
  .filterBrandLi_3q9YD.Gold_ddFvd.area_2OeDu {
    font-size: 16px; }
  .filterBrandLi_3q9YD.Gold_ddFvd.area_2OeDu:hover {
      background-color: unset; }
  .filterBrandLi_3q9YD.Gold_ddFvd.showBorder_1Y3O9 {
    border-bottom: 1px solid #ffc629; }
  .filterBrandLi_3q9YD.Gold_ddFvd.center_wBZWM {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_3q9YD.Gold_ddFvd.area_2OeDu.selected_3JVQ6 {
    color: #ffc629;
    background-color: #fff9e9; }
  .filterBrandLi_3q9YD.Gold_ddFvd .line_2jU3u {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #ffc629; }
  .filterBrandLi_3q9YD.Gold_ddFvd .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 12px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_3q9YD.Gold_ddFvd .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #111111;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterBrandLi_3q9YD.Gold_ddFvd .content_3udJG {
    display: inline-block;
    max-width: 80%;
    vertical-align: top;
    line-height: 17px; }
  .filterBrandLi_3q9YD.Gold_ddFvd .content_3udJG.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterBrandLi_3q9YD.Gold_ddFvd .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterBrandLi_3q9YD.Gold_ddFvd .favoriteIcon_2eA_e {
    color: #FF4141;
    font-size: 15px; }
  .filterBrandLi_3q9YD.Gold_ddFvd .flag_dwtiZ {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff;
    font-size: 12px; }
  .filterBrandLi_3q9YD.Gold_ddFvd .flag_dwtiZ.hasFavorite_s5lzd {
      max-width: calc(100% - 22px); }
  .filterBrandLi_3q9YD.PowDerBlue_1cKIY {
  margin-bottom: 9px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterBrandLi_3q9YD.PowDerBlue_1cKIY:hover {
    background-color: #F6F6F6; }
  .filterBrandLi_3q9YD.PowDerBlue_1cKIY.selected_3JVQ6 {
    color: #749bb0;
    font-weight: bold; }
  .filterBrandLi_3q9YD.PowDerBlue_1cKIY.area_2OeDu {
    font-size: 16px; }
  .filterBrandLi_3q9YD.PowDerBlue_1cKIY.area_2OeDu:hover {
      background-color: unset; }
  .filterBrandLi_3q9YD.PowDerBlue_1cKIY.showBorder_1Y3O9 {
    border-bottom: 1px solid #749bb0; }
  .filterBrandLi_3q9YD.PowDerBlue_1cKIY.center_wBZWM {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_3q9YD.PowDerBlue_1cKIY.area_2OeDu.selected_3JVQ6 {
    color: #749bb0;
    background-color: #eaf0f3; }
  .filterBrandLi_3q9YD.PowDerBlue_1cKIY .line_2jU3u {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #749bb0; }
  .filterBrandLi_3q9YD.PowDerBlue_1cKIY .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 12px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_3q9YD.PowDerBlue_1cKIY .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #111111;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterBrandLi_3q9YD.PowDerBlue_1cKIY .content_3udJG {
    display: inline-block;
    max-width: 80%;
    vertical-align: top;
    line-height: 17px; }
  .filterBrandLi_3q9YD.PowDerBlue_1cKIY .content_3udJG.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterBrandLi_3q9YD.PowDerBlue_1cKIY .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterBrandLi_3q9YD.PowDerBlue_1cKIY .favoriteIcon_2eA_e {
    color: #FF4141;
    font-size: 15px; }
  .filterBrandLi_3q9YD.PowDerBlue_1cKIY .flag_dwtiZ {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff;
    font-size: 12px; }
  .filterBrandLi_3q9YD.PowDerBlue_1cKIY .flag_dwtiZ.hasFavorite_s5lzd {
      max-width: calc(100% - 22px); }
  .filterBrandLi_3q9YD.Dark_vUV8n {
  margin-bottom: 9px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  color: #666666;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterBrandLi_3q9YD.Dark_vUV8n:hover {
    background-color: #F6F6F6; }
  .filterBrandLi_3q9YD.Dark_vUV8n.selected_3JVQ6 {
    color: #000;
    font-weight: bold; }
  .filterBrandLi_3q9YD.Dark_vUV8n.area_2OeDu {
    font-size: 16px; }
  .filterBrandLi_3q9YD.Dark_vUV8n.area_2OeDu:hover {
      background-color: unset; }
  .filterBrandLi_3q9YD.Dark_vUV8n.showBorder_1Y3O9 {
    border-bottom: 1px solid #000; }
  .filterBrandLi_3q9YD.Dark_vUV8n.center_wBZWM {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_3q9YD.Dark_vUV8n.area_2OeDu.selected_3JVQ6 {
    color: #000;
    background-color: #333; }
  .filterBrandLi_3q9YD.Dark_vUV8n .line_2jU3u {
    position: absolute;
    top: 50%;
    left: 0px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
    height: 40%;
    background-color: #000; }
  .filterBrandLi_3q9YD.Dark_vUV8n .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    right: 0px;
    display: block;
    width: 12px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterBrandLi_3q9YD.Dark_vUV8n .closeBtn_j6fb- .close_1RzMp {
      font-size: 12px;
      line-height: 12px;
      font-weight: bold;
      color: #111111;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterBrandLi_3q9YD.Dark_vUV8n .content_3udJG {
    display: inline-block;
    max-width: 80%;
    vertical-align: top;
    line-height: 17px;
    font-size: 14px;
    color: #333333; }
  .filterBrandLi_3q9YD.Dark_vUV8n .content_3udJG.hasCountry_2vkAj {
      max-width: calc(100% - 22px); }
  .filterBrandLi_3q9YD.Dark_vUV8n .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterBrandLi_3q9YD.Dark_vUV8n .favoriteIcon_2eA_e {
    color: #FF4141;
    font-size: 15px; }
  .filterBrandLi_3q9YD.Dark_vUV8n .flag_dwtiZ {
    position: relative;
    width: 22px;
    height: 22px;
    background-color: #fff;
    font-size: 12px; }
  .filterBrandLi_3q9YD.Dark_vUV8n .flag_dwtiZ.hasFavorite_s5lzd {
      max-width: calc(100% - 22px); }
  .filterPureTextLi_2YKzS.Normal_1NmCD {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-left: 10px;
  height: 34px;
  line-height: 34px;
  overflow: hidden; }
  .filterPureTextLi_2YKzS.Normal_1NmCD .content_3udJG {
    color: #111111;
    font-size: 16px;
    font-weight: bold; }
  .filterPureTextLi_2YKzS.Normal_1NmCD .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterPureTextLi_2YKzS.DarkCyan_1-BqD {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-left: 10px;
  height: 34px;
  line-height: 34px;
  overflow: hidden; }
  .filterPureTextLi_2YKzS.DarkCyan_1-BqD .content_3udJG {
    color: #175851;
    font-size: 16px;
    font-weight: bold; }
  .filterPureTextLi_2YKzS.DarkCyan_1-BqD .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterPureTextLi_2YKzS.Wheat_3XEbc {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-left: 10px;
  height: 34px;
  line-height: 34px;
  overflow: hidden; }
  .filterPureTextLi_2YKzS.Wheat_3XEbc .content_3udJG {
    color: #e1b282;
    font-size: 16px;
    font-weight: bold; }
  .filterPureTextLi_2YKzS.Wheat_3XEbc .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterPureTextLi_2YKzS.RosyBrown_2UUut {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-left: 10px;
  height: 34px;
  line-height: 34px;
  overflow: hidden; }
  .filterPureTextLi_2YKzS.RosyBrown_2UUut .content_3udJG {
    color: #9b758b;
    font-size: 16px;
    font-weight: bold; }
  .filterPureTextLi_2YKzS.RosyBrown_2UUut .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterPureTextLi_2YKzS.Chocolate_3LfOS {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-left: 10px;
  height: 34px;
  line-height: 34px;
  overflow: hidden; }
  .filterPureTextLi_2YKzS.Chocolate_3LfOS .content_3udJG {
    color: #da6339;
    font-size: 16px;
    font-weight: bold; }
  .filterPureTextLi_2YKzS.Chocolate_3LfOS .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterPureTextLi_2YKzS.Coral_1ATYa {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-left: 10px;
  height: 34px;
  line-height: 34px;
  overflow: hidden; }
  .filterPureTextLi_2YKzS.Coral_1ATYa .content_3udJG {
    color: #e46375;
    font-size: 16px;
    font-weight: bold; }
  .filterPureTextLi_2YKzS.Coral_1ATYa .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterPureTextLi_2YKzS.CadetBlue_2t1tN {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-left: 10px;
  height: 34px;
  line-height: 34px;
  overflow: hidden; }
  .filterPureTextLi_2YKzS.CadetBlue_2t1tN .content_3udJG {
    color: #87a397;
    font-size: 16px;
    font-weight: bold; }
  .filterPureTextLi_2YKzS.CadetBlue_2t1tN .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterPureTextLi_2YKzS.Gold_ddFvd {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-left: 10px;
  height: 34px;
  line-height: 34px;
  overflow: hidden; }
  .filterPureTextLi_2YKzS.Gold_ddFvd .content_3udJG {
    color: #ffc629;
    font-size: 16px;
    font-weight: bold; }
  .filterPureTextLi_2YKzS.Gold_ddFvd .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterPureTextLi_2YKzS.PowDerBlue_1cKIY {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-left: 10px;
  height: 34px;
  line-height: 34px;
  overflow: hidden; }
  .filterPureTextLi_2YKzS.PowDerBlue_1cKIY .content_3udJG {
    color: #749bb0;
    font-size: 16px;
    font-weight: bold; }
  .filterPureTextLi_2YKzS.PowDerBlue_1cKIY .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterPureTextLi_2YKzS.Dark_vUV8n {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding-left: 10px;
  height: 34px;
  line-height: 34px;
  overflow: hidden; }
  .filterPureTextLi_2YKzS.Dark_vUV8n .content_3udJG {
    color: #000;
    font-size: 16px;
    font-weight: bold; }
  .filterPureTextLi_2YKzS.Dark_vUV8n .content_3udJG.textOverflow_v6_UA {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .filterCommonLi_1YPJ0 {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 26px;
  padding-left: 10px;
  height: 22px;
  max-width: 400px;
  overflow: hidden;
  background-color: #111111;
  cursor: pointer; }
  .filterCommonLi_1YPJ0 .closeBtn_j6fb- {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    top: 1px;
    right: 0px;
    display: block;
    width: 22px;
    height: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .filterCommonLi_1YPJ0 .closeBtn_j6fb- .close_1RzMp {
      line-height: 12px;
      font-size: 12px;
      font-weight: bold;
      color: #fff;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .filterCommonLi_1YPJ0 .contentBox_wEe-e {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 22px; }
  .filterCommonLi_1YPJ0 .contentBox_wEe-e .text_1b5Z5 {
      font-size: 12px;
      line-height: 21px;
      color: #fff;
      overflow-x: auto; }
  .filterCommonLi_1YPJ0 .contentBox_wEe-e .text_1b5Z5.textOverflow_v6_UA {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }

.new-lt-tree {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 14px;
  line-height: 32px;
  color: #111;
}
.new-lt-tree .tree-child-box {
  padding-left: 10px;
  padding-right: 32px;
}
.new-lt-tree .toggle-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 22px;
  height: 22px;
  text-align: center;
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
  cursor: pointer;
}
.new-lt-tree .toggle-btn > i {
  font-size: 12px;
}
.new-lt-tree .tree-parent,
.new-lt-tree .tree-child {
  position: relative;
}
.new-lt-tree .lt-tree-li {
  position: relative;
  margin-bottom: unset;
  cursor: pointer;
}
.new-lt-tree .lt-tree-li.font-bold {
  font-weight: 550;
}
.new-lt-tree .lt-tree-li.title-ul {
  width: calc(100% - 22px);
  font-weight: 550;
}
.new-lt-tree .lt-tree-li:hover {
  background-color: #f6f6f6;
}
.new-lt-tree .lt-tree-li.selected {
  background-color: #111111;
  color: #fff;
}
.new-lt-tree .lt-tree-li .content {
  padding-left: 8px;
  padding-right: 20px;
  font-size: 14px;
}
.new-lt-tree .lt-tree-li .close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 22px;
  height: 22px;
  text-align: center;
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
  cursor: pointer;
}
.new-lt-tree .lt-tree-li .close-btn > i.close {
  font-size: 12px;
}

.filterModalFullScreenMask_2X95_ {
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }
  .filterModalFullScreenMask_2X95_ .mask_3nP3h {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  @-webkit-keyframes fadeIn_43mZm {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  @keyframes fadeIn_43mZm {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  .filterModal_1RVB8.Normal_1Zu7K {
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc((100% - 1816px)/2 + 210px);
  background-color: #fafafa;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-animation: fadeIn_43mZm 0.6s ease-in-out forwards;
          animation: fadeIn_43mZm 0.6s ease-in-out forwards;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
  .filterModal_1RVB8.Normal_1Zu7K.hiddle_2Yb5H {
    -webkit-transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02);
    transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02); }
  @media screen and (max-width: 1816px) {
    .filterModal_1RVB8.Normal_1Zu7K {
      left: 210px; } }
  .filterModal_1RVB8.Normal_1Zu7K .mask_3nP3h {
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vw;
    background-color: rgba(0, 0, 0, 0.63); }
  .filterModal_1RVB8.Normal_1Zu7K .body_2vNdN {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 99;
    height: 100%; }
  .filterModal_1RVB8.Normal_1Zu7K .backBtnBox_3HHJZ {
    position: absolute;
    top: 16px;
    right: 24px;
    z-index: 2; }
  .filterModal_1RVB8.Normal_1Zu7K .backBtnBox_3HHJZ > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 10px;
      height: 10px;
      border-radius: 6px;
      padding: 10px; }
  .filterModal_1RVB8.Normal_1Zu7K .backBtnBox_3HHJZ .closeBtn_2a_Mh {
      font-size: 15px;
      color: #111111;
      cursor: pointer;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7); }
  .filterModal_1RVB8.Normal_1Zu7K .backBtnBox_3HHJZ .modalImg_26jl6 {
      position: absolute;
      right: 17px;
      top: 19px; }
  .filterModal_1RVB8.DarkCyan_21sth {
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc((100% - 1816px)/2 + 210px);
  background-color: #e7eeed;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-animation: fadeIn_43mZm 0.6s ease-in-out forwards;
          animation: fadeIn_43mZm 0.6s ease-in-out forwards;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
  .filterModal_1RVB8.DarkCyan_21sth.hiddle_2Yb5H {
    -webkit-transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02);
    transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02); }
  @media screen and (max-width: 1816px) {
    .filterModal_1RVB8.DarkCyan_21sth {
      left: 210px; } }
  .filterModal_1RVB8.DarkCyan_21sth .mask_3nP3h {
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vw;
    background-color: rgba(0, 0, 0, 0.63); }
  .filterModal_1RVB8.DarkCyan_21sth .body_2vNdN {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 99;
    height: 100%; }
  .filterModal_1RVB8.DarkCyan_21sth .backBtnBox_3HHJZ {
    position: absolute;
    top: 16px;
    right: 24px;
    z-index: 2; }
  .filterModal_1RVB8.DarkCyan_21sth .backBtnBox_3HHJZ > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 10px;
      height: 10px;
      border-radius: 6px;
      padding: 10px; }
  .filterModal_1RVB8.DarkCyan_21sth .backBtnBox_3HHJZ .closeBtn_2a_Mh {
      font-size: 15px;
      color: #111111;
      cursor: pointer;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7); }
  .filterModal_1RVB8.DarkCyan_21sth .backBtnBox_3HHJZ .modalImg_26jl6 {
      position: absolute;
      right: 17px;
      top: 19px; }
  .filterModal_1RVB8.Wheat_1e4np {
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc((100% - 1816px)/2 + 210px);
  background-color: #fbf5ee;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-animation: fadeIn_43mZm 0.6s ease-in-out forwards;
          animation: fadeIn_43mZm 0.6s ease-in-out forwards;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
  .filterModal_1RVB8.Wheat_1e4np.hiddle_2Yb5H {
    -webkit-transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02);
    transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02); }
  @media screen and (max-width: 1816px) {
    .filterModal_1RVB8.Wheat_1e4np {
      left: 210px; } }
  .filterModal_1RVB8.Wheat_1e4np .mask_3nP3h {
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vw;
    background-color: rgba(0, 0, 0, 0.63); }
  .filterModal_1RVB8.Wheat_1e4np .body_2vNdN {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 99;
    height: 100%; }
  .filterModal_1RVB8.Wheat_1e4np .backBtnBox_3HHJZ {
    position: absolute;
    top: 16px;
    right: 24px;
    z-index: 2; }
  .filterModal_1RVB8.Wheat_1e4np .backBtnBox_3HHJZ > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 10px;
      height: 10px;
      border-radius: 6px;
      padding: 10px; }
  .filterModal_1RVB8.Wheat_1e4np .backBtnBox_3HHJZ .closeBtn_2a_Mh {
      font-size: 15px;
      color: #111111;
      cursor: pointer;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7); }
  .filterModal_1RVB8.Wheat_1e4np .backBtnBox_3HHJZ .modalImg_26jl6 {
      position: absolute;
      right: 17px;
      top: 19px; }
  .filterModal_1RVB8.RosyBrown_3dH0O {
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc((100% - 1816px)/2 + 210px);
  background-color: #f0eaee;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-animation: fadeIn_43mZm 0.6s ease-in-out forwards;
          animation: fadeIn_43mZm 0.6s ease-in-out forwards;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
  .filterModal_1RVB8.RosyBrown_3dH0O.hiddle_2Yb5H {
    -webkit-transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02);
    transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02); }
  @media screen and (max-width: 1816px) {
    .filterModal_1RVB8.RosyBrown_3dH0O {
      left: 210px; } }
  .filterModal_1RVB8.RosyBrown_3dH0O .mask_3nP3h {
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vw;
    background-color: rgba(0, 0, 0, 0.63); }
  .filterModal_1RVB8.RosyBrown_3dH0O .body_2vNdN {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 99;
    height: 100%; }
  .filterModal_1RVB8.RosyBrown_3dH0O .backBtnBox_3HHJZ {
    position: absolute;
    top: 16px;
    right: 24px;
    z-index: 2; }
  .filterModal_1RVB8.RosyBrown_3dH0O .backBtnBox_3HHJZ > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 10px;
      height: 10px;
      border-radius: 6px;
      padding: 10px; }
  .filterModal_1RVB8.RosyBrown_3dH0O .backBtnBox_3HHJZ .closeBtn_2a_Mh {
      font-size: 15px;
      color: #111111;
      cursor: pointer;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7); }
  .filterModal_1RVB8.RosyBrown_3dH0O .backBtnBox_3HHJZ .modalImg_26jl6 {
      position: absolute;
      right: 17px;
      top: 19px; }
  .filterModal_1RVB8.Chocolate_10iIA {
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc((100% - 1816px)/2 + 210px);
  background-color: #ffeee7;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-animation: fadeIn_43mZm 0.6s ease-in-out forwards;
          animation: fadeIn_43mZm 0.6s ease-in-out forwards;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
  .filterModal_1RVB8.Chocolate_10iIA.hiddle_2Yb5H {
    -webkit-transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02);
    transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02); }
  @media screen and (max-width: 1816px) {
    .filterModal_1RVB8.Chocolate_10iIA {
      left: 210px; } }
  .filterModal_1RVB8.Chocolate_10iIA .mask_3nP3h {
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vw;
    background-color: rgba(0, 0, 0, 0.63); }
  .filterModal_1RVB8.Chocolate_10iIA .body_2vNdN {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 99;
    height: 100%; }
  .filterModal_1RVB8.Chocolate_10iIA .backBtnBox_3HHJZ {
    position: absolute;
    top: 16px;
    right: 24px;
    z-index: 2; }
  .filterModal_1RVB8.Chocolate_10iIA .backBtnBox_3HHJZ > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 10px;
      height: 10px;
      border-radius: 6px;
      padding: 10px; }
  .filterModal_1RVB8.Chocolate_10iIA .backBtnBox_3HHJZ .closeBtn_2a_Mh {
      font-size: 15px;
      color: #111111;
      cursor: pointer;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7); }
  .filterModal_1RVB8.Chocolate_10iIA .backBtnBox_3HHJZ .modalImg_26jl6 {
      position: absolute;
      right: 17px;
      top: 19px; }
  .filterModal_1RVB8.Coral_1SJXv {
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc((100% - 1816px)/2 + 210px);
  background-color: #ffeae8;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-animation: fadeIn_43mZm 0.6s ease-in-out forwards;
          animation: fadeIn_43mZm 0.6s ease-in-out forwards;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
  .filterModal_1RVB8.Coral_1SJXv.hiddle_2Yb5H {
    -webkit-transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02);
    transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02); }
  @media screen and (max-width: 1816px) {
    .filterModal_1RVB8.Coral_1SJXv {
      left: 210px; } }
  .filterModal_1RVB8.Coral_1SJXv .mask_3nP3h {
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vw;
    background-color: rgba(0, 0, 0, 0.63); }
  .filterModal_1RVB8.Coral_1SJXv .body_2vNdN {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 99;
    height: 100%; }
  .filterModal_1RVB8.Coral_1SJXv .backBtnBox_3HHJZ {
    position: absolute;
    top: 16px;
    right: 24px;
    z-index: 2; }
  .filterModal_1RVB8.Coral_1SJXv .backBtnBox_3HHJZ > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 10px;
      height: 10px;
      border-radius: 6px;
      padding: 10px; }
  .filterModal_1RVB8.Coral_1SJXv .backBtnBox_3HHJZ .closeBtn_2a_Mh {
      font-size: 15px;
      color: #111111;
      cursor: pointer;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7); }
  .filterModal_1RVB8.Coral_1SJXv .backBtnBox_3HHJZ .modalImg_26jl6 {
      position: absolute;
      right: 17px;
      top: 19px; }
  .filterModal_1RVB8.CadetBlue_30Vb2 {
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc((100% - 1816px)/2 + 210px);
  background-color: #e3f6ee;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-animation: fadeIn_43mZm 0.6s ease-in-out forwards;
          animation: fadeIn_43mZm 0.6s ease-in-out forwards;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
  .filterModal_1RVB8.CadetBlue_30Vb2.hiddle_2Yb5H {
    -webkit-transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02);
    transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02); }
  @media screen and (max-width: 1816px) {
    .filterModal_1RVB8.CadetBlue_30Vb2 {
      left: 210px; } }
  .filterModal_1RVB8.CadetBlue_30Vb2 .mask_3nP3h {
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vw;
    background-color: rgba(0, 0, 0, 0.63); }
  .filterModal_1RVB8.CadetBlue_30Vb2 .body_2vNdN {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 99;
    height: 100%; }
  .filterModal_1RVB8.CadetBlue_30Vb2 .backBtnBox_3HHJZ {
    position: absolute;
    top: 16px;
    right: 24px;
    z-index: 2; }
  .filterModal_1RVB8.CadetBlue_30Vb2 .backBtnBox_3HHJZ > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 10px;
      height: 10px;
      border-radius: 6px;
      padding: 10px; }
  .filterModal_1RVB8.CadetBlue_30Vb2 .backBtnBox_3HHJZ .closeBtn_2a_Mh {
      font-size: 15px;
      color: #111111;
      cursor: pointer;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7); }
  .filterModal_1RVB8.CadetBlue_30Vb2 .backBtnBox_3HHJZ .modalImg_26jl6 {
      position: absolute;
      right: 17px;
      top: 19px; }
  .filterModal_1RVB8.Gold_1yfSr {
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc((100% - 1816px)/2 + 210px);
  background-color: #fff9e9;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-animation: fadeIn_43mZm 0.6s ease-in-out forwards;
          animation: fadeIn_43mZm 0.6s ease-in-out forwards;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
  .filterModal_1RVB8.Gold_1yfSr.hiddle_2Yb5H {
    -webkit-transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02);
    transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02); }
  @media screen and (max-width: 1816px) {
    .filterModal_1RVB8.Gold_1yfSr {
      left: 210px; } }
  .filterModal_1RVB8.Gold_1yfSr .mask_3nP3h {
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vw;
    background-color: rgba(0, 0, 0, 0.63); }
  .filterModal_1RVB8.Gold_1yfSr .body_2vNdN {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 99;
    height: 100%; }
  .filterModal_1RVB8.Gold_1yfSr .backBtnBox_3HHJZ {
    position: absolute;
    top: 16px;
    right: 24px;
    z-index: 2; }
  .filterModal_1RVB8.Gold_1yfSr .backBtnBox_3HHJZ > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 10px;
      height: 10px;
      border-radius: 6px;
      padding: 10px; }
  .filterModal_1RVB8.Gold_1yfSr .backBtnBox_3HHJZ .closeBtn_2a_Mh {
      font-size: 15px;
      color: #111111;
      cursor: pointer;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7); }
  .filterModal_1RVB8.Gold_1yfSr .backBtnBox_3HHJZ .modalImg_26jl6 {
      position: absolute;
      right: 17px;
      top: 19px; }
  .filterModal_1RVB8.PowDerBlue_3A-TN {
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc((100% - 1816px)/2 + 210px);
  background-color: #eaf0f3;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-animation: fadeIn_43mZm 0.6s ease-in-out forwards;
          animation: fadeIn_43mZm 0.6s ease-in-out forwards;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
  .filterModal_1RVB8.PowDerBlue_3A-TN.hiddle_2Yb5H {
    -webkit-transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02);
    transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02); }
  @media screen and (max-width: 1816px) {
    .filterModal_1RVB8.PowDerBlue_3A-TN {
      left: 210px; } }
  .filterModal_1RVB8.PowDerBlue_3A-TN .mask_3nP3h {
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vw;
    background-color: rgba(0, 0, 0, 0.63); }
  .filterModal_1RVB8.PowDerBlue_3A-TN .body_2vNdN {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 99;
    height: 100%; }
  .filterModal_1RVB8.PowDerBlue_3A-TN .backBtnBox_3HHJZ {
    position: absolute;
    top: 16px;
    right: 24px;
    z-index: 2; }
  .filterModal_1RVB8.PowDerBlue_3A-TN .backBtnBox_3HHJZ > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 10px;
      height: 10px;
      border-radius: 6px;
      padding: 10px; }
  .filterModal_1RVB8.PowDerBlue_3A-TN .backBtnBox_3HHJZ .closeBtn_2a_Mh {
      font-size: 15px;
      color: #111111;
      cursor: pointer;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7); }
  .filterModal_1RVB8.PowDerBlue_3A-TN .backBtnBox_3HHJZ .modalImg_26jl6 {
      position: absolute;
      right: 17px;
      top: 19px; }
  .filterModal_1RVB8.Dark_RgrPY {
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc((100% - 1816px)/2 + 210px);
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-animation: fadeIn_43mZm 0.6s ease-in-out forwards;
          animation: fadeIn_43mZm 0.6s ease-in-out forwards;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
  .filterModal_1RVB8.Dark_RgrPY.hiddle_2Yb5H {
    -webkit-transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02);
    transition: left 0.2s cubic-bezier(1, 0.01, 0.24, 1.02); }
  @media screen and (max-width: 1816px) {
    .filterModal_1RVB8.Dark_RgrPY {
      left: 210px; } }
  .filterModal_1RVB8.Dark_RgrPY .mask_3nP3h {
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vw;
    background-color: rgba(0, 0, 0, 0.63); }
  .filterModal_1RVB8.Dark_RgrPY .body_2vNdN {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 99;
    height: 100%; }
  .filterModal_1RVB8.Dark_RgrPY .backBtnBox_3HHJZ {
    position: absolute;
    top: 16px;
    right: 24px;
    z-index: 2; }
  .filterModal_1RVB8.Dark_RgrPY .backBtnBox_3HHJZ > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 10px;
      height: 10px;
      border-radius: 6px;
      padding: 10px; }
  .filterModal_1RVB8.Dark_RgrPY .backBtnBox_3HHJZ .closeBtn_2a_Mh {
      font-size: 15px;
      color: #111111;
      cursor: pointer;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7); }
  .filterModal_1RVB8.Dark_RgrPY .backBtnBox_3HHJZ .modalImg_26jl6 {
      position: absolute;
      right: 17px;
      top: 19px; }

.areaFilter_Uq7SH.Normal_2tEjG {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .areaFilter_Uq7SH.Normal_2tEjG .title_ONjC0 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 12px; }
  .areaFilter_Uq7SH.Normal_2tEjG .search_39LCF {
    position: relative;
    width: 100%;
    margin-bottom: 15px; }
  .areaFilter_Uq7SH.Normal_2tEjG .search_39LCF .searchIcon_3K3t0 {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .areaFilter_Uq7SH.Normal_2tEjG .search_39LCF input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .areaFilter_Uq7SH.Normal_2tEjG .search_39LCF input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Normal_2tEjG .search_39LCF input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Normal_2tEjG .search_39LCF input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Normal_2tEjG .search_39LCF input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Normal_2tEjG .search_39LCF input::placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Normal_2tEjG .search_39LCF input {
      height: 34px;
      font-size: 14px;
      padding-left: 38px; }
  .areaFilter_Uq7SH.Normal_2tEjG .search_39LCF input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Normal_2tEjG .search_39LCF input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Normal_2tEjG .search_39LCF input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Normal_2tEjG .search_39LCF input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Normal_2tEjG .search_39LCF input::placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Normal_2tEjG .continents_1PSRE {
    background-color: #fff;
    position: relative;
    width: 100%; }
  .areaFilter_Uq7SH.Normal_2tEjG .continent_29Gb7 {
    display: inline-block;
    background-color: #fff;
    padding: 4px 12px;
    font-size: 12px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #333333; }
  .areaFilter_Uq7SH.Normal_2tEjG .continent_29Gb7.selected_3-WwA {
      background-color: #111111;
      color: #fff; }
  .areaFilter_Uq7SH.Normal_2tEjG .continent_29Gb7:hover {
      background-color: #111111;
      color: #fff; }
  .areaFilter_Uq7SH.Normal_2tEjG .body_2YbH5 {
    position: relative;
    width: 100%;
    height: 258px;
    height: 336px;
    padding-top: 18px;
    overflow: auto; }
  .areaFilter_Uq7SH.Normal_2tEjG .body_2YbH5 .countryItem_21O6u {
      margin-bottom: 10px;
      color: red; }
  .areaFilter_Uq7SH.Normal_2tEjG .body_2YbH5 .countryItem_21O6u > div {
        float: left;
        width: 102px; }
  .areaFilter_Uq7SH.Normal_2tEjG .body_2YbH5 .countryItem_21O6u .cityItem_1WiB1 {
        width: calc(100% - 104px);
        color: orange; }
  .areaFilter_Uq7SH.Normal_2tEjG .body_2YbH5 .countryItem_21O6u .cityItem_1WiB1 > div {
          float: left;
          width: 102px; }
  .areaFilter_Uq7SH.Normal_2tEjG .body_2YbH5::-webkit-scrollbar {
      width: 3px;
      height: 6px; }
  .areaFilter_Uq7SH.Normal_2tEjG .body_2YbH5 .area_185Aw {
      position: relative;
      width: 100%;
      padding-top: 5px;
      padding-right: 20px;
      padding-left: 10px;
      overflow: auto; }
  .areaFilter_Uq7SH.Normal_2tEjG .body_2YbH5 .area_185Aw::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .areaFilter_Uq7SH.DarkCyan_23bTW {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .areaFilter_Uq7SH.DarkCyan_23bTW .title_ONjC0 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 12px; }
  .areaFilter_Uq7SH.DarkCyan_23bTW .search_39LCF {
    position: relative;
    width: 100%;
    margin-bottom: 15px; }
  .areaFilter_Uq7SH.DarkCyan_23bTW .search_39LCF .searchIcon_3K3t0 {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .areaFilter_Uq7SH.DarkCyan_23bTW .search_39LCF input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .areaFilter_Uq7SH.DarkCyan_23bTW .search_39LCF input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.DarkCyan_23bTW .search_39LCF input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.DarkCyan_23bTW .search_39LCF input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.DarkCyan_23bTW .search_39LCF input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.DarkCyan_23bTW .search_39LCF input::placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.DarkCyan_23bTW .search_39LCF input {
      height: 34px;
      font-size: 14px;
      padding-left: 38px; }
  .areaFilter_Uq7SH.DarkCyan_23bTW .search_39LCF input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.DarkCyan_23bTW .search_39LCF input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.DarkCyan_23bTW .search_39LCF input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.DarkCyan_23bTW .search_39LCF input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.DarkCyan_23bTW .search_39LCF input::placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.DarkCyan_23bTW .continents_1PSRE {
    background-color: #fff;
    position: relative;
    width: 100%; }
  .areaFilter_Uq7SH.DarkCyan_23bTW .continent_29Gb7 {
    display: inline-block;
    background-color: #fff;
    padding: 4px 12px;
    font-size: 12px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #333333; }
  .areaFilter_Uq7SH.DarkCyan_23bTW .continent_29Gb7.selected_3-WwA {
      background-color: #111111;
      color: #fff; }
  .areaFilter_Uq7SH.DarkCyan_23bTW .continent_29Gb7:hover {
      background-color: #111111;
      color: #fff; }
  .areaFilter_Uq7SH.DarkCyan_23bTW .body_2YbH5 {
    position: relative;
    width: 100%;
    height: 258px;
    height: 336px;
    padding-top: 18px;
    overflow: auto; }
  .areaFilter_Uq7SH.DarkCyan_23bTW .body_2YbH5 .countryItem_21O6u {
      margin-bottom: 10px;
      color: red; }
  .areaFilter_Uq7SH.DarkCyan_23bTW .body_2YbH5 .countryItem_21O6u > div {
        float: left;
        width: 102px; }
  .areaFilter_Uq7SH.DarkCyan_23bTW .body_2YbH5 .countryItem_21O6u .cityItem_1WiB1 {
        width: calc(100% - 104px);
        color: orange; }
  .areaFilter_Uq7SH.DarkCyan_23bTW .body_2YbH5 .countryItem_21O6u .cityItem_1WiB1 > div {
          float: left;
          width: 102px; }
  .areaFilter_Uq7SH.DarkCyan_23bTW .body_2YbH5::-webkit-scrollbar {
      width: 3px;
      height: 6px; }
  .areaFilter_Uq7SH.DarkCyan_23bTW .body_2YbH5 .area_185Aw {
      position: relative;
      width: 100%;
      padding-top: 5px;
      padding-right: 20px;
      padding-left: 10px;
      overflow: auto; }
  .areaFilter_Uq7SH.DarkCyan_23bTW .body_2YbH5 .area_185Aw::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .areaFilter_Uq7SH.Wheat_3Dz0X {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .areaFilter_Uq7SH.Wheat_3Dz0X .title_ONjC0 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 12px; }
  .areaFilter_Uq7SH.Wheat_3Dz0X .search_39LCF {
    position: relative;
    width: 100%;
    margin-bottom: 15px; }
  .areaFilter_Uq7SH.Wheat_3Dz0X .search_39LCF .searchIcon_3K3t0 {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .areaFilter_Uq7SH.Wheat_3Dz0X .search_39LCF input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .areaFilter_Uq7SH.Wheat_3Dz0X .search_39LCF input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Wheat_3Dz0X .search_39LCF input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Wheat_3Dz0X .search_39LCF input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Wheat_3Dz0X .search_39LCF input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Wheat_3Dz0X .search_39LCF input::placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Wheat_3Dz0X .search_39LCF input {
      height: 34px;
      font-size: 14px;
      padding-left: 38px; }
  .areaFilter_Uq7SH.Wheat_3Dz0X .search_39LCF input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Wheat_3Dz0X .search_39LCF input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Wheat_3Dz0X .search_39LCF input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Wheat_3Dz0X .search_39LCF input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Wheat_3Dz0X .search_39LCF input::placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Wheat_3Dz0X .continents_1PSRE {
    background-color: #fff;
    position: relative;
    width: 100%; }
  .areaFilter_Uq7SH.Wheat_3Dz0X .continent_29Gb7 {
    display: inline-block;
    background-color: #fff;
    padding: 4px 12px;
    font-size: 12px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #333333; }
  .areaFilter_Uq7SH.Wheat_3Dz0X .continent_29Gb7.selected_3-WwA {
      background-color: #111111;
      color: #fff; }
  .areaFilter_Uq7SH.Wheat_3Dz0X .continent_29Gb7:hover {
      background-color: #111111;
      color: #fff; }
  .areaFilter_Uq7SH.Wheat_3Dz0X .body_2YbH5 {
    position: relative;
    width: 100%;
    height: 258px;
    height: 336px;
    padding-top: 18px;
    overflow: auto; }
  .areaFilter_Uq7SH.Wheat_3Dz0X .body_2YbH5 .countryItem_21O6u {
      margin-bottom: 10px;
      color: red; }
  .areaFilter_Uq7SH.Wheat_3Dz0X .body_2YbH5 .countryItem_21O6u > div {
        float: left;
        width: 102px; }
  .areaFilter_Uq7SH.Wheat_3Dz0X .body_2YbH5 .countryItem_21O6u .cityItem_1WiB1 {
        width: calc(100% - 104px);
        color: orange; }
  .areaFilter_Uq7SH.Wheat_3Dz0X .body_2YbH5 .countryItem_21O6u .cityItem_1WiB1 > div {
          float: left;
          width: 102px; }
  .areaFilter_Uq7SH.Wheat_3Dz0X .body_2YbH5::-webkit-scrollbar {
      width: 3px;
      height: 6px; }
  .areaFilter_Uq7SH.Wheat_3Dz0X .body_2YbH5 .area_185Aw {
      position: relative;
      width: 100%;
      padding-top: 5px;
      padding-right: 20px;
      padding-left: 10px;
      overflow: auto; }
  .areaFilter_Uq7SH.Wheat_3Dz0X .body_2YbH5 .area_185Aw::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .areaFilter_Uq7SH.RosyBrown_3tQ-9 {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .areaFilter_Uq7SH.RosyBrown_3tQ-9 .title_ONjC0 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 12px; }
  .areaFilter_Uq7SH.RosyBrown_3tQ-9 .search_39LCF {
    position: relative;
    width: 100%;
    margin-bottom: 15px; }
  .areaFilter_Uq7SH.RosyBrown_3tQ-9 .search_39LCF .searchIcon_3K3t0 {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .areaFilter_Uq7SH.RosyBrown_3tQ-9 .search_39LCF input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .areaFilter_Uq7SH.RosyBrown_3tQ-9 .search_39LCF input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.RosyBrown_3tQ-9 .search_39LCF input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.RosyBrown_3tQ-9 .search_39LCF input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.RosyBrown_3tQ-9 .search_39LCF input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.RosyBrown_3tQ-9 .search_39LCF input::placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.RosyBrown_3tQ-9 .search_39LCF input {
      height: 34px;
      font-size: 14px;
      padding-left: 38px; }
  .areaFilter_Uq7SH.RosyBrown_3tQ-9 .search_39LCF input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.RosyBrown_3tQ-9 .search_39LCF input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.RosyBrown_3tQ-9 .search_39LCF input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.RosyBrown_3tQ-9 .search_39LCF input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.RosyBrown_3tQ-9 .search_39LCF input::placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.RosyBrown_3tQ-9 .continents_1PSRE {
    background-color: #fff;
    position: relative;
    width: 100%; }
  .areaFilter_Uq7SH.RosyBrown_3tQ-9 .continent_29Gb7 {
    display: inline-block;
    background-color: #fff;
    padding: 4px 12px;
    font-size: 12px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #333333; }
  .areaFilter_Uq7SH.RosyBrown_3tQ-9 .continent_29Gb7.selected_3-WwA {
      background-color: #111111;
      color: #fff; }
  .areaFilter_Uq7SH.RosyBrown_3tQ-9 .continent_29Gb7:hover {
      background-color: #111111;
      color: #fff; }
  .areaFilter_Uq7SH.RosyBrown_3tQ-9 .body_2YbH5 {
    position: relative;
    width: 100%;
    height: 258px;
    height: 336px;
    padding-top: 18px;
    overflow: auto; }
  .areaFilter_Uq7SH.RosyBrown_3tQ-9 .body_2YbH5 .countryItem_21O6u {
      margin-bottom: 10px;
      color: red; }
  .areaFilter_Uq7SH.RosyBrown_3tQ-9 .body_2YbH5 .countryItem_21O6u > div {
        float: left;
        width: 102px; }
  .areaFilter_Uq7SH.RosyBrown_3tQ-9 .body_2YbH5 .countryItem_21O6u .cityItem_1WiB1 {
        width: calc(100% - 104px);
        color: orange; }
  .areaFilter_Uq7SH.RosyBrown_3tQ-9 .body_2YbH5 .countryItem_21O6u .cityItem_1WiB1 > div {
          float: left;
          width: 102px; }
  .areaFilter_Uq7SH.RosyBrown_3tQ-9 .body_2YbH5::-webkit-scrollbar {
      width: 3px;
      height: 6px; }
  .areaFilter_Uq7SH.RosyBrown_3tQ-9 .body_2YbH5 .area_185Aw {
      position: relative;
      width: 100%;
      padding-top: 5px;
      padding-right: 20px;
      padding-left: 10px;
      overflow: auto; }
  .areaFilter_Uq7SH.RosyBrown_3tQ-9 .body_2YbH5 .area_185Aw::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .areaFilter_Uq7SH.Chocolate_Ecs8D {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .areaFilter_Uq7SH.Chocolate_Ecs8D .title_ONjC0 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 12px; }
  .areaFilter_Uq7SH.Chocolate_Ecs8D .search_39LCF {
    position: relative;
    width: 100%;
    margin-bottom: 15px; }
  .areaFilter_Uq7SH.Chocolate_Ecs8D .search_39LCF .searchIcon_3K3t0 {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .areaFilter_Uq7SH.Chocolate_Ecs8D .search_39LCF input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .areaFilter_Uq7SH.Chocolate_Ecs8D .search_39LCF input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Chocolate_Ecs8D .search_39LCF input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Chocolate_Ecs8D .search_39LCF input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Chocolate_Ecs8D .search_39LCF input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Chocolate_Ecs8D .search_39LCF input::placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Chocolate_Ecs8D .search_39LCF input {
      height: 34px;
      font-size: 14px;
      padding-left: 38px; }
  .areaFilter_Uq7SH.Chocolate_Ecs8D .search_39LCF input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Chocolate_Ecs8D .search_39LCF input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Chocolate_Ecs8D .search_39LCF input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Chocolate_Ecs8D .search_39LCF input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Chocolate_Ecs8D .search_39LCF input::placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Chocolate_Ecs8D .continents_1PSRE {
    background-color: #fff;
    position: relative;
    width: 100%; }
  .areaFilter_Uq7SH.Chocolate_Ecs8D .continent_29Gb7 {
    display: inline-block;
    background-color: #fff;
    padding: 4px 12px;
    font-size: 12px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #333333; }
  .areaFilter_Uq7SH.Chocolate_Ecs8D .continent_29Gb7.selected_3-WwA {
      background-color: #111111;
      color: #fff; }
  .areaFilter_Uq7SH.Chocolate_Ecs8D .continent_29Gb7:hover {
      background-color: #111111;
      color: #fff; }
  .areaFilter_Uq7SH.Chocolate_Ecs8D .body_2YbH5 {
    position: relative;
    width: 100%;
    height: 258px;
    height: 336px;
    padding-top: 18px;
    overflow: auto; }
  .areaFilter_Uq7SH.Chocolate_Ecs8D .body_2YbH5 .countryItem_21O6u {
      margin-bottom: 10px;
      color: red; }
  .areaFilter_Uq7SH.Chocolate_Ecs8D .body_2YbH5 .countryItem_21O6u > div {
        float: left;
        width: 102px; }
  .areaFilter_Uq7SH.Chocolate_Ecs8D .body_2YbH5 .countryItem_21O6u .cityItem_1WiB1 {
        width: calc(100% - 104px);
        color: orange; }
  .areaFilter_Uq7SH.Chocolate_Ecs8D .body_2YbH5 .countryItem_21O6u .cityItem_1WiB1 > div {
          float: left;
          width: 102px; }
  .areaFilter_Uq7SH.Chocolate_Ecs8D .body_2YbH5::-webkit-scrollbar {
      width: 3px;
      height: 6px; }
  .areaFilter_Uq7SH.Chocolate_Ecs8D .body_2YbH5 .area_185Aw {
      position: relative;
      width: 100%;
      padding-top: 5px;
      padding-right: 20px;
      padding-left: 10px;
      overflow: auto; }
  .areaFilter_Uq7SH.Chocolate_Ecs8D .body_2YbH5 .area_185Aw::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .areaFilter_Uq7SH.Coral_2qtSx {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .areaFilter_Uq7SH.Coral_2qtSx .title_ONjC0 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 12px; }
  .areaFilter_Uq7SH.Coral_2qtSx .search_39LCF {
    position: relative;
    width: 100%;
    margin-bottom: 15px; }
  .areaFilter_Uq7SH.Coral_2qtSx .search_39LCF .searchIcon_3K3t0 {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .areaFilter_Uq7SH.Coral_2qtSx .search_39LCF input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .areaFilter_Uq7SH.Coral_2qtSx .search_39LCF input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Coral_2qtSx .search_39LCF input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Coral_2qtSx .search_39LCF input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Coral_2qtSx .search_39LCF input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Coral_2qtSx .search_39LCF input::placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Coral_2qtSx .search_39LCF input {
      height: 34px;
      font-size: 14px;
      padding-left: 38px; }
  .areaFilter_Uq7SH.Coral_2qtSx .search_39LCF input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Coral_2qtSx .search_39LCF input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Coral_2qtSx .search_39LCF input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Coral_2qtSx .search_39LCF input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Coral_2qtSx .search_39LCF input::placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Coral_2qtSx .continents_1PSRE {
    background-color: #fff;
    position: relative;
    width: 100%; }
  .areaFilter_Uq7SH.Coral_2qtSx .continent_29Gb7 {
    display: inline-block;
    background-color: #fff;
    padding: 4px 12px;
    font-size: 12px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #333333; }
  .areaFilter_Uq7SH.Coral_2qtSx .continent_29Gb7.selected_3-WwA {
      background-color: #111111;
      color: #fff; }
  .areaFilter_Uq7SH.Coral_2qtSx .continent_29Gb7:hover {
      background-color: #111111;
      color: #fff; }
  .areaFilter_Uq7SH.Coral_2qtSx .body_2YbH5 {
    position: relative;
    width: 100%;
    height: 258px;
    height: 336px;
    padding-top: 18px;
    overflow: auto; }
  .areaFilter_Uq7SH.Coral_2qtSx .body_2YbH5 .countryItem_21O6u {
      margin-bottom: 10px;
      color: red; }
  .areaFilter_Uq7SH.Coral_2qtSx .body_2YbH5 .countryItem_21O6u > div {
        float: left;
        width: 102px; }
  .areaFilter_Uq7SH.Coral_2qtSx .body_2YbH5 .countryItem_21O6u .cityItem_1WiB1 {
        width: calc(100% - 104px);
        color: orange; }
  .areaFilter_Uq7SH.Coral_2qtSx .body_2YbH5 .countryItem_21O6u .cityItem_1WiB1 > div {
          float: left;
          width: 102px; }
  .areaFilter_Uq7SH.Coral_2qtSx .body_2YbH5::-webkit-scrollbar {
      width: 3px;
      height: 6px; }
  .areaFilter_Uq7SH.Coral_2qtSx .body_2YbH5 .area_185Aw {
      position: relative;
      width: 100%;
      padding-top: 5px;
      padding-right: 20px;
      padding-left: 10px;
      overflow: auto; }
  .areaFilter_Uq7SH.Coral_2qtSx .body_2YbH5 .area_185Aw::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .areaFilter_Uq7SH.CadetBlue_u_9Kl {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .areaFilter_Uq7SH.CadetBlue_u_9Kl .title_ONjC0 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 12px; }
  .areaFilter_Uq7SH.CadetBlue_u_9Kl .search_39LCF {
    position: relative;
    width: 100%;
    margin-bottom: 15px; }
  .areaFilter_Uq7SH.CadetBlue_u_9Kl .search_39LCF .searchIcon_3K3t0 {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .areaFilter_Uq7SH.CadetBlue_u_9Kl .search_39LCF input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .areaFilter_Uq7SH.CadetBlue_u_9Kl .search_39LCF input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.CadetBlue_u_9Kl .search_39LCF input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.CadetBlue_u_9Kl .search_39LCF input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.CadetBlue_u_9Kl .search_39LCF input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.CadetBlue_u_9Kl .search_39LCF input::placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.CadetBlue_u_9Kl .search_39LCF input {
      height: 34px;
      font-size: 14px;
      padding-left: 38px; }
  .areaFilter_Uq7SH.CadetBlue_u_9Kl .search_39LCF input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.CadetBlue_u_9Kl .search_39LCF input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.CadetBlue_u_9Kl .search_39LCF input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.CadetBlue_u_9Kl .search_39LCF input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.CadetBlue_u_9Kl .search_39LCF input::placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.CadetBlue_u_9Kl .continents_1PSRE {
    background-color: #fff;
    position: relative;
    width: 100%; }
  .areaFilter_Uq7SH.CadetBlue_u_9Kl .continent_29Gb7 {
    display: inline-block;
    background-color: #fff;
    padding: 4px 12px;
    font-size: 12px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #333333; }
  .areaFilter_Uq7SH.CadetBlue_u_9Kl .continent_29Gb7.selected_3-WwA {
      background-color: #111111;
      color: #fff; }
  .areaFilter_Uq7SH.CadetBlue_u_9Kl .continent_29Gb7:hover {
      background-color: #111111;
      color: #fff; }
  .areaFilter_Uq7SH.CadetBlue_u_9Kl .body_2YbH5 {
    position: relative;
    width: 100%;
    height: 258px;
    height: 336px;
    padding-top: 18px;
    overflow: auto; }
  .areaFilter_Uq7SH.CadetBlue_u_9Kl .body_2YbH5 .countryItem_21O6u {
      margin-bottom: 10px;
      color: red; }
  .areaFilter_Uq7SH.CadetBlue_u_9Kl .body_2YbH5 .countryItem_21O6u > div {
        float: left;
        width: 102px; }
  .areaFilter_Uq7SH.CadetBlue_u_9Kl .body_2YbH5 .countryItem_21O6u .cityItem_1WiB1 {
        width: calc(100% - 104px);
        color: orange; }
  .areaFilter_Uq7SH.CadetBlue_u_9Kl .body_2YbH5 .countryItem_21O6u .cityItem_1WiB1 > div {
          float: left;
          width: 102px; }
  .areaFilter_Uq7SH.CadetBlue_u_9Kl .body_2YbH5::-webkit-scrollbar {
      width: 3px;
      height: 6px; }
  .areaFilter_Uq7SH.CadetBlue_u_9Kl .body_2YbH5 .area_185Aw {
      position: relative;
      width: 100%;
      padding-top: 5px;
      padding-right: 20px;
      padding-left: 10px;
      overflow: auto; }
  .areaFilter_Uq7SH.CadetBlue_u_9Kl .body_2YbH5 .area_185Aw::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .areaFilter_Uq7SH.Gold_1Y-Z9 {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .areaFilter_Uq7SH.Gold_1Y-Z9 .title_ONjC0 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 12px; }
  .areaFilter_Uq7SH.Gold_1Y-Z9 .search_39LCF {
    position: relative;
    width: 100%;
    margin-bottom: 15px; }
  .areaFilter_Uq7SH.Gold_1Y-Z9 .search_39LCF .searchIcon_3K3t0 {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .areaFilter_Uq7SH.Gold_1Y-Z9 .search_39LCF input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .areaFilter_Uq7SH.Gold_1Y-Z9 .search_39LCF input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Gold_1Y-Z9 .search_39LCF input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Gold_1Y-Z9 .search_39LCF input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Gold_1Y-Z9 .search_39LCF input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Gold_1Y-Z9 .search_39LCF input::placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Gold_1Y-Z9 .search_39LCF input {
      height: 34px;
      font-size: 14px;
      padding-left: 38px; }
  .areaFilter_Uq7SH.Gold_1Y-Z9 .search_39LCF input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Gold_1Y-Z9 .search_39LCF input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Gold_1Y-Z9 .search_39LCF input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Gold_1Y-Z9 .search_39LCF input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Gold_1Y-Z9 .search_39LCF input::placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Gold_1Y-Z9 .continents_1PSRE {
    background-color: #fff;
    position: relative;
    width: 100%; }
  .areaFilter_Uq7SH.Gold_1Y-Z9 .continent_29Gb7 {
    display: inline-block;
    background-color: #fff;
    padding: 4px 12px;
    font-size: 12px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #333333; }
  .areaFilter_Uq7SH.Gold_1Y-Z9 .continent_29Gb7.selected_3-WwA {
      background-color: #111111;
      color: #fff; }
  .areaFilter_Uq7SH.Gold_1Y-Z9 .continent_29Gb7:hover {
      background-color: #111111;
      color: #fff; }
  .areaFilter_Uq7SH.Gold_1Y-Z9 .body_2YbH5 {
    position: relative;
    width: 100%;
    height: 258px;
    height: 336px;
    padding-top: 18px;
    overflow: auto; }
  .areaFilter_Uq7SH.Gold_1Y-Z9 .body_2YbH5 .countryItem_21O6u {
      margin-bottom: 10px;
      color: red; }
  .areaFilter_Uq7SH.Gold_1Y-Z9 .body_2YbH5 .countryItem_21O6u > div {
        float: left;
        width: 102px; }
  .areaFilter_Uq7SH.Gold_1Y-Z9 .body_2YbH5 .countryItem_21O6u .cityItem_1WiB1 {
        width: calc(100% - 104px);
        color: orange; }
  .areaFilter_Uq7SH.Gold_1Y-Z9 .body_2YbH5 .countryItem_21O6u .cityItem_1WiB1 > div {
          float: left;
          width: 102px; }
  .areaFilter_Uq7SH.Gold_1Y-Z9 .body_2YbH5::-webkit-scrollbar {
      width: 3px;
      height: 6px; }
  .areaFilter_Uq7SH.Gold_1Y-Z9 .body_2YbH5 .area_185Aw {
      position: relative;
      width: 100%;
      padding-top: 5px;
      padding-right: 20px;
      padding-left: 10px;
      overflow: auto; }
  .areaFilter_Uq7SH.Gold_1Y-Z9 .body_2YbH5 .area_185Aw::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .areaFilter_Uq7SH.PowDerBlue_27X5A {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .areaFilter_Uq7SH.PowDerBlue_27X5A .title_ONjC0 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 12px; }
  .areaFilter_Uq7SH.PowDerBlue_27X5A .search_39LCF {
    position: relative;
    width: 100%;
    margin-bottom: 15px; }
  .areaFilter_Uq7SH.PowDerBlue_27X5A .search_39LCF .searchIcon_3K3t0 {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .areaFilter_Uq7SH.PowDerBlue_27X5A .search_39LCF input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .areaFilter_Uq7SH.PowDerBlue_27X5A .search_39LCF input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.PowDerBlue_27X5A .search_39LCF input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.PowDerBlue_27X5A .search_39LCF input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.PowDerBlue_27X5A .search_39LCF input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.PowDerBlue_27X5A .search_39LCF input::placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.PowDerBlue_27X5A .search_39LCF input {
      height: 34px;
      font-size: 14px;
      padding-left: 38px; }
  .areaFilter_Uq7SH.PowDerBlue_27X5A .search_39LCF input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.PowDerBlue_27X5A .search_39LCF input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.PowDerBlue_27X5A .search_39LCF input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.PowDerBlue_27X5A .search_39LCF input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.PowDerBlue_27X5A .search_39LCF input::placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.PowDerBlue_27X5A .continents_1PSRE {
    background-color: #fff;
    position: relative;
    width: 100%; }
  .areaFilter_Uq7SH.PowDerBlue_27X5A .continent_29Gb7 {
    display: inline-block;
    background-color: #fff;
    padding: 4px 12px;
    font-size: 12px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #333333; }
  .areaFilter_Uq7SH.PowDerBlue_27X5A .continent_29Gb7.selected_3-WwA {
      background-color: #111111;
      color: #fff; }
  .areaFilter_Uq7SH.PowDerBlue_27X5A .continent_29Gb7:hover {
      background-color: #111111;
      color: #fff; }
  .areaFilter_Uq7SH.PowDerBlue_27X5A .body_2YbH5 {
    position: relative;
    width: 100%;
    height: 258px;
    height: 336px;
    padding-top: 18px;
    overflow: auto; }
  .areaFilter_Uq7SH.PowDerBlue_27X5A .body_2YbH5 .countryItem_21O6u {
      margin-bottom: 10px;
      color: red; }
  .areaFilter_Uq7SH.PowDerBlue_27X5A .body_2YbH5 .countryItem_21O6u > div {
        float: left;
        width: 102px; }
  .areaFilter_Uq7SH.PowDerBlue_27X5A .body_2YbH5 .countryItem_21O6u .cityItem_1WiB1 {
        width: calc(100% - 104px);
        color: orange; }
  .areaFilter_Uq7SH.PowDerBlue_27X5A .body_2YbH5 .countryItem_21O6u .cityItem_1WiB1 > div {
          float: left;
          width: 102px; }
  .areaFilter_Uq7SH.PowDerBlue_27X5A .body_2YbH5::-webkit-scrollbar {
      width: 3px;
      height: 6px; }
  .areaFilter_Uq7SH.PowDerBlue_27X5A .body_2YbH5 .area_185Aw {
      position: relative;
      width: 100%;
      padding-top: 5px;
      padding-right: 20px;
      padding-left: 10px;
      overflow: auto; }
  .areaFilter_Uq7SH.PowDerBlue_27X5A .body_2YbH5 .area_185Aw::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .areaFilter_Uq7SH.Dark_9NHX4 {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .areaFilter_Uq7SH.Dark_9NHX4 .title_ONjC0 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 12px; }
  .areaFilter_Uq7SH.Dark_9NHX4 .search_39LCF {
    position: relative;
    width: 100%;
    margin-bottom: 15px; }
  .areaFilter_Uq7SH.Dark_9NHX4 .search_39LCF .searchIcon_3K3t0 {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .areaFilter_Uq7SH.Dark_9NHX4 .search_39LCF input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .areaFilter_Uq7SH.Dark_9NHX4 .search_39LCF input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Dark_9NHX4 .search_39LCF input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Dark_9NHX4 .search_39LCF input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Dark_9NHX4 .search_39LCF input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Dark_9NHX4 .search_39LCF input::placeholder {
        color: #666;
        font-size: 12px; }
  .areaFilter_Uq7SH.Dark_9NHX4 .search_39LCF input {
      height: 34px;
      font-size: 14px;
      padding-left: 38px; }
  .areaFilter_Uq7SH.Dark_9NHX4 .search_39LCF input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Dark_9NHX4 .search_39LCF input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Dark_9NHX4 .search_39LCF input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Dark_9NHX4 .search_39LCF input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Dark_9NHX4 .search_39LCF input::placeholder {
        color: #666;
        font-size: 14px; }
  .areaFilter_Uq7SH.Dark_9NHX4 .continents_1PSRE {
    background-color: #fff;
    position: relative;
    width: 100%; }
  .areaFilter_Uq7SH.Dark_9NHX4 .continent_29Gb7 {
    display: inline-block;
    background-color: #fff;
    padding: 4px 12px;
    font-size: 12px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #333333; }
  .areaFilter_Uq7SH.Dark_9NHX4 .continent_29Gb7.selected_3-WwA {
      background-color: #111111;
      color: #fff; }
  .areaFilter_Uq7SH.Dark_9NHX4 .continent_29Gb7:hover {
      background-color: #111111;
      color: #fff; }
  .areaFilter_Uq7SH.Dark_9NHX4 .body_2YbH5 {
    position: relative;
    width: 100%;
    height: 258px;
    height: 336px;
    padding-top: 18px;
    overflow: auto; }
  .areaFilter_Uq7SH.Dark_9NHX4 .body_2YbH5 .countryItem_21O6u {
      margin-bottom: 10px;
      color: red; }
  .areaFilter_Uq7SH.Dark_9NHX4 .body_2YbH5 .countryItem_21O6u > div {
        float: left;
        width: 102px; }
  .areaFilter_Uq7SH.Dark_9NHX4 .body_2YbH5 .countryItem_21O6u .cityItem_1WiB1 {
        width: calc(100% - 104px);
        color: orange; }
  .areaFilter_Uq7SH.Dark_9NHX4 .body_2YbH5 .countryItem_21O6u .cityItem_1WiB1 > div {
          float: left;
          width: 102px; }
  .areaFilter_Uq7SH.Dark_9NHX4 .body_2YbH5::-webkit-scrollbar {
      width: 3px;
      height: 6px; }
  .areaFilter_Uq7SH.Dark_9NHX4 .body_2YbH5 .area_185Aw {
      position: relative;
      width: 100%;
      padding-top: 5px;
      padding-right: 20px;
      padding-left: 10px;
      overflow: auto; }
  .areaFilter_Uq7SH.Dark_9NHX4 .body_2YbH5 .area_185Aw::-webkit-scrollbar-track-piece {
        background-color: #fff; }

.bannerFilter_2J3-J.Normal_nwATX {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_2J3-J.Normal_nwATX .title_2b1do {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_2J3-J.Normal_nwATX .search_1V3Op {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_2J3-J.Normal_nwATX .search_1V3Op .searchIcon_9Opj0 {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .bannerFilter_2J3-J.Normal_nwATX .search_1V3Op input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_2J3-J.Normal_nwATX .search_1V3Op input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Normal_nwATX .search_1V3Op input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Normal_nwATX .search_1V3Op input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Normal_nwATX .search_1V3Op input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Normal_nwATX .search_1V3Op input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Normal_nwATX .body_JDeP7 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_2J3-J.Normal_nwATX .body_JDeP7 .barndList_2uVhT {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_2J3-J.Normal_nwATX .body_JDeP7 .barndList_2uVhT::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_2J3-J.Normal_nwATX .body_JDeP7 .barndList_2uVhT .selectedKey_4_opt {
        font-size: 16px;
        margin-bottom: 16px;
        color: #111111;
        font-weight: bold; }
  .bannerFilter_2J3-J.Normal_nwATX .body_JDeP7 .barndList_2uVhT::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_2J3-J.Normal_nwATX .body_JDeP7 .barndList_2uVhT .brandTagItem_3hCAG:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_2J3-J.Normal_nwATX .body_JDeP7 .brandTagItem_3hCAG {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_2J3-J.Normal_nwATX .body_JDeP7 .keyList_Rj4nh > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_2J3-J.Normal_nwATX .body_JDeP7 .keyList_Rj4nh > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_2J3-J.Normal_nwATX .body_JDeP7 .selectedKey_4_opt {
      color: #111111;
      font-weight: bold; }
  .bannerFilter_2J3-J.DarkCyan_3LkOB {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_2J3-J.DarkCyan_3LkOB .title_2b1do {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_2J3-J.DarkCyan_3LkOB .search_1V3Op {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_2J3-J.DarkCyan_3LkOB .search_1V3Op .searchIcon_9Opj0 {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .bannerFilter_2J3-J.DarkCyan_3LkOB .search_1V3Op input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_2J3-J.DarkCyan_3LkOB .search_1V3Op input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.DarkCyan_3LkOB .search_1V3Op input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.DarkCyan_3LkOB .search_1V3Op input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.DarkCyan_3LkOB .search_1V3Op input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.DarkCyan_3LkOB .search_1V3Op input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.DarkCyan_3LkOB .body_JDeP7 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_2J3-J.DarkCyan_3LkOB .body_JDeP7 .barndList_2uVhT {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_2J3-J.DarkCyan_3LkOB .body_JDeP7 .barndList_2uVhT::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_2J3-J.DarkCyan_3LkOB .body_JDeP7 .barndList_2uVhT .selectedKey_4_opt {
        font-size: 16px;
        margin-bottom: 16px;
        color: #175851;
        font-weight: bold; }
  .bannerFilter_2J3-J.DarkCyan_3LkOB .body_JDeP7 .barndList_2uVhT::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_2J3-J.DarkCyan_3LkOB .body_JDeP7 .barndList_2uVhT .brandTagItem_3hCAG:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_2J3-J.DarkCyan_3LkOB .body_JDeP7 .brandTagItem_3hCAG {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_2J3-J.DarkCyan_3LkOB .body_JDeP7 .keyList_Rj4nh > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_2J3-J.DarkCyan_3LkOB .body_JDeP7 .keyList_Rj4nh > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_2J3-J.DarkCyan_3LkOB .body_JDeP7 .selectedKey_4_opt {
      color: #175851;
      font-weight: bold; }
  .bannerFilter_2J3-J.Wheat_1CGnC {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_2J3-J.Wheat_1CGnC .title_2b1do {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_2J3-J.Wheat_1CGnC .search_1V3Op {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_2J3-J.Wheat_1CGnC .search_1V3Op .searchIcon_9Opj0 {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .bannerFilter_2J3-J.Wheat_1CGnC .search_1V3Op input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_2J3-J.Wheat_1CGnC .search_1V3Op input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Wheat_1CGnC .search_1V3Op input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Wheat_1CGnC .search_1V3Op input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Wheat_1CGnC .search_1V3Op input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Wheat_1CGnC .search_1V3Op input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Wheat_1CGnC .body_JDeP7 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_2J3-J.Wheat_1CGnC .body_JDeP7 .barndList_2uVhT {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_2J3-J.Wheat_1CGnC .body_JDeP7 .barndList_2uVhT::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_2J3-J.Wheat_1CGnC .body_JDeP7 .barndList_2uVhT .selectedKey_4_opt {
        font-size: 16px;
        margin-bottom: 16px;
        color: #e1b282;
        font-weight: bold; }
  .bannerFilter_2J3-J.Wheat_1CGnC .body_JDeP7 .barndList_2uVhT::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_2J3-J.Wheat_1CGnC .body_JDeP7 .barndList_2uVhT .brandTagItem_3hCAG:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_2J3-J.Wheat_1CGnC .body_JDeP7 .brandTagItem_3hCAG {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_2J3-J.Wheat_1CGnC .body_JDeP7 .keyList_Rj4nh > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_2J3-J.Wheat_1CGnC .body_JDeP7 .keyList_Rj4nh > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_2J3-J.Wheat_1CGnC .body_JDeP7 .selectedKey_4_opt {
      color: #e1b282;
      font-weight: bold; }
  .bannerFilter_2J3-J.RosyBrown_1buJR {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_2J3-J.RosyBrown_1buJR .title_2b1do {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_2J3-J.RosyBrown_1buJR .search_1V3Op {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_2J3-J.RosyBrown_1buJR .search_1V3Op .searchIcon_9Opj0 {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .bannerFilter_2J3-J.RosyBrown_1buJR .search_1V3Op input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_2J3-J.RosyBrown_1buJR .search_1V3Op input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.RosyBrown_1buJR .search_1V3Op input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.RosyBrown_1buJR .search_1V3Op input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.RosyBrown_1buJR .search_1V3Op input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.RosyBrown_1buJR .search_1V3Op input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.RosyBrown_1buJR .body_JDeP7 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_2J3-J.RosyBrown_1buJR .body_JDeP7 .barndList_2uVhT {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_2J3-J.RosyBrown_1buJR .body_JDeP7 .barndList_2uVhT::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_2J3-J.RosyBrown_1buJR .body_JDeP7 .barndList_2uVhT .selectedKey_4_opt {
        font-size: 16px;
        margin-bottom: 16px;
        color: #9b758b;
        font-weight: bold; }
  .bannerFilter_2J3-J.RosyBrown_1buJR .body_JDeP7 .barndList_2uVhT::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_2J3-J.RosyBrown_1buJR .body_JDeP7 .barndList_2uVhT .brandTagItem_3hCAG:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_2J3-J.RosyBrown_1buJR .body_JDeP7 .brandTagItem_3hCAG {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_2J3-J.RosyBrown_1buJR .body_JDeP7 .keyList_Rj4nh > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_2J3-J.RosyBrown_1buJR .body_JDeP7 .keyList_Rj4nh > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_2J3-J.RosyBrown_1buJR .body_JDeP7 .selectedKey_4_opt {
      color: #9b758b;
      font-weight: bold; }
  .bannerFilter_2J3-J.Chocolate_1zSCI {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_2J3-J.Chocolate_1zSCI .title_2b1do {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_2J3-J.Chocolate_1zSCI .search_1V3Op {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_2J3-J.Chocolate_1zSCI .search_1V3Op .searchIcon_9Opj0 {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .bannerFilter_2J3-J.Chocolate_1zSCI .search_1V3Op input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_2J3-J.Chocolate_1zSCI .search_1V3Op input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Chocolate_1zSCI .search_1V3Op input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Chocolate_1zSCI .search_1V3Op input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Chocolate_1zSCI .search_1V3Op input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Chocolate_1zSCI .search_1V3Op input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Chocolate_1zSCI .body_JDeP7 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_2J3-J.Chocolate_1zSCI .body_JDeP7 .barndList_2uVhT {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_2J3-J.Chocolate_1zSCI .body_JDeP7 .barndList_2uVhT::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_2J3-J.Chocolate_1zSCI .body_JDeP7 .barndList_2uVhT .selectedKey_4_opt {
        font-size: 16px;
        margin-bottom: 16px;
        color: #da6339;
        font-weight: bold; }
  .bannerFilter_2J3-J.Chocolate_1zSCI .body_JDeP7 .barndList_2uVhT::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_2J3-J.Chocolate_1zSCI .body_JDeP7 .barndList_2uVhT .brandTagItem_3hCAG:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_2J3-J.Chocolate_1zSCI .body_JDeP7 .brandTagItem_3hCAG {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_2J3-J.Chocolate_1zSCI .body_JDeP7 .keyList_Rj4nh > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_2J3-J.Chocolate_1zSCI .body_JDeP7 .keyList_Rj4nh > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_2J3-J.Chocolate_1zSCI .body_JDeP7 .selectedKey_4_opt {
      color: #da6339;
      font-weight: bold; }
  .bannerFilter_2J3-J.Coral_1LfEB {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_2J3-J.Coral_1LfEB .title_2b1do {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_2J3-J.Coral_1LfEB .search_1V3Op {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_2J3-J.Coral_1LfEB .search_1V3Op .searchIcon_9Opj0 {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .bannerFilter_2J3-J.Coral_1LfEB .search_1V3Op input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_2J3-J.Coral_1LfEB .search_1V3Op input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Coral_1LfEB .search_1V3Op input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Coral_1LfEB .search_1V3Op input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Coral_1LfEB .search_1V3Op input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Coral_1LfEB .search_1V3Op input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Coral_1LfEB .body_JDeP7 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_2J3-J.Coral_1LfEB .body_JDeP7 .barndList_2uVhT {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_2J3-J.Coral_1LfEB .body_JDeP7 .barndList_2uVhT::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_2J3-J.Coral_1LfEB .body_JDeP7 .barndList_2uVhT .selectedKey_4_opt {
        font-size: 16px;
        margin-bottom: 16px;
        color: #e46375;
        font-weight: bold; }
  .bannerFilter_2J3-J.Coral_1LfEB .body_JDeP7 .barndList_2uVhT::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_2J3-J.Coral_1LfEB .body_JDeP7 .barndList_2uVhT .brandTagItem_3hCAG:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_2J3-J.Coral_1LfEB .body_JDeP7 .brandTagItem_3hCAG {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_2J3-J.Coral_1LfEB .body_JDeP7 .keyList_Rj4nh > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_2J3-J.Coral_1LfEB .body_JDeP7 .keyList_Rj4nh > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_2J3-J.Coral_1LfEB .body_JDeP7 .selectedKey_4_opt {
      color: #e46375;
      font-weight: bold; }
  .bannerFilter_2J3-J.CadetBlue_1594N {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_2J3-J.CadetBlue_1594N .title_2b1do {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_2J3-J.CadetBlue_1594N .search_1V3Op {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_2J3-J.CadetBlue_1594N .search_1V3Op .searchIcon_9Opj0 {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .bannerFilter_2J3-J.CadetBlue_1594N .search_1V3Op input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_2J3-J.CadetBlue_1594N .search_1V3Op input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.CadetBlue_1594N .search_1V3Op input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.CadetBlue_1594N .search_1V3Op input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.CadetBlue_1594N .search_1V3Op input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.CadetBlue_1594N .search_1V3Op input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.CadetBlue_1594N .body_JDeP7 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_2J3-J.CadetBlue_1594N .body_JDeP7 .barndList_2uVhT {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_2J3-J.CadetBlue_1594N .body_JDeP7 .barndList_2uVhT::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_2J3-J.CadetBlue_1594N .body_JDeP7 .barndList_2uVhT .selectedKey_4_opt {
        font-size: 16px;
        margin-bottom: 16px;
        color: #87a397;
        font-weight: bold; }
  .bannerFilter_2J3-J.CadetBlue_1594N .body_JDeP7 .barndList_2uVhT::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_2J3-J.CadetBlue_1594N .body_JDeP7 .barndList_2uVhT .brandTagItem_3hCAG:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_2J3-J.CadetBlue_1594N .body_JDeP7 .brandTagItem_3hCAG {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_2J3-J.CadetBlue_1594N .body_JDeP7 .keyList_Rj4nh > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_2J3-J.CadetBlue_1594N .body_JDeP7 .keyList_Rj4nh > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_2J3-J.CadetBlue_1594N .body_JDeP7 .selectedKey_4_opt {
      color: #87a397;
      font-weight: bold; }
  .bannerFilter_2J3-J.Gold_2tlh1 {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_2J3-J.Gold_2tlh1 .title_2b1do {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_2J3-J.Gold_2tlh1 .search_1V3Op {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_2J3-J.Gold_2tlh1 .search_1V3Op .searchIcon_9Opj0 {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .bannerFilter_2J3-J.Gold_2tlh1 .search_1V3Op input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_2J3-J.Gold_2tlh1 .search_1V3Op input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Gold_2tlh1 .search_1V3Op input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Gold_2tlh1 .search_1V3Op input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Gold_2tlh1 .search_1V3Op input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Gold_2tlh1 .search_1V3Op input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Gold_2tlh1 .body_JDeP7 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_2J3-J.Gold_2tlh1 .body_JDeP7 .barndList_2uVhT {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_2J3-J.Gold_2tlh1 .body_JDeP7 .barndList_2uVhT::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_2J3-J.Gold_2tlh1 .body_JDeP7 .barndList_2uVhT .selectedKey_4_opt {
        font-size: 16px;
        margin-bottom: 16px;
        color: #ffc629;
        font-weight: bold; }
  .bannerFilter_2J3-J.Gold_2tlh1 .body_JDeP7 .barndList_2uVhT::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_2J3-J.Gold_2tlh1 .body_JDeP7 .barndList_2uVhT .brandTagItem_3hCAG:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_2J3-J.Gold_2tlh1 .body_JDeP7 .brandTagItem_3hCAG {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_2J3-J.Gold_2tlh1 .body_JDeP7 .keyList_Rj4nh > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_2J3-J.Gold_2tlh1 .body_JDeP7 .keyList_Rj4nh > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_2J3-J.Gold_2tlh1 .body_JDeP7 .selectedKey_4_opt {
      color: #ffc629;
      font-weight: bold; }
  .bannerFilter_2J3-J.PowDerBlue_3YXHC {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_2J3-J.PowDerBlue_3YXHC .title_2b1do {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_2J3-J.PowDerBlue_3YXHC .search_1V3Op {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_2J3-J.PowDerBlue_3YXHC .search_1V3Op .searchIcon_9Opj0 {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .bannerFilter_2J3-J.PowDerBlue_3YXHC .search_1V3Op input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_2J3-J.PowDerBlue_3YXHC .search_1V3Op input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.PowDerBlue_3YXHC .search_1V3Op input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.PowDerBlue_3YXHC .search_1V3Op input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.PowDerBlue_3YXHC .search_1V3Op input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.PowDerBlue_3YXHC .search_1V3Op input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.PowDerBlue_3YXHC .body_JDeP7 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_2J3-J.PowDerBlue_3YXHC .body_JDeP7 .barndList_2uVhT {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_2J3-J.PowDerBlue_3YXHC .body_JDeP7 .barndList_2uVhT::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_2J3-J.PowDerBlue_3YXHC .body_JDeP7 .barndList_2uVhT .selectedKey_4_opt {
        font-size: 16px;
        margin-bottom: 16px;
        color: #749bb0;
        font-weight: bold; }
  .bannerFilter_2J3-J.PowDerBlue_3YXHC .body_JDeP7 .barndList_2uVhT::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_2J3-J.PowDerBlue_3YXHC .body_JDeP7 .barndList_2uVhT .brandTagItem_3hCAG:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_2J3-J.PowDerBlue_3YXHC .body_JDeP7 .brandTagItem_3hCAG {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_2J3-J.PowDerBlue_3YXHC .body_JDeP7 .keyList_Rj4nh > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_2J3-J.PowDerBlue_3YXHC .body_JDeP7 .keyList_Rj4nh > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_2J3-J.PowDerBlue_3YXHC .body_JDeP7 .selectedKey_4_opt {
      color: #749bb0;
      font-weight: bold; }
  .bannerFilter_2J3-J.Dark_3dCaB {
  width: 570px;
  height: 460px;
  padding: 10px 15px;
  background-color: #fff; }
  .bannerFilter_2J3-J.Dark_3dCaB .title_2b1do {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_2J3-J.Dark_3dCaB .search_1V3Op {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }
  .bannerFilter_2J3-J.Dark_3dCaB .search_1V3Op .searchIcon_9Opj0 {
      position: absolute;
      top: 4px;
      left: 8px;
      font-size: 12px;
      color: #333333; }
  .bannerFilter_2J3-J.Dark_3dCaB .search_1V3Op input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .bannerFilter_2J3-J.Dark_3dCaB .search_1V3Op input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Dark_3dCaB .search_1V3Op input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Dark_3dCaB .search_1V3Op input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Dark_3dCaB .search_1V3Op input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Dark_3dCaB .search_1V3Op input::placeholder {
        color: #666;
        font-size: 12px; }
  .bannerFilter_2J3-J.Dark_3dCaB .body_JDeP7 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_2J3-J.Dark_3dCaB .body_JDeP7 .barndList_2uVhT {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_2J3-J.Dark_3dCaB .body_JDeP7 .barndList_2uVhT::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_2J3-J.Dark_3dCaB .body_JDeP7 .barndList_2uVhT .selectedKey_4_opt {
        font-size: 16px;
        margin-bottom: 16px;
        color: #000;
        font-weight: bold; }
  .bannerFilter_2J3-J.Dark_3dCaB .body_JDeP7 .barndList_2uVhT::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_2J3-J.Dark_3dCaB .body_JDeP7 .barndList_2uVhT .brandTagItem_3hCAG:nth-of-type(3n) {
        margin-right: 0px; }
  .bannerFilter_2J3-J.Dark_3dCaB .body_JDeP7 .brandTagItem_3hCAG {
      width: calc((100% - 60px) / 3);
      float: left;
      margin-right: 30px; }
  .bannerFilter_2J3-J.Dark_3dCaB .body_JDeP7 .keyList_Rj4nh > div {
      padding: 2px 5px;
      height: 22px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_2J3-J.Dark_3dCaB .body_JDeP7 .keyList_Rj4nh > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_2J3-J.Dark_3dCaB .body_JDeP7 .selectedKey_4_opt {
      color: #000;
      font-weight: bold; }

.seasonFilter_ABxGA.Normal_3Z5_G {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .seasonFilter_ABxGA.Normal_3Z5_G .title_EPuHM {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
    color: #111111;
    line-height: 22px; }
  .seasonFilter_ABxGA.Normal_3Z5_G .body_1Fab- {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 47px); }
  .seasonFilter_ABxGA.Normal_3Z5_G .body_1Fab- .seasonRange_2pN0z {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      padding-left: 7px; }
  .seasonFilter_ABxGA.Normal_3Z5_G .body_1Fab- .seasonRange_2pN0z::before {
        position: absolute;
        content: '';
        left: 0;
        top: 4px;
        width: 2px;
        height: 16px;
        background: #000; }
  .seasonFilter_ABxGA.Normal_3Z5_G .body_1Fab- .seasonRange_2pN0z + .seasonRange_2pN0z {
        margin-top: 27px; }
  .seasonFilter_ABxGA.Normal_3Z5_G .body_1Fab- .seasonItem_2BKr- > div {
      float: left;
      padding-right: 10px;
      margin-bottom: unset;
      margin-right: 12px; }
  .seasonFilter_ABxGA.Normal_3Z5_G .body_1Fab- .seasonItemForMonth_3rJyG {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .seasonFilter_ABxGA.Normal_3Z5_G .body_1Fab- .seasonItemForMonth_3rJyG > div {
        padding-right: 0px;
        margin-right: 10px; }
  .seasonFilter_ABxGA.Normal_3Z5_G .body_1Fab- .seasonItemForMonth_3rJyG > div > span {
          top: 5px;
          width: 12px;
          height: 12px;
          right: 1px; }
  .seasonFilter_ABxGA.Normal_3Z5_G .body_1Fab-::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_ABxGA.Normal_3Z5_G .body_1Fab-::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_ABxGA.DarkCyan_1w3zT {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .seasonFilter_ABxGA.DarkCyan_1w3zT .title_EPuHM {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
    color: #111111;
    line-height: 22px; }
  .seasonFilter_ABxGA.DarkCyan_1w3zT .body_1Fab- {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 47px); }
  .seasonFilter_ABxGA.DarkCyan_1w3zT .body_1Fab- .seasonRange_2pN0z {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      padding-left: 7px; }
  .seasonFilter_ABxGA.DarkCyan_1w3zT .body_1Fab- .seasonRange_2pN0z::before {
        position: absolute;
        content: '';
        left: 0;
        top: 4px;
        width: 2px;
        height: 16px;
        background: #000; }
  .seasonFilter_ABxGA.DarkCyan_1w3zT .body_1Fab- .seasonRange_2pN0z + .seasonRange_2pN0z {
        margin-top: 27px; }
  .seasonFilter_ABxGA.DarkCyan_1w3zT .body_1Fab- .seasonItem_2BKr- > div {
      float: left;
      padding-right: 10px;
      margin-bottom: unset;
      margin-right: 12px; }
  .seasonFilter_ABxGA.DarkCyan_1w3zT .body_1Fab- .seasonItemForMonth_3rJyG {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .seasonFilter_ABxGA.DarkCyan_1w3zT .body_1Fab- .seasonItemForMonth_3rJyG > div {
        padding-right: 0px;
        margin-right: 10px; }
  .seasonFilter_ABxGA.DarkCyan_1w3zT .body_1Fab- .seasonItemForMonth_3rJyG > div > span {
          top: 5px;
          width: 12px;
          height: 12px;
          right: 1px; }
  .seasonFilter_ABxGA.DarkCyan_1w3zT .body_1Fab-::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_ABxGA.DarkCyan_1w3zT .body_1Fab-::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_ABxGA.Wheat_IkcDQ {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .seasonFilter_ABxGA.Wheat_IkcDQ .title_EPuHM {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
    color: #111111;
    line-height: 22px; }
  .seasonFilter_ABxGA.Wheat_IkcDQ .body_1Fab- {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 47px); }
  .seasonFilter_ABxGA.Wheat_IkcDQ .body_1Fab- .seasonRange_2pN0z {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      padding-left: 7px; }
  .seasonFilter_ABxGA.Wheat_IkcDQ .body_1Fab- .seasonRange_2pN0z::before {
        position: absolute;
        content: '';
        left: 0;
        top: 4px;
        width: 2px;
        height: 16px;
        background: #000; }
  .seasonFilter_ABxGA.Wheat_IkcDQ .body_1Fab- .seasonRange_2pN0z + .seasonRange_2pN0z {
        margin-top: 27px; }
  .seasonFilter_ABxGA.Wheat_IkcDQ .body_1Fab- .seasonItem_2BKr- > div {
      float: left;
      padding-right: 10px;
      margin-bottom: unset;
      margin-right: 12px; }
  .seasonFilter_ABxGA.Wheat_IkcDQ .body_1Fab- .seasonItemForMonth_3rJyG {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .seasonFilter_ABxGA.Wheat_IkcDQ .body_1Fab- .seasonItemForMonth_3rJyG > div {
        padding-right: 0px;
        margin-right: 10px; }
  .seasonFilter_ABxGA.Wheat_IkcDQ .body_1Fab- .seasonItemForMonth_3rJyG > div > span {
          top: 5px;
          width: 12px;
          height: 12px;
          right: 1px; }
  .seasonFilter_ABxGA.Wheat_IkcDQ .body_1Fab-::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_ABxGA.Wheat_IkcDQ .body_1Fab-::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_ABxGA.RosyBrown_axchA {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .seasonFilter_ABxGA.RosyBrown_axchA .title_EPuHM {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
    color: #111111;
    line-height: 22px; }
  .seasonFilter_ABxGA.RosyBrown_axchA .body_1Fab- {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 47px); }
  .seasonFilter_ABxGA.RosyBrown_axchA .body_1Fab- .seasonRange_2pN0z {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      padding-left: 7px; }
  .seasonFilter_ABxGA.RosyBrown_axchA .body_1Fab- .seasonRange_2pN0z::before {
        position: absolute;
        content: '';
        left: 0;
        top: 4px;
        width: 2px;
        height: 16px;
        background: #000; }
  .seasonFilter_ABxGA.RosyBrown_axchA .body_1Fab- .seasonRange_2pN0z + .seasonRange_2pN0z {
        margin-top: 27px; }
  .seasonFilter_ABxGA.RosyBrown_axchA .body_1Fab- .seasonItem_2BKr- > div {
      float: left;
      padding-right: 10px;
      margin-bottom: unset;
      margin-right: 12px; }
  .seasonFilter_ABxGA.RosyBrown_axchA .body_1Fab- .seasonItemForMonth_3rJyG {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .seasonFilter_ABxGA.RosyBrown_axchA .body_1Fab- .seasonItemForMonth_3rJyG > div {
        padding-right: 0px;
        margin-right: 10px; }
  .seasonFilter_ABxGA.RosyBrown_axchA .body_1Fab- .seasonItemForMonth_3rJyG > div > span {
          top: 5px;
          width: 12px;
          height: 12px;
          right: 1px; }
  .seasonFilter_ABxGA.RosyBrown_axchA .body_1Fab-::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_ABxGA.RosyBrown_axchA .body_1Fab-::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_ABxGA.Chocolate_q7ksQ {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .seasonFilter_ABxGA.Chocolate_q7ksQ .title_EPuHM {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
    color: #111111;
    line-height: 22px; }
  .seasonFilter_ABxGA.Chocolate_q7ksQ .body_1Fab- {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 47px); }
  .seasonFilter_ABxGA.Chocolate_q7ksQ .body_1Fab- .seasonRange_2pN0z {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      padding-left: 7px; }
  .seasonFilter_ABxGA.Chocolate_q7ksQ .body_1Fab- .seasonRange_2pN0z::before {
        position: absolute;
        content: '';
        left: 0;
        top: 4px;
        width: 2px;
        height: 16px;
        background: #000; }
  .seasonFilter_ABxGA.Chocolate_q7ksQ .body_1Fab- .seasonRange_2pN0z + .seasonRange_2pN0z {
        margin-top: 27px; }
  .seasonFilter_ABxGA.Chocolate_q7ksQ .body_1Fab- .seasonItem_2BKr- > div {
      float: left;
      padding-right: 10px;
      margin-bottom: unset;
      margin-right: 12px; }
  .seasonFilter_ABxGA.Chocolate_q7ksQ .body_1Fab- .seasonItemForMonth_3rJyG {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .seasonFilter_ABxGA.Chocolate_q7ksQ .body_1Fab- .seasonItemForMonth_3rJyG > div {
        padding-right: 0px;
        margin-right: 10px; }
  .seasonFilter_ABxGA.Chocolate_q7ksQ .body_1Fab- .seasonItemForMonth_3rJyG > div > span {
          top: 5px;
          width: 12px;
          height: 12px;
          right: 1px; }
  .seasonFilter_ABxGA.Chocolate_q7ksQ .body_1Fab-::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_ABxGA.Chocolate_q7ksQ .body_1Fab-::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_ABxGA.Coral_mvkI7 {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .seasonFilter_ABxGA.Coral_mvkI7 .title_EPuHM {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
    color: #111111;
    line-height: 22px; }
  .seasonFilter_ABxGA.Coral_mvkI7 .body_1Fab- {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 47px); }
  .seasonFilter_ABxGA.Coral_mvkI7 .body_1Fab- .seasonRange_2pN0z {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      padding-left: 7px; }
  .seasonFilter_ABxGA.Coral_mvkI7 .body_1Fab- .seasonRange_2pN0z::before {
        position: absolute;
        content: '';
        left: 0;
        top: 4px;
        width: 2px;
        height: 16px;
        background: #000; }
  .seasonFilter_ABxGA.Coral_mvkI7 .body_1Fab- .seasonRange_2pN0z + .seasonRange_2pN0z {
        margin-top: 27px; }
  .seasonFilter_ABxGA.Coral_mvkI7 .body_1Fab- .seasonItem_2BKr- > div {
      float: left;
      padding-right: 10px;
      margin-bottom: unset;
      margin-right: 12px; }
  .seasonFilter_ABxGA.Coral_mvkI7 .body_1Fab- .seasonItemForMonth_3rJyG {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .seasonFilter_ABxGA.Coral_mvkI7 .body_1Fab- .seasonItemForMonth_3rJyG > div {
        padding-right: 0px;
        margin-right: 10px; }
  .seasonFilter_ABxGA.Coral_mvkI7 .body_1Fab- .seasonItemForMonth_3rJyG > div > span {
          top: 5px;
          width: 12px;
          height: 12px;
          right: 1px; }
  .seasonFilter_ABxGA.Coral_mvkI7 .body_1Fab-::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_ABxGA.Coral_mvkI7 .body_1Fab-::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_ABxGA.CadetBlue_1hbHx {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .seasonFilter_ABxGA.CadetBlue_1hbHx .title_EPuHM {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
    color: #111111;
    line-height: 22px; }
  .seasonFilter_ABxGA.CadetBlue_1hbHx .body_1Fab- {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 47px); }
  .seasonFilter_ABxGA.CadetBlue_1hbHx .body_1Fab- .seasonRange_2pN0z {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      padding-left: 7px; }
  .seasonFilter_ABxGA.CadetBlue_1hbHx .body_1Fab- .seasonRange_2pN0z::before {
        position: absolute;
        content: '';
        left: 0;
        top: 4px;
        width: 2px;
        height: 16px;
        background: #000; }
  .seasonFilter_ABxGA.CadetBlue_1hbHx .body_1Fab- .seasonRange_2pN0z + .seasonRange_2pN0z {
        margin-top: 27px; }
  .seasonFilter_ABxGA.CadetBlue_1hbHx .body_1Fab- .seasonItem_2BKr- > div {
      float: left;
      padding-right: 10px;
      margin-bottom: unset;
      margin-right: 12px; }
  .seasonFilter_ABxGA.CadetBlue_1hbHx .body_1Fab- .seasonItemForMonth_3rJyG {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .seasonFilter_ABxGA.CadetBlue_1hbHx .body_1Fab- .seasonItemForMonth_3rJyG > div {
        padding-right: 0px;
        margin-right: 10px; }
  .seasonFilter_ABxGA.CadetBlue_1hbHx .body_1Fab- .seasonItemForMonth_3rJyG > div > span {
          top: 5px;
          width: 12px;
          height: 12px;
          right: 1px; }
  .seasonFilter_ABxGA.CadetBlue_1hbHx .body_1Fab-::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_ABxGA.CadetBlue_1hbHx .body_1Fab-::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_ABxGA.Gold_3nB4U {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .seasonFilter_ABxGA.Gold_3nB4U .title_EPuHM {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
    color: #111111;
    line-height: 22px; }
  .seasonFilter_ABxGA.Gold_3nB4U .body_1Fab- {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 47px); }
  .seasonFilter_ABxGA.Gold_3nB4U .body_1Fab- .seasonRange_2pN0z {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      padding-left: 7px; }
  .seasonFilter_ABxGA.Gold_3nB4U .body_1Fab- .seasonRange_2pN0z::before {
        position: absolute;
        content: '';
        left: 0;
        top: 4px;
        width: 2px;
        height: 16px;
        background: #000; }
  .seasonFilter_ABxGA.Gold_3nB4U .body_1Fab- .seasonRange_2pN0z + .seasonRange_2pN0z {
        margin-top: 27px; }
  .seasonFilter_ABxGA.Gold_3nB4U .body_1Fab- .seasonItem_2BKr- > div {
      float: left;
      padding-right: 10px;
      margin-bottom: unset;
      margin-right: 12px; }
  .seasonFilter_ABxGA.Gold_3nB4U .body_1Fab- .seasonItemForMonth_3rJyG {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .seasonFilter_ABxGA.Gold_3nB4U .body_1Fab- .seasonItemForMonth_3rJyG > div {
        padding-right: 0px;
        margin-right: 10px; }
  .seasonFilter_ABxGA.Gold_3nB4U .body_1Fab- .seasonItemForMonth_3rJyG > div > span {
          top: 5px;
          width: 12px;
          height: 12px;
          right: 1px; }
  .seasonFilter_ABxGA.Gold_3nB4U .body_1Fab-::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_ABxGA.Gold_3nB4U .body_1Fab-::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_ABxGA.PowDerBlue_1FLwT {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .seasonFilter_ABxGA.PowDerBlue_1FLwT .title_EPuHM {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
    color: #111111;
    line-height: 22px; }
  .seasonFilter_ABxGA.PowDerBlue_1FLwT .body_1Fab- {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 47px); }
  .seasonFilter_ABxGA.PowDerBlue_1FLwT .body_1Fab- .seasonRange_2pN0z {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      padding-left: 7px; }
  .seasonFilter_ABxGA.PowDerBlue_1FLwT .body_1Fab- .seasonRange_2pN0z::before {
        position: absolute;
        content: '';
        left: 0;
        top: 4px;
        width: 2px;
        height: 16px;
        background: #000; }
  .seasonFilter_ABxGA.PowDerBlue_1FLwT .body_1Fab- .seasonRange_2pN0z + .seasonRange_2pN0z {
        margin-top: 27px; }
  .seasonFilter_ABxGA.PowDerBlue_1FLwT .body_1Fab- .seasonItem_2BKr- > div {
      float: left;
      padding-right: 10px;
      margin-bottom: unset;
      margin-right: 12px; }
  .seasonFilter_ABxGA.PowDerBlue_1FLwT .body_1Fab- .seasonItemForMonth_3rJyG {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .seasonFilter_ABxGA.PowDerBlue_1FLwT .body_1Fab- .seasonItemForMonth_3rJyG > div {
        padding-right: 0px;
        margin-right: 10px; }
  .seasonFilter_ABxGA.PowDerBlue_1FLwT .body_1Fab- .seasonItemForMonth_3rJyG > div > span {
          top: 5px;
          width: 12px;
          height: 12px;
          right: 1px; }
  .seasonFilter_ABxGA.PowDerBlue_1FLwT .body_1Fab-::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_ABxGA.PowDerBlue_1FLwT .body_1Fab-::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_ABxGA.Dark_3QwDN {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .seasonFilter_ABxGA.Dark_3QwDN .title_EPuHM {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
    color: #111111;
    line-height: 22px; }
  .seasonFilter_ABxGA.Dark_3QwDN .body_1Fab- {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 47px); }
  .seasonFilter_ABxGA.Dark_3QwDN .body_1Fab- .seasonRange_2pN0z {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      padding-left: 7px; }
  .seasonFilter_ABxGA.Dark_3QwDN .body_1Fab- .seasonRange_2pN0z::before {
        position: absolute;
        content: '';
        left: 0;
        top: 4px;
        width: 2px;
        height: 16px;
        background: #000; }
  .seasonFilter_ABxGA.Dark_3QwDN .body_1Fab- .seasonRange_2pN0z + .seasonRange_2pN0z {
        margin-top: 27px; }
  .seasonFilter_ABxGA.Dark_3QwDN .body_1Fab- .seasonItem_2BKr- > div {
      float: left;
      padding-right: 10px;
      margin-bottom: unset;
      margin-right: 12px; }
  .seasonFilter_ABxGA.Dark_3QwDN .body_1Fab- .seasonItemForMonth_3rJyG {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .seasonFilter_ABxGA.Dark_3QwDN .body_1Fab- .seasonItemForMonth_3rJyG > div {
        padding-right: 0px;
        margin-right: 10px; }
  .seasonFilter_ABxGA.Dark_3QwDN .body_1Fab- .seasonItemForMonth_3rJyG > div > span {
          top: 5px;
          width: 12px;
          height: 12px;
          right: 1px; }
  .seasonFilter_ABxGA.Dark_3QwDN .body_1Fab-::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_ABxGA.Dark_3QwDN .body_1Fab-::-webkit-scrollbar-track-piece {
      background-color: #fff; }

.seasonFilter_GBfSZ.Normal_3Xy9h {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .seasonFilter_GBfSZ.Normal_3Xy9h .title_8mOZ6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 18px; }
  .seasonFilter_GBfSZ.Normal_3Xy9h .body_1x79p {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_GBfSZ.Normal_3Xy9h .body_1x79p > div {
      float: left;
      width: 120px;
      margin-right: 17px;
      margin-bottom: 24px; }
  .seasonFilter_GBfSZ.Normal_3Xy9h .body_1x79p > div:nth-of-type(6n) {
        margin-right: 0px; }
  .seasonFilter_GBfSZ.Normal_3Xy9h .body_1x79p::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_GBfSZ.Normal_3Xy9h .body_1x79p::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_GBfSZ.DarkCyan_Y3FkA {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .seasonFilter_GBfSZ.DarkCyan_Y3FkA .title_8mOZ6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 18px; }
  .seasonFilter_GBfSZ.DarkCyan_Y3FkA .body_1x79p {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_GBfSZ.DarkCyan_Y3FkA .body_1x79p > div {
      float: left;
      width: 120px;
      margin-right: 17px;
      margin-bottom: 24px; }
  .seasonFilter_GBfSZ.DarkCyan_Y3FkA .body_1x79p > div:nth-of-type(6n) {
        margin-right: 0px; }
  .seasonFilter_GBfSZ.DarkCyan_Y3FkA .body_1x79p::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_GBfSZ.DarkCyan_Y3FkA .body_1x79p::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_GBfSZ.Wheat_PqBCf {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .seasonFilter_GBfSZ.Wheat_PqBCf .title_8mOZ6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 18px; }
  .seasonFilter_GBfSZ.Wheat_PqBCf .body_1x79p {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_GBfSZ.Wheat_PqBCf .body_1x79p > div {
      float: left;
      width: 120px;
      margin-right: 17px;
      margin-bottom: 24px; }
  .seasonFilter_GBfSZ.Wheat_PqBCf .body_1x79p > div:nth-of-type(6n) {
        margin-right: 0px; }
  .seasonFilter_GBfSZ.Wheat_PqBCf .body_1x79p::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_GBfSZ.Wheat_PqBCf .body_1x79p::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_GBfSZ.RosyBrown_kBZNW {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .seasonFilter_GBfSZ.RosyBrown_kBZNW .title_8mOZ6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 18px; }
  .seasonFilter_GBfSZ.RosyBrown_kBZNW .body_1x79p {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_GBfSZ.RosyBrown_kBZNW .body_1x79p > div {
      float: left;
      width: 120px;
      margin-right: 17px;
      margin-bottom: 24px; }
  .seasonFilter_GBfSZ.RosyBrown_kBZNW .body_1x79p > div:nth-of-type(6n) {
        margin-right: 0px; }
  .seasonFilter_GBfSZ.RosyBrown_kBZNW .body_1x79p::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_GBfSZ.RosyBrown_kBZNW .body_1x79p::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_GBfSZ.Chocolate_Tjzws {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .seasonFilter_GBfSZ.Chocolate_Tjzws .title_8mOZ6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 18px; }
  .seasonFilter_GBfSZ.Chocolate_Tjzws .body_1x79p {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_GBfSZ.Chocolate_Tjzws .body_1x79p > div {
      float: left;
      width: 120px;
      margin-right: 17px;
      margin-bottom: 24px; }
  .seasonFilter_GBfSZ.Chocolate_Tjzws .body_1x79p > div:nth-of-type(6n) {
        margin-right: 0px; }
  .seasonFilter_GBfSZ.Chocolate_Tjzws .body_1x79p::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_GBfSZ.Chocolate_Tjzws .body_1x79p::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_GBfSZ.Coral_1Y8G1 {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .seasonFilter_GBfSZ.Coral_1Y8G1 .title_8mOZ6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 18px; }
  .seasonFilter_GBfSZ.Coral_1Y8G1 .body_1x79p {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_GBfSZ.Coral_1Y8G1 .body_1x79p > div {
      float: left;
      width: 120px;
      margin-right: 17px;
      margin-bottom: 24px; }
  .seasonFilter_GBfSZ.Coral_1Y8G1 .body_1x79p > div:nth-of-type(6n) {
        margin-right: 0px; }
  .seasonFilter_GBfSZ.Coral_1Y8G1 .body_1x79p::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_GBfSZ.Coral_1Y8G1 .body_1x79p::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_GBfSZ.CadetBlue_1SbKa {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .seasonFilter_GBfSZ.CadetBlue_1SbKa .title_8mOZ6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 18px; }
  .seasonFilter_GBfSZ.CadetBlue_1SbKa .body_1x79p {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_GBfSZ.CadetBlue_1SbKa .body_1x79p > div {
      float: left;
      width: 120px;
      margin-right: 17px;
      margin-bottom: 24px; }
  .seasonFilter_GBfSZ.CadetBlue_1SbKa .body_1x79p > div:nth-of-type(6n) {
        margin-right: 0px; }
  .seasonFilter_GBfSZ.CadetBlue_1SbKa .body_1x79p::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_GBfSZ.CadetBlue_1SbKa .body_1x79p::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_GBfSZ.Gold_19uDQ {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .seasonFilter_GBfSZ.Gold_19uDQ .title_8mOZ6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 18px; }
  .seasonFilter_GBfSZ.Gold_19uDQ .body_1x79p {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_GBfSZ.Gold_19uDQ .body_1x79p > div {
      float: left;
      width: 120px;
      margin-right: 17px;
      margin-bottom: 24px; }
  .seasonFilter_GBfSZ.Gold_19uDQ .body_1x79p > div:nth-of-type(6n) {
        margin-right: 0px; }
  .seasonFilter_GBfSZ.Gold_19uDQ .body_1x79p::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_GBfSZ.Gold_19uDQ .body_1x79p::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_GBfSZ.PowDerBlue_1ZAOM {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .seasonFilter_GBfSZ.PowDerBlue_1ZAOM .title_8mOZ6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 18px; }
  .seasonFilter_GBfSZ.PowDerBlue_1ZAOM .body_1x79p {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_GBfSZ.PowDerBlue_1ZAOM .body_1x79p > div {
      float: left;
      width: 120px;
      margin-right: 17px;
      margin-bottom: 24px; }
  .seasonFilter_GBfSZ.PowDerBlue_1ZAOM .body_1x79p > div:nth-of-type(6n) {
        margin-right: 0px; }
  .seasonFilter_GBfSZ.PowDerBlue_1ZAOM .body_1x79p::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_GBfSZ.PowDerBlue_1ZAOM .body_1x79p::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .seasonFilter_GBfSZ.Dark_1R8g- {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .seasonFilter_GBfSZ.Dark_1R8g- .title_8mOZ6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4;
    margin-bottom: 18px; }
  .seasonFilter_GBfSZ.Dark_1R8g- .body_1x79p {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 40px); }
  .seasonFilter_GBfSZ.Dark_1R8g- .body_1x79p > div {
      float: left;
      width: 120px;
      margin-right: 17px;
      margin-bottom: 24px; }
  .seasonFilter_GBfSZ.Dark_1R8g- .body_1x79p > div:nth-of-type(6n) {
        margin-right: 0px; }
  .seasonFilter_GBfSZ.Dark_1R8g- .body_1x79p::-webkit-scrollbar {
      width: 3px; }
  .seasonFilter_GBfSZ.Dark_1R8g- .body_1x79p::-webkit-scrollbar-track-piece {
      background-color: #fff; }

.slider-item-swiper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
.index-swiper {
  position: relative;
}
.index-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 30px;
  border-radius: 8px;
  background-color: #fff;
}
.index-swiper .swiper-pagination-bullet {
  background-color: #fff;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  opacity: 1;
}
.index-swiper .swiper-pagination.swiper-pagination-clickable {
  display: inline-block;
  width: unset;
  padding: 8px;
  background-color: rgba(0, 0, 0, 0.3);
  /* text-align: center; */
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 25px;
}
.index-swiper .slider-btn-prev,
.index-swiper .slider-btn-next {
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 2;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.index-swiper .slider-btn-prev > i,
.index-swiper .slider-btn-next > i {
  font-size: 24px;
}
.index-swiper .slider-btn-prev:hover,
.index-swiper .slider-btn-next:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
.index-swiper .slider-btn-prev {
  left: 0;
}
.index-swiper .slider-btn-prev > i {
  margin-left: -4px;
}
.index-swiper .slider-btn-next {
  right: 0;
}
.index-swiper .slider-btn-next > i {
  margin-right: -4px;
}
.index-swiper:hover .slider-btn-prev,
.index-swiper:hover .slider-btn-next {
  opacity: 1;
}
@-webkit-keyframes anination1 {
  from {
    left: 0;
  }
  50% {
    left: calc(100% - 157px);
  }
  to {
    left: 0;
  }
}
@keyframes anination1 {
  from {
    left: 0;
  }
  50% {
    left: calc(100% - 157px);
  }
  to {
    left: 0;
  }
}
.index-swiper .img1-1 {
  position: absolute;
  top: -45px;
  left: 0;
  z-index: 99;
  width: 157px;
  height: 157px;
  -webkit-animation-name: anination1;
          animation-name: anination1;
  -webkit-animation-duration: 50s;
          animation-duration: 50s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes anination2 {
  from {
    bottom: 0;
  }
  50% {
    bottom: calc(100% - 186px);
  }
  to {
    bottom: 0;
  }
}
@keyframes anination2 {
  from {
    bottom: 0;
  }
  50% {
    bottom: calc(100% - 186px);
  }
  to {
    bottom: 0;
  }
}
.index-swiper .img1-2 {
  position: absolute;
  bottom: 0;
  left: 80px;
  z-index: 99;
  width: 64px;
  height: 186px;
  -webkit-animation-name: anination2;
          animation-name: anination2;
  -webkit-animation-duration: 25s;
          animation-duration: 25s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes anination3 {
  from {
    top: 0;
  }
  50% {
    top: calc(100% - 186px);
  }
  to {
    top: 0;
  }
}
@keyframes anination3 {
  from {
    top: 0;
  }
  50% {
    top: calc(100% - 186px);
  }
  to {
    top: 0;
  }
}
.index-swiper .img1-3 {
  position: absolute;
  top: 0;
  right: -32px;
  z-index: 99;
  width: 64px;
  height: 186px;
  -webkit-animation-name: anination3;
          animation-name: anination3;
  -webkit-animation-duration: 25s;
          animation-duration: 25s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes anination4 {
  from {
    left: 0;
  }
  50% {
    left: calc(100% - 199px);
  }
  to {
    left: 0;
  }
}
@keyframes anination4 {
  from {
    left: 0;
  }
  50% {
    left: calc(100% - 199px);
  }
  to {
    left: 0;
  }
}
.index-swiper .img2-1 {
  position: absolute;
  bottom: 45px;
  left: 0;
  z-index: 99;
  width: 199px;
  height: 60px;
  -webkit-animation-name: anination4;
          animation-name: anination4;
  -webkit-animation-duration: 50s;
          animation-duration: 50s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes anination5 {
  from {
    top: 0;
  }
  50% {
    top: calc(100% - 304px);
  }
  to {
    top: 0;
  }
}
@keyframes anination5 {
  from {
    top: 0;
  }
  50% {
    top: calc(100% - 304px);
  }
  to {
    top: 0;
  }
}
.index-swiper .img2-2 {
  position: absolute;
  top: 0;
  left: 80px;
  z-index: 99;
  width: 60px;
  height: 304px;
  -webkit-animation-name: anination5;
          animation-name: anination5;
  -webkit-animation-duration: 25s;
          animation-duration: 25s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes anination6 {
  from {
    top: 0;
  }
  50% {
    top: calc(100% - 304px);
  }
  to {
    top: 0;
  }
}
@keyframes anination6 {
  from {
    top: 0;
  }
  50% {
    top: calc(100% - 304px);
  }
  to {
    top: 0;
  }
}
.index-swiper .img2-3 {
  position: absolute;
  top: 0;
  right: -30px;
  z-index: 99;
  width: 60px;
  height: 304px;
  -webkit-animation-name: anination6;
          animation-name: anination6;
  -webkit-animation-duration: 25s;
          animation-duration: 25s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes anination7 {
  from {
    left: 0;
  }
  50% {
    left: calc(100% - 199px);
  }
  to {
    left: 0;
  }
}
@keyframes anination7 {
  from {
    left: 0;
  }
  50% {
    left: calc(100% - 199px);
  }
  to {
    left: 0;
  }
}
.index-swiper .img3-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 199px;
  height: 60px;
  -webkit-animation-name: anination7;
          animation-name: anination7;
  -webkit-animation-duration: 55s;
          animation-duration: 55s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes anination8 {
  from {
    bottom: 0;
  }
  50% {
    bottom: calc(100% - 301px);
  }
  to {
    bottom: 0;
  }
}
@keyframes anination8 {
  from {
    bottom: 0;
  }
  50% {
    bottom: calc(100% - 301px);
  }
  to {
    bottom: 0;
  }
}
.index-swiper .img3-2 {
  position: absolute;
  bottom: 0;
  left: 80px;
  z-index: 99;
  width: 60px;
  height: 301px;
  -webkit-animation-name: anination8;
          animation-name: anination8;
  -webkit-animation-duration: 25s;
          animation-duration: 25s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes anination9 {
  from {
    top: 0;
  }
  50% {
    top: calc(100% - 301px);
  }
  to {
    top: 0;
  }
}
@keyframes anination9 {
  from {
    top: 0;
  }
  50% {
    top: calc(100% - 301px);
  }
  to {
    top: 0;
  }
}
.index-swiper .img3-3 {
  position: absolute;
  top: 0;
  right: -30px;
  z-index: 99;
  width: 60px;
  height: 301px;
  -webkit-animation-name: anination9;
          animation-name: anination9;
  -webkit-animation-duration: 25s;
          animation-duration: 25s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.index-swiper.column-swiper .slider-btn-prev,
.index-swiper.column-swiper .slider-btn-next {
  width: 40px;
  height: 100px;
}
.index-swiper.column-swiper .slider-btn-prev > i,
.index-swiper.column-swiper .slider-btn-next > i {
  font-size: 16px;
}
.indexts-swiper .swiper-container {
  width: 100%;
  height: 100%;
}
.indexts-swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  width: 80%;
}
.indexts-swiper .swiper-slide:nth-child(2n) {
  width: 60%;
}
.indexts-swiper .swiper-slide:nth-child(3n) {
  width: 40%;
}


.tscard_3E-v5 {
  position: relative;
  width: 100%;
  height: 100%;
  border: 3px solid #000000;
  color: #111;
  padding-top: 26px; }
  .tscard_3E-v5 .tstitleCard_E6Xwq {
    position: absolute;
    top: -33px;
    left: -20px;
    z-index: 1;
    padding-left: 20px;
    width: 79.5%;
    height: 40px;
    border: 3px solid #000000;
    background-color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 36px;
    font-size: 18px;
    font-weight: bold; }
  .tscard_3E-v5 .tsimgBox_32zgG {
    width: 100%;
    height: 79.63801%;
    text-align: center; }
  .tscard_3E-v5 .tsimg_SjolH {
    width: 87.03242%;
    height: 83.55958%;
    background-color: #fff;
    margin: 0 auto;
    cursor: pointer; }
  .tscard_3E-v5 .tsimg_SjolH > img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center top;
         object-position: center top; }
  .tscard_3E-v5 .tsinfo_36n5o {
    padding-top: 26px;
    width: 87.03242%;
    margin: 0 auto; }
  .tscard_3E-v5 .tsinfo_36n5o .tstitle_2KtLX {
      font-weight: bold;
      font-size: 16px;
      cursor: pointer;
      height: 24px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
  .tscard_3E-v5 .tsinfo_36n5o .tsdesc_2eWjq > div:nth-of-type(1) {
      float: left;
      font-size: 16px;
      font-weight: bold;
      cursor: pointer; }
  .tscard_3E-v5 .tsinfo_36n5o .tsdesc_2eWjq > div:nth-of-type(2) {
      float: right; }
  .hoverline_2UqbG {
  position: relative; }
  .hoverline_2UqbG:hover::before {
    right: 0%; }
  .hoverline_2UqbG::before {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #000000;
    height: 1px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out; }

.scrollBarBox_3L1y3 {
  width: 100%; }
  .scrollBarBox_3L1y3 .scrollBar_11QhG {
    position: relative;
    width: 100%;
    height: 18px;
    border-radius: 9px;
    background-color: rgba(255, 255, 255, 0.7); }
  .scrollBarBox_3L1y3 .scrollBarInner_pGpAQ {
    position: absolute;
    top: -40%;
    width: 25%;
    height: 32px;
    border: 2px solid #000000;
    background-color: #BA8CF2;
    border-radius: 18px;
    cursor: pointer; }

.recruit_2aXXX {
  margin-bottom: 35px;
  border: 1px solid;
  -o-border-image: linear-gradient(135deg, white, #22c58b) 1 1;
     border-image: linear-gradient(135deg, white, #22c58b) 1 1;
  padding: 12px 15px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: background-position 0.6s;
  transition: background-position 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.28, 0.995);
          transition-timing-function: cubic-bezier(0.39, 0.575, 0.28, 0.995);
  background: -webkit-gradient(linear, right top, left top, from(#fffffe), color-stop(50%, #1be09a), to(#1be09a));
  background: linear-gradient(270deg, #fffffe 0%, #1be09a 50%, #1be09a 100%);
  background-size: 200% 100% !important;
  background-position: 100% 0 !important; }
  .recruit_2aXXX .visible_26yeO {
    background: #1be09a; }
  .recruit_2aXXX:hover {
    background-position: 0 0 !important; }
  .recruit_2aXXX .info_28WhK {
    position: absolute;
    width: calc(100% + 2px);
    left: -1px;
    top: 65px;
    background-color: #1be09a;
    padding: 16px;
    border-top: 1px solid #ffffff;
    font-size: 12px;
    font-weight: 400;
    color: #000000; }
  .recruit_2aXXX .info_28WhK.visible_26yeO {
      pointer-events: auto;
      opacity: 1;
      z-index: 10; }
  .recruit_2aXXX .info_28WhK.hide_2VsW6 {
      pointer-events: none;
      opacity: 0;
      z-index: 0; }
  .recruit_2aXXX .info_28WhK .item_2Yz0t {
      margin-top: 16px; }
  .recruit_2aXXX .info_28WhK .item_2Yz0t:first-child {
        margin-top: 0; }
  .recruit_2aXXX::before {
    content: "";
    background-color: #fff;
    position: absolute;
    width: calc(100% + 2px);
    height: 6px;
    left: 2px;
    bottom: -7px;
    -webkit-transform: skew(45deg);
        -ms-transform: skew(45deg);
            transform: skew(45deg); }
  .recruit_2aXXX::after {
    content: "";
    background-color: #fff;
    position: absolute;
    width: 6px;
    height: calc(100% + 2.8px);
    right: -7px;
    top: 2px;
    -webkit-transform: skewY(45deg);
        -ms-transform: skewY(45deg);
            transform: skewY(45deg); }
  .recruit_2aXXX .line_3cGEO {
    height: 16px;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 12px; }
  .recruit_2aXXX .line_3cGEO .link_2YDWK {
      color: #006cff;
      font-weight: normal;
      margin-right: 7px;
      cursor: pointer; }
  .recruit_2aXXX .line_3cGEO .normal_S4r9t {
      font-weight: normal; }

.hotRecommend_VIdwE {
  background-color: #233753;
  width: 100%;
  height: 100%;
  padding: 20px;
  overflow: auto;
  color: #111;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .hotRecommend_VIdwE::-webkit-scrollbar {
    height: 0;
    width: 0; }
  .hotRecommend_VIdwE .titleLevel1_37zHT {
    font-size: 24px;
    padding-bottom: 20px;
    font-weight: 700;
    border-bottom: 1px solid rgba(255, 255, 255, 0.32); }
  .hotRecommend_VIdwE .title_1sLF_ {
    font-size: 18px;
    padding: 20px 0 15px;
    position: relative; }
  .hotRecommend_VIdwE .ifont_2K6fe {
    position: absolute;
    right: 0px;
    top: 17px; }
  .hotRecommend_VIdwE .ifont_2K6fe i {
      font-size: 12px; }
  .hotRecommend_VIdwE .list_3FoyD {
    height: calc(100% - 35px);
    overflow: auto; }
  .hotRecommend_VIdwE .body_2s3T0 {
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 20px 0 10px 0; }
  .hotRecommend_VIdwE .body_2s3T0 .carouselItem_3NFvO {
      width: 100%;
      height: 100%;
      display: block;
      cursor: pointer; }
  .hotRecommend_VIdwE .body_2s3T0 .carouselItem_3NFvO img {
        width: 100%;
        height: 100%; }
  .hotRecommend_VIdwE .listBody_2OmI1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .hotRecommend_VIdwE .listBody_2OmI1 > .listItem_oUryR:nth-child(1) {
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5; }
  .hotRecommend_VIdwE .cardItem_1GFLn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-bottom: 14px;
    min-width: 108px;
    cursor: pointer;
    background-color: #f6f6f6; }
  .hotRecommend_VIdwE .cardItem_1GFLn .imgBox_1Z2fD {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      height: 0px;
      padding-bottom: 30.67%;
      position: relative; }
  .hotRecommend_VIdwE .cardItem_1GFLn .imgBox_1Z2fD > img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center top;
           object-position: center top; }
  .hotRecommend_VIdwE .cardItem_1GFLn .titleBox_Yn2S1 {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: #fafafa;
      max-height: 102px;
      color: #333333;
      -webkit-transition: background-color 0.2s ease;
      transition: background-color 0.2s ease; }
  .hotRecommend_VIdwE .cardItem_1GFLn .titleBox_Yn2S1 > div {
        font-size: 12px;
        font-weight: 600;
        width: 108px; }
  .hotRecommend_VIdwE .cardItem_1GFLn .rankIndex_1-R6o {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 40px;
      height: 40px;
      border-radius: 20px;
      font-size: 22px;
      line-height: 40px;
      text-align: center;
      color: #fff;
      background-color: #555c70;
      -webkit-transition: background-color 0.2s ease;
      transition: background-color 0.2s ease; }
  .hotRecommend_VIdwE .cardItem_1GFLn:hover .rankIndex_1-R6o {
      background-color: #00e9a4; }
  .hotRecommend_VIdwE .cardItem_1GFLn:hover .titleBox_Yn2S1 {
      background-color: #f6f6f6; }
  .hotRecommend_VIdwE .cardItem_1GFLn:hover .titleBox_Yn2S1 div {
        color: rgba(0, 0, 0, 0.65); }
  .hotRecommend_VIdwE .cardItem_1GFLn.active_3aDeU:hover .titleBox_Yn2S1 {
      background-color: #f6f6f6; }
  .hotRecommend_VIdwE .cardItem_1GFLn.active_3aDeU:hover .titleBox_Yn2S1 div {
        color: rgba(0, 0, 0, 0.65); }
  .hotRecommend_VIdwE .cardItem_1GFLn.active_3aDeU .titleBox_Yn2S1 {
      background-color: #e7e7e7; }
  .hotRecommend_VIdwE .cardItem_1GFLn.active_3aDeU .titleBox_Yn2S1 div {
        color: rgba(51, 51, 51, 0.5); }

.ant-carousel {
  height: 100%;
}
.ant-carousel .llj-carousel {
  height: 100%;
}
.ant-carousel .llj-carousel .slick-list {
  height: 100%;
}
.ant-carousel .llj-carousel .slick-list .slick-track {
  height: 100%;
}
.ant-carousel .llj-carousel .slick-list .slick-track .slick-slide {
  height: 100%;
}
.ant-carousel .llj-carousel .slick-list .slick-track .slick-slide > div {
  height: 100%;
}
.ant-carousel .slick-dots {
  bottom: -12px;
}
.ant-carousel .slick-dots li.slick-active button {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.ant-carousel .slick-dots li button {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.pictureCard {
  width: 100%;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.pictureCard .annex_data {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(69, 72, 74, 0.65);
  -webkit-box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.pictureCard .annex_data .annex_data_item {
  height: 10000px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  font-weight: 600;
  font-size: 17px;
  color: rgba(255, 255, 255, 0.7);
  -ms-flex-negative: 1;
      flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.pictureCard .annex_data .annex_data_item:hover {
  font-weight: 800;
  color: #fff;
}
.pictureCard .annex_data .annex_data_item:last-child {
  border: none;
}
.pictureCard .annex_data .annex_data_item:first-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.pictureCard .picturecard-new {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 10;
}
.pictureCard .picturecard-new img {
  width: 32px;
  height: 20px;
}
.pictureCard img {
  width: 100%;
  height: 100%;
}
.pictureCard .drawings {
  position: absolute;
  top: 5px;
  left: 10px;
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  font-size: 26px;
  z-index: 4;
}
.pictureCard:hover .picturecard-new {
  display: none;
}
.pictureCard:hover .attr1 {
  opacity: 1;
  -webkit-transition: opacity 0.3 ease;
  transition: opacity 0.3 ease;
  z-index: 11;
  display: block;
  text-align: left;
}
.pictureCard:hover .releaseTime {
  display: none;
}
.pictureCard:hover .collect {
  top: 0;
}
.pictureCard:hover .download {
  top: 51px;
}
.pictureCard:hover .download.noCollect {
  top: 0;
}
.pictureCard:hover .download.onlyDownload {
  top: 0;
}
.pictureCard:hover .download.showToChengyi {
  top: 153px;
}
.pictureCard:hover .ai {
  top: 102px;
}
.pictureCard:hover .ai.noCollect {
  top: 51px;
}
.pictureCard:hover .iconContainer {
  visibility: visible;
}
.pictureCard:hover .cover {
  opacity: 0.2;
}
.pictureCard:hover .drawings {
  display: none;
}
.pictureCard .cover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  z-index: 0;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.pictureCard .collect {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  right: 0;
  top: -152px;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 17px;
  text-align: center;
  line-height: 50px;
  display: inline-block;
  z-index: 11;
}
.pictureCard .collect.favorite {
  opacity: 1;
}
.pictureCard .collect:hover {
  background-color: #000000;
}
.pictureCard .download {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  right: 0;
  top: -101px;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 17px;
  text-align: center;
  line-height: 50px;
  display: inline-block;
  z-index: 11;
}
.pictureCard .download:hover {
  background-color: #000000;
}
.pictureCard .ai {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  right: 0;
  top: -50px;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 17px;
  text-align: center;
  line-height: 50px;
  display: inline-block;
  z-index: 11;
}
.pictureCard .ai:hover {
  background-color: #000000;
}
.pictureCard .attr1 {
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 9px;
}
.pictureCard .attr1.active {
  opacity: 1;
  -webkit-transition: opacity 0.3 ease;
  transition: opacity 0.3 ease;
  z-index: 11;
  display: block;
  text-align: left;
}
.pictureCard .attr1 .item {
  font-size: 12px;
  line-height: 13px;
  height: 13px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
  margin-right: 9px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: auto;
  vertical-align: bottom;
  padding-bottom: 7px;
  font-size: 11px;
  line-height: 16px;
  height: 18px;
  color: #000000;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(139, 139, 139, 0.5);
          box-shadow: 0px 0px 10px 0px rgba(139, 139, 139, 0.5);
  border-radius: 12px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 0px;
  margin-right: 4px;
}
.pictureCard .attr1 .item.hover {
  cursor: pointer;
}
.pictureCard .attr1 .item.hover:hover {
  background-color: #f0f0f0;
}
.pictureCard .attr1 .item.hover:hover::before {
  right: 0%;
}
.pictureCard .attr1 .item.hover::before {
  content: "";
  position: absolute;
  z-index: 10;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #fff;
  height: 1px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
.pictureCard .releaseTime {
  position: absolute;
  left: 10px;
  bottom: 10px;
  font-size: 13px;
  line-height: 13px;
  height: 28px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 14px;
  font-weight: 400;
  padding: 0 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333;
  z-index: 3;
}
.pictureCard .iconContainer {
  visibility: hidden;
  position: absolute;
  top: 12px;
  left: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
  z-index: 11;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.pictureCard .iconContainer .selContainer {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
}
.pictureCard .iconContainer .selContainer .normal {
  width: 16px;
  height: 16px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
.pictureCard .iconContainer .selContainer .icon {
  width: 16px;
  height: 16px;
  line-height: 20px;
  color: #fff;
  background-color: #000000;
  border-radius: 8px;
  margin: 0;
  position: static;
}
.pictureCard .iconContainer .selContainer + .diyContainer {
  margin-left: 10px;
}
.pictureCard .iconContainer .diyContainer {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  padding: 4px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pictureCard .iconContainer .diyContainer > i {
  margin-right: 4px;
  line-height: 14px;
  width: 14px;
}
.pictureCard .iconContainer .diyContainer:hover {
  background-color: #000000;
}
.pictureCard .drawingsContainer {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.pictureCard .drawingsContainer.active {
  opacity: 1;
  pointer-events: auto;
}
.pictureCard .drawingsContainer:hover .isShowToChengyiName {
  visibility: visible;
}
.pictureCard .drawingsContainer .isShowToChengyiName {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 51px;
  background: rgba(24, 24, 24, 0.5);
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  visibility: hidden;
}
.pictureCard .drawingsContainer .fanye {
  width: 40px;
  height: 40px;
}
.pictureCard .drawingsContainer .fanye img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.pictureCard .drawingsContainer .fanye .unhover-image {
  visibility: visible;
}
.pictureCard .drawingsContainer .fanye .hover-image {
  visibility: hidden;
}
.pictureCard .drawingsContainer .fanye:hover .unhover-image {
  visibility: hidden;
}
.pictureCard .drawingsContainer .fanye:hover .hover-image {
  visibility: visible;
}
.pictureCard .ant-carousel {
  height: 100%;
}
.pictureCard .ant-carousel .s-carousel {
  height: 100%;
}
.pictureCard .ant-carousel .s-carousel .slick-list {
  height: 100%;
}
.pictureCard .ant-carousel .s-carousel .slick-list .slick-track {
  height: 100%;
}
.pictureCard .ant-carousel .s-carousel .slick-list .slick-track .slick-slide {
  height: 100%;
}
.pictureCard .ant-carousel .s-carousel .slick-list .slick-track .slick-slide > div {
  width: 100%;
  height: 100%;
}
.pictureCard .ant-carousel .s-carousel .slick-list .slick-track .slick-slide > div .carouselItem {
  height: 100%;
  position: relative;
}
.pictureCard .ant-carousel .s-carousel .slick-list .slick-track .slick-slide > div .carouselItem > div {
  width: 100%;
  height: 100%;
}
.pictureCard .ant-carousel .s-carousel .slick-list .slick-track .slick-slide > div .carouselItem > div img {
  position: static;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.pictureCard .ant-carousel .s-carousel .slick-list .slick-track .slick-slide > div .carouselItem > .noPowerItem {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f5f5f5;
}
.pictureCard .ant-carousel .s-carousel .slick-list .slick-track .slick-slide > div .carouselItem > .noPowerItem > img.noPowerImg {
  height: auto;
  width: 70%;
  max-width: 220px;
  margin: 0 auto;
}
.mianliao-detail-modal.ant-modal {
  top: 0;
  padding: 0;
}
.mianliao-detail-modal .ant-modal-body {
  padding: 0;
}

.colorFilter_2DzSI.Normal_3CVjc {
  width: 100%;
  height: 100%;
  background-color: #fff; }
  .colorFilter_2DzSI.Normal_3CVjc .title_1iIT6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111; }
  .colorFilter_2DzSI.Normal_3CVjc .body_2j655 {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 130px);
    padding-top: 6px; }
  .colorFilter_2DzSI.Normal_3CVjc .body_2j655::-webkit-scrollbar {
      width: 3px; }
  .colorFilter_2DzSI.Normal_3CVjc .body_2j655::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .colorFilter_2DzSI.DarkCyan_15mq9 {
  width: 100%;
  height: 100%;
  background-color: #fff; }
  .colorFilter_2DzSI.DarkCyan_15mq9 .title_1iIT6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111; }
  .colorFilter_2DzSI.DarkCyan_15mq9 .body_2j655 {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 130px);
    padding-top: 6px; }
  .colorFilter_2DzSI.DarkCyan_15mq9 .body_2j655::-webkit-scrollbar {
      width: 3px; }
  .colorFilter_2DzSI.DarkCyan_15mq9 .body_2j655::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .colorFilter_2DzSI.Wheat_pkjaI {
  width: 100%;
  height: 100%;
  background-color: #fff; }
  .colorFilter_2DzSI.Wheat_pkjaI .title_1iIT6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111; }
  .colorFilter_2DzSI.Wheat_pkjaI .body_2j655 {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 130px);
    padding-top: 6px; }
  .colorFilter_2DzSI.Wheat_pkjaI .body_2j655::-webkit-scrollbar {
      width: 3px; }
  .colorFilter_2DzSI.Wheat_pkjaI .body_2j655::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .colorFilter_2DzSI.RosyBrown_2rdem {
  width: 100%;
  height: 100%;
  background-color: #fff; }
  .colorFilter_2DzSI.RosyBrown_2rdem .title_1iIT6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111; }
  .colorFilter_2DzSI.RosyBrown_2rdem .body_2j655 {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 130px);
    padding-top: 6px; }
  .colorFilter_2DzSI.RosyBrown_2rdem .body_2j655::-webkit-scrollbar {
      width: 3px; }
  .colorFilter_2DzSI.RosyBrown_2rdem .body_2j655::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .colorFilter_2DzSI.Chocolate_3qm8f {
  width: 100%;
  height: 100%;
  background-color: #fff; }
  .colorFilter_2DzSI.Chocolate_3qm8f .title_1iIT6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111; }
  .colorFilter_2DzSI.Chocolate_3qm8f .body_2j655 {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 130px);
    padding-top: 6px; }
  .colorFilter_2DzSI.Chocolate_3qm8f .body_2j655::-webkit-scrollbar {
      width: 3px; }
  .colorFilter_2DzSI.Chocolate_3qm8f .body_2j655::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .colorFilter_2DzSI.Coral_vyzqb {
  width: 100%;
  height: 100%;
  background-color: #fff; }
  .colorFilter_2DzSI.Coral_vyzqb .title_1iIT6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111; }
  .colorFilter_2DzSI.Coral_vyzqb .body_2j655 {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 130px);
    padding-top: 6px; }
  .colorFilter_2DzSI.Coral_vyzqb .body_2j655::-webkit-scrollbar {
      width: 3px; }
  .colorFilter_2DzSI.Coral_vyzqb .body_2j655::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .colorFilter_2DzSI.CadetBlue_3clNN {
  width: 100%;
  height: 100%;
  background-color: #fff; }
  .colorFilter_2DzSI.CadetBlue_3clNN .title_1iIT6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111; }
  .colorFilter_2DzSI.CadetBlue_3clNN .body_2j655 {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 130px);
    padding-top: 6px; }
  .colorFilter_2DzSI.CadetBlue_3clNN .body_2j655::-webkit-scrollbar {
      width: 3px; }
  .colorFilter_2DzSI.CadetBlue_3clNN .body_2j655::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .colorFilter_2DzSI.Gold_lO7C3 {
  width: 100%;
  height: 100%;
  background-color: #fff; }
  .colorFilter_2DzSI.Gold_lO7C3 .title_1iIT6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111; }
  .colorFilter_2DzSI.Gold_lO7C3 .body_2j655 {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 130px);
    padding-top: 6px; }
  .colorFilter_2DzSI.Gold_lO7C3 .body_2j655::-webkit-scrollbar {
      width: 3px; }
  .colorFilter_2DzSI.Gold_lO7C3 .body_2j655::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .colorFilter_2DzSI.PowDerBlue_2KlRy {
  width: 100%;
  height: 100%;
  background-color: #fff; }
  .colorFilter_2DzSI.PowDerBlue_2KlRy .title_1iIT6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111; }
  .colorFilter_2DzSI.PowDerBlue_2KlRy .body_2j655 {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 130px);
    padding-top: 6px; }
  .colorFilter_2DzSI.PowDerBlue_2KlRy .body_2j655::-webkit-scrollbar {
      width: 3px; }
  .colorFilter_2DzSI.PowDerBlue_2KlRy .body_2j655::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .colorFilter_2DzSI.Dark_-gT20 {
  width: 100%;
  height: 100%;
  background-color: #fff; }
  .colorFilter_2DzSI.Dark_-gT20 .title_1iIT6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111; }
  .colorFilter_2DzSI.Dark_-gT20 .body_2j655 {
    position: relative;
    width: 100%;
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    height: calc(100% - 130px);
    padding-top: 6px; }
  .colorFilter_2DzSI.Dark_-gT20 .body_2j655::-webkit-scrollbar {
      width: 3px; }
  .colorFilter_2DzSI.Dark_-gT20 .body_2j655::-webkit-scrollbar-track-piece {
      background-color: #fff; }

.my-custom-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 60px 0;
}
.my-custom-pagination .prev,
.my-custom-pagination .next {
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  border: 1px solid #000000;
  display: inline-block;
  font-weight: 600;
}
.my-custom-pagination .prev:hover,
.my-custom-pagination .next:hover {
  background-color: #000000;
  color: #fff;
}
.my-custom-pagination .unclickable {
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  display: inline-block;
  color: #aaaaaa;
  border: 1px solid #aaaaaa;
}
.my-custom-pagination .ant-pagination .ant-pagination-prev,
.my-custom-pagination .ant-pagination .ant-pagination-next {
  width: 100px;
  height: 40px;
  border-radius: 20px;
}
.my-custom-pagination .ant-pagination .ant-pagination-prev a,
.my-custom-pagination .ant-pagination .ant-pagination-next a {
  border-radius: 20px;
  height: 40px;
  line-height: 40px;
}
.my-custom-pagination .ant-pagination .ant-pagination-prev:hover,
.my-custom-pagination .ant-pagination .ant-pagination-next:hover {
  border-color: #000000;
}
.my-custom-pagination .ant-pagination .ant-pagination-prev:hover a:hover,
.my-custom-pagination .ant-pagination .ant-pagination-next:hover a:hover {
  border-color: #000000;
  color: #111111;
}
.my-custom-pagination .ant-pagination .ant-pagination-item {
  min-width: 48px;
  height: 40px;
  border-radius: 20px;
  border-color: #000000;
}
.my-custom-pagination .ant-pagination .ant-pagination-item a {
  display: block;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
}
.my-custom-pagination .ant-pagination .ant-pagination-item:hover {
  border-color: #000000;
  background-color: #111;
}
.my-custom-pagination .ant-pagination .ant-pagination-item:hover a {
  background-color: #111;
  color: #fff;
  font-weight: 500;
}
.my-custom-pagination .ant-pagination .ant-pagination-item-active {
  border-color: #000000;
  background-color: #111;
}
.my-custom-pagination .ant-pagination .ant-pagination-item-active a {
  font-weight: 500;
  color: #fff;
  background-color: #111;
}
.my-custom-pagination .jump {
  width: 132px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  border: 1px solid #000000;
  border-radius: 20px;
  margin-left: 20px;
  font-weight: 600;
}
.my-custom-pagination .jump input {
  width: 55px;
  height: 100%;
  border: none;
  outline: none;
  display: inline-block;
  background-color: rgba(102, 102, 102, 0);
}
.my-custom-pagination .jump input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
  background-color: transparent;
}
.my-custom-pagination .jump div {
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}

.articleList_1uWBS {
  margin-top: 24px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .articleList_1uWBS .list_yKJ9- {
    width: 100%;
    padding-bottom: 113px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 24px; }
  .articleList_1uWBS .list_yKJ9- .item_2L2yo {
      width: calc((100% - 24px * 4) / 5);
      background: #fff;
      border-radius: 4px;
      cursor: pointer; }
  .articleList_1uWBS .list_yKJ9- .item_2L2yo:hover {
        -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.2);
                box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.2); }
  .articleList_1uWBS .list_yKJ9- .item_2L2yo .itemMain_ju4BM {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 16px; }
  .articleList_1uWBS .list_yKJ9- .item_2L2yo .itemMain_ju4BM .imgContainer_3H1Pd {
          width: 100%;
          padding-bottom: 63.5%;
          position: relative;
          overflow: hidden; }
  .articleList_1uWBS .list_yKJ9- .item_2L2yo .itemMain_ju4BM .imgContainer_3H1Pd img {
            position: absolute;
            width: 100%; }
  .articleList_1uWBS .list_yKJ9- .item_2L2yo .itemMain_ju4BM .line_1C-I- {
          margin-top: 16px;
          width: 100%;
          height: 1px;
          background: rgba(0, 0, 0, 0.06); }
  .articleList_1uWBS .list_yKJ9- .item_2L2yo .itemMain_ju4BM .title_xAIAL {
          margin-top: 8px;
          height: 20px;
          font-size: 14px;
          font-weight: 600;
          color: #000;
          line-height: 20px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
  .articleList_1uWBS .list_yKJ9- .item_2L2yo .itemMain_ju4BM .tags_3vqq6 {
          margin-top: 10px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          gap: 16px; }
  .articleList_1uWBS .list_yKJ9- .item_2L2yo .itemMain_ju4BM .tags_3vqq6 i {
            font-size: 10px;
            margin-right: 4px; }
  .articleList_1uWBS .list_yKJ9- .item_2L2yo .itemMain_ju4BM .tags_3vqq6 .tag_2NCHK {
            padding: 0 15px;
            height: 24px;
            background: rgba(0, 0, 0, 0.04);
            border-radius: 12px;
            font-size: 12px;
            font-weight: 400;
            color: #686767;
            line-height: 20px; }
  .articleList_1uWBS .pagination_c-HMu {
    width: 100%; }

.product_ufjUs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }

.product-title_1bkGF {
  height: 29px;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  line-height: 29px;
  padding-right: 81px;
  position: relative; }

.product-title_1bkGF::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 22px;
    background: #d8d8d8;
    right: 40px;
    top: 4px; }

.product-list_2ULlX {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 29px; }

.product-item_N1R7r {
  height: 29px;
  font-size: 16px;
  color: #888888;
  line-height: 29px;
  padding-bottom: 12px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  cursor: pointer; }

.product-item_N1R7r + .product-item_N1R7r {
    margin-left: 32px; }

.product-select-item_2Uswb {
  color: #000000;
  position: relative; }

.product-select-item_2Uswb::after {
    position: absolute;
    content: "";
    bottom: 1px;
    right: 0;
    width: 100%;
    height: 4px;
    background: #000000; }

.product-more_1F5oI {
  line-height: 23px;
  width: 56px;
  height: 25px;
  border-radius: 1100px;
  border: 1px solid #8a8a8a;
  margin-left: 30px;
  font-size: 12px;
  margin-top: 2px;
  cursor: pointer;
  text-align: center; }

.searchBar_x5Wh1 {
  width: 100%;
  height: 28px;
  border: 1px solid #000000;
  background-color: #fff;
  position: relative; }
  .searchBar_x5Wh1 input {
    width: calc(100% - 38px);
    height: 18px;
    position: absolute;
    left: 0px;
    top: 49%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding-left: 10px;
    outline: none;
    border: 0px;
    background-color: #fff; }
  .searchBar_x5Wh1 input::-webkit-input-placeholder {
      font-size: 12px;
      color: #999999;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
  .searchBar_x5Wh1 input::-moz-placeholder {
      font-size: 12px;
      color: #999999;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease; }
  .searchBar_x5Wh1 input:-ms-input-placeholder {
      font-size: 12px;
      color: #999999;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease; }
  .searchBar_x5Wh1 input::-ms-input-placeholder {
      font-size: 12px;
      color: #999999;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease; }
  .searchBar_x5Wh1 input::placeholder {
      font-size: 12px;
      color: #999999;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
  .searchBar_x5Wh1 input:focus::-webkit-input-placeholder {
      opacity: 0.5; }
  .searchBar_x5Wh1 input:focus::-moz-placeholder {
      opacity: 0.5; }
  .searchBar_x5Wh1 input:focus:-ms-input-placeholder {
      opacity: 0.5; }
  .searchBar_x5Wh1 input:focus::-ms-input-placeholder {
      opacity: 0.5; }
  .searchBar_x5Wh1 input:focus::placeholder {
      opacity: 0.5; }
  .searchBar_x5Wh1 > i {
    position: absolute;
    right: 9px;
    top: 56%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #333333;
    cursor: pointer; }
  .searchTips_1XQUE {
  width: 258px;
  font-size: 12px; }
  .searchTips_1XQUE .loding_2aDo0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .searchTips_1XQUE .title_1qPRM {
    font-weight: bold;
    margin-bottom: 10px; }
  .searchTips_1XQUE > span {
    display: inline-block;
    margin: 0;
    padding: 4px 10px;
    margin-right: 6px;
    margin-bottom: 10px;
    color: #666666;
    background-color: #F9F9F9;
    cursor: pointer; }
  .searchTips_1XQUE > span:hover {
      background-color: #f2f2f2; }
  .keywordList_zmNYq {
  width: 255px;
  max-height: 400px;
  overflow: auto; }
  .keywordList_zmNYq li {
    height: 34px;
    font-size: 12px;
    line-height: 34px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .keywordList_zmNYq li:hover {
      background-color: #f6f6f6; }
  .keywordList_zmNYq li.active_1m7zW {
      background-color: #f6f6f6; }

.filterBar_21xDJ {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px; }
  .filterBar_21xDJ .left_wK1Jd {
    color: #333333; }
  .filterBar_21xDJ .item_aqsFY {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 26px;
    padding-left: 10px;
    height: 22px;
    max-width: 400px;
    overflow: hidden;
    background-color: #111;
    cursor: pointer;
    border-radius: 12px; }
  .filterBar_21xDJ .item_aqsFY .filterBarContent_5VeFK {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 100%;
      height: 22px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 12px;
      line-height: 21px;
      color: #fff; }
  .filterBar_21xDJ .item_aqsFY .closeBtn_2gfLG {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      position: absolute;
      top: 1px;
      right: 0px;
      display: block;
      width: 22px;
      height: 21px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filterBar_21xDJ .item_aqsFY .closeBtn_2gfLG i {
        line-height: 12px;
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
            transform: scale(0.6); }
  .filterBar_21xDJ .clearBtn_1hk3D {
    cursor: pointer;
    font-size: 12px;
    min-width: 80px;
    border: 1px solid rgba(17, 17, 17, 0.3);
    border-radius: 12px;
    overflow: hidden;
    height: 23px;
    line-height: 22px;
    text-align: center;
    color: #ff6a69;
    border: 1px solid #ff6a69; }

.select_3SVcp {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 160px;
  height: 38px;
  background: #fff;
  -webkit-box-shadow: 0px 2px 64px 0px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 2px 64px 0px rgba(0, 0, 0, 0.06);
  padding: 0 20px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .select_3SVcp .name_2nGzZ {
    font-weight: 500;
    font-size: 12px;
    color: #000; }
  .select_3SVcp i {
    margin-left: auto; }
  .popoverContent_1EfAj {
  width: 160px;
  max-height: 418px;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 64px 0px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 2px 64px 0px rgba(0, 0, 0, 0.06);
  overflow: auto; }
  .popoverContent_1EfAj::-webkit-scrollbar {
    width: 0; }
  .item_jraqK {
  width: 100%;
  height: 38px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
  padding-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer; }
  .item_jraqK:hover {
    background-color: #000; }
  .item_jraqK:hover .name_2nGzZ {
      color: #fff; }
  .item_jraqK:hover i {
      color: #fff; }
  .item_jraqK.active_2d8O5 {
    background-color: #000; }
  .item_jraqK.active_2d8O5 .name_2nGzZ {
      color: #fff; }
  .item_jraqK.active_2d8O5 i {
      display: block;
      color: #fff; }
  .item_jraqK .name_2nGzZ {
    width: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    font-weight: 400;
    font-size: 12px;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .item_jraqK i {
    display: none;
    margin-left: auto;
    font-size: 14px; }
  .item2_RUbx_ {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 6px;
  cursor: pointer; }
  .item2_RUbx_ .main_1LYf9 {
    height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #fff; }
  .item2_RUbx_ .main_1LYf9 .name_2nGzZ {
      margin-left: 3px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }

.select3Popover {
  padding-top: 1px;
}
.select3Popover .ant-popover-content .ant-popover-arrow {
  display: none;
}
.select3Popover .ant-popover-content .ant-popover-inner {
  border-radius: 5px;
  overflow: hidden;
}
.select3Popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  padding: 0;
}

.card_4B3BR {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc((100% - 48px) / 3);
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  background-color: #fff;
  cursor: pointer; }
  .card_4B3BR:hover {
    -webkit-box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.16); }
  .card_4B3BR img {
    -o-object-fit: cover;
       object-fit: cover; }
  .card_4B3BR .leftContainer_2gvTd {
    width: 42.85%; }
  .card_4B3BR .leftContainer_2gvTd .picContainer_1GqjD {
      position: relative;
      padding-bottom: 176%; }
  .card_4B3BR .leftContainer_2gvTd .picContainer_1GqjD .pic_H_RQx {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
  .card_4B3BR .leftContainer_2gvTd .picContainer_1GqjD .pic_H_RQx img {
          width: 100%;
          height: 100%; }
  .card_4B3BR .rightContainer_1wI8D {
    width: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .card_4B3BR .rightContainer_1wI8D .pics_3_gDj {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 16px; }
  .card_4B3BR .rightContainer_1wI8D .pics_3_gDj .picContainer_1GqjD {
        width: calc((100% - 16px) / 2); }
  .card_4B3BR .rightContainer_1wI8D .pics_3_gDj .picContainer_1GqjD .pic_H_RQx {
          position: relative;
          width: 100%;
          padding-bottom: 158%; }
  .card_4B3BR .rightContainer_1wI8D .pics_3_gDj .picContainer_1GqjD .pic_H_RQx img {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%; }
  .card_4B3BR .rightContainer_1wI8D .title_3lmIy {
      margin-top: 16px;
      font-weight: 500;
      font-size: 16px;
      color: #000;
      line-height: 24px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
  .card_4B3BR .rightContainer_1wI8D .keywords_36gpj {
      margin-top: 12px;
      height: 28px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 10px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      position: relative; }
  .card_4B3BR .rightContainer_1wI8D .keywords_36gpj .keyword_1plp- {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 10px;
        height: 28px;
        background: #ffffff;
        border-radius: 14px;
        border: 1px solid #282828;
        font-weight: 500;
        font-size: 12px;
        color: #282828;
        line-height: 24px; }
  .card_4B3BR .rightContainer_1wI8D .keywords_36gpj .keyword_1plp-:hover {
          color: #fff;
          background: #000; }
  .card_4B3BR .rightContainer_1wI8D .desc_1Usar {
      height: 48px;
      margin-bottom: 6px;
      margin-top: 16px;
      color: rgba(0, 0, 0, 0.5);
      line-height: 24px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
  .card_4B3BR .rightContainer_1wI8D .footer_4ubGq {
      border-top: 1px solid #d8d8d8;
      padding-top: 6px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      height: 18px;
      font-weight: 500;
      font-size: 12px;
      color: rgba(0, 0, 0, 0.5);
      line-height: 18px; }
  .card_4B3BR .rightContainer_1wI8D .footer_4ubGq i {
        font-size: 12px;
        margin-right: 3px; }

.content_b9grz {
  max-width: 1820px;
  min-width: 1300px;
  min-height: 100vh;
  margin: 0 auto;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media screen and (max-width: 1820px) {
    .content_b9grz .content_b9grz {
      width: 100%;
      margin: 0 auto; } }
  .content_b9grz .headerContainer_aIRHk {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-top: 24px;
    height: 80px;
    position: sticky;
    top: 74px;
    background-color: #fafafa;
    z-index: 10; }
  .content_b9grz .headerContainer_aIRHk .header_92Ox8 {
      padding-bottom: 16px;
      border-bottom: 1px solid #afafaf;
      width: calc(100% - 72px);
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  .content_b9grz .headerContainer_aIRHk .header_92Ox8 .left_1T3cJ {
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 20px; }
  .content_b9grz .headerContainer_aIRHk .header_92Ox8 .left_1T3cJ .select2_1UbY4 {
          border: none;
          background-color: #fff; }
  .content_b9grz .headerContainer_aIRHk .header_92Ox8 .center_1HgOU {
        height: 40px;
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        margin: 0 20px; }
  .content_b9grz .headerContainer_aIRHk .header_92Ox8 .right_7YZ-t {
        width: 390px;
        height: 38px;
        position: relative; }
  .content_b9grz .headerContainer_aIRHk .header_92Ox8 .right_7YZ-t .search_XlLfW {
          position: absolute;
          left: 15px;
          top: 4px;
          z-index: 2;
          border-radius: 5px;
          color: #111;
          cursor: pointer; }
  .content_b9grz .headerContainer_aIRHk .header_92Ox8 .right_7YZ-t .search_XlLfW .text_3VTEq {
            font-size: 18px;
            line-height: 30px; }
  .content_b9grz .main_2yDV- {
    padding: 0 36px;
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 24px; }
  .content_b9grz .main_2yDV- .loadSvg_3GQ2q {
      margin-top: 50px;
      width: 100%;
      height: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .content_b9grz .main_2yDV- .loadSvg_3GQ2q > img {
        width: 40px; }
  .content_b9grz .main_2yDV- .noData_3VljG {
      width: 100%;
      height: 800px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 40px; }
  .content_b9grz .main_2yDV- .noData_3VljG img {
        width: 160px; }
  .content_b9grz .main_2yDV- .noData_3VljG .text_3VTEq {
        font-weight: 400;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.4);
        line-height: 22px; }
  .content_b9grz .pagination__GHlQ {
    padding: 0 36px; }

.modalContent_2Rcxq {
  z-index: 5;
  background: #fff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  width: 1047px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px 24px 24px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .modalContent_2Rcxq .title_23nSp {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    color: #111;
    border-bottom: 1px solid #b4b4b4; }
  .modalContent_2Rcxq .inputContainer_1Y6iL {
    width: 100%;
    margin-top: 16px;
    margin-bottom: 24px;
    height: 34px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 17px;
    border: 1px solid #000;
    padding: 0 18px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .modalContent_2Rcxq .inputContainer_1Y6iL i {
      display: block;
      font-weight: 400;
      font-size: 14px;
      color: #686868;
      margin-right: 4px;
      -webkit-transform: translateY(1px);
          -ms-transform: translateY(1px);
              transform: translateY(1px); }
  .modalContent_2Rcxq .inputContainer_1Y6iL input {
      width: 0;
      height: 20px;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: inline-block;
      outline: none;
      border: none;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      font-weight: 400;
      font-size: 14px;
      color: #686868; }
  .modalContent_2Rcxq .inputContainer_1Y6iL input::-webkit-input-placeholder {
        font-weight: 400;
        font-size: 14px;
        color: #686868; }
  .modalContent_2Rcxq .inputContainer_1Y6iL input::-moz-placeholder {
        font-weight: 400;
        font-size: 14px;
        color: #686868; }
  .modalContent_2Rcxq .inputContainer_1Y6iL input:-ms-input-placeholder {
        font-weight: 400;
        font-size: 14px;
        color: #686868; }
  .modalContent_2Rcxq .inputContainer_1Y6iL input::-ms-input-placeholder {
        font-weight: 400;
        font-size: 14px;
        color: #686868; }
  .modalContent_2Rcxq .inputContainer_1Y6iL input::placeholder {
        font-weight: 400;
        font-size: 14px;
        color: #686868; }
  .modalContent_2Rcxq .body_pk6fm {
    width: 100%;
    max-height: 650px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    overflow: auto;
    padding-bottom: 24px; }
  .modalContent_2Rcxq .body_pk6fm .parentItem_1bRpR {
      position: relative;
      padding-left: 12px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 10px;
      cursor: pointer; }
  .modalContent_2Rcxq .body_pk6fm .parentItem_1bRpR::after {
        position: absolute;
        content: "";
        left: 0;
        top: 3px;
        width: 4px;
        height: 16px;
        background: #000; }
  .modalContent_2Rcxq .body_pk6fm .parentItem_1bRpR .item_-0znZ {
        border-radius: 4px;
        height: 24px;
        line-height: 24px;
        border: none;
        font-weight: bold;
        padding: 0 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .modalContent_2Rcxq .body_pk6fm .parentItem_1bRpR .item_-0znZ.child_3z7bU .content_1FErb {
          color: rgba(0, 0, 0, 0.7);
          font-weight: 400; }
  .modalContent_2Rcxq .body_pk6fm .parentItem_1bRpR .item_-0znZ:hover {
          background-color: #eee; }
  .modalContent_2Rcxq .body_pk6fm .parentItem_1bRpR .item_-0znZ.selected_20cjT {
          background-color: #000; }
  .modalContent_2Rcxq .body_pk6fm .parentItem_1bRpR .item_-0znZ.selected_20cjT .content_1FErb {
            color: #fff; }
  .modalContent_2Rcxq .body_pk6fm .parentItem_1bRpR .item_-0znZ.selected_20cjT .close_1LmLR {
            display: block; }
  .modalContent_2Rcxq .body_pk6fm .parentItem_1bRpR .item_-0znZ .content_1FErb {
          display: inline-block;
          max-width: 100%;
          vertical-align: top;
          line-height: 24px;
          font-size: 14px;
          color: #333; }
  .modalContent_2Rcxq .body_pk6fm .parentItem_1bRpR .item_-0znZ .close_1LmLR {
          margin-left: 10px;
          display: none;
          font-size: 12px;
          line-height: 12px;
          font-weight: bold;
          color: #fff;
          -webkit-transition: all 0.2s;
          transition: all 0.2s;
          -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
  .modalContent_2Rcxq .body_pk6fm .parentItem_1bRpR .right_dOttW {
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 24px; }

.product-popover .ant-popover-arrow {
  display: none;
}
.product-popover .ant-popover-inner-content {
  padding: 0;
}

.card_1necV {
  width: calc((100% - 24px * 3) / 4);
  cursor: pointer; }
  .card_1necV .imgContainer_3cK5u {
    width: 100%;
    padding-top: 100%;
    position: relative;
    background-color: #eee; }
  .card_1necV .imgContainer_3cK5u img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .card_1necV .imgContainer_3cK5u .checkBox_3b0Ha {
      position: absolute;
      right: 12px;
      top: 12px; }
  .card_1necV .bianhao_28bL0 {
    margin-top: 8px;
    height: 20px;
    font-weight: bold;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.99);
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .card_1necV .last_Hbnw1 {
    margin-top: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 20px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.7);
    line-height: 20px; }
  .myCheckBox_JnMBh {
  width: 18px;
  height: 18px;
  border-radius: 2px;
  background-color: #fff;
  cursor: pointer; }
  .myCheckBox_JnMBh img {
    width: 100%;
    height: 100%; }

.content_3s0We {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .content_3s0We .header_VczpJ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .content_3s0We .header_VczpJ .left_3xEvu {
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      height: 34px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 16px; }
  .content_3s0We .header_VczpJ .left_3xEvu .color_1-DUv {
        width: 16px;
        height: 16px;
        border-radius: 50%;
        margin-left: 16px;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .content_3s0We .header_VczpJ .left_3xEvu .inputContainer_3pNE4 {
        width: 273px;
        height: 34px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border-radius: 17px;
        border: 1px solid #000;
        padding: 0 18px;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .content_3s0We .header_VczpJ .left_3xEvu .inputContainer_3pNE4 i {
          display: block;
          font-weight: 400;
          font-size: 14px;
          color: #686868;
          margin-right: 4px;
          -webkit-transform: translateY(1px);
              -ms-transform: translateY(1px);
                  transform: translateY(1px); }
  .content_3s0We .header_VczpJ .left_3xEvu .inputContainer_3pNE4 input {
          width: 0;
          height: 20px;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          display: inline-block;
          outline: none;
          border: none;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          font-weight: 400;
          font-size: 14px;
          color: #686868; }
  .content_3s0We .header_VczpJ .left_3xEvu .inputContainer_3pNE4 input::-webkit-input-placeholder {
            font-weight: 400;
            font-size: 14px;
            color: #686868; }
  .content_3s0We .header_VczpJ .left_3xEvu .inputContainer_3pNE4 input::-moz-placeholder {
            font-weight: 400;
            font-size: 14px;
            color: #686868; }
  .content_3s0We .header_VczpJ .left_3xEvu .inputContainer_3pNE4 input:-ms-input-placeholder {
            font-weight: 400;
            font-size: 14px;
            color: #686868; }
  .content_3s0We .header_VczpJ .left_3xEvu .inputContainer_3pNE4 input::-ms-input-placeholder {
            font-weight: 400;
            font-size: 14px;
            color: #686868; }
  .content_3s0We .header_VczpJ .left_3xEvu .inputContainer_3pNE4 input::placeholder {
            font-weight: 400;
            font-size: 14px;
            color: #686868; }
  .content_3s0We .header_VczpJ .right_J3Dvv {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-left: 10px;
      gap: 16px; }
  .content_3s0We .header_VczpJ .right_J3Dvv .btn_3R_Tj {
        border: 1px solid #000;
        cursor: pointer;
        width: 70px;
        height: 34px;
        background: #fff;
        font-weight: 500;
        font-size: 16px;
        color: #000;
        line-height: 34px;
        letter-spacing: 4px;
        text-align: center; }
  .content_3s0We .header_VczpJ .right_J3Dvv .btn_3R_Tj.btn1_3-wVf {
          color: #fff;
          background: #000; }
  .content_3s0We .list_3CQRY {
    margin-top: 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 5px;
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .content_3s0We .list_3CQRY .pagination_22xZP {
      width: 100%; }
  .content_3s0We .list_3CQRY .noData_uderf {
      width: 100%;
      height: 800px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 40px; }
  .content_3s0We .list_3CQRY .noData_uderf img {
        width: 160px; }
  .content_3s0We .list_3CQRY .noData_uderf .text_25YqQ {
        font-weight: 400;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.4);
        line-height: 22px; }
  .content_3s0We .footer_38zVv {
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .content_3s0We .footer_38zVv .left_3xEvu {
      font-weight: 400;
      font-size: 12px;
      color: #333;
      line-height: 17px; }
  .content_3s0We .footer_38zVv .left_3xEvu .active_2Ve7J {
        color: #43c8e0; }
  .content_3s0We .footer_38zVv .rightBtn_3wPx- {
      margin-right: 11px;
      width: 269px;
      height: 56px;
      background: #000;
      cursor: pointer;
      font-weight: 500;
      font-size: 16px;
      color: #fff;
      line-height: 54px;
      text-align: center; }

.product-popover {
  z-index: 100000;
}
.product-popover .ant-popover-inner-content {
  padding: 0;
}

.content_zc4ez {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .content_zc4ez .list_3KNCI {
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .content_zc4ez .list_3KNCI .noData_P7zh- {
      width: 100%;
      height: 800px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 40px; }
  .content_zc4ez .list_3KNCI .noData_P7zh- img {
        width: 160px; }
  .content_zc4ez .list_3KNCI .noData_P7zh- .text_MCIR_ {
        font-weight: 400;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.4);
        line-height: 22px; }
  .content_zc4ez .footer_1TOyz {
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .content_zc4ez .footer_1TOyz .left_3kNj5 {
      font-weight: 400;
      font-size: 12px;
      color: #333;
      line-height: 17px; }
  .content_zc4ez .footer_1TOyz .left_3kNj5 .active_34Axl {
        color: #43c8e0; }
  .content_zc4ez .footer_1TOyz .rightBtn_3e9v- {
      margin-right: 11px;
      width: 269px;
      height: 56px;
      background: #000;
      cursor: pointer;
      font-weight: 500;
      font-size: 16px;
      color: #fff;
      line-height: 54px;
      text-align: center; }

.mianliao_1oJ6p {
  width: 100%;
  height: 100%;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .mianliao_1oJ6p .tabs_3G_Ei {
    padding-top: 32px;
    width: calc(100% - 40px);
    margin: 0 auto;
    padding-bottom: 12px;
    border-bottom: 1px solid #b4b4b4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px; }
  .mianliao_1oJ6p .tabs_3G_Ei .tab_2nfvS {
      font-weight: 500;
      font-size: 16px;
      color: #000;
      cursor: pointer; }
  .mianliao_1oJ6p .tabs_3G_Ei .tab_2nfvS.active_1Zh2U {
        font-weight: bold;
        font-size: 18px; }
  .mianliao_1oJ6p .content_3xsgi {
    width: 100%;
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

.peopleFilter_3ARMY.Normal_DX_3x {
  position: relative;
  width: 808px;
  height: 494px;
  padding: 20px 20px;
  background-color: #fff; }
  .peopleFilter_3ARMY.Normal_DX_3x .avatar_2eHLN {
    position: absolute;
    right: 38px;
    bottom: 20px;
    overflow: hidden;
    z-index: 5; }
  .peopleFilter_3ARMY.Normal_DX_3x .avatar_2eHLN img {
      width: 88px;
      height: 88px;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: top;
         object-position: top; }
  .peopleFilter_3ARMY.Normal_DX_3x .title_3Qo5S {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #9F9F9F;
    margin-bottom: 12px; }
  .peopleFilter_3ARMY.Normal_DX_3x .search_2Si7- {
    position: relative;
    width: 100%;
    margin-bottom: 12px; }
  .peopleFilter_3ARMY.Normal_DX_3x .search_2Si7- .searchIcon_35Bl8 {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .peopleFilter_3ARMY.Normal_DX_3x .search_2Si7- input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .peopleFilter_3ARMY.Normal_DX_3x .search_2Si7- input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Normal_DX_3x .search_2Si7- input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Normal_DX_3x .search_2Si7- input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Normal_DX_3x .search_2Si7- input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Normal_DX_3x .search_2Si7- input::placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Normal_DX_3x .search_2Si7- input {
      height: 34px;
      font-size: 14px;
      padding-left: 38px; }
  .peopleFilter_3ARMY.Normal_DX_3x .search_2Si7- input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Normal_DX_3x .search_2Si7- input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Normal_DX_3x .search_2Si7- input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Normal_DX_3x .search_2Si7- input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Normal_DX_3x .search_2Si7- input::placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Normal_DX_3x .selectedKey_HbQhW {
    font-size: 16px;
    margin-bottom: 16px;
    color: #111111;
    font-weight: bold; }
  .peopleFilter_3ARMY.Normal_DX_3x .body_2cd4d {
    position: relative;
    width: 100%;
    height: calc(100% - 160px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .peopleFilter_3ARMY.Normal_DX_3x .body_2cd4d .types_2tZqY {
      width: 100%;
      position: relative;
      margin-bottom: 8px; }
  .peopleFilter_3ARMY.Normal_DX_3x .body_2cd4d .types_2tZqY > span {
        display: inline-block;
        padding: 4px 12px;
        height: 30px;
        font-size: 14px;
        line-height: 22px;
        cursor: pointer;
        font-weight: 400; }
  .peopleFilter_3ARMY.Normal_DX_3x .body_2cd4d .types_2tZqY > span:hover {
          background-color: #111111;
          color: #fff; }
  .peopleFilter_3ARMY.Normal_DX_3x .body_2cd4d .types_2tZqY .selected_32lJl {
        background-color: #111111;
        color: #fff; }
  .peopleFilter_3ARMY.Normal_DX_3x .body_2cd4d .currentWord_3O0Ki {
      color: #111111;
      font-size: 15px;
      margin: 8px 0px 16px 0px;
      font-weight: bold; }
  .peopleFilter_3ARMY.Normal_DX_3x .body_2cd4d .peopleBox_IIH17 {
      position: relative;
      height: 275px;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .peopleFilter_3ARMY.Normal_DX_3x .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding-right: 4px;
        overflow: auto;
        -ms-scroll-chaining: none;
            overscroll-behavior: contain; }
  .peopleFilter_3ARMY.Normal_DX_3x .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleNormal_3cH8u {
          float: left;
          width: calc( (100% - 90px)/4);
          margin-right: 30px; }
  .peopleFilter_3ARMY.Normal_DX_3x .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleNormal_3cH8u:nth-of-type(4n) {
            margin-right: 0px; }
  .peopleFilter_3ARMY.Normal_DX_3x .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleSp_34KgF {
          float: left;
          width: 135px;
          margin-right: 15px; }
  .peopleFilter_3ARMY.Normal_DX_3x .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleSp_34KgF:nth-of-type(5n) {
            margin-right: 20px; }
  .peopleFilter_3ARMY.Normal_DX_3x .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 {
          float: none;
          width: 100%;
          margin: 0; }
  .peopleFilter_3ARMY.Normal_DX_3x .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 .keyItemTag_3XVo4 {
            float: left;
            width: 140px;
            margin-right: 10px; }
  .peopleFilter_3ARMY.Normal_DX_3x .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 .keyItemTag_3XVo4:nth-of-type(3n) {
              margin-right: 0px; }
  .peopleFilter_3ARMY.Normal_DX_3x .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh::-webkit-scrollbar {
          width: 3px; }
  .peopleFilter_3ARMY.Normal_DX_3x .body_2cd4d .pinpaiBox_FWUwQ {
      height: 260px; }
  .peopleFilter_3ARMY.Normal_DX_3x .body_2cd4d .peopleWords_f0ZDX {
      display: inline-block;
      vertical-align: top;
      color: #AAAAAA;
      cursor: pointer;
      font-size: 14px; }
  .peopleFilter_3ARMY.Normal_DX_3x .body_2cd4d .peopleWords_f0ZDX .selected_32lJl {
        color: #111111; }
  .peopleFilter_3ARMY.Normal_DX_3x .body_2cd4d .peopleWords_f0ZDX > div {
        float: left;
        padding: 1px 8px; }
  .peopleFilter_3ARMY.Normal_DX_3x .body_2cd4d .peopleWords_f0ZDX > div:hover {
          background-color: #000;
          color: #fff; }
  .peopleFilter_3ARMY.Normal_DX_3x .body_2cd4d .continents_2EODz {
      background-color: #FAFAFA;
      position: relative;
      width: 100%; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs {
  position: relative;
  width: 808px;
  height: 494px;
  padding: 20px 20px;
  background-color: #fff; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .avatar_2eHLN {
    position: absolute;
    right: 38px;
    bottom: 20px;
    overflow: hidden;
    z-index: 5; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .avatar_2eHLN img {
      width: 88px;
      height: 88px;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: top;
         object-position: top; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .title_3Qo5S {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #9F9F9F;
    margin-bottom: 12px; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .search_2Si7- {
    position: relative;
    width: 100%;
    margin-bottom: 12px; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .search_2Si7- .searchIcon_35Bl8 {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .search_2Si7- input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .search_2Si7- input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .search_2Si7- input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .search_2Si7- input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .search_2Si7- input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .search_2Si7- input::placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .search_2Si7- input {
      height: 34px;
      font-size: 14px;
      padding-left: 38px; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .search_2Si7- input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .search_2Si7- input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .search_2Si7- input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .search_2Si7- input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .search_2Si7- input::placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .selectedKey_HbQhW {
    font-size: 16px;
    margin-bottom: 16px;
    color: #175851;
    font-weight: bold; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .body_2cd4d {
    position: relative;
    width: 100%;
    height: calc(100% - 160px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .body_2cd4d .types_2tZqY {
      width: 100%;
      position: relative;
      margin-bottom: 8px; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .body_2cd4d .types_2tZqY > span {
        display: inline-block;
        padding: 4px 12px;
        height: 30px;
        font-size: 14px;
        line-height: 22px;
        cursor: pointer;
        font-weight: 400; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .body_2cd4d .types_2tZqY > span:hover {
          background-color: #111111;
          color: #fff; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .body_2cd4d .types_2tZqY .selected_32lJl {
        background-color: #111111;
        color: #fff; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .body_2cd4d .currentWord_3O0Ki {
      color: #111111;
      font-size: 15px;
      margin: 8px 0px 16px 0px;
      font-weight: bold; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .body_2cd4d .peopleBox_IIH17 {
      position: relative;
      height: 275px;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding-right: 4px;
        overflow: auto;
        -ms-scroll-chaining: none;
            overscroll-behavior: contain; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleNormal_3cH8u {
          float: left;
          width: calc( (100% - 90px)/4);
          margin-right: 30px; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleNormal_3cH8u:nth-of-type(4n) {
            margin-right: 0px; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleSp_34KgF {
          float: left;
          width: 135px;
          margin-right: 15px; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleSp_34KgF:nth-of-type(5n) {
            margin-right: 20px; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 {
          float: none;
          width: 100%;
          margin: 0; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 .keyItemTag_3XVo4 {
            float: left;
            width: 140px;
            margin-right: 10px; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 .keyItemTag_3XVo4:nth-of-type(3n) {
              margin-right: 0px; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh::-webkit-scrollbar {
          width: 3px; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .body_2cd4d .pinpaiBox_FWUwQ {
      height: 260px; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .body_2cd4d .peopleWords_f0ZDX {
      display: inline-block;
      vertical-align: top;
      color: #AAAAAA;
      cursor: pointer;
      font-size: 14px; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .body_2cd4d .peopleWords_f0ZDX .selected_32lJl {
        color: #111111; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .body_2cd4d .peopleWords_f0ZDX > div {
        float: left;
        padding: 1px 8px; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .body_2cd4d .peopleWords_f0ZDX > div:hover {
          background-color: #000;
          color: #fff; }
  .peopleFilter_3ARMY.DarkCyan_-0ZQs .body_2cd4d .continents_2EODz {
      background-color: #FAFAFA;
      position: relative;
      width: 100%; }
  .peopleFilter_3ARMY.Wheat_1jxCR {
  position: relative;
  width: 808px;
  height: 494px;
  padding: 20px 20px;
  background-color: #fff; }
  .peopleFilter_3ARMY.Wheat_1jxCR .avatar_2eHLN {
    position: absolute;
    right: 38px;
    bottom: 20px;
    overflow: hidden;
    z-index: 5; }
  .peopleFilter_3ARMY.Wheat_1jxCR .avatar_2eHLN img {
      width: 88px;
      height: 88px;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: top;
         object-position: top; }
  .peopleFilter_3ARMY.Wheat_1jxCR .title_3Qo5S {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #9F9F9F;
    margin-bottom: 12px; }
  .peopleFilter_3ARMY.Wheat_1jxCR .search_2Si7- {
    position: relative;
    width: 100%;
    margin-bottom: 12px; }
  .peopleFilter_3ARMY.Wheat_1jxCR .search_2Si7- .searchIcon_35Bl8 {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .peopleFilter_3ARMY.Wheat_1jxCR .search_2Si7- input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .peopleFilter_3ARMY.Wheat_1jxCR .search_2Si7- input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Wheat_1jxCR .search_2Si7- input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Wheat_1jxCR .search_2Si7- input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Wheat_1jxCR .search_2Si7- input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Wheat_1jxCR .search_2Si7- input::placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Wheat_1jxCR .search_2Si7- input {
      height: 34px;
      font-size: 14px;
      padding-left: 38px; }
  .peopleFilter_3ARMY.Wheat_1jxCR .search_2Si7- input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Wheat_1jxCR .search_2Si7- input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Wheat_1jxCR .search_2Si7- input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Wheat_1jxCR .search_2Si7- input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Wheat_1jxCR .search_2Si7- input::placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Wheat_1jxCR .selectedKey_HbQhW {
    font-size: 16px;
    margin-bottom: 16px;
    color: #e1b282;
    font-weight: bold; }
  .peopleFilter_3ARMY.Wheat_1jxCR .body_2cd4d {
    position: relative;
    width: 100%;
    height: calc(100% - 160px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .peopleFilter_3ARMY.Wheat_1jxCR .body_2cd4d .types_2tZqY {
      width: 100%;
      position: relative;
      margin-bottom: 8px; }
  .peopleFilter_3ARMY.Wheat_1jxCR .body_2cd4d .types_2tZqY > span {
        display: inline-block;
        padding: 4px 12px;
        height: 30px;
        font-size: 14px;
        line-height: 22px;
        cursor: pointer;
        font-weight: 400; }
  .peopleFilter_3ARMY.Wheat_1jxCR .body_2cd4d .types_2tZqY > span:hover {
          background-color: #111111;
          color: #fff; }
  .peopleFilter_3ARMY.Wheat_1jxCR .body_2cd4d .types_2tZqY .selected_32lJl {
        background-color: #111111;
        color: #fff; }
  .peopleFilter_3ARMY.Wheat_1jxCR .body_2cd4d .currentWord_3O0Ki {
      color: #111111;
      font-size: 15px;
      margin: 8px 0px 16px 0px;
      font-weight: bold; }
  .peopleFilter_3ARMY.Wheat_1jxCR .body_2cd4d .peopleBox_IIH17 {
      position: relative;
      height: 275px;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .peopleFilter_3ARMY.Wheat_1jxCR .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding-right: 4px;
        overflow: auto;
        -ms-scroll-chaining: none;
            overscroll-behavior: contain; }
  .peopleFilter_3ARMY.Wheat_1jxCR .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleNormal_3cH8u {
          float: left;
          width: calc( (100% - 90px)/4);
          margin-right: 30px; }
  .peopleFilter_3ARMY.Wheat_1jxCR .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleNormal_3cH8u:nth-of-type(4n) {
            margin-right: 0px; }
  .peopleFilter_3ARMY.Wheat_1jxCR .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleSp_34KgF {
          float: left;
          width: 135px;
          margin-right: 15px; }
  .peopleFilter_3ARMY.Wheat_1jxCR .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleSp_34KgF:nth-of-type(5n) {
            margin-right: 20px; }
  .peopleFilter_3ARMY.Wheat_1jxCR .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 {
          float: none;
          width: 100%;
          margin: 0; }
  .peopleFilter_3ARMY.Wheat_1jxCR .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 .keyItemTag_3XVo4 {
            float: left;
            width: 140px;
            margin-right: 10px; }
  .peopleFilter_3ARMY.Wheat_1jxCR .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 .keyItemTag_3XVo4:nth-of-type(3n) {
              margin-right: 0px; }
  .peopleFilter_3ARMY.Wheat_1jxCR .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh::-webkit-scrollbar {
          width: 3px; }
  .peopleFilter_3ARMY.Wheat_1jxCR .body_2cd4d .pinpaiBox_FWUwQ {
      height: 260px; }
  .peopleFilter_3ARMY.Wheat_1jxCR .body_2cd4d .peopleWords_f0ZDX {
      display: inline-block;
      vertical-align: top;
      color: #AAAAAA;
      cursor: pointer;
      font-size: 14px; }
  .peopleFilter_3ARMY.Wheat_1jxCR .body_2cd4d .peopleWords_f0ZDX .selected_32lJl {
        color: #111111; }
  .peopleFilter_3ARMY.Wheat_1jxCR .body_2cd4d .peopleWords_f0ZDX > div {
        float: left;
        padding: 1px 8px; }
  .peopleFilter_3ARMY.Wheat_1jxCR .body_2cd4d .peopleWords_f0ZDX > div:hover {
          background-color: #000;
          color: #fff; }
  .peopleFilter_3ARMY.Wheat_1jxCR .body_2cd4d .continents_2EODz {
      background-color: #FAFAFA;
      position: relative;
      width: 100%; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us {
  position: relative;
  width: 808px;
  height: 494px;
  padding: 20px 20px;
  background-color: #fff; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .avatar_2eHLN {
    position: absolute;
    right: 38px;
    bottom: 20px;
    overflow: hidden;
    z-index: 5; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .avatar_2eHLN img {
      width: 88px;
      height: 88px;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: top;
         object-position: top; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .title_3Qo5S {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #9F9F9F;
    margin-bottom: 12px; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .search_2Si7- {
    position: relative;
    width: 100%;
    margin-bottom: 12px; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .search_2Si7- .searchIcon_35Bl8 {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .search_2Si7- input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .search_2Si7- input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .search_2Si7- input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .search_2Si7- input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .search_2Si7- input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .search_2Si7- input::placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .search_2Si7- input {
      height: 34px;
      font-size: 14px;
      padding-left: 38px; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .search_2Si7- input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .search_2Si7- input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .search_2Si7- input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .search_2Si7- input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .search_2Si7- input::placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .selectedKey_HbQhW {
    font-size: 16px;
    margin-bottom: 16px;
    color: #9b758b;
    font-weight: bold; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .body_2cd4d {
    position: relative;
    width: 100%;
    height: calc(100% - 160px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .body_2cd4d .types_2tZqY {
      width: 100%;
      position: relative;
      margin-bottom: 8px; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .body_2cd4d .types_2tZqY > span {
        display: inline-block;
        padding: 4px 12px;
        height: 30px;
        font-size: 14px;
        line-height: 22px;
        cursor: pointer;
        font-weight: 400; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .body_2cd4d .types_2tZqY > span:hover {
          background-color: #111111;
          color: #fff; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .body_2cd4d .types_2tZqY .selected_32lJl {
        background-color: #111111;
        color: #fff; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .body_2cd4d .currentWord_3O0Ki {
      color: #111111;
      font-size: 15px;
      margin: 8px 0px 16px 0px;
      font-weight: bold; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .body_2cd4d .peopleBox_IIH17 {
      position: relative;
      height: 275px;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding-right: 4px;
        overflow: auto;
        -ms-scroll-chaining: none;
            overscroll-behavior: contain; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleNormal_3cH8u {
          float: left;
          width: calc( (100% - 90px)/4);
          margin-right: 30px; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleNormal_3cH8u:nth-of-type(4n) {
            margin-right: 0px; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleSp_34KgF {
          float: left;
          width: 135px;
          margin-right: 15px; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleSp_34KgF:nth-of-type(5n) {
            margin-right: 20px; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 {
          float: none;
          width: 100%;
          margin: 0; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 .keyItemTag_3XVo4 {
            float: left;
            width: 140px;
            margin-right: 10px; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 .keyItemTag_3XVo4:nth-of-type(3n) {
              margin-right: 0px; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh::-webkit-scrollbar {
          width: 3px; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .body_2cd4d .pinpaiBox_FWUwQ {
      height: 260px; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .body_2cd4d .peopleWords_f0ZDX {
      display: inline-block;
      vertical-align: top;
      color: #AAAAAA;
      cursor: pointer;
      font-size: 14px; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .body_2cd4d .peopleWords_f0ZDX .selected_32lJl {
        color: #111111; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .body_2cd4d .peopleWords_f0ZDX > div {
        float: left;
        padding: 1px 8px; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .body_2cd4d .peopleWords_f0ZDX > div:hover {
          background-color: #000;
          color: #fff; }
  .peopleFilter_3ARMY.RosyBrown_uM2Us .body_2cd4d .continents_2EODz {
      background-color: #FAFAFA;
      position: relative;
      width: 100%; }
  .peopleFilter_3ARMY.Chocolate_2siFW {
  position: relative;
  width: 808px;
  height: 494px;
  padding: 20px 20px;
  background-color: #fff; }
  .peopleFilter_3ARMY.Chocolate_2siFW .avatar_2eHLN {
    position: absolute;
    right: 38px;
    bottom: 20px;
    overflow: hidden;
    z-index: 5; }
  .peopleFilter_3ARMY.Chocolate_2siFW .avatar_2eHLN img {
      width: 88px;
      height: 88px;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: top;
         object-position: top; }
  .peopleFilter_3ARMY.Chocolate_2siFW .title_3Qo5S {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #9F9F9F;
    margin-bottom: 12px; }
  .peopleFilter_3ARMY.Chocolate_2siFW .search_2Si7- {
    position: relative;
    width: 100%;
    margin-bottom: 12px; }
  .peopleFilter_3ARMY.Chocolate_2siFW .search_2Si7- .searchIcon_35Bl8 {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .peopleFilter_3ARMY.Chocolate_2siFW .search_2Si7- input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .peopleFilter_3ARMY.Chocolate_2siFW .search_2Si7- input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Chocolate_2siFW .search_2Si7- input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Chocolate_2siFW .search_2Si7- input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Chocolate_2siFW .search_2Si7- input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Chocolate_2siFW .search_2Si7- input::placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Chocolate_2siFW .search_2Si7- input {
      height: 34px;
      font-size: 14px;
      padding-left: 38px; }
  .peopleFilter_3ARMY.Chocolate_2siFW .search_2Si7- input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Chocolate_2siFW .search_2Si7- input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Chocolate_2siFW .search_2Si7- input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Chocolate_2siFW .search_2Si7- input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Chocolate_2siFW .search_2Si7- input::placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Chocolate_2siFW .selectedKey_HbQhW {
    font-size: 16px;
    margin-bottom: 16px;
    color: #da6339;
    font-weight: bold; }
  .peopleFilter_3ARMY.Chocolate_2siFW .body_2cd4d {
    position: relative;
    width: 100%;
    height: calc(100% - 160px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .peopleFilter_3ARMY.Chocolate_2siFW .body_2cd4d .types_2tZqY {
      width: 100%;
      position: relative;
      margin-bottom: 8px; }
  .peopleFilter_3ARMY.Chocolate_2siFW .body_2cd4d .types_2tZqY > span {
        display: inline-block;
        padding: 4px 12px;
        height: 30px;
        font-size: 14px;
        line-height: 22px;
        cursor: pointer;
        font-weight: 400; }
  .peopleFilter_3ARMY.Chocolate_2siFW .body_2cd4d .types_2tZqY > span:hover {
          background-color: #111111;
          color: #fff; }
  .peopleFilter_3ARMY.Chocolate_2siFW .body_2cd4d .types_2tZqY .selected_32lJl {
        background-color: #111111;
        color: #fff; }
  .peopleFilter_3ARMY.Chocolate_2siFW .body_2cd4d .currentWord_3O0Ki {
      color: #111111;
      font-size: 15px;
      margin: 8px 0px 16px 0px;
      font-weight: bold; }
  .peopleFilter_3ARMY.Chocolate_2siFW .body_2cd4d .peopleBox_IIH17 {
      position: relative;
      height: 275px;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .peopleFilter_3ARMY.Chocolate_2siFW .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding-right: 4px;
        overflow: auto;
        -ms-scroll-chaining: none;
            overscroll-behavior: contain; }
  .peopleFilter_3ARMY.Chocolate_2siFW .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleNormal_3cH8u {
          float: left;
          width: calc( (100% - 90px)/4);
          margin-right: 30px; }
  .peopleFilter_3ARMY.Chocolate_2siFW .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleNormal_3cH8u:nth-of-type(4n) {
            margin-right: 0px; }
  .peopleFilter_3ARMY.Chocolate_2siFW .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleSp_34KgF {
          float: left;
          width: 135px;
          margin-right: 15px; }
  .peopleFilter_3ARMY.Chocolate_2siFW .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleSp_34KgF:nth-of-type(5n) {
            margin-right: 20px; }
  .peopleFilter_3ARMY.Chocolate_2siFW .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 {
          float: none;
          width: 100%;
          margin: 0; }
  .peopleFilter_3ARMY.Chocolate_2siFW .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 .keyItemTag_3XVo4 {
            float: left;
            width: 140px;
            margin-right: 10px; }
  .peopleFilter_3ARMY.Chocolate_2siFW .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 .keyItemTag_3XVo4:nth-of-type(3n) {
              margin-right: 0px; }
  .peopleFilter_3ARMY.Chocolate_2siFW .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh::-webkit-scrollbar {
          width: 3px; }
  .peopleFilter_3ARMY.Chocolate_2siFW .body_2cd4d .pinpaiBox_FWUwQ {
      height: 260px; }
  .peopleFilter_3ARMY.Chocolate_2siFW .body_2cd4d .peopleWords_f0ZDX {
      display: inline-block;
      vertical-align: top;
      color: #AAAAAA;
      cursor: pointer;
      font-size: 14px; }
  .peopleFilter_3ARMY.Chocolate_2siFW .body_2cd4d .peopleWords_f0ZDX .selected_32lJl {
        color: #111111; }
  .peopleFilter_3ARMY.Chocolate_2siFW .body_2cd4d .peopleWords_f0ZDX > div {
        float: left;
        padding: 1px 8px; }
  .peopleFilter_3ARMY.Chocolate_2siFW .body_2cd4d .peopleWords_f0ZDX > div:hover {
          background-color: #000;
          color: #fff; }
  .peopleFilter_3ARMY.Chocolate_2siFW .body_2cd4d .continents_2EODz {
      background-color: #FAFAFA;
      position: relative;
      width: 100%; }
  .peopleFilter_3ARMY.Coral_1tPRZ {
  position: relative;
  width: 808px;
  height: 494px;
  padding: 20px 20px;
  background-color: #fff; }
  .peopleFilter_3ARMY.Coral_1tPRZ .avatar_2eHLN {
    position: absolute;
    right: 38px;
    bottom: 20px;
    overflow: hidden;
    z-index: 5; }
  .peopleFilter_3ARMY.Coral_1tPRZ .avatar_2eHLN img {
      width: 88px;
      height: 88px;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: top;
         object-position: top; }
  .peopleFilter_3ARMY.Coral_1tPRZ .title_3Qo5S {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #9F9F9F;
    margin-bottom: 12px; }
  .peopleFilter_3ARMY.Coral_1tPRZ .search_2Si7- {
    position: relative;
    width: 100%;
    margin-bottom: 12px; }
  .peopleFilter_3ARMY.Coral_1tPRZ .search_2Si7- .searchIcon_35Bl8 {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .peopleFilter_3ARMY.Coral_1tPRZ .search_2Si7- input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .peopleFilter_3ARMY.Coral_1tPRZ .search_2Si7- input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Coral_1tPRZ .search_2Si7- input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Coral_1tPRZ .search_2Si7- input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Coral_1tPRZ .search_2Si7- input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Coral_1tPRZ .search_2Si7- input::placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Coral_1tPRZ .search_2Si7- input {
      height: 34px;
      font-size: 14px;
      padding-left: 38px; }
  .peopleFilter_3ARMY.Coral_1tPRZ .search_2Si7- input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Coral_1tPRZ .search_2Si7- input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Coral_1tPRZ .search_2Si7- input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Coral_1tPRZ .search_2Si7- input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Coral_1tPRZ .search_2Si7- input::placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Coral_1tPRZ .selectedKey_HbQhW {
    font-size: 16px;
    margin-bottom: 16px;
    color: #e46375;
    font-weight: bold; }
  .peopleFilter_3ARMY.Coral_1tPRZ .body_2cd4d {
    position: relative;
    width: 100%;
    height: calc(100% - 160px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .peopleFilter_3ARMY.Coral_1tPRZ .body_2cd4d .types_2tZqY {
      width: 100%;
      position: relative;
      margin-bottom: 8px; }
  .peopleFilter_3ARMY.Coral_1tPRZ .body_2cd4d .types_2tZqY > span {
        display: inline-block;
        padding: 4px 12px;
        height: 30px;
        font-size: 14px;
        line-height: 22px;
        cursor: pointer;
        font-weight: 400; }
  .peopleFilter_3ARMY.Coral_1tPRZ .body_2cd4d .types_2tZqY > span:hover {
          background-color: #111111;
          color: #fff; }
  .peopleFilter_3ARMY.Coral_1tPRZ .body_2cd4d .types_2tZqY .selected_32lJl {
        background-color: #111111;
        color: #fff; }
  .peopleFilter_3ARMY.Coral_1tPRZ .body_2cd4d .currentWord_3O0Ki {
      color: #111111;
      font-size: 15px;
      margin: 8px 0px 16px 0px;
      font-weight: bold; }
  .peopleFilter_3ARMY.Coral_1tPRZ .body_2cd4d .peopleBox_IIH17 {
      position: relative;
      height: 275px;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .peopleFilter_3ARMY.Coral_1tPRZ .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding-right: 4px;
        overflow: auto;
        -ms-scroll-chaining: none;
            overscroll-behavior: contain; }
  .peopleFilter_3ARMY.Coral_1tPRZ .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleNormal_3cH8u {
          float: left;
          width: calc( (100% - 90px)/4);
          margin-right: 30px; }
  .peopleFilter_3ARMY.Coral_1tPRZ .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleNormal_3cH8u:nth-of-type(4n) {
            margin-right: 0px; }
  .peopleFilter_3ARMY.Coral_1tPRZ .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleSp_34KgF {
          float: left;
          width: 135px;
          margin-right: 15px; }
  .peopleFilter_3ARMY.Coral_1tPRZ .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleSp_34KgF:nth-of-type(5n) {
            margin-right: 20px; }
  .peopleFilter_3ARMY.Coral_1tPRZ .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 {
          float: none;
          width: 100%;
          margin: 0; }
  .peopleFilter_3ARMY.Coral_1tPRZ .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 .keyItemTag_3XVo4 {
            float: left;
            width: 140px;
            margin-right: 10px; }
  .peopleFilter_3ARMY.Coral_1tPRZ .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 .keyItemTag_3XVo4:nth-of-type(3n) {
              margin-right: 0px; }
  .peopleFilter_3ARMY.Coral_1tPRZ .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh::-webkit-scrollbar {
          width: 3px; }
  .peopleFilter_3ARMY.Coral_1tPRZ .body_2cd4d .pinpaiBox_FWUwQ {
      height: 260px; }
  .peopleFilter_3ARMY.Coral_1tPRZ .body_2cd4d .peopleWords_f0ZDX {
      display: inline-block;
      vertical-align: top;
      color: #AAAAAA;
      cursor: pointer;
      font-size: 14px; }
  .peopleFilter_3ARMY.Coral_1tPRZ .body_2cd4d .peopleWords_f0ZDX .selected_32lJl {
        color: #111111; }
  .peopleFilter_3ARMY.Coral_1tPRZ .body_2cd4d .peopleWords_f0ZDX > div {
        float: left;
        padding: 1px 8px; }
  .peopleFilter_3ARMY.Coral_1tPRZ .body_2cd4d .peopleWords_f0ZDX > div:hover {
          background-color: #000;
          color: #fff; }
  .peopleFilter_3ARMY.Coral_1tPRZ .body_2cd4d .continents_2EODz {
      background-color: #FAFAFA;
      position: relative;
      width: 100%; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 {
  position: relative;
  width: 808px;
  height: 494px;
  padding: 20px 20px;
  background-color: #fff; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .avatar_2eHLN {
    position: absolute;
    right: 38px;
    bottom: 20px;
    overflow: hidden;
    z-index: 5; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .avatar_2eHLN img {
      width: 88px;
      height: 88px;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: top;
         object-position: top; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .title_3Qo5S {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #9F9F9F;
    margin-bottom: 12px; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .search_2Si7- {
    position: relative;
    width: 100%;
    margin-bottom: 12px; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .search_2Si7- .searchIcon_35Bl8 {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .search_2Si7- input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .search_2Si7- input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .search_2Si7- input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .search_2Si7- input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .search_2Si7- input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .search_2Si7- input::placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .search_2Si7- input {
      height: 34px;
      font-size: 14px;
      padding-left: 38px; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .search_2Si7- input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .search_2Si7- input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .search_2Si7- input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .search_2Si7- input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .search_2Si7- input::placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .selectedKey_HbQhW {
    font-size: 16px;
    margin-bottom: 16px;
    color: #87a397;
    font-weight: bold; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .body_2cd4d {
    position: relative;
    width: 100%;
    height: calc(100% - 160px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .body_2cd4d .types_2tZqY {
      width: 100%;
      position: relative;
      margin-bottom: 8px; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .body_2cd4d .types_2tZqY > span {
        display: inline-block;
        padding: 4px 12px;
        height: 30px;
        font-size: 14px;
        line-height: 22px;
        cursor: pointer;
        font-weight: 400; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .body_2cd4d .types_2tZqY > span:hover {
          background-color: #111111;
          color: #fff; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .body_2cd4d .types_2tZqY .selected_32lJl {
        background-color: #111111;
        color: #fff; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .body_2cd4d .currentWord_3O0Ki {
      color: #111111;
      font-size: 15px;
      margin: 8px 0px 16px 0px;
      font-weight: bold; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .body_2cd4d .peopleBox_IIH17 {
      position: relative;
      height: 275px;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding-right: 4px;
        overflow: auto;
        -ms-scroll-chaining: none;
            overscroll-behavior: contain; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleNormal_3cH8u {
          float: left;
          width: calc( (100% - 90px)/4);
          margin-right: 30px; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleNormal_3cH8u:nth-of-type(4n) {
            margin-right: 0px; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleSp_34KgF {
          float: left;
          width: 135px;
          margin-right: 15px; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleSp_34KgF:nth-of-type(5n) {
            margin-right: 20px; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 {
          float: none;
          width: 100%;
          margin: 0; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 .keyItemTag_3XVo4 {
            float: left;
            width: 140px;
            margin-right: 10px; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 .keyItemTag_3XVo4:nth-of-type(3n) {
              margin-right: 0px; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh::-webkit-scrollbar {
          width: 3px; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .body_2cd4d .pinpaiBox_FWUwQ {
      height: 260px; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .body_2cd4d .peopleWords_f0ZDX {
      display: inline-block;
      vertical-align: top;
      color: #AAAAAA;
      cursor: pointer;
      font-size: 14px; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .body_2cd4d .peopleWords_f0ZDX .selected_32lJl {
        color: #111111; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .body_2cd4d .peopleWords_f0ZDX > div {
        float: left;
        padding: 1px 8px; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .body_2cd4d .peopleWords_f0ZDX > div:hover {
          background-color: #000;
          color: #fff; }
  .peopleFilter_3ARMY.CadetBlue_2cGg2 .body_2cd4d .continents_2EODz {
      background-color: #FAFAFA;
      position: relative;
      width: 100%; }
  .peopleFilter_3ARMY.Gold_3T_sM {
  position: relative;
  width: 808px;
  height: 494px;
  padding: 20px 20px;
  background-color: #fff; }
  .peopleFilter_3ARMY.Gold_3T_sM .avatar_2eHLN {
    position: absolute;
    right: 38px;
    bottom: 20px;
    overflow: hidden;
    z-index: 5; }
  .peopleFilter_3ARMY.Gold_3T_sM .avatar_2eHLN img {
      width: 88px;
      height: 88px;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: top;
         object-position: top; }
  .peopleFilter_3ARMY.Gold_3T_sM .title_3Qo5S {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #9F9F9F;
    margin-bottom: 12px; }
  .peopleFilter_3ARMY.Gold_3T_sM .search_2Si7- {
    position: relative;
    width: 100%;
    margin-bottom: 12px; }
  .peopleFilter_3ARMY.Gold_3T_sM .search_2Si7- .searchIcon_35Bl8 {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .peopleFilter_3ARMY.Gold_3T_sM .search_2Si7- input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .peopleFilter_3ARMY.Gold_3T_sM .search_2Si7- input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Gold_3T_sM .search_2Si7- input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Gold_3T_sM .search_2Si7- input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Gold_3T_sM .search_2Si7- input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Gold_3T_sM .search_2Si7- input::placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Gold_3T_sM .search_2Si7- input {
      height: 34px;
      font-size: 14px;
      padding-left: 38px; }
  .peopleFilter_3ARMY.Gold_3T_sM .search_2Si7- input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Gold_3T_sM .search_2Si7- input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Gold_3T_sM .search_2Si7- input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Gold_3T_sM .search_2Si7- input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Gold_3T_sM .search_2Si7- input::placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Gold_3T_sM .selectedKey_HbQhW {
    font-size: 16px;
    margin-bottom: 16px;
    color: #ffc629;
    font-weight: bold; }
  .peopleFilter_3ARMY.Gold_3T_sM .body_2cd4d {
    position: relative;
    width: 100%;
    height: calc(100% - 160px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .peopleFilter_3ARMY.Gold_3T_sM .body_2cd4d .types_2tZqY {
      width: 100%;
      position: relative;
      margin-bottom: 8px; }
  .peopleFilter_3ARMY.Gold_3T_sM .body_2cd4d .types_2tZqY > span {
        display: inline-block;
        padding: 4px 12px;
        height: 30px;
        font-size: 14px;
        line-height: 22px;
        cursor: pointer;
        font-weight: 400; }
  .peopleFilter_3ARMY.Gold_3T_sM .body_2cd4d .types_2tZqY > span:hover {
          background-color: #111111;
          color: #fff; }
  .peopleFilter_3ARMY.Gold_3T_sM .body_2cd4d .types_2tZqY .selected_32lJl {
        background-color: #111111;
        color: #fff; }
  .peopleFilter_3ARMY.Gold_3T_sM .body_2cd4d .currentWord_3O0Ki {
      color: #111111;
      font-size: 15px;
      margin: 8px 0px 16px 0px;
      font-weight: bold; }
  .peopleFilter_3ARMY.Gold_3T_sM .body_2cd4d .peopleBox_IIH17 {
      position: relative;
      height: 275px;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .peopleFilter_3ARMY.Gold_3T_sM .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding-right: 4px;
        overflow: auto;
        -ms-scroll-chaining: none;
            overscroll-behavior: contain; }
  .peopleFilter_3ARMY.Gold_3T_sM .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleNormal_3cH8u {
          float: left;
          width: calc( (100% - 90px)/4);
          margin-right: 30px; }
  .peopleFilter_3ARMY.Gold_3T_sM .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleNormal_3cH8u:nth-of-type(4n) {
            margin-right: 0px; }
  .peopleFilter_3ARMY.Gold_3T_sM .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleSp_34KgF {
          float: left;
          width: 135px;
          margin-right: 15px; }
  .peopleFilter_3ARMY.Gold_3T_sM .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleSp_34KgF:nth-of-type(5n) {
            margin-right: 20px; }
  .peopleFilter_3ARMY.Gold_3T_sM .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 {
          float: none;
          width: 100%;
          margin: 0; }
  .peopleFilter_3ARMY.Gold_3T_sM .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 .keyItemTag_3XVo4 {
            float: left;
            width: 140px;
            margin-right: 10px; }
  .peopleFilter_3ARMY.Gold_3T_sM .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 .keyItemTag_3XVo4:nth-of-type(3n) {
              margin-right: 0px; }
  .peopleFilter_3ARMY.Gold_3T_sM .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh::-webkit-scrollbar {
          width: 3px; }
  .peopleFilter_3ARMY.Gold_3T_sM .body_2cd4d .pinpaiBox_FWUwQ {
      height: 260px; }
  .peopleFilter_3ARMY.Gold_3T_sM .body_2cd4d .peopleWords_f0ZDX {
      display: inline-block;
      vertical-align: top;
      color: #AAAAAA;
      cursor: pointer;
      font-size: 14px; }
  .peopleFilter_3ARMY.Gold_3T_sM .body_2cd4d .peopleWords_f0ZDX .selected_32lJl {
        color: #111111; }
  .peopleFilter_3ARMY.Gold_3T_sM .body_2cd4d .peopleWords_f0ZDX > div {
        float: left;
        padding: 1px 8px; }
  .peopleFilter_3ARMY.Gold_3T_sM .body_2cd4d .peopleWords_f0ZDX > div:hover {
          background-color: #000;
          color: #fff; }
  .peopleFilter_3ARMY.Gold_3T_sM .body_2cd4d .continents_2EODz {
      background-color: #FAFAFA;
      position: relative;
      width: 100%; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ {
  position: relative;
  width: 808px;
  height: 494px;
  padding: 20px 20px;
  background-color: #fff; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .avatar_2eHLN {
    position: absolute;
    right: 38px;
    bottom: 20px;
    overflow: hidden;
    z-index: 5; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .avatar_2eHLN img {
      width: 88px;
      height: 88px;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: top;
         object-position: top; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .title_3Qo5S {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #9F9F9F;
    margin-bottom: 12px; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .search_2Si7- {
    position: relative;
    width: 100%;
    margin-bottom: 12px; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .search_2Si7- .searchIcon_35Bl8 {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .search_2Si7- input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .search_2Si7- input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .search_2Si7- input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .search_2Si7- input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .search_2Si7- input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .search_2Si7- input::placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .search_2Si7- input {
      height: 34px;
      font-size: 14px;
      padding-left: 38px; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .search_2Si7- input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .search_2Si7- input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .search_2Si7- input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .search_2Si7- input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .search_2Si7- input::placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .selectedKey_HbQhW {
    font-size: 16px;
    margin-bottom: 16px;
    color: #749bb0;
    font-weight: bold; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .body_2cd4d {
    position: relative;
    width: 100%;
    height: calc(100% - 160px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .body_2cd4d .types_2tZqY {
      width: 100%;
      position: relative;
      margin-bottom: 8px; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .body_2cd4d .types_2tZqY > span {
        display: inline-block;
        padding: 4px 12px;
        height: 30px;
        font-size: 14px;
        line-height: 22px;
        cursor: pointer;
        font-weight: 400; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .body_2cd4d .types_2tZqY > span:hover {
          background-color: #111111;
          color: #fff; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .body_2cd4d .types_2tZqY .selected_32lJl {
        background-color: #111111;
        color: #fff; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .body_2cd4d .currentWord_3O0Ki {
      color: #111111;
      font-size: 15px;
      margin: 8px 0px 16px 0px;
      font-weight: bold; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .body_2cd4d .peopleBox_IIH17 {
      position: relative;
      height: 275px;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding-right: 4px;
        overflow: auto;
        -ms-scroll-chaining: none;
            overscroll-behavior: contain; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleNormal_3cH8u {
          float: left;
          width: calc( (100% - 90px)/4);
          margin-right: 30px; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleNormal_3cH8u:nth-of-type(4n) {
            margin-right: 0px; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleSp_34KgF {
          float: left;
          width: 135px;
          margin-right: 15px; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleSp_34KgF:nth-of-type(5n) {
            margin-right: 20px; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 {
          float: none;
          width: 100%;
          margin: 0; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 .keyItemTag_3XVo4 {
            float: left;
            width: 140px;
            margin-right: 10px; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 .keyItemTag_3XVo4:nth-of-type(3n) {
              margin-right: 0px; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh::-webkit-scrollbar {
          width: 3px; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .body_2cd4d .pinpaiBox_FWUwQ {
      height: 260px; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .body_2cd4d .peopleWords_f0ZDX {
      display: inline-block;
      vertical-align: top;
      color: #AAAAAA;
      cursor: pointer;
      font-size: 14px; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .body_2cd4d .peopleWords_f0ZDX .selected_32lJl {
        color: #111111; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .body_2cd4d .peopleWords_f0ZDX > div {
        float: left;
        padding: 1px 8px; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .body_2cd4d .peopleWords_f0ZDX > div:hover {
          background-color: #000;
          color: #fff; }
  .peopleFilter_3ARMY.PowDerBlue_3NAtZ .body_2cd4d .continents_2EODz {
      background-color: #FAFAFA;
      position: relative;
      width: 100%; }
  .peopleFilter_3ARMY.Dark_1dS2U {
  position: relative;
  width: 808px;
  height: 494px;
  padding: 20px 20px;
  background-color: #fff; }
  .peopleFilter_3ARMY.Dark_1dS2U .avatar_2eHLN {
    position: absolute;
    right: 38px;
    bottom: 20px;
    overflow: hidden;
    z-index: 5; }
  .peopleFilter_3ARMY.Dark_1dS2U .avatar_2eHLN img {
      width: 88px;
      height: 88px;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: top;
         object-position: top; }
  .peopleFilter_3ARMY.Dark_1dS2U .title_3Qo5S {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #9F9F9F;
    margin-bottom: 12px; }
  .peopleFilter_3ARMY.Dark_1dS2U .search_2Si7- {
    position: relative;
    width: 100%;
    margin-bottom: 12px; }
  .peopleFilter_3ARMY.Dark_1dS2U .search_2Si7- .searchIcon_35Bl8 {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .peopleFilter_3ARMY.Dark_1dS2U .search_2Si7- input {
      display: block;
      width: 100%;
      height: 25px;
      padding-left: 8px;
      font-size: 12px;
      background-color: #fff;
      border-radius: 18px;
      border: 1px solid #111;
      outline: none;
      color: #333; }
  .peopleFilter_3ARMY.Dark_1dS2U .search_2Si7- input::-webkit-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Dark_1dS2U .search_2Si7- input::-moz-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Dark_1dS2U .search_2Si7- input:-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Dark_1dS2U .search_2Si7- input::-ms-input-placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Dark_1dS2U .search_2Si7- input::placeholder {
        color: #666;
        font-size: 12px; }
  .peopleFilter_3ARMY.Dark_1dS2U .search_2Si7- input {
      height: 34px;
      font-size: 14px;
      padding-left: 38px; }
  .peopleFilter_3ARMY.Dark_1dS2U .search_2Si7- input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Dark_1dS2U .search_2Si7- input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Dark_1dS2U .search_2Si7- input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Dark_1dS2U .search_2Si7- input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Dark_1dS2U .search_2Si7- input::placeholder {
        color: #666;
        font-size: 14px; }
  .peopleFilter_3ARMY.Dark_1dS2U .selectedKey_HbQhW {
    font-size: 16px;
    margin-bottom: 16px;
    color: #000;
    font-weight: bold; }
  .peopleFilter_3ARMY.Dark_1dS2U .body_2cd4d {
    position: relative;
    width: 100%;
    height: calc(100% - 160px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .peopleFilter_3ARMY.Dark_1dS2U .body_2cd4d .types_2tZqY {
      width: 100%;
      position: relative;
      margin-bottom: 8px; }
  .peopleFilter_3ARMY.Dark_1dS2U .body_2cd4d .types_2tZqY > span {
        display: inline-block;
        padding: 4px 12px;
        height: 30px;
        font-size: 14px;
        line-height: 22px;
        cursor: pointer;
        font-weight: 400; }
  .peopleFilter_3ARMY.Dark_1dS2U .body_2cd4d .types_2tZqY > span:hover {
          background-color: #111111;
          color: #fff; }
  .peopleFilter_3ARMY.Dark_1dS2U .body_2cd4d .types_2tZqY .selected_32lJl {
        background-color: #111111;
        color: #fff; }
  .peopleFilter_3ARMY.Dark_1dS2U .body_2cd4d .currentWord_3O0Ki {
      color: #111111;
      font-size: 15px;
      margin: 8px 0px 16px 0px;
      font-weight: bold; }
  .peopleFilter_3ARMY.Dark_1dS2U .body_2cd4d .peopleBox_IIH17 {
      position: relative;
      height: 275px;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .peopleFilter_3ARMY.Dark_1dS2U .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh {
        display: inline-block;
        width: 100%;
        height: 100%;
        padding-right: 4px;
        overflow: auto;
        -ms-scroll-chaining: none;
            overscroll-behavior: contain; }
  .peopleFilter_3ARMY.Dark_1dS2U .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleNormal_3cH8u {
          float: left;
          width: calc( (100% - 90px)/4);
          margin-right: 30px; }
  .peopleFilter_3ARMY.Dark_1dS2U .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleNormal_3cH8u:nth-of-type(4n) {
            margin-right: 0px; }
  .peopleFilter_3ARMY.Dark_1dS2U .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleSp_34KgF {
          float: left;
          width: 135px;
          margin-right: 15px; }
  .peopleFilter_3ARMY.Dark_1dS2U .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh > .peopleSp_34KgF:nth-of-type(5n) {
            margin-right: 20px; }
  .peopleFilter_3ARMY.Dark_1dS2U .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 {
          float: none;
          width: 100%;
          margin: 0; }
  .peopleFilter_3ARMY.Dark_1dS2U .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 .keyItemTag_3XVo4 {
            float: left;
            width: 140px;
            margin-right: 10px; }
  .peopleFilter_3ARMY.Dark_1dS2U .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh .keyItem_3cjp7 .keyItemTag_3XVo4:nth-of-type(3n) {
              margin-right: 0px; }
  .peopleFilter_3ARMY.Dark_1dS2U .body_2cd4d .peopleBox_IIH17 .peopleitems_25Keh::-webkit-scrollbar {
          width: 3px; }
  .peopleFilter_3ARMY.Dark_1dS2U .body_2cd4d .pinpaiBox_FWUwQ {
      height: 260px; }
  .peopleFilter_3ARMY.Dark_1dS2U .body_2cd4d .peopleWords_f0ZDX {
      display: inline-block;
      vertical-align: top;
      color: #AAAAAA;
      cursor: pointer;
      font-size: 14px; }
  .peopleFilter_3ARMY.Dark_1dS2U .body_2cd4d .peopleWords_f0ZDX .selected_32lJl {
        color: #111111; }
  .peopleFilter_3ARMY.Dark_1dS2U .body_2cd4d .peopleWords_f0ZDX > div {
        float: left;
        padding: 1px 8px; }
  .peopleFilter_3ARMY.Dark_1dS2U .body_2cd4d .peopleWords_f0ZDX > div:hover {
          background-color: #000;
          color: #fff; }
  .peopleFilter_3ARMY.Dark_1dS2U .body_2cd4d .continents_2EODz {
      background-color: #FAFAFA;
      position: relative;
      width: 100%; }

.categoryFilter_3fHmC.Normal_1oHR2 {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .categoryFilter_3fHmC.Normal_1oHR2 .title_1ary8 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #b4b4b4; }
  .categoryFilter_3fHmC.Normal_1oHR2 .body_2kLZu {
    position: relative;
    width: 100%;
    height: calc(100% - 58px);
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain; }
  .categoryFilter_3fHmC.Normal_1oHR2 .body_2kLZu::-webkit-scrollbar {
      width: 3px; }
  .categoryFilter_3fHmC.Normal_1oHR2 .body_2kLZu .categoryItem_1fOfp {
      margin-left: 10px;
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .categoryFilter_3fHmC.Normal_1oHR2 .body_2kLZu .categoryItem_1fOfp > div {
        padding-right: 10px;
        margin-right: 22px;
        margin-bottom: 12px; }
  .categoryFilter_3fHmC.Normal_1oHR2 .body_2kLZu .area_1ojWU {
      position: relative;
      width: 100%;
      overflow: auto; }
  .categoryFilter_3fHmC.Normal_1oHR2 .body_2kLZu .area_1ojWU::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .categoryFilter_3fHmC.Normal_1oHR2 .categoryParentItem_nMNig {
    position: relative;
    padding-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .categoryFilter_3fHmC.Normal_1oHR2 .categoryParentItem_nMNig::before {
      position: absolute;
      content: "";
      left: 0;
      top: 3px;
      width: 4px;
      height: 16px;
      background: #000; }
  .categoryFilter_3fHmC.Normal_1oHR2 .categoryParentItem_nMNig + .categoryParentItem_nMNig {
      margin-top: 16px; }
  .categoryFilter_3fHmC.DarkCyan_2zZZr {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .categoryFilter_3fHmC.DarkCyan_2zZZr .title_1ary8 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #b4b4b4; }
  .categoryFilter_3fHmC.DarkCyan_2zZZr .body_2kLZu {
    position: relative;
    width: 100%;
    height: calc(100% - 58px);
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain; }
  .categoryFilter_3fHmC.DarkCyan_2zZZr .body_2kLZu::-webkit-scrollbar {
      width: 3px; }
  .categoryFilter_3fHmC.DarkCyan_2zZZr .body_2kLZu .categoryItem_1fOfp {
      margin-left: 10px;
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .categoryFilter_3fHmC.DarkCyan_2zZZr .body_2kLZu .categoryItem_1fOfp > div {
        padding-right: 10px;
        margin-right: 22px;
        margin-bottom: 12px; }
  .categoryFilter_3fHmC.DarkCyan_2zZZr .body_2kLZu .area_1ojWU {
      position: relative;
      width: 100%;
      overflow: auto; }
  .categoryFilter_3fHmC.DarkCyan_2zZZr .body_2kLZu .area_1ojWU::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .categoryFilter_3fHmC.DarkCyan_2zZZr .categoryParentItem_nMNig {
    position: relative;
    padding-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .categoryFilter_3fHmC.DarkCyan_2zZZr .categoryParentItem_nMNig::before {
      position: absolute;
      content: "";
      left: 0;
      top: 3px;
      width: 4px;
      height: 16px;
      background: #000; }
  .categoryFilter_3fHmC.DarkCyan_2zZZr .categoryParentItem_nMNig + .categoryParentItem_nMNig {
      margin-top: 16px; }
  .categoryFilter_3fHmC.Wheat_1rFKs {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .categoryFilter_3fHmC.Wheat_1rFKs .title_1ary8 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #b4b4b4; }
  .categoryFilter_3fHmC.Wheat_1rFKs .body_2kLZu {
    position: relative;
    width: 100%;
    height: calc(100% - 58px);
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain; }
  .categoryFilter_3fHmC.Wheat_1rFKs .body_2kLZu::-webkit-scrollbar {
      width: 3px; }
  .categoryFilter_3fHmC.Wheat_1rFKs .body_2kLZu .categoryItem_1fOfp {
      margin-left: 10px;
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .categoryFilter_3fHmC.Wheat_1rFKs .body_2kLZu .categoryItem_1fOfp > div {
        padding-right: 10px;
        margin-right: 22px;
        margin-bottom: 12px; }
  .categoryFilter_3fHmC.Wheat_1rFKs .body_2kLZu .area_1ojWU {
      position: relative;
      width: 100%;
      overflow: auto; }
  .categoryFilter_3fHmC.Wheat_1rFKs .body_2kLZu .area_1ojWU::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .categoryFilter_3fHmC.Wheat_1rFKs .categoryParentItem_nMNig {
    position: relative;
    padding-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .categoryFilter_3fHmC.Wheat_1rFKs .categoryParentItem_nMNig::before {
      position: absolute;
      content: "";
      left: 0;
      top: 3px;
      width: 4px;
      height: 16px;
      background: #000; }
  .categoryFilter_3fHmC.Wheat_1rFKs .categoryParentItem_nMNig + .categoryParentItem_nMNig {
      margin-top: 16px; }
  .categoryFilter_3fHmC.RosyBrown_2nVLF {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .categoryFilter_3fHmC.RosyBrown_2nVLF .title_1ary8 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #b4b4b4; }
  .categoryFilter_3fHmC.RosyBrown_2nVLF .body_2kLZu {
    position: relative;
    width: 100%;
    height: calc(100% - 58px);
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain; }
  .categoryFilter_3fHmC.RosyBrown_2nVLF .body_2kLZu::-webkit-scrollbar {
      width: 3px; }
  .categoryFilter_3fHmC.RosyBrown_2nVLF .body_2kLZu .categoryItem_1fOfp {
      margin-left: 10px;
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .categoryFilter_3fHmC.RosyBrown_2nVLF .body_2kLZu .categoryItem_1fOfp > div {
        padding-right: 10px;
        margin-right: 22px;
        margin-bottom: 12px; }
  .categoryFilter_3fHmC.RosyBrown_2nVLF .body_2kLZu .area_1ojWU {
      position: relative;
      width: 100%;
      overflow: auto; }
  .categoryFilter_3fHmC.RosyBrown_2nVLF .body_2kLZu .area_1ojWU::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .categoryFilter_3fHmC.RosyBrown_2nVLF .categoryParentItem_nMNig {
    position: relative;
    padding-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .categoryFilter_3fHmC.RosyBrown_2nVLF .categoryParentItem_nMNig::before {
      position: absolute;
      content: "";
      left: 0;
      top: 3px;
      width: 4px;
      height: 16px;
      background: #000; }
  .categoryFilter_3fHmC.RosyBrown_2nVLF .categoryParentItem_nMNig + .categoryParentItem_nMNig {
      margin-top: 16px; }
  .categoryFilter_3fHmC.Chocolate_1kJ4E {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .categoryFilter_3fHmC.Chocolate_1kJ4E .title_1ary8 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #b4b4b4; }
  .categoryFilter_3fHmC.Chocolate_1kJ4E .body_2kLZu {
    position: relative;
    width: 100%;
    height: calc(100% - 58px);
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain; }
  .categoryFilter_3fHmC.Chocolate_1kJ4E .body_2kLZu::-webkit-scrollbar {
      width: 3px; }
  .categoryFilter_3fHmC.Chocolate_1kJ4E .body_2kLZu .categoryItem_1fOfp {
      margin-left: 10px;
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .categoryFilter_3fHmC.Chocolate_1kJ4E .body_2kLZu .categoryItem_1fOfp > div {
        padding-right: 10px;
        margin-right: 22px;
        margin-bottom: 12px; }
  .categoryFilter_3fHmC.Chocolate_1kJ4E .body_2kLZu .area_1ojWU {
      position: relative;
      width: 100%;
      overflow: auto; }
  .categoryFilter_3fHmC.Chocolate_1kJ4E .body_2kLZu .area_1ojWU::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .categoryFilter_3fHmC.Chocolate_1kJ4E .categoryParentItem_nMNig {
    position: relative;
    padding-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .categoryFilter_3fHmC.Chocolate_1kJ4E .categoryParentItem_nMNig::before {
      position: absolute;
      content: "";
      left: 0;
      top: 3px;
      width: 4px;
      height: 16px;
      background: #000; }
  .categoryFilter_3fHmC.Chocolate_1kJ4E .categoryParentItem_nMNig + .categoryParentItem_nMNig {
      margin-top: 16px; }
  .categoryFilter_3fHmC.Coral_1F-D_ {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .categoryFilter_3fHmC.Coral_1F-D_ .title_1ary8 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #b4b4b4; }
  .categoryFilter_3fHmC.Coral_1F-D_ .body_2kLZu {
    position: relative;
    width: 100%;
    height: calc(100% - 58px);
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain; }
  .categoryFilter_3fHmC.Coral_1F-D_ .body_2kLZu::-webkit-scrollbar {
      width: 3px; }
  .categoryFilter_3fHmC.Coral_1F-D_ .body_2kLZu .categoryItem_1fOfp {
      margin-left: 10px;
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .categoryFilter_3fHmC.Coral_1F-D_ .body_2kLZu .categoryItem_1fOfp > div {
        padding-right: 10px;
        margin-right: 22px;
        margin-bottom: 12px; }
  .categoryFilter_3fHmC.Coral_1F-D_ .body_2kLZu .area_1ojWU {
      position: relative;
      width: 100%;
      overflow: auto; }
  .categoryFilter_3fHmC.Coral_1F-D_ .body_2kLZu .area_1ojWU::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .categoryFilter_3fHmC.Coral_1F-D_ .categoryParentItem_nMNig {
    position: relative;
    padding-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .categoryFilter_3fHmC.Coral_1F-D_ .categoryParentItem_nMNig::before {
      position: absolute;
      content: "";
      left: 0;
      top: 3px;
      width: 4px;
      height: 16px;
      background: #000; }
  .categoryFilter_3fHmC.Coral_1F-D_ .categoryParentItem_nMNig + .categoryParentItem_nMNig {
      margin-top: 16px; }
  .categoryFilter_3fHmC.CadetBlue_1Mlp0 {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .categoryFilter_3fHmC.CadetBlue_1Mlp0 .title_1ary8 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #b4b4b4; }
  .categoryFilter_3fHmC.CadetBlue_1Mlp0 .body_2kLZu {
    position: relative;
    width: 100%;
    height: calc(100% - 58px);
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain; }
  .categoryFilter_3fHmC.CadetBlue_1Mlp0 .body_2kLZu::-webkit-scrollbar {
      width: 3px; }
  .categoryFilter_3fHmC.CadetBlue_1Mlp0 .body_2kLZu .categoryItem_1fOfp {
      margin-left: 10px;
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .categoryFilter_3fHmC.CadetBlue_1Mlp0 .body_2kLZu .categoryItem_1fOfp > div {
        padding-right: 10px;
        margin-right: 22px;
        margin-bottom: 12px; }
  .categoryFilter_3fHmC.CadetBlue_1Mlp0 .body_2kLZu .area_1ojWU {
      position: relative;
      width: 100%;
      overflow: auto; }
  .categoryFilter_3fHmC.CadetBlue_1Mlp0 .body_2kLZu .area_1ojWU::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .categoryFilter_3fHmC.CadetBlue_1Mlp0 .categoryParentItem_nMNig {
    position: relative;
    padding-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .categoryFilter_3fHmC.CadetBlue_1Mlp0 .categoryParentItem_nMNig::before {
      position: absolute;
      content: "";
      left: 0;
      top: 3px;
      width: 4px;
      height: 16px;
      background: #000; }
  .categoryFilter_3fHmC.CadetBlue_1Mlp0 .categoryParentItem_nMNig + .categoryParentItem_nMNig {
      margin-top: 16px; }
  .categoryFilter_3fHmC.Gold_1JAV8 {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .categoryFilter_3fHmC.Gold_1JAV8 .title_1ary8 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #b4b4b4; }
  .categoryFilter_3fHmC.Gold_1JAV8 .body_2kLZu {
    position: relative;
    width: 100%;
    height: calc(100% - 58px);
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain; }
  .categoryFilter_3fHmC.Gold_1JAV8 .body_2kLZu::-webkit-scrollbar {
      width: 3px; }
  .categoryFilter_3fHmC.Gold_1JAV8 .body_2kLZu .categoryItem_1fOfp {
      margin-left: 10px;
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .categoryFilter_3fHmC.Gold_1JAV8 .body_2kLZu .categoryItem_1fOfp > div {
        padding-right: 10px;
        margin-right: 22px;
        margin-bottom: 12px; }
  .categoryFilter_3fHmC.Gold_1JAV8 .body_2kLZu .area_1ojWU {
      position: relative;
      width: 100%;
      overflow: auto; }
  .categoryFilter_3fHmC.Gold_1JAV8 .body_2kLZu .area_1ojWU::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .categoryFilter_3fHmC.Gold_1JAV8 .categoryParentItem_nMNig {
    position: relative;
    padding-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .categoryFilter_3fHmC.Gold_1JAV8 .categoryParentItem_nMNig::before {
      position: absolute;
      content: "";
      left: 0;
      top: 3px;
      width: 4px;
      height: 16px;
      background: #000; }
  .categoryFilter_3fHmC.Gold_1JAV8 .categoryParentItem_nMNig + .categoryParentItem_nMNig {
      margin-top: 16px; }
  .categoryFilter_3fHmC.PowDerBlue_1bgxJ {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .categoryFilter_3fHmC.PowDerBlue_1bgxJ .title_1ary8 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #b4b4b4; }
  .categoryFilter_3fHmC.PowDerBlue_1bgxJ .body_2kLZu {
    position: relative;
    width: 100%;
    height: calc(100% - 58px);
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain; }
  .categoryFilter_3fHmC.PowDerBlue_1bgxJ .body_2kLZu::-webkit-scrollbar {
      width: 3px; }
  .categoryFilter_3fHmC.PowDerBlue_1bgxJ .body_2kLZu .categoryItem_1fOfp {
      margin-left: 10px;
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .categoryFilter_3fHmC.PowDerBlue_1bgxJ .body_2kLZu .categoryItem_1fOfp > div {
        padding-right: 10px;
        margin-right: 22px;
        margin-bottom: 12px; }
  .categoryFilter_3fHmC.PowDerBlue_1bgxJ .body_2kLZu .area_1ojWU {
      position: relative;
      width: 100%;
      overflow: auto; }
  .categoryFilter_3fHmC.PowDerBlue_1bgxJ .body_2kLZu .area_1ojWU::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .categoryFilter_3fHmC.PowDerBlue_1bgxJ .categoryParentItem_nMNig {
    position: relative;
    padding-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .categoryFilter_3fHmC.PowDerBlue_1bgxJ .categoryParentItem_nMNig::before {
      position: absolute;
      content: "";
      left: 0;
      top: 3px;
      width: 4px;
      height: 16px;
      background: #000; }
  .categoryFilter_3fHmC.PowDerBlue_1bgxJ .categoryParentItem_nMNig + .categoryParentItem_nMNig {
      margin-top: 16px; }
  .categoryFilter_3fHmC.Dark_hqWF6 {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .categoryFilter_3fHmC.Dark_hqWF6 .title_1ary8 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #b4b4b4; }
  .categoryFilter_3fHmC.Dark_hqWF6 .body_2kLZu {
    position: relative;
    width: 100%;
    height: calc(100% - 58px);
    overflow: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain; }
  .categoryFilter_3fHmC.Dark_hqWF6 .body_2kLZu::-webkit-scrollbar {
      width: 3px; }
  .categoryFilter_3fHmC.Dark_hqWF6 .body_2kLZu .categoryItem_1fOfp {
      margin-left: 10px;
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .categoryFilter_3fHmC.Dark_hqWF6 .body_2kLZu .categoryItem_1fOfp > div {
        padding-right: 10px;
        margin-right: 22px;
        margin-bottom: 12px; }
  .categoryFilter_3fHmC.Dark_hqWF6 .body_2kLZu .area_1ojWU {
      position: relative;
      width: 100%;
      overflow: auto; }
  .categoryFilter_3fHmC.Dark_hqWF6 .body_2kLZu .area_1ojWU::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .categoryFilter_3fHmC.Dark_hqWF6 .categoryParentItem_nMNig {
    position: relative;
    padding-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .categoryFilter_3fHmC.Dark_hqWF6 .categoryParentItem_nMNig::before {
      position: absolute;
      content: "";
      left: 0;
      top: 3px;
      width: 4px;
      height: 16px;
      background: #000; }
  .categoryFilter_3fHmC.Dark_hqWF6 .categoryParentItem_nMNig + .categoryParentItem_nMNig {
      margin-top: 16px; }

.TreeFilter_34cRz.Normal_1Rdpz {
  width: 530px;
  height: 386px;
  padding: 10px 10px;
  background-color: #fff; }
  .TreeFilter_34cRz.Normal_1Rdpz .title_83uUJ {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .TreeFilter_34cRz.Normal_1Rdpz .treeFilterCaretRight_1c0Bv {
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0px 6px;
    cursor: pointer; }
  .TreeFilter_34cRz.Normal_1Rdpz .treeFilterCaretRight_1c0Bv:hover {
      background: #eee; }
  .TreeFilter_34cRz.Normal_1Rdpz .body_24ru4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    height: calc(100% - 40px); }
  .TreeFilter_34cRz.Normal_1Rdpz .body_24ru4 .colItem_H3MUc {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 120px;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      color: #333; }
  .TreeFilter_34cRz.Normal_1Rdpz .body_24ru4 .colItem_H3MUc > div {
        padding-left: 2px; }
  .TreeFilter_34cRz.Normal_1Rdpz .body_24ru4::-webkit-scrollbar {
      width: 3px; }
  .TreeFilter_34cRz.Normal_1Rdpz .body_24ru4::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .TreeFilter_34cRz.Normal_1Rdpz .pathActive_3OP36 {
    -webkit-box-shadow: 2px 0 0  #000 inset;
            box-shadow: 2px 0 0  #000 inset;
    background-color: #F6F6F6; }
  .TreeFilter_34cRz.DarkCyan_2CvWP {
  width: 530px;
  height: 386px;
  padding: 10px 10px;
  background-color: #fff; }
  .TreeFilter_34cRz.DarkCyan_2CvWP .title_83uUJ {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .TreeFilter_34cRz.DarkCyan_2CvWP .treeFilterCaretRight_1c0Bv {
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0px 6px;
    cursor: pointer; }
  .TreeFilter_34cRz.DarkCyan_2CvWP .treeFilterCaretRight_1c0Bv:hover {
      background: #eee; }
  .TreeFilter_34cRz.DarkCyan_2CvWP .body_24ru4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    height: calc(100% - 40px); }
  .TreeFilter_34cRz.DarkCyan_2CvWP .body_24ru4 .colItem_H3MUc {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 120px;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      color: #333; }
  .TreeFilter_34cRz.DarkCyan_2CvWP .body_24ru4 .colItem_H3MUc > div {
        padding-left: 2px; }
  .TreeFilter_34cRz.DarkCyan_2CvWP .body_24ru4::-webkit-scrollbar {
      width: 3px; }
  .TreeFilter_34cRz.DarkCyan_2CvWP .body_24ru4::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .TreeFilter_34cRz.DarkCyan_2CvWP .pathActive_3OP36 {
    -webkit-box-shadow: 2px 0 0  #000 inset;
            box-shadow: 2px 0 0  #000 inset;
    background-color: #F6F6F6; }
  .TreeFilter_34cRz.Wheat_1Bpgx {
  width: 530px;
  height: 386px;
  padding: 10px 10px;
  background-color: #fff; }
  .TreeFilter_34cRz.Wheat_1Bpgx .title_83uUJ {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .TreeFilter_34cRz.Wheat_1Bpgx .treeFilterCaretRight_1c0Bv {
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0px 6px;
    cursor: pointer; }
  .TreeFilter_34cRz.Wheat_1Bpgx .treeFilterCaretRight_1c0Bv:hover {
      background: #eee; }
  .TreeFilter_34cRz.Wheat_1Bpgx .body_24ru4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    height: calc(100% - 40px); }
  .TreeFilter_34cRz.Wheat_1Bpgx .body_24ru4 .colItem_H3MUc {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 120px;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      color: #333; }
  .TreeFilter_34cRz.Wheat_1Bpgx .body_24ru4 .colItem_H3MUc > div {
        padding-left: 2px; }
  .TreeFilter_34cRz.Wheat_1Bpgx .body_24ru4::-webkit-scrollbar {
      width: 3px; }
  .TreeFilter_34cRz.Wheat_1Bpgx .body_24ru4::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .TreeFilter_34cRz.Wheat_1Bpgx .pathActive_3OP36 {
    -webkit-box-shadow: 2px 0 0  #000 inset;
            box-shadow: 2px 0 0  #000 inset;
    background-color: #F6F6F6; }
  .TreeFilter_34cRz.RosyBrown_2rCb_ {
  width: 530px;
  height: 386px;
  padding: 10px 10px;
  background-color: #fff; }
  .TreeFilter_34cRz.RosyBrown_2rCb_ .title_83uUJ {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .TreeFilter_34cRz.RosyBrown_2rCb_ .treeFilterCaretRight_1c0Bv {
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0px 6px;
    cursor: pointer; }
  .TreeFilter_34cRz.RosyBrown_2rCb_ .treeFilterCaretRight_1c0Bv:hover {
      background: #eee; }
  .TreeFilter_34cRz.RosyBrown_2rCb_ .body_24ru4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    height: calc(100% - 40px); }
  .TreeFilter_34cRz.RosyBrown_2rCb_ .body_24ru4 .colItem_H3MUc {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 120px;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      color: #333; }
  .TreeFilter_34cRz.RosyBrown_2rCb_ .body_24ru4 .colItem_H3MUc > div {
        padding-left: 2px; }
  .TreeFilter_34cRz.RosyBrown_2rCb_ .body_24ru4::-webkit-scrollbar {
      width: 3px; }
  .TreeFilter_34cRz.RosyBrown_2rCb_ .body_24ru4::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .TreeFilter_34cRz.RosyBrown_2rCb_ .pathActive_3OP36 {
    -webkit-box-shadow: 2px 0 0  #000 inset;
            box-shadow: 2px 0 0  #000 inset;
    background-color: #F6F6F6; }
  .TreeFilter_34cRz.Chocolate_2CJaA {
  width: 530px;
  height: 386px;
  padding: 10px 10px;
  background-color: #fff; }
  .TreeFilter_34cRz.Chocolate_2CJaA .title_83uUJ {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .TreeFilter_34cRz.Chocolate_2CJaA .treeFilterCaretRight_1c0Bv {
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0px 6px;
    cursor: pointer; }
  .TreeFilter_34cRz.Chocolate_2CJaA .treeFilterCaretRight_1c0Bv:hover {
      background: #eee; }
  .TreeFilter_34cRz.Chocolate_2CJaA .body_24ru4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    height: calc(100% - 40px); }
  .TreeFilter_34cRz.Chocolate_2CJaA .body_24ru4 .colItem_H3MUc {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 120px;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      color: #333; }
  .TreeFilter_34cRz.Chocolate_2CJaA .body_24ru4 .colItem_H3MUc > div {
        padding-left: 2px; }
  .TreeFilter_34cRz.Chocolate_2CJaA .body_24ru4::-webkit-scrollbar {
      width: 3px; }
  .TreeFilter_34cRz.Chocolate_2CJaA .body_24ru4::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .TreeFilter_34cRz.Chocolate_2CJaA .pathActive_3OP36 {
    -webkit-box-shadow: 2px 0 0  #000 inset;
            box-shadow: 2px 0 0  #000 inset;
    background-color: #F6F6F6; }
  .TreeFilter_34cRz.Coral_1hQP_ {
  width: 530px;
  height: 386px;
  padding: 10px 10px;
  background-color: #fff; }
  .TreeFilter_34cRz.Coral_1hQP_ .title_83uUJ {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .TreeFilter_34cRz.Coral_1hQP_ .treeFilterCaretRight_1c0Bv {
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0px 6px;
    cursor: pointer; }
  .TreeFilter_34cRz.Coral_1hQP_ .treeFilterCaretRight_1c0Bv:hover {
      background: #eee; }
  .TreeFilter_34cRz.Coral_1hQP_ .body_24ru4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    height: calc(100% - 40px); }
  .TreeFilter_34cRz.Coral_1hQP_ .body_24ru4 .colItem_H3MUc {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 120px;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      color: #333; }
  .TreeFilter_34cRz.Coral_1hQP_ .body_24ru4 .colItem_H3MUc > div {
        padding-left: 2px; }
  .TreeFilter_34cRz.Coral_1hQP_ .body_24ru4::-webkit-scrollbar {
      width: 3px; }
  .TreeFilter_34cRz.Coral_1hQP_ .body_24ru4::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .TreeFilter_34cRz.Coral_1hQP_ .pathActive_3OP36 {
    -webkit-box-shadow: 2px 0 0  #000 inset;
            box-shadow: 2px 0 0  #000 inset;
    background-color: #F6F6F6; }
  .TreeFilter_34cRz.CadetBlue_2VzqC {
  width: 530px;
  height: 386px;
  padding: 10px 10px;
  background-color: #fff; }
  .TreeFilter_34cRz.CadetBlue_2VzqC .title_83uUJ {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .TreeFilter_34cRz.CadetBlue_2VzqC .treeFilterCaretRight_1c0Bv {
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0px 6px;
    cursor: pointer; }
  .TreeFilter_34cRz.CadetBlue_2VzqC .treeFilterCaretRight_1c0Bv:hover {
      background: #eee; }
  .TreeFilter_34cRz.CadetBlue_2VzqC .body_24ru4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    height: calc(100% - 40px); }
  .TreeFilter_34cRz.CadetBlue_2VzqC .body_24ru4 .colItem_H3MUc {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 120px;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      color: #333; }
  .TreeFilter_34cRz.CadetBlue_2VzqC .body_24ru4 .colItem_H3MUc > div {
        padding-left: 2px; }
  .TreeFilter_34cRz.CadetBlue_2VzqC .body_24ru4::-webkit-scrollbar {
      width: 3px; }
  .TreeFilter_34cRz.CadetBlue_2VzqC .body_24ru4::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .TreeFilter_34cRz.CadetBlue_2VzqC .pathActive_3OP36 {
    -webkit-box-shadow: 2px 0 0  #000 inset;
            box-shadow: 2px 0 0  #000 inset;
    background-color: #F6F6F6; }
  .TreeFilter_34cRz.Gold_2voVr {
  width: 530px;
  height: 386px;
  padding: 10px 10px;
  background-color: #fff; }
  .TreeFilter_34cRz.Gold_2voVr .title_83uUJ {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .TreeFilter_34cRz.Gold_2voVr .treeFilterCaretRight_1c0Bv {
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0px 6px;
    cursor: pointer; }
  .TreeFilter_34cRz.Gold_2voVr .treeFilterCaretRight_1c0Bv:hover {
      background: #eee; }
  .TreeFilter_34cRz.Gold_2voVr .body_24ru4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    height: calc(100% - 40px); }
  .TreeFilter_34cRz.Gold_2voVr .body_24ru4 .colItem_H3MUc {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 120px;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      color: #333; }
  .TreeFilter_34cRz.Gold_2voVr .body_24ru4 .colItem_H3MUc > div {
        padding-left: 2px; }
  .TreeFilter_34cRz.Gold_2voVr .body_24ru4::-webkit-scrollbar {
      width: 3px; }
  .TreeFilter_34cRz.Gold_2voVr .body_24ru4::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .TreeFilter_34cRz.Gold_2voVr .pathActive_3OP36 {
    -webkit-box-shadow: 2px 0 0  #000 inset;
            box-shadow: 2px 0 0  #000 inset;
    background-color: #F6F6F6; }
  .TreeFilter_34cRz.PowDerBlue_1OncO {
  width: 530px;
  height: 386px;
  padding: 10px 10px;
  background-color: #fff; }
  .TreeFilter_34cRz.PowDerBlue_1OncO .title_83uUJ {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .TreeFilter_34cRz.PowDerBlue_1OncO .treeFilterCaretRight_1c0Bv {
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0px 6px;
    cursor: pointer; }
  .TreeFilter_34cRz.PowDerBlue_1OncO .treeFilterCaretRight_1c0Bv:hover {
      background: #eee; }
  .TreeFilter_34cRz.PowDerBlue_1OncO .body_24ru4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    height: calc(100% - 40px); }
  .TreeFilter_34cRz.PowDerBlue_1OncO .body_24ru4 .colItem_H3MUc {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 120px;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      color: #333; }
  .TreeFilter_34cRz.PowDerBlue_1OncO .body_24ru4 .colItem_H3MUc > div {
        padding-left: 2px; }
  .TreeFilter_34cRz.PowDerBlue_1OncO .body_24ru4::-webkit-scrollbar {
      width: 3px; }
  .TreeFilter_34cRz.PowDerBlue_1OncO .body_24ru4::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .TreeFilter_34cRz.PowDerBlue_1OncO .pathActive_3OP36 {
    -webkit-box-shadow: 2px 0 0  #000 inset;
            box-shadow: 2px 0 0  #000 inset;
    background-color: #F6F6F6; }
  .TreeFilter_34cRz.Dark_2P9AE {
  width: 530px;
  height: 386px;
  padding: 10px 10px;
  background-color: #fff; }
  .TreeFilter_34cRz.Dark_2P9AE .title_83uUJ {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .TreeFilter_34cRz.Dark_2P9AE .treeFilterCaretRight_1c0Bv {
    position: absolute;
    right: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0px 6px;
    cursor: pointer; }
  .TreeFilter_34cRz.Dark_2P9AE .treeFilterCaretRight_1c0Bv:hover {
      background: #eee; }
  .TreeFilter_34cRz.Dark_2P9AE .body_24ru4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    height: calc(100% - 40px); }
  .TreeFilter_34cRz.Dark_2P9AE .body_24ru4 .colItem_H3MUc {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 120px;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      color: #333; }
  .TreeFilter_34cRz.Dark_2P9AE .body_24ru4 .colItem_H3MUc > div {
        padding-left: 2px; }
  .TreeFilter_34cRz.Dark_2P9AE .body_24ru4::-webkit-scrollbar {
      width: 3px; }
  .TreeFilter_34cRz.Dark_2P9AE .body_24ru4::-webkit-scrollbar-track-piece {
      background-color: #fff; }
  .TreeFilter_34cRz.Dark_2P9AE .pathActive_3OP36 {
    -webkit-box-shadow: 2px 0 0  #000 inset;
            box-shadow: 2px 0 0  #000 inset;
    background-color: #F6F6F6; }

.itemFooter_74Jwo {
  height: 36px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  .itemFooter_74Jwo .attrs_ui_IR {
    width: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding-right: 10px;
    position: relative; }
  .itemFooter_74Jwo .attrs_ui_IR .item_3-qiP {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      font-size: 12px;
      font-weight: 500;
      color: rgba(255, 255, 255, 0.9);
      line-height: 16px;
      box-sizing: border-box;
      border-right: 1.5px solid #fff;
      padding: 0 8px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      cursor: pointer; }
  .itemFooter_74Jwo .attrs_ui_IR .item_3-qiP:first-child {
        padding-left: 0; }
  .itemFooter_74Jwo .attrs_ui_IR .item_3-qiP:last-child {
        padding-right: 0;
        border: none; }

.select_17hBs {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  .select_17hBs .coverInput_2jv61 {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer; }
  .select_17hBs .title_25eTD {
    width: 75px;
    height: 12px;
    font-size: 14px;
    line-height: 14px;
    font-family: Microsoft YaHei;
    font-weight: 600;
    color: #333333;
    margin-left: 20px; }
  .select_17hBs .icon_3vfr2 {
    font-size: 14px;
    margin-right: 5px;
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
    color: #666666;
    cursor: pointer; }
  .select_17hBs .dropdown_2mYMe {
    background-color: #fafafa;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    z-index: 999;
    -webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.25); }
  .select_17hBs .dropdown_2mYMe .item_3Ve1I {
      position: relative;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .select_17hBs .dropdown_2mYMe .item_3Ve1I:hover {
        background-color: #ccc; }
  .select_17hBs .dropdown_2mYMe .item_3Ve1I:active {
        background-color: #000; }
  .select_17hBs .dropdown_2mYMe .item_3Ve1I:active .icon_3vfr2,
        .select_17hBs .dropdown_2mYMe .item_3Ve1I:active .title_25eTD {
          color: #fff; }
  .select_17hBs .dropdown_2mYMe .item_3Ve1I .title_25eTD {
        width: 75px;
        height: 12px;
        font-size: 12px;
        line-height: 12px;
        font-weight: 600;
        color: #111;
        margin-left: 20px; }
  .select_17hBs .dropdown_2mYMe .item_3Ve1I .icon_3vfr2 {
        width: 4px;
        height: 15px;
        font-size: 8px;
        margin-right: 11px;
        color: #666666; }
  .select_17hBs .dropdown_2mYMe .item_3Ve1I .children_1spd- {
        background-color: #f6f6f6; }
  .select_17hBs .dropdown_2mYMe .item_3Ve1I .children_1spd- .child_Y8uPU {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          cursor: pointer; }
  .select_17hBs .dropdown_2mYMe .item_3Ve1I .children_1spd- .child_Y8uPU:hover {
            background-color: #eeeeee; }
  .select_17hBs .dropdown_2mYMe .item_3Ve1I .children_1spd- .child_Y8uPU .title_25eTD {
            width: 75px;
            height: 12px;
            font-size: 12px;
            line-height: 12px;
            font-weight: 600;
            color: #343434;
            margin-left: 20px; }

.footer_3ePUl {
  min-height: 364px;
  padding: 20px 50px 0 50px;
  background: #0f0f0f;
  width: 100%; }
  .footer_3ePUl .header_gUu0S {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0; }
  .footer_3ePUl .header_gUu0S.fixed_3Wp0I {
      position: fixed;
      left: 50px;
      top: 0;
      width: calc(100% - 100px);
      z-index: 10;
      background: #0f0f0f; }
  .footer_3ePUl .header_gUu0S .item_2enex {
      height: 30px;
      font-size: 20px;
      font-weight: bold;
      color: rgba(255, 255, 255, 0.7);
      line-height: 30px;
      margin-right: 40px;
      cursor: pointer; }
  .footer_3ePUl .header_gUu0S .item_2enex.active_3UO8i {
        color: #fff; }
  .footer_3ePUl .header_gUu0S .funcs_3GS9G {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-left: auto; }
  .footer_3ePUl .header_gUu0S .funcs_3GS9G .funcItem_XjDYz {
        margin-right: 26px;
        font-size: 14px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.7);
        line-height: 16px;
        cursor: pointer; }
  .footer_3ePUl .header_gUu0S .funcs_3GS9G .funcItem_XjDYz:last-child {
          margin-right: 0; }
  .footer_3ePUl .header_gUu0S .funcs_3GS9G > i {
        margin-left: 21px;
        color: #c9c9c9;
        cursor: pointer; }
  .footer_3ePUl .header_gUu0S .funcs_3GS9G > i.active_3UO8i {
          color: #343434; }
  .footer_3ePUl .list_2TOCl {
    min-height: calc(100vh - 90px);
    overflow-x: hidden; }
  .footer_3ePUl .list_2TOCl .loadingMore_2vQAa {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  .footer_3ePUl .list_2TOCl .loadingMore_2vQAa.disabled_25xDC {
        opacity: 0; }
  .footer_3ePUl .list_2TOCl .listContainer_3vJPv {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .footer_3ePUl .list_2TOCl .content_Uk2C5 {
      width: 100%;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .footer_3ePUl .list_2TOCl .content_Uk2C5.fixed_3Wp0I {
        padding-top: 70px; }
  .footer_3ePUl .list_2TOCl .content_Uk2C5 .errorMain_1ddNn {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin: 0 auto;
        font-size: 14px;
        font-weight: 400;
        color: #fff;
        line-height: 20px; }
  .footer_3ePUl .list_2TOCl .content_Uk2C5 .errorMain_1ddNn img {
          width: 240px;
          height: 160px;
          margin-top: 80px; }
  .footer_3ePUl .list_2TOCl .content_Uk2C5 .errorMain_1ddNn .text_3o1MM {
          margin-top: 24px; }
  .footer_3ePUl .list_2TOCl .content_Uk2C5 .errorMain_1ddNn .errAndLoadMore_143bA {
          margin: 20px 0;
          font-size: 14px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #FFFFFF;
          line-height: 20px;
          cursor: pointer; }
  .footer_3ePUl .list_2TOCl .content_Uk2C5 .errorMain_1ddNn .errAndLoadMore_143bA > i {
            margin-left: 7px; }
  .footer_3ePUl .list_2TOCl .content_Uk2C5 .errorMain_1ddNn .errAndLoadMore_143bA:hover {
            color: rgba(255, 255, 255, 0.8); }
  .footer_3ePUl .list_2TOCl .content_Uk2C5 .errorMain_1ddNn .retryBtn_2Hbg3 {
          margin-top: 32px;
          width: 124px;
          height: 32px;
          border: 1px solid #fff;
          background: #000000;
          text-align: center;
          line-height: 30px;
          cursor: pointer;
          color: #fff; }
  .footer_3ePUl .list_2TOCl .content_Uk2C5 .errorMain_1ddNn .retryBtn_2Hbg3:hover {
            background: #fff;
            color: #000;
            border: 1px solid #fff; }
  .footer_3ePUl .list_2TOCl .noData_2eKwp {
      margin-top: 96px;
      font-size: 14px;
      font-weight: 400;
      color: #ffffff;
      line-height: 20px;
      text-align: center; }
  .footer_3ePUl .list_2TOCl .listItem_3lG3c:hover .itemFooter_nJ4ZL .color_WwkOn {
      visibility: hidden; }
  .footer_3ePUl .list_2TOCl .listItem_3lG3c:hover .itemFooter_nJ4ZL .colorsHover_1J4n4 .colorBlock_1tLcS {
      top: 0; }
  .footer_3ePUl .list_2TOCl .listItem_3lG3c img {
      cursor: pointer; }
  .footer_3ePUl .list_2TOCl .listItem_3lG3c .itemFooter_nJ4ZL {
      height: 36px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.9);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative; }
  .footer_3ePUl .list_2TOCl .listItem_3lG3c .itemFooter_nJ4ZL .item_2enex {
        font-size: 12px;
        font-weight: 500;
        color: rgba(255, 255, 255, 0.9);
        line-height: 16px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border-right: 1.5px solid #fff;
        padding: 0 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer; }
  .footer_3ePUl .list_2TOCl .listItem_3lG3c .itemFooter_nJ4ZL .item_2enex:first-child {
          padding-left: 0; }
  .footer_3ePUl .list_2TOCl .listItem_3lG3c .itemFooter_nJ4ZL .item_2enex:last-child {
          padding-right: 0;
          border: none; }
  .footer_3ePUl .list_2TOCl .listItem_3lG3c .itemFooter_nJ4ZL .colorContainer_3q2tt {
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden; }
  .footer_3ePUl .list_2TOCl .listItem_3lG3c .itemFooter_nJ4ZL .colorContainer_3q2tt .color_WwkOn {
          width: 20px;
          height: 20px;
          border-radius: 50%;
          margin-left: 8px; }
  .footer_3ePUl .list_2TOCl .listItem_3lG3c .itemFooter_nJ4ZL .colorContainer_3q2tt .color_WwkOn:first-child {
            margin-left: 0; }
  .footer_3ePUl .list_2TOCl .listItem_3lG3c .itemFooter_nJ4ZL .attrs_FJ5kW {
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        padding-right: 10px; }
  .footer_3ePUl .list_2TOCl .listItem_3lG3c .itemFooter_nJ4ZL .releaseTime_jUAFO {
        font-size: 12px;
        font-weight: 400;
        color: #fff;
        line-height: 16px; }
  .footer_3ePUl .list_2TOCl .listItem_3lG3c .itemFooter_nJ4ZL .colorsHover_1J4n4 {
        position: absolute;
        width: 100%;
        height: 30px;
        left: 0;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden; }
  .footer_3ePUl .list_2TOCl .listItem_3lG3c .itemFooter_nJ4ZL .colorsHover_1J4n4 .colorBlock_1tLcS {
          position: relative;
          top: -30px;
          height: 100%;
          -webkit-transition: top 0.2s cubic-bezier(0.57, 0.005, 0.055, 0.995);
          transition: top 0.2s cubic-bezier(0.57, 0.005, 0.055, 0.995);
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1; }
  .footer_3ePUl .list_2TOCl .noMore_348uA {
      width: 100%;
      height: 70px;
      font-size: 14px;
      font-weight: 400;
      color: #fff;
      line-height: 20px;
      text-align: center; }

.header-select-search_1uK3V {
  width: 100%;
  background: #fafafa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 50px; }
  .header-select-search_1uK3V .verticalLine_yzBm3 {
    display: inline-block;
    width: 1px;
    height: 20px;
    margin-top: 9px;
    background: #000; }
  .header-select-search_1uK3V .search_1bfG5 {
    position: relative;
    width: calc(100% - 120px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 5px; }
  .header-select-search_1uK3V .search_1bfG5 .content_3xAer {
      width: calc(100% - 45px);
      height: 100%;
      margin-left: 10px;
      border: none;
      outline: medium;
      border-radius: 5px;
      line-height: 38px;
      background: #fafafa; }
  .header-select-search_1uK3V .search_1bfG5 .content_3xAer::-webkit-input-placeholder {
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #999999;
        position: relative;
        top: -1.5px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease; }
  .header-select-search_1uK3V .search_1bfG5 .content_3xAer::-moz-placeholder {
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #999999;
        position: relative;
        top: -1.5px;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease; }
  .header-select-search_1uK3V .search_1bfG5 .content_3xAer:-ms-input-placeholder {
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #999999;
        position: relative;
        top: -1.5px;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease; }
  .header-select-search_1uK3V .search_1bfG5 .content_3xAer::-ms-input-placeholder {
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #999999;
        position: relative;
        top: -1.5px;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease; }
  .header-select-search_1uK3V .search_1bfG5 .content_3xAer::placeholder {
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #999999;
        position: relative;
        top: -1.5px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease; }
  .header-select-search_1uK3V .search_1bfG5 .content_3xAer:focus::-webkit-input-placeholder {
        opacity: 0.5; }
  .header-select-search_1uK3V .search_1bfG5 .content_3xAer:focus::-moz-placeholder {
        opacity: 0.5; }
  .header-select-search_1uK3V .search_1bfG5 .content_3xAer:focus:-ms-input-placeholder {
        opacity: 0.5; }
  .header-select-search_1uK3V .search_1bfG5 .content_3xAer:focus::-ms-input-placeholder {
        opacity: 0.5; }
  .header-select-search_1uK3V .search_1bfG5 .content_3xAer:focus::placeholder {
        opacity: 0.5; }
  .header-select-search_1uK3V .search_1bfG5 .dropdown_19hqP {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      margin-left: 10px;
      width: 100%;
      position: absolute;
      left: -10px;
      top: 30px;
      background-color: #fafafa;
      max-height: 286px;
      overflow-y: scroll;
      padding-left: 10px;
      -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
              box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }
  .header-select-search_1uK3V .search_1bfG5 .dropdown_19hqP .active_3wCcG {
        background-color: #f6f6f6; }
  .header-select-search_1uK3V .search_1bfG5 .dropdown_19hqP .item_2dyAA {
        width: 100%;
        height: 26px;
        font-size: 12px;
        line-height: 26px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #333333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer; }
  .header-select-search_1uK3V .search_1bfG5 .dropdown_19hqP .item_2dyAA:hover {
          background-color: #f6f6f6; }

.searchBox_3kaxU {
  width: 29.08046%;
  max-width: 500px;
  position: relative;
  overflow: unset;
  padding-top: 20px;
  float: left; }
  .searchBox_3kaxU .right_6VsgJ {
    width: 100%;
    height: 38px; }
  .searchBox_3kaxU .search_1ut0T {
    position: absolute;
    left: 15px;
    top: 0px;
    z-index: 2;
    border-radius: 5px;
    color: #111;
    cursor: pointer; }
  .searchBox_3kaxU .search_1ut0T .text_1qvjm {
      font-size: 18px;
      line-height: 42px; }
  .searchBox_3kaxU .closeSeach_1CrRF {
    position: absolute;
    top: 0;
    right: 0px;
    width: 38px;
    height: 38px;
    text-align: center;
    cursor: pointer; }
  .searchBox_3kaxU .closeSeach_1CrRF > i {
      line-height: 38px;
      font-size: 12px;
      color: #111; }

.searchBox_aikte {
  float: right;
  width: 29.08046%;
  max-width: 500px;
  position: relative;
  overflow: unset;
  padding-top: 20px; }
  .searchBox_aikte.hidden_1dQg4 {
    visibility: hidden;
    pointer-events: none; }
  .searchBox_aikte .button_1Ll0x::before {
    height: 7px; }
  .searchBox_aikte .button_1Ll0x::after {
    top: 1.9px; }
  .searchBox_aikte .right_1GGjW {
    width: 100%;
    height: 38px; }
  .searchBox_aikte .search_NVEFZ {
    position: absolute;
    left: 15px;
    top: 0px;
    z-index: 2;
    border-radius: 5px;
    color: #111;
    cursor: pointer; }
  .searchBox_aikte .search_NVEFZ .text_1oVwB {
      font-size: 18px;
      line-height: 42px; }
  .searchBox_aikte .closeSeach_NXT0V {
    position: absolute;
    top: 0;
    right: 0px;
    width: 38px;
    height: 38px;
    text-align: center;
    cursor: pointer; }
  .searchBox_aikte .closeSeach_NXT0V > i {
      line-height: 38px;
      font-size: 12px;
      color: #111; }

.leftItem_34IlP {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  cursor: pointer; }
  .leftItem_34IlP.active_3niTP {
    -webkit-box-flex: 3.6;
        -ms-flex-positive: 3.6;
            flex-grow: 3.6; }
  .leftItem_34IlP.black_1YkIS {
    color: #000; }
  .leftItem_34IlP.white_3TumR {
    color: #fff; }
  .leftItem_34IlP .title_mTPFH {
    position: absolute;
    top: 8px;
    left: 12px;
    font-size: 12px;
    font-weight: bold;
    z-index: 1; }
  .leftItem_34IlP .desc_1Lrb5 {
    position: absolute;
    bottom: 8px;
    left: 12px;
    font-size: 10px;
    font-weight: 500; }
  .leftItem_34IlP .bg_2J1KS {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .leftItem_34IlP .bg_2J1KS img {
      width: 100%;
      height: 100%; }

@media screen and (max-width: 1440.1px) {
  .listItem_2U_Na {
    width: calc((100% - 32px * 5) / 6); } }

@media screen and (min-width: 1440.1px) {
  .listItem_2U_Na {
    width: calc((100% - 32px * 6) / 7); } }

@media screen and (min-width: 1930px) {
  .listItem_2U_Na {
    width: calc((100% - 32px * 8) / 9); } }

.listItem_2U_Na.black_1pJi6 {
  color: #000; }

.listItem_2U_Na.white_1941t {
  color: #fff; }

.listItem_2U_Na .color_2Va9R {
  width: 100%;
  height: 141px;
  padding-bottom: 68%;
  border-radius: 16px 16px 0px 0px;
  position: relative;
  cursor: url("https://assets.wow-trend.com/wowtrend/static/resource/images/0b053dc6.svg") 12 12, pointer; }

.listItem_2U_Na .color_2Va9R:hover .select_1JfiF {
    display: block; }

.listItem_2U_Na .color_2Va9R:hover .search_Fzhu5 {
    visibility: visible;
    pointer-events: auto; }

.listItem_2U_Na .color_2Va9R:hover .download_3wCoM {
    display: block; }

.listItem_2U_Na .color_2Va9R .selected_2AmQb {
    position: absolute;
    top: 7px;
    right: 8px;
    width: 20px;
    height: 20px;
    cursor: pointer; }

.listItem_2U_Na .color_2Va9R .select_1JfiF {
    display: none;
    position: absolute;
    top: 7px;
    right: 8px;
    width: 20px;
    height: 20px;
    cursor: pointer; }

.listItem_2U_Na .color_2Va9R .download_3wCoM {
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 32px;
    height: 32px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 16px 0px 0px 0px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    cursor: pointer; }

.listItem_2U_Na .color_2Va9R .download_3wCoM i {
      font-size: 12px; }

.listItem_2U_Na .color_2Va9R .title_NeRIp {
    position: absolute;
    left: 16px;
    bottom: 30px;
    font-size: 16px;
    font-weight: bold; }

.listItem_2U_Na .color_2Va9R .desc_1G3S7 {
    position: absolute;
    left: 16px;
    bottom: 10px;
    font-size: 12px;
    font-weight: 400; }

.listItem_2U_Na .info_39gQh {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 12px 16px 24px 16px;
  -webkit-box-shadow: 0px 0px 1px 0px rgba(191, 191, 191, 0.5);
          box-shadow: 0px 0px 1px 0px rgba(191, 191, 191, 0.5);
  cursor: pointer; }

.listItem_2U_Na .info_39gQh:hover .text_2-fK1 span::after {
    width: 100%; }

.listItem_2U_Na .info_39gQh .text_2-fK1 {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px; }

.listItem_2U_Na .info_39gQh .text_2-fK1 span {
      position: relative; }

.listItem_2U_Na .info_39gQh .text_2-fK1 span::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 0;
        height: 1px;
        background-color: #000;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease; }

.colorSlider_19n3i {
  width: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 34px;
  border-radius: 17px;
  background: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  .colorSlider_19n3i .noDataText_3chm4 {
    font-size: 12px;
    font-weight: 500;
    color: #888;
    line-height: 34px;
    display: inline-block;
    margin: 0 auto; }
  .colorSlider_19n3i .index_37BrP {
    position: absolute;
    width: 26px;
    height: 68px;
    top: 50%;
    -webkit-transform: translateX(-13px) translateY(-50%);
        -ms-transform: translateX(-13px) translateY(-50%);
            transform: translateX(-13px) translateY(-50%);
    background-color: transparent;
    z-index: 10;
    cursor: col-resize;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .colorSlider_19n3i .index_37BrP .iconContainer_25xxh {
      width: 10px;
      height: 24px;
      border-radius: 4px;
      background-color: #fff;
      color: #000;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .colorSlider_19n3i .colorItem_hNI-K {
    width: 0;
    height: 100%;
    position: relative; }
  .colorSlider_19n3i .colorItem_hNI-K.firstColorItem_2Spy3 {
      border-top-left-radius: 17px;
      border-bottom-left-radius: 17px; }
  .colorSlider_19n3i .colorItem_hNI-K:last-child {
      border-top-right-radius: 17px;
      border-bottom-right-radius: 17px; }
  .colorSlider_19n3i .colorItem_hNI-K .delete_QRf_A {
      position: absolute;
      left: 16px;
      top: 50%;
      width: 16px;
      height: 16px;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      cursor: pointer; }
  .colorSlider_19n3i .colorItem_hNI-K .detail_3WvBM {
      width: 160px;
      height: 135px;
      position: absolute;
      left: 10px;
      top: 48px;
      z-index: 110;
      border-radius: 15px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 14px;
      cursor: pointer; }
  .colorSlider_19n3i .colorItem_hNI-K .detail_3WvBM.black_34gfB {
        color: #38373e; }
  .colorSlider_19n3i .colorItem_hNI-K .detail_3WvBM.black_34gfB .line_3t-Ow {
          background: rgba(0, 0, 0, 0.1); }
  .colorSlider_19n3i .colorItem_hNI-K .detail_3WvBM.black_34gfB .hoverline_3S7WF::before {
          background: #38373e; }
  .colorSlider_19n3i .colorItem_hNI-K .detail_3WvBM.white_38WcJ {
        color: #fff; }
  .colorSlider_19n3i .colorItem_hNI-K .detail_3WvBM.white_38WcJ .line_3t-Ow {
          background: #fff; }
  .colorSlider_19n3i .colorItem_hNI-K .detail_3WvBM.white_38WcJ .hoverline_3S7WF::before {
          background: #fff; }
  .colorSlider_19n3i .colorItem_hNI-K .detail_3WvBM .triangle_1FGBp {
        position: absolute;
        top: -10px;
        right: 15px;
        width: 0;
        height: 0;
        border-width: 0 15px 15px;
        border-style: solid; }
  .colorSlider_19n3i .colorItem_hNI-K .detail_3WvBM .title_3bMKp {
        font-size: 16px;
        font-weight: bold; }
  .colorSlider_19n3i .colorItem_hNI-K .detail_3WvBM .line_3t-Ow {
        margin: 9px 0;
        width: 100%;
        height: 1px; }
  .colorSlider_19n3i .colorItem_hNI-K .detail_3WvBM .normalContainer_3TMjJ:hover .normal_pANOa .hoverline_3S7WF::before {
        right: 0%; }
  .colorSlider_19n3i .colorItem_hNI-K .detail_3WvBM .normalContainer_3TMjJ .normal_pANOa {
        height: 16px;
        font-size: 12px;
        font-weight: 400;
        margin-bottom: 6px; }
  .colorSlider_19n3i .colorItem_hNI-K .detail_3WvBM .normalContainer_3TMjJ .normal_pANOa .hoverline_3S7WF {
          display: inline-block;
          position: relative; }
  .colorSlider_19n3i .colorItem_hNI-K .detail_3WvBM .normalContainer_3TMjJ .normal_pANOa .hoverline_3S7WF::before {
            content: "";
            position: absolute;
            left: 0;
            right: 100%;
            bottom: 0;
            height: 1px;
            -webkit-transition-property: right;
            transition-property: right;
            -webkit-transition-duration: 0.3s;
                    transition-duration: 0.3s;
            -webkit-transition-timing-function: ease-out;
                    transition-timing-function: ease-out; }

.viz-containment_1qEns {
  position: relative;
  overflow: hidden;
  height: 0;
  width: 0; }

.viz-container_yy0IW {
  width: 100vw;
  position: absolute;
  left: -10000vw; }

.downloadPic_1cRdN {
  width: 800px;
  height: 4580px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.11);
          box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.11);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.downloadPic_1cRdN .item_3XKV- {
    height: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 40px; }

.downloadPic_1cRdN .item_3XKV-.black_1geZC .title_3-6VD,
    .downloadPic_1cRdN .item_3XKV-.black_1geZC .normal_dTe0g {
      color: #38373e; }

.downloadPic_1cRdN .item_3XKV-.black_1geZC .line_HDr6j {
      background: rgba(0, 0, 0, 0.07); }

.downloadPic_1cRdN .item_3XKV-.white_1RM8V .title_3-6VD,
    .downloadPic_1cRdN .item_3XKV-.white_1RM8V .normal_dTe0g {
      color: #fff; }

.downloadPic_1cRdN .item_3XKV-.white_1RM8V .line_HDr6j {
      background: #fff; }

.downloadPic_1cRdN .item_3XKV- .title_3-6VD {
      font-size: 80px;
      font-weight: bold; }

.downloadPic_1cRdN .item_3XKV- .line_HDr6j {
      margin: 45px 0;
      height: 5px; }

.downloadPic_1cRdN .item_3XKV- .normal_dTe0g {
      font-size: 60px;
      font-weight: 400;
      margin-bottom: 30px; }

.single_1CVYj {
  background: #fff;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.11);
          box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.11);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px;
  width: 800px; }

.single_1CVYj .color_2FMTh {
    height: 720px; }

.single_1CVYj .title_3-6VD {
    margin-top: 40px;
    font-size: 80px;
    font-weight: bold;
    color: #000; }

.single_1CVYj .line_HDr6j {
    margin: 45px 0;
    height: 5px;
    background: rgba(102, 102, 102, 0.2); }

.single_1CVYj .normal_dTe0g {
    font-size: 60px;
    font-weight: 400;
    color: #000;
    margin-bottom: 30px; }

.pantoneColor_3nvR5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100vh - 124px);
  background-color: #fafafa;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 32px;
  position: relative; }
  .pantoneColor_3nvR5 .header_gYQqg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    border-bottom: 1px solid #afafaf;
    padding-bottom: 24px;
    padding-right: 8px; }
  .pantoneColor_3nvR5 .header_gYQqg .left_3-FLQ {
      font-size: 14px;
      font-weight: bold;
      color: #000;
      line-height: 20px; }
  .pantoneColor_3nvR5 .main_2zIxV {
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .pantoneColor_3nvR5 .main_2zIxV .left_3-FLQ {
      width: 165px;
      height: calc(100% - 10px);
      float: left;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 6px; }
  .pantoneColor_3nvR5 .main_2zIxV .right_1x5U0 {
      width: 0;
      height: 100%;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      margin-left: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  .pantoneColor_3nvR5 .main_2zIxV .right_1x5U0 .mainHeader_1ItjY {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 24px;
        height: 50px;
        margin-bottom: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background-image: url("https://assets.wow-trend.com/wowtrend/static/resource/images/a77ec690.png");
        background-size: cover; }
  .pantoneColor_3nvR5 .main_2zIxV .right_1x5U0 .mainHeader_1ItjY.liuxingse_dGwa8 {
          background-image: url("https://assets.wow-trend.com/wowtrend/static/resource/images/7f780947.png"); }
  .pantoneColor_3nvR5 .main_2zIxV .right_1x5U0 .mainHeader_1ItjY.black_3FDkw {
          color: #000; }
  .pantoneColor_3nvR5 .main_2zIxV .right_1x5U0 .mainHeader_1ItjY.white_2nNNs {
          color: #fff; }
  .pantoneColor_3nvR5 .main_2zIxV .right_1x5U0 .mainHeader_1ItjY .text_1wMb8 {
          font-size: 18px;
          font-weight: bold; }
  .pantoneColor_3nvR5 .main_2zIxV .right_1x5U0 .mainHeader_1ItjY .icon_1ReJ6 {
          margin: 0 6px; }
  .pantoneColor_3nvR5 .main_2zIxV .right_1x5U0 .mainHeader_1ItjY .text1_2pHxh {
          font-size: 16px;
          font-weight: 500;
          margin-right: 16px; }
  .pantoneColor_3nvR5 .main_2zIxV .right_1x5U0 .mainHeader_1ItjY .searchBtn_ySCan {
          margin-left: 16px;
          margin-right: 24px;
          padding: 0 19px;
          height: 34px;
          background: #dbdde1;
          border-radius: 17px;
          font-size: 12px;
          font-weight: 400;
          color: #888;
          line-height: 34px; }
  .pantoneColor_3nvR5 .main_2zIxV .right_1x5U0 .mainHeader_1ItjY .searchBtn_ySCan.active_1OZq0 {
            background: #fff;
            color: #000;
            cursor: pointer; }
  .pantoneColor_3nvR5 .main_2zIxV .right_1x5U0 .mainHeader_1ItjY .icon2_3kboH {
          cursor: pointer;
          font-size: 24px; }
  .pantoneColor_3nvR5 .main_2zIxV .right_1x5U0 .mainHeader_1ItjY .icon2_3kboH.disabled_BsZYt {
            color: #dbdde1;
            cursor: auto; }
  .pantoneColor_3nvR5 .main_2zIxV .right_1x5U0 .tabs_2gq5z {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 16px;
        border-bottom: 1px solid #afafaf;
        cursor: pointer; }
  .pantoneColor_3nvR5 .main_2zIxV .right_1x5U0 .tabs_2gq5z .tab_1722P {
          height: 28px;
          font-size: 16px;
          font-weight: 500;
          color: #888;
          line-height: 22px;
          padding: 0 8px;
          position: relative; }
  .pantoneColor_3nvR5 .main_2zIxV .right_1x5U0 .tabs_2gq5z .tab_1722P.active_1OZq0 {
            font-weight: 500;
            color: #000; }
  .pantoneColor_3nvR5 .main_2zIxV .right_1x5U0 .tabs_2gq5z .tab_1722P.active_1OZq0::after {
              display: block; }
  .pantoneColor_3nvR5 .main_2zIxV .right_1x5U0 .tabs_2gq5z .tab_1722P::after {
            content: "";
            position: absolute;
            width: 100%;
            height: 4px;
            left: 0;
            bottom: 0;
            background: #000;
            display: none; }
  .pantoneColor_3nvR5 .main_2zIxV .right_1x5U0 .list_RRU1b {
        margin-top: 8px;
        height: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24px 32px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-line-pack: start;
            align-content: flex-start;
        overflow-x: hidden;
        overflow-y: auto; }
  .pantoneColor_3nvR5 .main_2zIxV .right_1x5U0 .list_RRU1b::-webkit-scrollbar {
          width: 0; }
  .modal_2_vq7 .inputContainer_lKFGn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }
  .modal_2_vq7 .inputContainer_lKFGn .left_3-FLQ {
    width: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .modal_2_vq7 .inputContainer_lKFGn .left_3-FLQ .input_35vJL {
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      height: 32px;
      display: inline-block;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-left: 12px;
      outline-style: none;
      border: 1px solid #000;
      border-right: none; }
  .modal_2_vq7 .inputContainer_lKFGn .left_3-FLQ .input_35vJL::-webkit-input-placeholder {
        font-size: 14px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.3);
        line-height: 20px; }
  .modal_2_vq7 .inputContainer_lKFGn .left_3-FLQ .input_35vJL::-moz-placeholder {
        font-size: 14px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.3);
        line-height: 20px; }
  .modal_2_vq7 .inputContainer_lKFGn .left_3-FLQ .input_35vJL:-ms-input-placeholder {
        font-size: 14px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.3);
        line-height: 20px; }
  .modal_2_vq7 .inputContainer_lKFGn .left_3-FLQ .input_35vJL::-ms-input-placeholder {
        font-size: 14px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.3);
        line-height: 20px; }
  .modal_2_vq7 .inputContainer_lKFGn .left_3-FLQ .input_35vJL::placeholder {
        font-size: 14px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.3);
        line-height: 20px; }
  .modal_2_vq7 .inputContainer_lKFGn .left_3-FLQ .number_3Jk9x {
      height: 32px;
      line-height: 32px;
      border: 1px solid #000;
      border-left: none;
      padding-right: 12px;
      padding-left: 8px; }
  .modal_2_vq7 .inputContainer_lKFGn .left_3-FLQ .number_3Jk9x.numberWarn_C_B-j {
        color: #fb2d2d; }
  .modal_2_vq7 .inputContainer_lKFGn .text_1wMb8 {
    font-size: 14px;
    font-weight: 400;
    color: #181818;
    margin-left: 8px; }
  .modal_2_vq7 .warn_21ftG {
  margin-top: 8px;
  height: 16px;
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
  line-height: 16px; }
  .modal_2_vq7 .warn1_2wlxi {
  margin-top: 8px;
  height: 16px;
  font-size: 12px;
  font-weight: 400;
  color: #fb2d2d;
  line-height: 16px; }
  .modal_2_vq7 .footer_3QS_r {
  height: 28px;
  margin-top: 42px;
  padding-bottom: 38px; }
  .modal_2_vq7 .footer_3QS_r .btn_2uU18 {
    width: 88px;
    height: 28px;
    border: 1px solid #555b70;
    background: #fff;
    font-size: 12px;
    font-weight: 500;
    color: #181818;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    float: right; }
  .modal_2_vq7 .footer_3QS_r .btn_2uU18.disabled_BsZYt {
      cursor: not-allowed;
      border: 1px solid rgba(85, 91, 112, 0.2);
      color: rgba(85, 91, 112, 0.2); }
  .modal_2_vq7 .footer_3QS_r .btn1_3JaBV {
    width: 88px;
    height: 28px;
    border: 1px solid #555b70;
    background: #555b70;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    float: right; }
  .modal_2_vq7 .footer_3QS_r .btn1_3JaBV.disabled_BsZYt {
      cursor: not-allowed;
      background: rgba(85, 91, 112, 0.2);
      border: 1px solid rgba(85, 91, 112, 0.2); }

.pantoneColor-modal .ant-modal-content {
  -webkit-transform: translateY(250px);
      -ms-transform: translateY(250px);
          transform: translateY(250px);
}
.pantoneColor-modal .ant-modal-content .ant-modal-header {
  border: none;
}
.pantoneColor-modal .ant-modal-content .ant-modal-close-x {
  font-size: 12px;
  width: 46px;
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
}
.pantoneColor-modal .ant-modal-content .ant-modal-close-x i {
  color: #000;
}

.bannerFilter_1vb4G.Normal_2CRmG {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .bannerFilter_1vb4G.Normal_2CRmG .title_Cwde6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_1vb4G.Normal_2CRmG .hasFavorite_kUJa_ {
    margin-right: 4px; }
  .bannerFilter_1vb4G.Normal_2CRmG .favoriteIcon_2BC4r {
    color: #FF4141; }
  .bannerFilter_1vb4G.Normal_2CRmG .favoriteIcon_2BC4r > i {
      font-size: 12px; }
  .bannerFilter_1vb4G.Normal_2CRmG .search_1STJU {
    position: relative;
    width: 100%;
    margin-bottom: 15px; }
  .bannerFilter_1vb4G.Normal_2CRmG .search_1STJU .searchIcon_3iWVw {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .bannerFilter_1vb4G.Normal_2CRmG .search_1STJU input {
      display: block;
      width: 100%;
      height: 34px;
      -webkit-box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.12);
              box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.12);
      border-radius: 17px;
      border: 1px solid #111111;
      padding-left: 38px;
      font-size: 14px;
      background-color: #fff;
      outline: none;
      color: #333; }
  .bannerFilter_1vb4G.Normal_2CRmG .search_1STJU input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Normal_2CRmG .search_1STJU input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Normal_2CRmG .search_1STJU input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Normal_2CRmG .search_1STJU input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Normal_2CRmG .search_1STJU input::placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Normal_2CRmG .body_2wD58 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_1vb4G.Normal_2CRmG .body_2wD58 .barndList_3xT3- {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_1vb4G.Normal_2CRmG .body_2wD58 .barndList_3xT3-::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_1vb4G.Normal_2CRmG .body_2wD58 .barndList_3xT3- .selectedKey_3a-vq {
        font-size: 16px;
        color: #111111;
        font-weight: bold;
        height: 22px;
        margin: 12px 0 9px;
        line-height: 22px; }
  .bannerFilter_1vb4G.Normal_2CRmG .body_2wD58 .barndList_3xT3-::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_1vb4G.Normal_2CRmG .body_2wD58 .barndList_3xT3- .brandTagItem_8tlxj:nth-of-type(4n) {
        margin-right: 0px; }
  .bannerFilter_1vb4G.Normal_2CRmG .body_2wD58 .brandTagItem_8tlxj {
      width: calc((100% - 90px) / 4);
      float: left;
      margin-right: 30px; }
  .bannerFilter_1vb4G.Normal_2CRmG .body_2wD58 .keyList_2C-Av > div {
      padding: 0px 8px;
      height: 18px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_1vb4G.Normal_2CRmG .body_2wD58 .keyList_2C-Av > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_1vb4G.Normal_2CRmG .body_2wD58 .selectedKey_3a-vq {
      color: #111111;
      font-weight: bold; }
  .bannerFilter_1vb4G.DarkCyan_2s9V5 {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .bannerFilter_1vb4G.DarkCyan_2s9V5 .title_Cwde6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_1vb4G.DarkCyan_2s9V5 .hasFavorite_kUJa_ {
    margin-right: 4px; }
  .bannerFilter_1vb4G.DarkCyan_2s9V5 .favoriteIcon_2BC4r {
    color: #FF4141; }
  .bannerFilter_1vb4G.DarkCyan_2s9V5 .favoriteIcon_2BC4r > i {
      font-size: 12px; }
  .bannerFilter_1vb4G.DarkCyan_2s9V5 .search_1STJU {
    position: relative;
    width: 100%;
    margin-bottom: 15px; }
  .bannerFilter_1vb4G.DarkCyan_2s9V5 .search_1STJU .searchIcon_3iWVw {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .bannerFilter_1vb4G.DarkCyan_2s9V5 .search_1STJU input {
      display: block;
      width: 100%;
      height: 34px;
      -webkit-box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.12);
              box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.12);
      border-radius: 17px;
      border: 1px solid #111111;
      padding-left: 38px;
      font-size: 14px;
      background-color: #fff;
      outline: none;
      color: #333; }
  .bannerFilter_1vb4G.DarkCyan_2s9V5 .search_1STJU input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.DarkCyan_2s9V5 .search_1STJU input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.DarkCyan_2s9V5 .search_1STJU input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.DarkCyan_2s9V5 .search_1STJU input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.DarkCyan_2s9V5 .search_1STJU input::placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.DarkCyan_2s9V5 .body_2wD58 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_1vb4G.DarkCyan_2s9V5 .body_2wD58 .barndList_3xT3- {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_1vb4G.DarkCyan_2s9V5 .body_2wD58 .barndList_3xT3-::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_1vb4G.DarkCyan_2s9V5 .body_2wD58 .barndList_3xT3- .selectedKey_3a-vq {
        font-size: 16px;
        color: #175851;
        font-weight: bold;
        height: 22px;
        margin: 12px 0 9px;
        line-height: 22px; }
  .bannerFilter_1vb4G.DarkCyan_2s9V5 .body_2wD58 .barndList_3xT3-::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_1vb4G.DarkCyan_2s9V5 .body_2wD58 .barndList_3xT3- .brandTagItem_8tlxj:nth-of-type(4n) {
        margin-right: 0px; }
  .bannerFilter_1vb4G.DarkCyan_2s9V5 .body_2wD58 .brandTagItem_8tlxj {
      width: calc((100% - 90px) / 4);
      float: left;
      margin-right: 30px; }
  .bannerFilter_1vb4G.DarkCyan_2s9V5 .body_2wD58 .keyList_2C-Av > div {
      padding: 0px 8px;
      height: 18px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_1vb4G.DarkCyan_2s9V5 .body_2wD58 .keyList_2C-Av > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_1vb4G.DarkCyan_2s9V5 .body_2wD58 .selectedKey_3a-vq {
      color: #175851;
      font-weight: bold; }
  .bannerFilter_1vb4G.Wheat_3rENc {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .bannerFilter_1vb4G.Wheat_3rENc .title_Cwde6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_1vb4G.Wheat_3rENc .hasFavorite_kUJa_ {
    margin-right: 4px; }
  .bannerFilter_1vb4G.Wheat_3rENc .favoriteIcon_2BC4r {
    color: #FF4141; }
  .bannerFilter_1vb4G.Wheat_3rENc .favoriteIcon_2BC4r > i {
      font-size: 12px; }
  .bannerFilter_1vb4G.Wheat_3rENc .search_1STJU {
    position: relative;
    width: 100%;
    margin-bottom: 15px; }
  .bannerFilter_1vb4G.Wheat_3rENc .search_1STJU .searchIcon_3iWVw {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .bannerFilter_1vb4G.Wheat_3rENc .search_1STJU input {
      display: block;
      width: 100%;
      height: 34px;
      -webkit-box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.12);
              box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.12);
      border-radius: 17px;
      border: 1px solid #111111;
      padding-left: 38px;
      font-size: 14px;
      background-color: #fff;
      outline: none;
      color: #333; }
  .bannerFilter_1vb4G.Wheat_3rENc .search_1STJU input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Wheat_3rENc .search_1STJU input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Wheat_3rENc .search_1STJU input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Wheat_3rENc .search_1STJU input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Wheat_3rENc .search_1STJU input::placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Wheat_3rENc .body_2wD58 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_1vb4G.Wheat_3rENc .body_2wD58 .barndList_3xT3- {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_1vb4G.Wheat_3rENc .body_2wD58 .barndList_3xT3-::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_1vb4G.Wheat_3rENc .body_2wD58 .barndList_3xT3- .selectedKey_3a-vq {
        font-size: 16px;
        color: #e1b282;
        font-weight: bold;
        height: 22px;
        margin: 12px 0 9px;
        line-height: 22px; }
  .bannerFilter_1vb4G.Wheat_3rENc .body_2wD58 .barndList_3xT3-::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_1vb4G.Wheat_3rENc .body_2wD58 .barndList_3xT3- .brandTagItem_8tlxj:nth-of-type(4n) {
        margin-right: 0px; }
  .bannerFilter_1vb4G.Wheat_3rENc .body_2wD58 .brandTagItem_8tlxj {
      width: calc((100% - 90px) / 4);
      float: left;
      margin-right: 30px; }
  .bannerFilter_1vb4G.Wheat_3rENc .body_2wD58 .keyList_2C-Av > div {
      padding: 0px 8px;
      height: 18px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_1vb4G.Wheat_3rENc .body_2wD58 .keyList_2C-Av > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_1vb4G.Wheat_3rENc .body_2wD58 .selectedKey_3a-vq {
      color: #e1b282;
      font-weight: bold; }
  .bannerFilter_1vb4G.RosyBrown_12FZB {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .bannerFilter_1vb4G.RosyBrown_12FZB .title_Cwde6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_1vb4G.RosyBrown_12FZB .hasFavorite_kUJa_ {
    margin-right: 4px; }
  .bannerFilter_1vb4G.RosyBrown_12FZB .favoriteIcon_2BC4r {
    color: #FF4141; }
  .bannerFilter_1vb4G.RosyBrown_12FZB .favoriteIcon_2BC4r > i {
      font-size: 12px; }
  .bannerFilter_1vb4G.RosyBrown_12FZB .search_1STJU {
    position: relative;
    width: 100%;
    margin-bottom: 15px; }
  .bannerFilter_1vb4G.RosyBrown_12FZB .search_1STJU .searchIcon_3iWVw {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .bannerFilter_1vb4G.RosyBrown_12FZB .search_1STJU input {
      display: block;
      width: 100%;
      height: 34px;
      -webkit-box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.12);
              box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.12);
      border-radius: 17px;
      border: 1px solid #111111;
      padding-left: 38px;
      font-size: 14px;
      background-color: #fff;
      outline: none;
      color: #333; }
  .bannerFilter_1vb4G.RosyBrown_12FZB .search_1STJU input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.RosyBrown_12FZB .search_1STJU input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.RosyBrown_12FZB .search_1STJU input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.RosyBrown_12FZB .search_1STJU input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.RosyBrown_12FZB .search_1STJU input::placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.RosyBrown_12FZB .body_2wD58 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_1vb4G.RosyBrown_12FZB .body_2wD58 .barndList_3xT3- {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_1vb4G.RosyBrown_12FZB .body_2wD58 .barndList_3xT3-::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_1vb4G.RosyBrown_12FZB .body_2wD58 .barndList_3xT3- .selectedKey_3a-vq {
        font-size: 16px;
        color: #9b758b;
        font-weight: bold;
        height: 22px;
        margin: 12px 0 9px;
        line-height: 22px; }
  .bannerFilter_1vb4G.RosyBrown_12FZB .body_2wD58 .barndList_3xT3-::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_1vb4G.RosyBrown_12FZB .body_2wD58 .barndList_3xT3- .brandTagItem_8tlxj:nth-of-type(4n) {
        margin-right: 0px; }
  .bannerFilter_1vb4G.RosyBrown_12FZB .body_2wD58 .brandTagItem_8tlxj {
      width: calc((100% - 90px) / 4);
      float: left;
      margin-right: 30px; }
  .bannerFilter_1vb4G.RosyBrown_12FZB .body_2wD58 .keyList_2C-Av > div {
      padding: 0px 8px;
      height: 18px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_1vb4G.RosyBrown_12FZB .body_2wD58 .keyList_2C-Av > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_1vb4G.RosyBrown_12FZB .body_2wD58 .selectedKey_3a-vq {
      color: #9b758b;
      font-weight: bold; }
  .bannerFilter_1vb4G.Chocolate_pG3fl {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .bannerFilter_1vb4G.Chocolate_pG3fl .title_Cwde6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_1vb4G.Chocolate_pG3fl .hasFavorite_kUJa_ {
    margin-right: 4px; }
  .bannerFilter_1vb4G.Chocolate_pG3fl .favoriteIcon_2BC4r {
    color: #FF4141; }
  .bannerFilter_1vb4G.Chocolate_pG3fl .favoriteIcon_2BC4r > i {
      font-size: 12px; }
  .bannerFilter_1vb4G.Chocolate_pG3fl .search_1STJU {
    position: relative;
    width: 100%;
    margin-bottom: 15px; }
  .bannerFilter_1vb4G.Chocolate_pG3fl .search_1STJU .searchIcon_3iWVw {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .bannerFilter_1vb4G.Chocolate_pG3fl .search_1STJU input {
      display: block;
      width: 100%;
      height: 34px;
      -webkit-box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.12);
              box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.12);
      border-radius: 17px;
      border: 1px solid #111111;
      padding-left: 38px;
      font-size: 14px;
      background-color: #fff;
      outline: none;
      color: #333; }
  .bannerFilter_1vb4G.Chocolate_pG3fl .search_1STJU input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Chocolate_pG3fl .search_1STJU input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Chocolate_pG3fl .search_1STJU input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Chocolate_pG3fl .search_1STJU input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Chocolate_pG3fl .search_1STJU input::placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Chocolate_pG3fl .body_2wD58 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_1vb4G.Chocolate_pG3fl .body_2wD58 .barndList_3xT3- {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_1vb4G.Chocolate_pG3fl .body_2wD58 .barndList_3xT3-::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_1vb4G.Chocolate_pG3fl .body_2wD58 .barndList_3xT3- .selectedKey_3a-vq {
        font-size: 16px;
        color: #da6339;
        font-weight: bold;
        height: 22px;
        margin: 12px 0 9px;
        line-height: 22px; }
  .bannerFilter_1vb4G.Chocolate_pG3fl .body_2wD58 .barndList_3xT3-::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_1vb4G.Chocolate_pG3fl .body_2wD58 .barndList_3xT3- .brandTagItem_8tlxj:nth-of-type(4n) {
        margin-right: 0px; }
  .bannerFilter_1vb4G.Chocolate_pG3fl .body_2wD58 .brandTagItem_8tlxj {
      width: calc((100% - 90px) / 4);
      float: left;
      margin-right: 30px; }
  .bannerFilter_1vb4G.Chocolate_pG3fl .body_2wD58 .keyList_2C-Av > div {
      padding: 0px 8px;
      height: 18px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_1vb4G.Chocolate_pG3fl .body_2wD58 .keyList_2C-Av > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_1vb4G.Chocolate_pG3fl .body_2wD58 .selectedKey_3a-vq {
      color: #da6339;
      font-weight: bold; }
  .bannerFilter_1vb4G.Coral_1ykcr {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .bannerFilter_1vb4G.Coral_1ykcr .title_Cwde6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_1vb4G.Coral_1ykcr .hasFavorite_kUJa_ {
    margin-right: 4px; }
  .bannerFilter_1vb4G.Coral_1ykcr .favoriteIcon_2BC4r {
    color: #FF4141; }
  .bannerFilter_1vb4G.Coral_1ykcr .favoriteIcon_2BC4r > i {
      font-size: 12px; }
  .bannerFilter_1vb4G.Coral_1ykcr .search_1STJU {
    position: relative;
    width: 100%;
    margin-bottom: 15px; }
  .bannerFilter_1vb4G.Coral_1ykcr .search_1STJU .searchIcon_3iWVw {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .bannerFilter_1vb4G.Coral_1ykcr .search_1STJU input {
      display: block;
      width: 100%;
      height: 34px;
      -webkit-box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.12);
              box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.12);
      border-radius: 17px;
      border: 1px solid #111111;
      padding-left: 38px;
      font-size: 14px;
      background-color: #fff;
      outline: none;
      color: #333; }
  .bannerFilter_1vb4G.Coral_1ykcr .search_1STJU input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Coral_1ykcr .search_1STJU input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Coral_1ykcr .search_1STJU input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Coral_1ykcr .search_1STJU input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Coral_1ykcr .search_1STJU input::placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Coral_1ykcr .body_2wD58 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_1vb4G.Coral_1ykcr .body_2wD58 .barndList_3xT3- {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_1vb4G.Coral_1ykcr .body_2wD58 .barndList_3xT3-::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_1vb4G.Coral_1ykcr .body_2wD58 .barndList_3xT3- .selectedKey_3a-vq {
        font-size: 16px;
        color: #e46375;
        font-weight: bold;
        height: 22px;
        margin: 12px 0 9px;
        line-height: 22px; }
  .bannerFilter_1vb4G.Coral_1ykcr .body_2wD58 .barndList_3xT3-::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_1vb4G.Coral_1ykcr .body_2wD58 .barndList_3xT3- .brandTagItem_8tlxj:nth-of-type(4n) {
        margin-right: 0px; }
  .bannerFilter_1vb4G.Coral_1ykcr .body_2wD58 .brandTagItem_8tlxj {
      width: calc((100% - 90px) / 4);
      float: left;
      margin-right: 30px; }
  .bannerFilter_1vb4G.Coral_1ykcr .body_2wD58 .keyList_2C-Av > div {
      padding: 0px 8px;
      height: 18px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_1vb4G.Coral_1ykcr .body_2wD58 .keyList_2C-Av > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_1vb4G.Coral_1ykcr .body_2wD58 .selectedKey_3a-vq {
      color: #e46375;
      font-weight: bold; }
  .bannerFilter_1vb4G.CadetBlue_1JZNk {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .bannerFilter_1vb4G.CadetBlue_1JZNk .title_Cwde6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_1vb4G.CadetBlue_1JZNk .hasFavorite_kUJa_ {
    margin-right: 4px; }
  .bannerFilter_1vb4G.CadetBlue_1JZNk .favoriteIcon_2BC4r {
    color: #FF4141; }
  .bannerFilter_1vb4G.CadetBlue_1JZNk .favoriteIcon_2BC4r > i {
      font-size: 12px; }
  .bannerFilter_1vb4G.CadetBlue_1JZNk .search_1STJU {
    position: relative;
    width: 100%;
    margin-bottom: 15px; }
  .bannerFilter_1vb4G.CadetBlue_1JZNk .search_1STJU .searchIcon_3iWVw {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .bannerFilter_1vb4G.CadetBlue_1JZNk .search_1STJU input {
      display: block;
      width: 100%;
      height: 34px;
      -webkit-box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.12);
              box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.12);
      border-radius: 17px;
      border: 1px solid #111111;
      padding-left: 38px;
      font-size: 14px;
      background-color: #fff;
      outline: none;
      color: #333; }
  .bannerFilter_1vb4G.CadetBlue_1JZNk .search_1STJU input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.CadetBlue_1JZNk .search_1STJU input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.CadetBlue_1JZNk .search_1STJU input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.CadetBlue_1JZNk .search_1STJU input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.CadetBlue_1JZNk .search_1STJU input::placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.CadetBlue_1JZNk .body_2wD58 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_1vb4G.CadetBlue_1JZNk .body_2wD58 .barndList_3xT3- {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_1vb4G.CadetBlue_1JZNk .body_2wD58 .barndList_3xT3-::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_1vb4G.CadetBlue_1JZNk .body_2wD58 .barndList_3xT3- .selectedKey_3a-vq {
        font-size: 16px;
        color: #87a397;
        font-weight: bold;
        height: 22px;
        margin: 12px 0 9px;
        line-height: 22px; }
  .bannerFilter_1vb4G.CadetBlue_1JZNk .body_2wD58 .barndList_3xT3-::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_1vb4G.CadetBlue_1JZNk .body_2wD58 .barndList_3xT3- .brandTagItem_8tlxj:nth-of-type(4n) {
        margin-right: 0px; }
  .bannerFilter_1vb4G.CadetBlue_1JZNk .body_2wD58 .brandTagItem_8tlxj {
      width: calc((100% - 90px) / 4);
      float: left;
      margin-right: 30px; }
  .bannerFilter_1vb4G.CadetBlue_1JZNk .body_2wD58 .keyList_2C-Av > div {
      padding: 0px 8px;
      height: 18px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_1vb4G.CadetBlue_1JZNk .body_2wD58 .keyList_2C-Av > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_1vb4G.CadetBlue_1JZNk .body_2wD58 .selectedKey_3a-vq {
      color: #87a397;
      font-weight: bold; }
  .bannerFilter_1vb4G.Gold_1Zps8 {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .bannerFilter_1vb4G.Gold_1Zps8 .title_Cwde6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_1vb4G.Gold_1Zps8 .hasFavorite_kUJa_ {
    margin-right: 4px; }
  .bannerFilter_1vb4G.Gold_1Zps8 .favoriteIcon_2BC4r {
    color: #FF4141; }
  .bannerFilter_1vb4G.Gold_1Zps8 .favoriteIcon_2BC4r > i {
      font-size: 12px; }
  .bannerFilter_1vb4G.Gold_1Zps8 .search_1STJU {
    position: relative;
    width: 100%;
    margin-bottom: 15px; }
  .bannerFilter_1vb4G.Gold_1Zps8 .search_1STJU .searchIcon_3iWVw {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .bannerFilter_1vb4G.Gold_1Zps8 .search_1STJU input {
      display: block;
      width: 100%;
      height: 34px;
      -webkit-box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.12);
              box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.12);
      border-radius: 17px;
      border: 1px solid #111111;
      padding-left: 38px;
      font-size: 14px;
      background-color: #fff;
      outline: none;
      color: #333; }
  .bannerFilter_1vb4G.Gold_1Zps8 .search_1STJU input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Gold_1Zps8 .search_1STJU input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Gold_1Zps8 .search_1STJU input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Gold_1Zps8 .search_1STJU input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Gold_1Zps8 .search_1STJU input::placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Gold_1Zps8 .body_2wD58 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_1vb4G.Gold_1Zps8 .body_2wD58 .barndList_3xT3- {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_1vb4G.Gold_1Zps8 .body_2wD58 .barndList_3xT3-::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_1vb4G.Gold_1Zps8 .body_2wD58 .barndList_3xT3- .selectedKey_3a-vq {
        font-size: 16px;
        color: #ffc629;
        font-weight: bold;
        height: 22px;
        margin: 12px 0 9px;
        line-height: 22px; }
  .bannerFilter_1vb4G.Gold_1Zps8 .body_2wD58 .barndList_3xT3-::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_1vb4G.Gold_1Zps8 .body_2wD58 .barndList_3xT3- .brandTagItem_8tlxj:nth-of-type(4n) {
        margin-right: 0px; }
  .bannerFilter_1vb4G.Gold_1Zps8 .body_2wD58 .brandTagItem_8tlxj {
      width: calc((100% - 90px) / 4);
      float: left;
      margin-right: 30px; }
  .bannerFilter_1vb4G.Gold_1Zps8 .body_2wD58 .keyList_2C-Av > div {
      padding: 0px 8px;
      height: 18px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_1vb4G.Gold_1Zps8 .body_2wD58 .keyList_2C-Av > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_1vb4G.Gold_1Zps8 .body_2wD58 .selectedKey_3a-vq {
      color: #ffc629;
      font-weight: bold; }
  .bannerFilter_1vb4G.PowDerBlue_2XQlK {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .bannerFilter_1vb4G.PowDerBlue_2XQlK .title_Cwde6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_1vb4G.PowDerBlue_2XQlK .hasFavorite_kUJa_ {
    margin-right: 4px; }
  .bannerFilter_1vb4G.PowDerBlue_2XQlK .favoriteIcon_2BC4r {
    color: #FF4141; }
  .bannerFilter_1vb4G.PowDerBlue_2XQlK .favoriteIcon_2BC4r > i {
      font-size: 12px; }
  .bannerFilter_1vb4G.PowDerBlue_2XQlK .search_1STJU {
    position: relative;
    width: 100%;
    margin-bottom: 15px; }
  .bannerFilter_1vb4G.PowDerBlue_2XQlK .search_1STJU .searchIcon_3iWVw {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .bannerFilter_1vb4G.PowDerBlue_2XQlK .search_1STJU input {
      display: block;
      width: 100%;
      height: 34px;
      -webkit-box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.12);
              box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.12);
      border-radius: 17px;
      border: 1px solid #111111;
      padding-left: 38px;
      font-size: 14px;
      background-color: #fff;
      outline: none;
      color: #333; }
  .bannerFilter_1vb4G.PowDerBlue_2XQlK .search_1STJU input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.PowDerBlue_2XQlK .search_1STJU input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.PowDerBlue_2XQlK .search_1STJU input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.PowDerBlue_2XQlK .search_1STJU input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.PowDerBlue_2XQlK .search_1STJU input::placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.PowDerBlue_2XQlK .body_2wD58 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_1vb4G.PowDerBlue_2XQlK .body_2wD58 .barndList_3xT3- {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_1vb4G.PowDerBlue_2XQlK .body_2wD58 .barndList_3xT3-::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_1vb4G.PowDerBlue_2XQlK .body_2wD58 .barndList_3xT3- .selectedKey_3a-vq {
        font-size: 16px;
        color: #749bb0;
        font-weight: bold;
        height: 22px;
        margin: 12px 0 9px;
        line-height: 22px; }
  .bannerFilter_1vb4G.PowDerBlue_2XQlK .body_2wD58 .barndList_3xT3-::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_1vb4G.PowDerBlue_2XQlK .body_2wD58 .barndList_3xT3- .brandTagItem_8tlxj:nth-of-type(4n) {
        margin-right: 0px; }
  .bannerFilter_1vb4G.PowDerBlue_2XQlK .body_2wD58 .brandTagItem_8tlxj {
      width: calc((100% - 90px) / 4);
      float: left;
      margin-right: 30px; }
  .bannerFilter_1vb4G.PowDerBlue_2XQlK .body_2wD58 .keyList_2C-Av > div {
      padding: 0px 8px;
      height: 18px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_1vb4G.PowDerBlue_2XQlK .body_2wD58 .keyList_2C-Av > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_1vb4G.PowDerBlue_2XQlK .body_2wD58 .selectedKey_3a-vq {
      color: #749bb0;
      font-weight: bold; }
  .bannerFilter_1vb4G.Dark_3PLJu {
  width: 808px;
  height: 494px;
  padding: 15px 24px;
  background-color: #fff; }
  .bannerFilter_1vb4G.Dark_3PLJu .title_Cwde6 {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 12px;
    margin-bottom: 21px;
    color: #111;
    border-bottom: 1px solid #B4B4B4; }
  .bannerFilter_1vb4G.Dark_3PLJu .hasFavorite_kUJa_ {
    margin-right: 4px; }
  .bannerFilter_1vb4G.Dark_3PLJu .favoriteIcon_2BC4r {
    color: #FF4141; }
  .bannerFilter_1vb4G.Dark_3PLJu .favoriteIcon_2BC4r > i {
      font-size: 12px; }
  .bannerFilter_1vb4G.Dark_3PLJu .search_1STJU {
    position: relative;
    width: 100%;
    margin-bottom: 15px; }
  .bannerFilter_1vb4G.Dark_3PLJu .search_1STJU .searchIcon_3iWVw {
      position: absolute;
      top: 5px;
      left: 14px;
      font-size: 16px;
      color: #666;
      font-weight: 700; }
  .bannerFilter_1vb4G.Dark_3PLJu .search_1STJU input {
      display: block;
      width: 100%;
      height: 34px;
      -webkit-box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.12);
              box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.12);
      border-radius: 17px;
      border: 1px solid #111111;
      padding-left: 38px;
      font-size: 14px;
      background-color: #fff;
      outline: none;
      color: #333; }
  .bannerFilter_1vb4G.Dark_3PLJu .search_1STJU input::-webkit-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Dark_3PLJu .search_1STJU input::-moz-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Dark_3PLJu .search_1STJU input:-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Dark_3PLJu .search_1STJU input::-ms-input-placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Dark_3PLJu .search_1STJU input::placeholder {
        color: #666;
        font-size: 14px; }
  .bannerFilter_1vb4G.Dark_3PLJu .body_2wD58 {
    position: relative;
    width: 100%;
    height: calc(100% - 180px); }
  .bannerFilter_1vb4G.Dark_3PLJu .body_2wD58 .barndList_3xT3- {
      max-height: 328px;
      overflow: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain; }
  .bannerFilter_1vb4G.Dark_3PLJu .body_2wD58 .barndList_3xT3-::-webkit-scrollbar {
        width: 3px; }
  .bannerFilter_1vb4G.Dark_3PLJu .body_2wD58 .barndList_3xT3- .selectedKey_3a-vq {
        font-size: 16px;
        color: #000;
        font-weight: bold;
        height: 22px;
        margin: 12px 0 9px;
        line-height: 22px; }
  .bannerFilter_1vb4G.Dark_3PLJu .body_2wD58 .barndList_3xT3-::-webkit-scrollbar-track-piece {
        background-color: #fff; }
  .bannerFilter_1vb4G.Dark_3PLJu .body_2wD58 .barndList_3xT3- .brandTagItem_8tlxj:nth-of-type(4n) {
        margin-right: 0px; }
  .bannerFilter_1vb4G.Dark_3PLJu .body_2wD58 .brandTagItem_8tlxj {
      width: calc((100% - 90px) / 4);
      float: left;
      margin-right: 30px; }
  .bannerFilter_1vb4G.Dark_3PLJu .body_2wD58 .keyList_2C-Av > div {
      padding: 0px 8px;
      height: 18px;
      font-size: 12px;
      cursor: pointer;
      float: left; }
  .bannerFilter_1vb4G.Dark_3PLJu .body_2wD58 .keyList_2C-Av > div:hover {
        color: #fff;
        background-color: #000; }
  .bannerFilter_1vb4G.Dark_3PLJu .body_2wD58 .selectedKey_3a-vq {
      color: #000;
      font-weight: bold; }

.container_3FkOz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer; }
  .container_3FkOz .colorNameItem_UB1pw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .container_3FkOz .colorNameItem_UB1pw > span {
      display: inline-block; }
  .container_3FkOz .colorNameItem_UB1pw > span:nth-child(1) {
        height: 16px;
        padding-left: 16px;
        border-radius: 50%;
        margin-right: 4px; }
  .container_3FkOz .iconfont_33qM2 {
    font-size: 16px;
    color: #000; }
  .container_3FkOz .iconfont_33qM2.open_2ti3v {
      -webkit-transform: rotateZ(180deg);
          -ms-transform: rotate(180deg);
              transform: rotateZ(180deg); }
  .content_zHVKX {
  width: 160px;
  max-height: 420px;
  margin-right: 1px;
  padding: 16px;
  overflow: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .content_zHVKX::-webkit-scrollbar {
    width: 2px;
    -webkit-transform: translateX(-1px);
            transform: translateX(-1px); }
  .content_zHVKX .item_1VISP {
    width: 100%;
    height: 28px;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 16px;
    cursor: pointer;
    padding-left: 8px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.99);
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative; }
  .content_zHVKX .item_1VISP .closeBtn_1Gg-u {
      display: none;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      top: 0;
      right: 8px;
      width: 10px;
      height: 10px;
      cursor: pointer;
      position: absolute; }
  .content_zHVKX .item_1VISP .closeBtn_1Gg-u .icon_2d5M9 {
        display: block;
        font-size: 12px;
        -webkit-transform: scale(0.7);
            -ms-transform: scale(0.7);
                transform: scale(0.7); }
  .content_zHVKX .item_1VISP.selected_fbWuv {
      color: #fff;
      background: #000; }
  .content_zHVKX .item_1VISP.selected_fbWuv .closeBtn_1Gg-u {
        display: block; }
  .content_zHVKX .item_1VISP.selected_fbWuv:hover {
        background: #000; }
  .content_zHVKX .item_1VISP:hover, .content_zHVKX .item_1VISP.noSelectSelected_35USb {
      background: rgba(0, 0, 0, 0.06); }
  .content_zHVKX .item_1VISP:last-child {
      margin-bottom: 0; }
  .content2_2bgyI {
  width: 580px;
  padding: 24px;
  padding-right: 1px; }
  .content2_2bgyI .main_1rChv {
    width: 100%;
    height: 420px;
    overflow: auto; }
  .content2_2bgyI .main_1rChv::-webkit-scrollbar {
      width: 2px; }
  .content2_2bgyI .main_1rChv .item_1VISP {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-top: 24px;
      display: flex; }
  .content2_2bgyI .main_1rChv .item_1VISP:nth-child(1) {
        margin-top: 0; }
  .content2_2bgyI .main_1rChv .item_1VISP .left_jMPV2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
  .content2_2bgyI .main_1rChv .item_1VISP .left_jMPV2 .block_zrRF8 {
          width: 3px;
          height: 20px;
          background: #000000; }
  .content2_2bgyI .main_1rChv .item_1VISP .left_jMPV2 .title_1itrN {
          height: 20px;
          font-size: 14px;
          font-weight: bold;
          color: rgba(0, 0, 0, 0.99);
          line-height: 20px;
          margin-left: 0; }
  .content2_2bgyI .main_1rChv .item_1VISP .left_jMPV2 .title_1itrN.disabled_3rIA8 {
            pointer-events: none; }
  .content2_2bgyI .main_1rChv .item_1VISP .right_i4-rk {
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .content2_2bgyI .main_1rChv .item_1VISP .value_2u_Mo {
        margin-bottom: 10px;
        height: 20px;
        font-size: 14px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.7);
        line-height: 20px;
        margin-left: 16px;
        cursor: pointer;
        padding: 0 8px;
        border-radius: 4px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: relative; }
  .content2_2bgyI .main_1rChv .item_1VISP .value_2u_Mo:hover {
          background: rgba(0, 0, 0, 0.06); }
  .content2_2bgyI .main_1rChv .item_1VISP .value_2u_Mo.selected_fbWuv {
          color: #fff;
          background-color: #111111;
          padding-right: 20px;
          pointer-events: none; }
  .content2_2bgyI .main_1rChv .item_1VISP .value_2u_Mo.selected_fbWuv .closeBtn_1Gg-u {
            display: block;
            pointer-events: auto; }
  .content2_2bgyI .main_1rChv .item_1VISP .value_2u_Mo .closeBtn_1Gg-u {
          display: none;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          top: 0;
          right: 9px;
          width: 6px;
          height: 6px;
          cursor: pointer;
          position: absolute; }
  .content2_2bgyI .main_1rChv .item_1VISP .value_2u_Mo .closeBtn_1Gg-u .icon_2d5M9 {
            display: block;
            font-size: 12px;
            -webkit-transform: scale(0.7);
                -ms-transform: scale(0.7);
                    transform: scale(0.7); }
  .content3_1HOl7 {
  width: 580px;
  padding: 24px; }
  .content3_1HOl7 .main_1rChv {
    width: 100%;
    height: 420px;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .content3_1HOl7 .main_1rChv::-webkit-scrollbar {
      width: 2px; }
  .content3_1HOl7 .main_1rChv > .item_1VISP:nth-child(4n) {
      margin-right: 0px; }
  .content3_1HOl7 .main_1rChv .item_1VISP {
      width: calc(25% - 36px);
      margin-bottom: 24px;
      margin-right: 48px;
      padding: 4px 0 4px 14px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      height: 28px;
      cursor: pointer;
      border-radius: 4px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .content3_1HOl7 .main_1rChv .item_1VISP:hover, .content3_1HOl7 .main_1rChv .item_1VISP.selected_fbWuv {
        background: rgba(0, 0, 0, 0.06); }
  .content3_1HOl7 .main_1rChv .item_1VISP .color_EMAtV {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        margin-right: 12px;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        -webkit-box-flex: 0;
            -ms-flex-positive: 0;
                flex-grow: 0; }
  .content3_1HOl7 .main_1rChv .item_1VISP .name_1Jnz3 {
        font-size: 14px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.99); }
  .contentBrand_1r46m {
  width: 808px;
  height: 494px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 64px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 64px 0px rgba(0, 0, 0, 0.15); }

.select-popover {
  padding-top: 0;
}
.select-popover .ant-popover-arrow {
  display: none;
}
.select-popover .ant-popover-inner {
  border-radius: 4px;
}
.select-popover .ant-popover-inner .ant-popover-inner-content {
  padding: 0;
}

.content_1Jcce {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px 16px; }
  .content_1Jcce .item_3f-OP {
    font-weight: 600;
    font-size: 17px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 22px;
    text-align: center;
    padding: 12px 0;
    border-bottom: 1px solid rgba(151, 151, 151, 0.26);
    cursor: pointer; }
  .content_1Jcce .item_3f-OP:hover {
      color: #fff; }
  .content_1Jcce .item_3f-OP:last-child {
      border: none; }

.darkTheme .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #333333;
  border-color: #333333;
}
.darkTheme .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.darkTheme .ant-checkbox:hover .ant-checkbox-inner,
.darkTheme .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #333333;
}
.darkTheme .ant-checkbox-checked::after {
  border-color: #333333;
}

.filterControlBar_PPgta {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .filterControlBar_PPgta li {
    float: left;
    font-size: 12px;
    height: 22px;
    margin-right: 10px; }
  .filterControlBar_PPgta li .clearBtnBox_1uV4t {
      cursor: pointer;
      font-size: 12px;
      min-width: 80px;
      border: 1px solid rgba(17, 17, 17, 0.3);
      border-radius: 12px;
      overflow: hidden;
      height: 23px;
      line-height: 20px;
      text-align: center;
      color: #333; }
  .filterControlBar_PPgta li .clearBtnBox_1uV4t .clearBtn_2jLjZ {
        vertical-align: middle; }
  .filterControlBar_PPgta li .clearBtnBox_1uV4t:hover {
        color: #111111; }

.filterNavigation_35z9K {
  position: relative;
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in; }
  .filterNavigation_35z9K .mask_3yZnQ {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FAFAFA;
    opacity: 0.3;
    z-index: 50; }
  .filterNavigation_35z9K.opcityChange_37OBN {
    opacity: 0; }
  .filterNavigation_35z9K .filterContainer_2Uw-M {
    height: 100%; }

.jumpToAiContent_3OWB6 {
  width: 260px;
  background: #37383D;
  -webkit-box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.26), 0px 9px 28px 0px rgba(0, 0, 0, 0.29), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.26), 0px 9px 28px 0px rgba(0, 0, 0, 0.29), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px; }
  .jumpToAiContent_3OWB6 .header_2ZjDk {
    padding: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07); }
  .jumpToAiContent_3OWB6 .header_2ZjDk .title_1JyqS {
      font-weight: 500;
      font-size: 14px;
      color: #fff;
      line-height: 20px; }
  .jumpToAiContent_3OWB6 .bottom_3H91k {
    padding: 0 12px;
    width: 100%;
    height: 36px;
    background: #5e5f65;
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    cursor: pointer; }
  .items_2b8Ss {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  padding: 0 12px; }
  .items_2b8Ss .item_1-fnA {
    width: calc(50% - 6px);
    padding: 0 12px;
    height: 36px;
    border-radius: 6px;
    background: #5e5f65;
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 4px;
    cursor: pointer; }
  .items_2b8Ss .item_1-fnA:hover,
    .items_2b8Ss .item_1-fnA .active_4tIZa {
      color: #080808;
      background: #d6d7d8; }
  .items_2b8Ss .item_1-fnA .name_2DsDb {
      font-weight: 400;
      font-size: 14px; }
  .items_2b8Ss .item_1-fnA .icon_Tk0nb {
      font-size: 14px; }

.scroll-to-bottom-popover {
  z-index: 9999999999;
}
.scroll-to-bottom-popover .ant-popover-inner {
  border-radius: 3px;
}
.scroll-to-bottom-popover .ant-popover-inner .ant-popover-inner-content {
  padding: 4px 6px;
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.7);
  line-height: 16px;
}
.picview-message-container .ant-message {
  z-index: 9999999999;
}
.aiPopover {
  z-index: 9999999999;
}
.no-padding-popover {
  z-index: 9999999999;
}
.no-padding-popover .ant-popover-content {
  border-radius: 6px;
}
.no-padding-popover .ant-popover-content .ant-popover-arrow {
  border-color: #37383D;
}
.no-padding-popover .ant-popover-content .ant-popover-inner {
  border-radius: 6px;
}
.no-padding-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  border-radius: 6px;
  padding: 0;
}

.PicViewer_16IlI {
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  -webkit-animation: fadeIn_3W8Xh 0.6s ease-in-out forwards;
          animation: fadeIn_3W8Xh 0.6s ease-in-out forwards; }
  .PicViewer_16IlI .PicViewerInnerBox_3Vmlm {
    position: fixed;
    width: 85%;
    height: 90%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.85); }
  .PicViewer_16IlI .active_1WR5o {
    color: #FFF;
    -webkit-box-shadow: 0px 1px 0px #FFF;
            box-shadow: 0px 1px 0px #FFF; }
  .PicViewer_16IlI .pic_2-aBb {
    width: calc(100% - 350px);
    height: 100%;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .PicViewer_16IlI .editTag_3RsR4 {
    position: absolute;
    right: 0;
    top: 180px;
    z-index: 2;
    color: #fff;
    cursor: pointer;
    width: 38px;
    padding: 8px !important;
    text-align: center;
    background-color: rgba(107, 113, 125, 0.8); }
  .PicViewer_16IlI .zoomBox_haFi2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: purple;
    overflow: hidden; }
  .PicViewer_16IlI .assocDraw_3FUaN {
    position: absolute;
    left: 84px;
    top: 30px;
    max-height: calc(100% - 60px);
    overflow: auto; }
  .PicViewer_16IlI .assocDraw_3FUaN::-webkit-scrollbar {
      width: 0px;
      height: 0; }
  .PicViewer_16IlI .assocDraw_3FUaN .assocDrawList_2pBKI {
      height: 100%; }
  .PicViewer_16IlI .assocDraw_3FUaN .drawingItem_1vjIu {
      width: 110px;
      padding: 4px;
      cursor: pointer;
      background-color: rgba(255, 255, 255, 0.5); }
  .PicViewer_16IlI .assocDraw_3FUaN .drawingItem_1vjIu > img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        -o-object-position: center top;
           object-position: center top; }
  .PicViewer_16IlI .assocDraw_3FUaN .drawingItem_1vjIu.active_1WR5o {
        background-color: #fff; }
  .PicViewer_16IlI .close_1pIY_ {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 70px;
    height: 70px;
    background-color: rgba(107, 113, 125, 0.8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer; }
  .PicViewer_16IlI .close_1pIY_:hover {
      background-color: rgba(107, 113, 125, 0.6); }
  .PicViewer_16IlI .close_1pIY_ > i {
      font-size: 16px;
      color: #fff; }
  .PicViewer_16IlI .errorToast_DCqL_ {
    position: absolute;
    background-color: #000;
    color: #fff;
    top: 50%;
    left: 50%;
    width: 450px;
    height: 214px;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .PicViewer_16IlI .errorToast_DCqL_ .toastclose_gbT3D {
      position: absolute;
      top: 6px;
      right: 6px;
      cursor: pointer; }
  .PicViewer_16IlI .errorToast_DCqL_ .toastclose_gbT3D i {
        color: #fff; }
  .PicViewer_16IlI .errorToast_DCqL_ .msg_10VGL {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 70px 60px; }
  .PicViewer_16IlI .errorToast_DCqL_ .msg_10VGL span {
        margin-left: 16px;
        color: #fff; }
  .PicViewer_16IlI .info_1T5CO {
    position: absolute;
    top: 0;
    right: 0;
    width: 350px;
    height: 100%;
    min-height: 600px;
    overflow: hidden;
    background: #fff; }
  .PicViewer_16IlI .info_1T5CO .brand_UL4Lg {
      font-size: 16px;
      color: #111;
      font-weight: bold; }
  .PicViewer_16IlI .info_1T5CO .up_27obs {
      padding: 30px 26px 26px 26px;
      height: 392px;
      background-color: #fff; }
  @media screen and (max-width: 1500px) {
        .PicViewer_16IlI .info_1T5CO .up_27obs {
          padding: 1px 26px 1px 26px;
          height: 340px; } }
  .PicViewer_16IlI .info_1T5CO .up_27obs.feed_1un0P {
        height: calc(100% - 100px); }
  .PicViewer_16IlI .info_1T5CO .up_27obs .title_1lpgk {
        font-size: 22px;
        color: #333; }
  .PicViewer_16IlI .info_1T5CO .up_27obs .title_1lpgk > div {
          color: #333;
          font-weight: 600;
          margin-bottom: 14px; }
  .PicViewer_16IlI .info_1T5CO .up_27obs .keyValue_1NwS8 {
        margin-bottom: 10px;
        max-height: 202px;
        overflow: hidden; }
  .PicViewer_16IlI .info_1T5CO .up_27obs .infoItem_2Ek2Y {
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 8px; }
  .PicViewer_16IlI .info_1T5CO .up_27obs .infoItem_2Ek2Y .itemKey_JTn97 {
          float: left;
          width: 70px;
          color: #707a8b;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
  .PicViewer_16IlI .info_1T5CO .up_27obs .infoItem_2Ek2Y .itemValue_2NKgS {
          float: left;
          width: calc(100% - 80px);
          color: #333;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
  .PicViewer_16IlI .info_1T5CO .up_27obs .infoItem_2Ek2Y.infoItemFirst_1n4H1 {
          margin-top: 10px; }
  .PicViewer_16IlI .info_1T5CO .up_27obs .keywords_JqIij {
        max-height: 64px;
        margin-bottom: 10px;
        overflow: hidden; }
  .PicViewer_16IlI .info_1T5CO .up_27obs .keywords_JqIij .keywordsItems_Z4Q8t {
          margin-bottom: 10px;
          margin-right: 6px;
          float: left;
          color: #6381CE;
          max-width: 100%;
          height: 25px;
          line-height: 12px;
          padding: 5px 10px;
          font-size: 12px;
          border-radius: 18px;
          background-color: #F8FAFF;
          cursor: pointer;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          -webkit-transition: none;
          transition: none; }
  .PicViewer_16IlI .info_1T5CO .up_27obs .keywords_JqIij .keywordsItems_Z4Q8t:hover {
            background-color: #333;
            color: #fff; }
  .PicViewer_16IlI .info_1T5CO .up_27obs .desc_3Gu24 {
        color: #333;
        overflow: auto;
        max-height: calc(100% - 74px - 64px);
        color: #333; }
  .PicViewer_16IlI .info_1T5CO .down_2yKDq {
      padding: 40px 24px 0px 24px;
      min-height: 100px;
      background-color: #fff;
      color: #111; }
  @media screen and (max-width: 1500px) {
        .PicViewer_16IlI .info_1T5CO .down_2yKDq {
          padding: 10px 24px 0px 24px; } }
  .PicViewer_16IlI .info_1T5CO .down_2yKDq.feed_1un0P {
        height: 100px; }
  .PicViewer_16IlI .info_1T5CO .down_2yKDq .opration_1MjOu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
  .PicViewer_16IlI .info_1T5CO .down_2yKDq .like_2WlEe, .PicViewer_16IlI .info_1T5CO .down_2yKDq .download_3fIsa {
        width: 140px;
        height: 40px;
        border: 1px solid #BBBBBB;
        cursor: pointer;
        -webkit-transition: all .3s;
        transition: all .3s;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .PicViewer_16IlI .info_1T5CO .down_2yKDq .like_2WlEe > i, .PicViewer_16IlI .info_1T5CO .down_2yKDq .download_3fIsa > i {
          margin-right: 7px; }
  .PicViewer_16IlI .info_1T5CO .down_2yKDq .like_2WlEe:hover, .PicViewer_16IlI .info_1T5CO .down_2yKDq .download_3fIsa:hover {
          background-color: #555C70;
          color: #fff; }
  .PicViewer_16IlI .info_1T5CO .down_2yKDq .like_2WlEe:hover > i, .PicViewer_16IlI .info_1T5CO .down_2yKDq .download_3fIsa:hover > i {
            color: #fff; }
  .PicViewer_16IlI .info_1T5CO .down_2yKDq .like_2WlEe.active_1WR5o, .PicViewer_16IlI .info_1T5CO .down_2yKDq .download_3fIsa.active_1WR5o {
          background-color: #555C70;
          color: #fff; }
  .PicViewer_16IlI .info_1T5CO .down_2yKDq .like_2WlEe.active_1WR5o > i, .PicViewer_16IlI .info_1T5CO .down_2yKDq .download_3fIsa.active_1WR5o > i {
            color: #fff; }
  .PicViewer_16IlI .info_1T5CO .assocPicsBox_112f9 {
      height: calc(100% - 136px); }
  .PicViewer_16IlI .info_1T5CO .assocPicsBox_112f9 .assocPicsTitle_1JL4n {
        font-size: 14px;
        margin-bottom: 17px;
        margin-top: 10px;
        color: #adadc3;
        font-weight: 400;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        cursor: pointer; }
  .PicViewer_16IlI .info_1T5CO .assocPicsBox_112f9 .assocPicsList_29exL {
        position: relative; }
  .PicViewer_16IlI .info_1T5CO .assocPicsBox_112f9 .assocPicsList_29exL .cardItem_2fUEc {
          position: relative;
          float: left;
          width: 88px;
          height: 88px;
          margin-right: 6px;
          margin-bottom: 6px;
          cursor: pointer; }
  .PicViewer_16IlI .info_1T5CO .assocPicsBox_112f9 .assocPicsList_29exL .cardItem_2fUEc > img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: center top;
               object-position: center top; }
  .PicViewer_16IlI .info_1T5CO .assocPicsBox_112f9 .assocPicsList_29exL .cardItem_2fUEc:nth-of-type(2n) {
            margin-right: 0px; }
  .PicViewer_16IlI .info_1T5CO .assocPicsBox_112f9 .assocPicsList_29exL .cardItem_2fUEc .cardItemMore_r-GVZ {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.4);
            cursor: pointer;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            color: #fff;
            font-size: 12px;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column; }
  .PicViewer_16IlI .info_1T5CO .assocPicsBox_112f9 .assocPicsList_29exL .cardItem_2fUEc .cardItemMore_r-GVZ > div {
              margin: 0 auto;
              line-height: 18px; }
  .PicViewer_16IlI .info_1T5CO .assocPicsBox_112f9 .assocPicsList_29exL .cardItem_2fUEc .cardItemMore_r-GVZ i {
              margin-top: 10px;
              color: #fff;
              font-size: 12px; }
  .PicViewer_16IlI .info_1T5CO .assocPicsBox_112f9 .relatedArticle_3nhNq .articleCard_25P6V {
        margin-bottom: 10px; }
  .PicViewer_16IlI .info_1T5CO .assocPicsBox_112f9 .relatedArticle_3nhNq .articleCard_25P6V > a .imgbox_3YFqy {
          width: 100%;
          height: 114px;
          margin-bottom: 5px; }
  .PicViewer_16IlI .info_1T5CO .assocPicsBox_112f9 .relatedArticle_3nhNq .articleCard_25P6V > a .imgbox_3YFqy > img {
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: 50% top;
               object-position: 50% top;
            width: 100%;
            height: 100%; }
  .PicViewer_16IlI .info_1T5CO .assocPicsBox_112f9 .relatedArticle_3nhNq .articleCard_25P6V > a > div {
          font-size: 12px;
          color: #333; }
  .PicViewer_16IlI .info_1T5CO .assocPicsBox_112f9 .assocPicsMask_Cp6HP {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.5); }
  .PicViewer_16IlI .info_1T5CO .infoMask_3ydOU {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.2); }
  .buttonWarp_3n-64 {
  padding: 0px 8px 10px 0px;
  overflow: hidden; }
  .button_BdTQ8 {
  position: relative;
  border: 1px solid #cccccc; }
  .button_BdTQ8:after {
  left: 100%;
  -webkit-transform: skewY(45deg);
      -ms-transform: skewY(45deg);
          transform: skewY(45deg);
  position: absolute;
  background-color: #555C70;
  content: "";
  top: 0px;
  bottom: -6px;
  width: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .button_BdTQ8:before {
  top: 100%;
  -webkit-transform: skew(45deg);
  -ms-transform: skew(45deg);
      transform: skew(45deg); }
  .button_BdTQ8:after,
.button_BdTQ8:before {
  position: absolute;
  background-color: #555C70;
  content: ""; }
  .button_BdTQ8:before {
  left: 1px;
  right: -3px;
  height: 7px; }
  .button_BdTQ8.dark_2TPOs:after {
  background-color: #111; }
  .button_BdTQ8.dark_2TPOs:before {
  background-color: #111; }
  @-webkit-keyframes fadeIn_3W8Xh {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  @keyframes fadeIn_3W8Xh {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.PicViewer_33Ver {
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.85);
  opacity: 0;
  -webkit-animation: fadeIn_3kGZh 0.6s ease-in-out forwards;
          animation: fadeIn_3kGZh 0.6s ease-in-out forwards;
  overflow: auto; }
  .PicViewer_33Ver::-webkit-scrollbar {
    width: 0; }
  .PicViewer_33Ver .pic_1Fq_G {
    width: calc(100% - 236px);
    height: calc(100vh - 136px);
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: #0f0f0f; }
  .PicViewer_33Ver .pic_1Fq_G .scrollToBottom_7uu_c {
      width: 50px;
      height: 50px;
      background: #ffffff;
      border-radius: 50%;
      position: absolute;
      right: 10px;
      bottom: 32px;
      color: #000;
      z-index: 5;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-transition: all 1s ease;
      transition: all 1s ease; }
  .PicViewer_33Ver .pic_1Fq_G .scrollToBottom_7uu_c:hover {
        background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#37383d));
        background: linear-gradient(180deg, #ffffff 0%, #37383d 100%); }
  .PicViewer_33Ver .zoomBox_3Posx {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: purple;
    overflow: hidden; }
  .PicViewer_33Ver .assocDraw_1giJJ {
    position: absolute;
    left: 76px;
    top: 0;
    max-height: calc(100% - 80px);
    overflow: auto;
    z-index: 5; }
  .PicViewer_33Ver .assocDraw_1giJJ::-webkit-scrollbar {
      width: 0px;
      height: 0; }
  .PicViewer_33Ver .assocDraw_1giJJ .assocDrawList_1-Lyv {
      height: 100%; }
  .PicViewer_33Ver .assocDraw_1giJJ .drawingItem_2iRw3 {
      width: 110px;
      padding: 4px;
      cursor: pointer;
      background-color: rgba(255, 255, 255, 0.5); }
  .PicViewer_33Ver .assocDraw_1giJJ .drawingItem_2iRw3 > img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        -o-object-position: center top;
           object-position: center top; }
  .PicViewer_33Ver .assocDraw_1giJJ .drawingItem_2iRw3.active_371MJ {
        background-color: #fff; }
  .PicViewer_33Ver .imageCategory_3KMBW {
    position: absolute;
    right: 84px;
    top: 40px;
    width: 32px;
    height: 248px;
    padding: 4px;
    background-color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .PicViewer_33Ver .imageCategory_3KMBW .item_2qcht {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .PicViewer_33Ver .close_si9mG {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 70px;
    height: 70px;
    background-color: rgba(107, 113, 125, 0.8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer; }
  .PicViewer_33Ver .close_si9mG:hover {
      background-color: rgba(107, 113, 125, 0.6); }
  .PicViewer_33Ver .close_si9mG > i {
      font-size: 16px;
      color: #fff; }
  .PicViewer_33Ver .errorToast__MrWn {
    position: absolute;
    background-color: #000;
    color: #fff;
    top: 50%;
    left: 50%;
    width: 450px;
    height: 214px;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .PicViewer_33Ver .errorToast__MrWn .toastclose_2Bem6 {
      position: absolute;
      top: 6px;
      right: 6px;
      cursor: pointer; }
  .PicViewer_33Ver .errorToast__MrWn .toastclose_2Bem6 i {
        color: #fff; }
  .PicViewer_33Ver .errorToast__MrWn .msg_1oiIg {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 70px 60px; }
  .PicViewer_33Ver .errorToast__MrWn .msg_1oiIg span {
        margin-left: 16px;
        color: #fff; }
  .PicViewer_33Ver .info_27MNd {
    position: absolute;
    top: 0;
    right: 0;
    width: 236px;
    height: calc(100vh - 136px);
    min-height: 600px;
    overflow: hidden; }
  .PicViewer_33Ver .info_27MNd .up_MzMNk {
      padding: 32px 26px 26px 26px;
      height: 392px;
      background-color: #000; }
  @media screen and (max-width: 1500px) {
        .PicViewer_33Ver .info_27MNd .up_MzMNk {
          padding: 1px 26px 1px 26px;
          height: 340px; } }
  .PicViewer_33Ver .info_27MNd .up_MzMNk .title_tjSKj {
        font-size: 22px;
        color: #ced3e4; }
  .PicViewer_33Ver .info_27MNd .up_MzMNk .title_tjSKj > div {
          color: #ced3e4;
          font-weight: 600;
          margin-bottom: 14px; }
  .PicViewer_33Ver .info_27MNd .up_MzMNk .keyValue_1c-HS {
        margin-bottom: 20px;
        max-height: 202px;
        overflow: hidden; }
  .PicViewer_33Ver .info_27MNd .up_MzMNk .infoItem_2EHJA {
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 8px; }
  .PicViewer_33Ver .info_27MNd .up_MzMNk .infoItem_2EHJA .itemKey_2Tccj {
          float: left;
          width: 70px;
          color: #707a8b;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
  .PicViewer_33Ver .info_27MNd .up_MzMNk .infoItem_2EHJA .itemValue_2Tkia {
          float: left;
          width: calc(100% - 80px);
          color: #ced3e4;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
  .PicViewer_33Ver .info_27MNd .up_MzMNk .keywords_3r4nd {
        height: 64px;
        overflow: hidden; }
  .PicViewer_33Ver .info_27MNd .up_MzMNk .keywords_3r4nd .keywordsItems_35sZ7 {
          margin-bottom: 10px;
          margin-right: 6px;
          float: left;
          color: #ced3e4;
          max-width: 100%;
          height: 25px;
          line-height: 12px;
          padding: 5px 10px;
          font-size: 12px;
          border: 1px solid #ced3e4;
          border-radius: 18px;
          cursor: pointer;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
  .PicViewer_33Ver .info_27MNd .up_MzMNk .keywords_3r4nd .keywordsItems_35sZ7:hover {
            background-color: #ced3e4;
            color: #111; }
  .PicViewer_33Ver .info_27MNd .down_2iDnc {
      padding: 20px 24px 0px 24px;
      height: calc(100% - 392px);
      min-height: 200px;
      background-color: #35383e;
      color: #fff; }
  @media screen and (max-width: 1500px) {
        .PicViewer_33Ver .info_27MNd .down_2iDnc {
          padding: 10px 24px 0px 24px;
          height: calc(100% - 340px); } }
  .PicViewer_33Ver .info_27MNd .down_2iDnc .dbtn_EeS4G {
        width: 182px;
        height: 35px;
        margin-bottom: 8px;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
  .PicViewer_33Ver .info_27MNd .down_2iDnc .dbtn_EeS4G.active_371MJ {
          background-color: #838b9b; }
  .PicViewer_33Ver .info_27MNd .down_2iDnc .dbtn_EeS4G:hover {
          background-color: #838b9b; }
  .PicViewer_33Ver .info_27MNd .down_2iDnc .dbtn_EeS4G > div {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          font-size: 14px;
          cursor: pointer; }
  .PicViewer_33Ver .info_27MNd .down_2iDnc .dbtn_EeS4G > div > i {
            margin-top: 6px;
            margin-right: 12px;
            font-weight: 600; }
  .PicViewer_33Ver .info_27MNd .assocPicsBox_21X_r {
      height: calc(100% - 106px); }
  .PicViewer_33Ver .info_27MNd .assocPicsBox_21X_r .assocPicsTitle_2qxYb {
        font-size: 14px;
        margin-bottom: 14px;
        margin-top: 10px;
        color: #adadc3;
        font-weight: 600; }
  .PicViewer_33Ver .info_27MNd .assocPicsBox_21X_r .assocPicsList_2uRra {
        position: relative; }
  .PicViewer_33Ver .info_27MNd .assocPicsBox_21X_r .assocPicsList_2uRra .cardItem__G-4t {
          position: relative;
          float: left;
          width: 88px;
          height: 88px;
          margin-right: 6px;
          margin-bottom: 6px;
          cursor: pointer; }
  .PicViewer_33Ver .info_27MNd .assocPicsBox_21X_r .assocPicsList_2uRra .cardItem__G-4t > img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: center top;
               object-position: center top; }
  .PicViewer_33Ver .info_27MNd .assocPicsBox_21X_r .assocPicsList_2uRra .cardItem__G-4t:nth-of-type(2n) {
            margin-right: 0px; }
  .PicViewer_33Ver .info_27MNd .assocPicsBox_21X_r .assocPicsList_2uRra .cardItem__G-4t .cardItemMore_14zZS {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.4);
            cursor: pointer;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            color: #fff;
            font-size: 12px;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column; }
  .PicViewer_33Ver .info_27MNd .assocPicsBox_21X_r .assocPicsList_2uRra .cardItem__G-4t .cardItemMore_14zZS > div {
              margin: 0 auto;
              line-height: 18px; }
  .PicViewer_33Ver .info_27MNd .assocPicsBox_21X_r .assocPicsList_2uRra .cardItem__G-4t .cardItemMore_14zZS i {
              margin-top: 10px;
              color: #fff;
              font-size: 12px; }
  .PicViewer_33Ver .info_27MNd .assocPicsBox_21X_r .assocPicsMask_1N1gJ {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.5); }
  .PicViewer_33Ver .info_27MNd .infoMask_1l6Qx {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.2); }
  .fixedBackToTop_2P37R {
  position: fixed;
  bottom: -44px;
  right: 6px;
  width: 44px;
  height: 44px;
  border: 2px solid #fff;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.32);
          box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.32);
  border-radius: 50%;
  text-align: center;
  line-height: 44px;
  cursor: pointer;
  -webkit-transition: bottom 0.55s cubic-bezier(0.785, 0.135, 0.04, 0.995);
  transition: bottom 0.55s cubic-bezier(0.785, 0.135, 0.04, 0.995); }
  .fixedBackToTop_2P37R.visible_3yyqI {
    bottom: 40px; }
  .fixedBackToTop_2P37R:hover {
    color: #fff;
    background: #000; }
  .fixedBackToTop_2P37R > i {
    -webkit-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
            transform: translateY(-1px);
    display: block; }
  .buttonWarp_2VGz1 {
  padding: 0px 8px 10px 0px;
  overflow: hidden; }
  .button_2YeEq {
  position: relative;
  border: 1px solid #cccccc; }
  .button_2YeEq:after {
  left: 100%;
  margin-left: 1px;
  -webkit-transform: skewY(45deg);
      -ms-transform: skewY(45deg);
          transform: skewY(45deg);
  position: absolute;
  background-color: #000;
  content: "";
  top: 1px;
  bottom: -6px;
  width: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .button_2YeEq:before {
  top: 100%;
  margin-top: 1px;
  -webkit-transform: skew(45deg);
  -ms-transform: skew(45deg);
      transform: skew(45deg); }
  .button_2YeEq:after,
.button_2YeEq:before {
  position: absolute;
  background-color: #000;
  content: ""; }
  .button_2YeEq:before {
  left: 1px;
  right: -2px;
  height: 7px; }
  .button_2YeEq.dark_tqybU:after {
  background-color: #111; }
  .button_2YeEq.dark_tqybU:before {
  background-color: #111; }
  @-webkit-keyframes fadeIn_3kGZh {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  @keyframes fadeIn_3kGZh {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.imgContent_3lGWN {
  width: 100%;
  height: 100%; }
  .imgContent_3lGWN .imgBox_2uyQz {
    width: 100%;
    height: 100%; }
  .imgContent_3lGWN .imgBox_2uyQz > img {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain;
      -o-object-position: center top;
         object-position: center top; }
  .imgContent_3lGWN .picLoading_2uj7i {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .imgContent_3lGWN .zoomBox_3ZbGA {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .imgContent_3lGWN .zoomBox_3ZbGA .imageCategory_smMmA {
      position: absolute;
      right: 86px;
      top: 40px;
      width: 28px;
      height: 189px;
      padding-bottom: 25px;
      z-index: 5; }
  .imgContent_3lGWN .zoomBox_3ZbGA .imageCategory_smMmA:hover > i.show_3o3Sc {
        display: block; }
  .imgContent_3lGWN .zoomBox_3ZbGA .imageCategory_smMmA > i {
        color: #fff;
        font-size: 16px;
        line-height: 1;
        display: none;
        position: absolute;
        bottom: 2px;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%); }
  .imgContent_3lGWN .zoomBox_3ZbGA .imageCategory_smMmA .imageCategoryWrap_2Jdn2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        background-color: #fff;
        padding: 2px;
        height: 164px;
        width: 100%;
        cursor: pointer; }
  .imgContent_3lGWN .zoomBox_3ZbGA .imageCategory_smMmA .imageCategoryWrap_2Jdn2 .item_2lZ4e {
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          height: 1px;
          -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease; }
  .imgContent_3lGWN .zoomBox_3ZbGA .imageCategory_smMmA .imageCategoryWrap_2Jdn2 .item_2lZ4e:hover {
            -webkit-box-flex: 2;
                -ms-flex-positive: 2;
                    flex-grow: 2; }
  .imgContent_3lGWN .zoomBox_3ZbGA .imageCategory_smMmA .imageCategoryWrap_2Jdn2 .copy-messaage_3S0CZ {
          position: absolute;
          right: 37px;
          padding: 0 6px;
          height: 23px;
          background: #515151;
          border-radius: 3px;
          font-size: 12px;
          font-weight: 400;
          color: #ffffff;
          line-height: 23px;
          -webkit-transform: translateX(100%);
              -ms-transform: translateX(100%);
                  transform: translateX(100%);
          display: none;
          width: -webkit-fit-content;
          width: -moz-fit-content;
          width: fit-content;
          word-break: keep-all;
          z-index: 15; }
  .imgContent_3lGWN .zoomBox_3ZbGA .imageCategory_smMmA .imageCategoryWrap_2Jdn2 .copy-messaage_3S0CZ.show_3o3Sc {
            display: block; }
  .imgContent_3lGWN .prevPage_YDjMd,
  .imgContent_3lGWN .nextPage_3Zyti {
    position: absolute;
    z-index: 10;
    width: 60px;
    height: 136px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: rgba(107, 113, 125, 0.8);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .imgContent_3lGWN .prevPage_YDjMd:hover,
    .imgContent_3lGWN .nextPage_3Zyti:hover {
      background-color: rgba(107, 113, 125, 0.6); }
  .imgContent_3lGWN .prevPage_YDjMd > i,
    .imgContent_3lGWN .nextPage_3Zyti > i {
      font-size: 16px;
      color: #fff; }
  .imgContent_3lGWN .prevPage_YDjMd {
    left: 0; }
  .imgContent_3lGWN .prevPage_YDjMd:hover .prevImgBox_25oSC {
      opacity: 1;
      -webkit-transform: perspective(600px) rotateY(0deg);
              transform: perspective(600px) rotateY(0deg); }
  .imgContent_3lGWN .nextPage_3Zyti {
    right: 0; }
  .imgContent_3lGWN .nextPage_3Zyti:hover .nextImgBox_3FaeZ {
      opacity: 1;
      -webkit-transform: perspective(600px) rotateY(0deg);
              transform: perspective(600px) rotateY(0deg); }
  .imgContent_3lGWN .prevImgBox_25oSC,
  .imgContent_3lGWN .nextImgBox_3FaeZ {
    position: absolute;
    top: 0;
    width: 204px;
    height: 136px;
    opacity: 1;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s; }
  .imgContent_3lGWN .prevImgBox_25oSC .imgMask_2y0le,
    .imgContent_3lGWN .nextImgBox_3FaeZ .imgMask_2y0le {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      font-size: 12px;
      color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .imgContent_3lGWN .prevImgBox_25oSC > img,
    .imgContent_3lGWN .nextImgBox_3FaeZ > img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center top;
         object-position: center top; }
  .imgContent_3lGWN .prevImgBox_25oSC {
    right: -204px;
    -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
            transform-origin: left center;
    -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg); }
  .imgContent_3lGWN .nextImgBox_3FaeZ {
    left: -204px;
    -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
            transform-origin: right center;
    -webkit-transform: perspective(400px) rotateY(-90deg);
            transform: perspective(400px) rotateY(-90deg); }


.zhiyiSearchContent_WKPQW .canvasArea_237Vh {
  position: relative;
  width: 320px;
  height: 320px;
  border: 1px solid #E0E1E2;
  margin-bottom: 20px;
  overflow: hidden; }

.zhiyiSearchContent_WKPQW .dragUploadBox_1MPO8 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff; }

.zhiyiSearchContent_WKPQW .dragUploadBox_1MPO8 > i {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 20;
    font-size: 12px;
    cursor: pointer; }

.zhiyiSearchContent_WKPQW .dragUploadBox_1MPO8 > i:hover {
      color: #000; }

.zhiyiSearchContent_WKPQW .btn_21TEZ {
  width: 100%;
  height: 38px;
  text-align: center;
  line-height: 38px;
  margin-bottom: 10px;
  cursor: pointer; }

.zhiyiSearchContent_WKPQW .btn_21TEZ i {
    margin-right: 10px; }

.zhiyiSearchContent_WKPQW .btn_21TEZ.repick_3sCKA {
    background-color: #565C70;
    color: #fff; }

.zhiyiSearchContent_WKPQW .btn_21TEZ.reupload_L9f_j {
    background-color: #EAEAEA;
    position: relative;
    overflow: hidden; }

.zhiyiSearchContent_WKPQW .btn_21TEZ.reupload_L9f_j input {
      position: absolute;
      left: 0;
      top: 0;
      width: 340px;
      height: 50px;
      opacity: 0;
      cursor: pointer; }

.searchArea_zwPKx {
  width: 320px;
  height: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .searchArea_zwPKx canvas {
    max-width: 319px;
    max-height: 319px; }

/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.cropper-container img {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
  }

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: calc(100% / 3);
    left: 0;
    top: calc(100% / 3);
    width: 100%;
  }

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: calc(100% / 3);
    top: 0;
    width: calc(100% / 3);
  }

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
  .cropper-center::after {
    background-color: #eee;
    content: ' ';
    display: block;
    position: absolute;
  }

.cropper-center::before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px;
  }

.cropper-center::after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px;
  }

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px;
  }

.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0;
  }

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%;
  }

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px;
  }

.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%;
  }

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px;
  }

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px;
  }

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px;
  }

.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px;
  }

.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px;
  }

@media (min-width: 768px) {

.cropper-point.point-se {
      height: 15px;
      width: 15px;
  }
    }

@media (min-width: 992px) {

.cropper-point.point-se {
      height: 10px;
      width: 10px;
  }
    }

@media (min-width: 1200px) {

.cropper-point.point-se {
      height: 5px;
      opacity: 0.75;
      width: 5px;
  }
    }

.cropper-point.point-se::before {
    background-color: #39f;
    bottom: -50%;
    content: ' ';
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%;
  }

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.uploadColorPicContainer_8LYBt {
  width: 604px;
  height: 554px;
  background: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 14%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1; }
  .uploadColorPicContainer_8LYBt .uploadColorPic_1X5gq {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 40px; }
  .uploadColorPicContainer_8LYBt .uploadColorPic_1X5gq .cancel_xof80 {
      position: absolute;
      top: 0;
      right: -30px;
      width: 28px;
      height: 28px;
      background: #f9f9f9;
      -webkit-box-shadow: 0px 2px 56px 0px rgba(50, 50, 50, 0.29);
              box-shadow: 0px 2px 56px 0px rgba(50, 50, 50, 0.29);
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .uploadColorPicContainer_8LYBt .uploadColorPic_1X5gq .dragContainer_JigYM {
      width: 100%;
      height: calc(100% - 60px);
      background: #f2f2f2;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: #f2f2f2; }
  .uploadColorPicContainer_8LYBt .uploadColorPic_1X5gq .dragContainer_JigYM .drag_3nqGq {
        width: 100%;
        height: 100%;
        background: #f2f2f2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
  .uploadColorPicContainer_8LYBt .uploadColorPic_1X5gq .dragContainer_JigYM .drag_3nqGq > .text_1HsL1:nth-child(1) {
          margin-bottom: 10px; }
  .uploadColorPicContainer_8LYBt .uploadColorPic_1X5gq .dragContainer_JigYM .drag_3nqGq .img_1JXPH {
          width: 100%;
          height: 100%;
          -o-object-fit: contain;
             object-fit: contain; }
  .uploadColorPicContainer_8LYBt .uploadColorPic_1X5gq .dragContainer_JigYM .drag_3nqGq .text_1HsL1 {
          height: 20px;
          font-size: 14px;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.4);
          line-height: 20px; }
  @-webkit-keyframes hvr-icon-pop_2pgef {
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5); } }
  @keyframes hvr-icon-pop_2pgef {
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5); } }
  .uploadColorPicContainer_8LYBt .uploadColorPic_1X5gq .footer_23FwI {
      margin-top: 10px;
      height: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  .uploadColorPicContainer_8LYBt .uploadColorPic_1X5gq .footer_23FwI .left_2jfUy {
        width: 60px;
        height: 60px;
        border: 2px solid #555b70;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
  .uploadColorPicContainer_8LYBt .uploadColorPic_1X5gq .footer_23FwI .left_2jfUy > i {
          font-size: 18px; }
  .uploadColorPicContainer_8LYBt .uploadColorPic_1X5gq .footer_23FwI .left_2jfUy:hover {
          background: #555B70;
          color: #ffffff; }
  .uploadColorPicContainer_8LYBt .uploadColorPic_1X5gq .footer_23FwI .right_3xDAH {
        width: 372px;
        height: 60px;
        text-align: center;
        font-size: 20px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.99);
        line-height: 60px;
        background: #c8cbd6;
        cursor: auto; }
  .uploadColorPicContainer_8LYBt .uploadColorPic_1X5gq .footer_23FwI .right_3xDAH.active_2BPA_ {
          background: #555b70;
          cursor: pointer;
          -webkit-transform: perspective(1px) translateZ(0);
                  transform: perspective(1px) translateZ(0);
          -webkit-transition-duration: 0.3s;
                  transition-duration: 0.3s; }
  .uploadColorPicContainer_8LYBt .uploadColorPic_1X5gq .footer_23FwI .right_3xDAH.active_2BPA_ .icon_vB1Ci {
            font-size: 18px;
            display: inline-block;
            -webkit-transform: translateZ(0);
                    transform: translateZ(0);
            -webkit-transition-duration: 0.3s;
                    transition-duration: 0.3s;
            -webkit-transition-property: -webkit-transform;
            transition-property: -webkit-transform;
            transition-property: transform;
            transition-property: transform, -webkit-transform;
            -webkit-transition-timing-function: ease-out;
                    transition-timing-function: ease-out; }
  .uploadColorPicContainer_8LYBt .uploadColorPic_1X5gq .footer_23FwI .right_3xDAH.active_2BPA_:hover {
            background: #616880; }
  .uploadColorPicContainer_8LYBt .uploadColorPic_1X5gq .footer_23FwI .right_3xDAH.active_2BPA_:hover .icon_vB1Ci {
              -webkit-animation-name: hvr-icon-pop_2pgef;
                      animation-name: hvr-icon-pop_2pgef;
              -webkit-animation-duration: 0.3s;
                      animation-duration: 0.3s;
              -webkit-animation-timing-function: linear;
                      animation-timing-function: linear;
              -webkit-animation-iteration-count: 1;
                      animation-iteration-count: 1; }
  @-webkit-keyframes hvr-icon-up_2u7b_ {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  25%,
  75% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px); } }
  @keyframes hvr-icon-up_2u7b_ {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  25%,
  75% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px); } }
  .uploadColorPicContainer_8LYBt .uploadColorPic_1X5gq .btnGroup_1OR2R {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-top: 10px; }
  .uploadColorPicContainer_8LYBt .uploadColorPic_1X5gq .linkBtn_16tar {
      width: 60px;
      height: 60px;
      border: 2px solid #555b70;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      color: #555B70; }
  .uploadColorPicContainer_8LYBt .uploadColorPic_1X5gq .linkBtn_16tar > i {
        font-size: 18px; }
  .uploadColorPicContainer_8LYBt .uploadColorPic_1X5gq .linkBtn_16tar:hover {
        background: #555B70;
        color: #ffffff; }
  .uploadColorPicContainer_8LYBt .uploadColorPic_1X5gq .btnContainer_T22q5 {
      position: relative;
      width: 448px; }
  .uploadColorPicContainer_8LYBt .uploadColorPic_1X5gq .btnContainer_T22q5 .btn_2CPf_ {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 60px;
        background: #555b70;
        text-align: center;
        font-size: 20px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.99);
        line-height: 60px;
        cursor: pointer;
        -webkit-transform: perspective(1px) translateZ(0);
                transform: perspective(1px) translateZ(0); }
  .uploadColorPicContainer_8LYBt .uploadColorPic_1X5gq .btnContainer_T22q5 .btn_2CPf_ .icon_vB1Ci {
          display: inline-block;
          -webkit-transform: translateZ(0);
                  transform: translateZ(0); }
  .uploadColorPicContainer_8LYBt .uploadColorPic_1X5gq .btnContainer_T22q5 .btn_2CPf_:hover {
          background: #616880; }
  .uploadColorPicContainer_8LYBt .uploadColorPic_1X5gq .btnContainer_T22q5 .btn_2CPf_:hover .icon_vB1Ci {
            -webkit-animation-name: hvr-icon-up_2u7b_;
                    animation-name: hvr-icon-up_2u7b_;
            -webkit-animation-duration: 0.75s;
                    animation-duration: 0.75s;
            -webkit-animation-timing-function: ease-out;
                    animation-timing-function: ease-out; }
  .uploadColorPicContainer_8LYBt .linkInputWrap_2VUzi {
    width: 100%;
    height: 42px;
    position: relative;
    top: -80px; }
  .uploadColorPicContainer_8LYBt .linkInputWrap_2VUzi .inputBody_Z-RLO {
      width: 100%;
      height: 100%;
      padding: 1px 5px 7px 0px;
      overflow: hidden;
      position: relative; }
  .uploadColorPicContainer_8LYBt .linkInputWrap_2VUzi .inputBody_Z-RLO > input {
        width: 100%;
        padding-left: 20px;
        padding-right: 40px;
        outline: none;
        height: 100%;
        border: 1px solid #000000;
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400; }
  .uploadColorPicContainer_8LYBt .linkInputWrap_2VUzi .inputBody_Z-RLO > input::-webkit-input-placeholder {
          font-size: 14px;
          color: rgba(0, 0, 0, 0.24);
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease; }
  .uploadColorPicContainer_8LYBt .linkInputWrap_2VUzi .inputBody_Z-RLO > input::-moz-placeholder {
          font-size: 14px;
          color: rgba(0, 0, 0, 0.24);
          -moz-transition: all 0.3s ease;
          transition: all 0.3s ease; }
  .uploadColorPicContainer_8LYBt .linkInputWrap_2VUzi .inputBody_Z-RLO > input:-ms-input-placeholder {
          font-size: 14px;
          color: rgba(0, 0, 0, 0.24);
          -ms-transition: all 0.3s ease;
          transition: all 0.3s ease; }
  .uploadColorPicContainer_8LYBt .linkInputWrap_2VUzi .inputBody_Z-RLO > input::-ms-input-placeholder {
          font-size: 14px;
          color: rgba(0, 0, 0, 0.24);
          -ms-transition: all 0.3s ease;
          transition: all 0.3s ease; }
  .uploadColorPicContainer_8LYBt .linkInputWrap_2VUzi .inputBody_Z-RLO > input::placeholder {
          font-size: 14px;
          color: rgba(0, 0, 0, 0.24);
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease; }
  .uploadColorPicContainer_8LYBt .linkInputWrap_2VUzi .inputBody_Z-RLO > input:focus::-webkit-input-placeholder {
          opacity: 0.5; }
  .uploadColorPicContainer_8LYBt .linkInputWrap_2VUzi .inputBody_Z-RLO > input:focus::-moz-placeholder {
          opacity: 0.5; }
  .uploadColorPicContainer_8LYBt .linkInputWrap_2VUzi .inputBody_Z-RLO > input:focus:-ms-input-placeholder {
          opacity: 0.5; }
  .uploadColorPicContainer_8LYBt .linkInputWrap_2VUzi .inputBody_Z-RLO > input:focus::-ms-input-placeholder {
          opacity: 0.5; }
  .uploadColorPicContainer_8LYBt .linkInputWrap_2VUzi .inputBody_Z-RLO > input:focus::placeholder {
          opacity: 0.5; }
  .uploadColorPicContainer_8LYBt .linkInputWrap_2VUzi .inputBody_Z-RLO .searchIcon_16ren {
        position: absolute;
        right: 18px;
        top: 40%;
        -webkit-transform: translateY(-40%);
            -ms-transform: translateY(-40%);
                transform: translateY(-40%);
        font-size: 14px;
        color: #000000;
        cursor: pointer; }
  .uploadColorPicContainer_8LYBt .linkInputWrap_2VUzi .inputBody_Z-RLO::before, .uploadColorPicContainer_8LYBt .linkInputWrap_2VUzi .inputBody_Z-RLO::after {
        position: absolute;
        background-color: #50596D;
        content: ""; }
  .uploadColorPicContainer_8LYBt .linkInputWrap_2VUzi .inputBody_Z-RLO::before {
        height: 7px;
        bottom: 0px;
        width: calc( 100% - 5px);
        left: 4px;
        -webkit-transform: skew(45deg);
            -ms-transform: skew(45deg);
                transform: skew(45deg); }
  .uploadColorPicContainer_8LYBt .linkInputWrap_2VUzi .inputBody_Z-RLO::after {
        -webkit-transform: skewY(45deg);
            -ms-transform: skewY(45deg);
                transform: skewY(45deg);
        content: "";
        top: 4px;
        right: 0px;
        width: 5px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        height: 35px; }
  .uploadColorPicContainer_8LYBt .linkInputWrap_2VUzi .quxiaoIcon_2GwIv {
      position: absolute;
      right: -35px;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      font-size: 20px;
      cursor: pointer; }
  .uploadColorPicContainer_8LYBt .linkInputWrap_2VUzi .quxiaoIcon_2GwIv:hover {
        color: #62687F; }

.uploadColorPicDrag {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.uploadColorPicDrag .ant-upload-drag {
  border: none;
}
.uploadColorPicDrag .ant-upload-drag .ant-upload {
  padding: 0;
}
.cropper-contain .cropper-dashed.dashed-h,
.cropper-contain .cropper-dashed.dashed-v,
.cropper-contain .cropper-point.point-e,
.cropper-contain .cropper-point.point-n,
.cropper-contain .cropper-point.point-w,
.cropper-contain .cropper-point.point-s,
.cropper-contain .cropper-center {
  display: none;
}
.cropper-contain .cropper-point {
  opacity: 1;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  background-color: inherit;
}
.cropper-contain .cropper-line {
  background-color: #ffffff;
}
.cropper-contain .cropper-view-box {
  outline-color: #ffffff;
  outline-width: 3px;
}
.cropper-contain .point-nw {
  border-top: 5px solid #fff;
  border-left: 5px solid #fff;
  left: -6px;
  top: -6px;
}
.cropper-contain .point-ne {
  border-top: 5px solid #fff;
  border-right: 5px solid #fff;
  right: -6px;
  top: -6px;
}
.cropper-contain .point-se {
  border-bottom: 5px solid #fff;
  border-right: 5px solid #fff;
  right: -6px;
  bottom: -6px;
}
.cropper-contain .point-sw {
  border-bottom: 5px solid #fff;
  border-left: 5px solid #fff;
  left: -6px;
  bottom: -6px;
}

.popularColorUpload_3fvMb {
  width: 100%;
  height: 0;
  position: fixed;
  left: 0;
  top: 124px;
  z-index: 1;
  overflow: hidden; }
  .popularColorUpload_3fvMb .colors_kcOYb .colorItem_pMmZB {
    display: none; }
  .popularColorUpload_3fvMb.visible_1Qnlf {
    z-index: 999;
    height: calc(100vh - 124px); }
  .popularColorUpload_3fvMb.visible_1Qnlf .colors_kcOYb .colorItem_pMmZB {
      display: block; }
  .popularColorUpload_3fvMb.fixed_dVrKF {
    top: 74px; }
  .popularColorUpload_3fvMb.fixed_dVrKF.visible_1Qnlf {
      height: calc(100vh - 74px); }
  .popularColorUpload_3fvMb .cancel_1_37X {
    position: absolute;
    top: 24px;
    left: 50px;
    width: 68px;
    height: 40px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 20px;
    cursor: pointer;
    z-index: 10;
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.99);
    line-height: 40px;
    text-align: center; }
  @-webkit-keyframes slidein_1N2Oy {
  from { }
  to {
    padding-bottom: calc(100vh - 74px); } }
  @keyframes slidein_1N2Oy {
  from { }
  to {
    padding-bottom: calc(100vh - 74px); } }
  .popularColorUpload_3fvMb .colors_kcOYb {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .popularColorUpload_3fvMb .colors_kcOYb .colorItem_pMmZB {
      width: 0;
      height: 0;
      position: relative;
      z-index: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      -webkit-animation-name: slidein_1N2Oy;
              animation-name: slidein_1N2Oy;
      -webkit-animation-duration: 0.25s;
              animation-duration: 0.25s;
      -webkit-animation-timing-function: linear;
              animation-timing-function: linear;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards; }
  .popularColorUpload_3fvMb .colors_kcOYb .colorItem_pMmZB:nth-child(1) {
        -webkit-animation-delay: 0.2s;
                animation-delay: 0.2s; }
  .popularColorUpload_3fvMb .colors_kcOYb .colorItem_pMmZB:nth-child(2) {
        -webkit-animation-delay: 0.3s;
                animation-delay: 0.3s; }
  .popularColorUpload_3fvMb .colors_kcOYb .colorItem_pMmZB:nth-child(3) {
        -webkit-animation-delay: 0.4s;
                animation-delay: 0.4s; }
  .popularColorUpload_3fvMb .colors_kcOYb .colorItem_pMmZB:nth-child(4) {
        -webkit-animation-delay: 0.5s;
                animation-delay: 0.5s; }
  .popularColorUpload_3fvMb .colors_kcOYb .colorItem_pMmZB:nth-child(5) {
        -webkit-animation-delay: 0.6s;
                animation-delay: 0.6s; }
  .popularColorUpload_3fvMb .colors_kcOYb .colorItem_pMmZB:hover .close_38LXA {
        visibility: visible; }
  .popularColorUpload_3fvMb .colors_kcOYb .colorItem_pMmZB .close_38LXA {
        position: absolute;
        top: 24px;
        right: 24px;
        cursor: pointer;
        visibility: hidden; }

.box_7AP14 {
  display: inline-block;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.imgPreview_j324R {
  overflow: hidden; }

.imageCropper_3Kru7 .sure_1s_fT, .imageCropper_3Kru7 .cancle_aJci7 {
  float: right;
  width: 56px;
  height: 29px;
  text-align: center;
  line-height: 27px;
  font-size: 12px;
  margin-left: 10px;
  border: 1px solid #E0E0E0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.imageCropper_3Kru7 .sure_1s_fT {
  background-color: #000;
  color: #fff; }

.content_1BKsj {
  max-width: 1820px;
  min-width: 1300px;
  margin: 0 auto;
  padding: 30px 40px 0px 40px;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  min-height: calc(100vh - 173px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (max-width: 1820px) {
    .content_1BKsj .content_1BKsj {
      width: 100%;
      margin: 0 auto;
      padding: 0px 40px 0px 40px; } }
  .content_1BKsj .header_3EQtx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px; }
  .content_1BKsj .header_3EQtx.fixed_1wHmR {
      position: fixed;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      background: #fafafa;
      max-width: 1820px;
      min-width: 1300px;
      width: 100%;
      margin: 0 auto;
      padding: 0 40px;
      z-index: 10;
      border-left: 2px solid #000000;
      border-right: 2px solid #000000; }
  .content_1BKsj .header_3EQtx .searchBox_6oe07 {
      width: 566px; }
  .content_1BKsj .header_3EQtx .searchBox_6oe07 > div {
        -webkit-transform: translateX(-5px);
            -ms-transform: translateX(-5px);
                transform: translateX(-5px); }
  .content_1BKsj .header_3EQtx .searchBox_6oe07 input {
        padding-left: 16px;
        width: calc(100% - 32px);
        height: 32px;
        border: none;
        outline: none; }
  .content_1BKsj .header_3EQtx .searchBox_6oe07 .searchIcon_kfyFZ {
        position: absolute;
        right: 12px;
        top: 6px;
        cursor: pointer; }
  .content_1BKsj .header_3EQtx .right_1lSJv {
      margin-left: 15px;
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      border-bottom: 1px solid #000;
      padding-bottom: 6px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: end; }
  .content_1BKsj .header_3EQtx .right_1lSJv .platform_1PlyF > span {
        font-size: 14px;
        margin-left: 20px;
        cursor: pointer;
        color: rgba(0, 0, 0, 0.4);
        font-weight: bold; }
  .content_1BKsj .header_3EQtx .right_1lSJv .platform_1PlyF > span:first-child {
          margin-left: 0; }
  .content_1BKsj .header_3EQtx .right_1lSJv .platform_1PlyF > span.active_31SKk {
          color: #000; }
  .content_1BKsj .header_3EQtx .right_1lSJv .platform_1PlyF > span:hover {
          color: #000; }
  .content_1BKsj .header_3EQtx .right_1lSJv .funcs_27WxW {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .content_1BKsj .header_3EQtx .right_1lSJv .funcs_27WxW .item_3rfzn {
          margin-right: 26px;
          font-size: 14px;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.6);
          line-height: 16px;
          cursor: pointer; }
  .content_1BKsj .header_3EQtx .right_1lSJv .funcs_27WxW > i {
          margin-left: 21px;
          color: #c9c9c9;
          cursor: pointer; }
  .content_1BKsj .header_3EQtx .right_1lSJv .funcs_27WxW > i.active_31SKk {
            color: #343434; }
  .content_1BKsj .list_1pifP {
    padding: 24px 0; }
  .content_1BKsj .list_1pifP .errorMain_2u-GN {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin: 0 auto;
      font-size: 14px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.9);
      line-height: 20px; }
  .content_1BKsj .list_1pifP .errorMain_2u-GN img {
        width: 240px;
        height: 160px;
        margin-top: 80px; }
  .content_1BKsj .list_1pifP .errorMain_2u-GN .text_2oAgR {
        margin-top: 24px; }
  .content_1BKsj .list_1pifP .errorMain_2u-GN .errAndLoadMore_2LzC1 {
        margin: 20px 0;
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #000;
        line-height: 20px;
        cursor: pointer; }
  .content_1BKsj .list_1pifP .errorMain_2u-GN .errAndLoadMore_2LzC1 > i {
          margin-left: 7px; }
  .content_1BKsj .list_1pifP .errorMain_2u-GN .errAndLoadMore_2LzC1:hover {
          color: rgba(0, 0, 0, 0.8); }
  .content_1BKsj .list_1pifP .errorMain_2u-GN .retryBtn_MHlCl {
        margin-top: 32px;
        width: 124px;
        height: 32px;
        border: 1px solid #000000;
        background: #000000;
        text-align: center;
        line-height: 30px;
        cursor: pointer;
        color: #fff; }
  .content_1BKsj .list_1pifP .errorMain_2u-GN .retryBtn_MHlCl:hover {
          background: #fafafa;
          color: #000; }
  .content_1BKsj .list_1pifP .loading_3Z5Ur {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  .content_1BKsj .list_1pifP .first_3etgx {
      position: relative; }
  .content_1BKsj .list_1pifP .first_3etgx > img {
        width: 100%;
        height: 100%; }
  .content_1BKsj .list_1pifP .first_3etgx .selectArea_2LGhr {
        position: absolute;
        border: 4px solid #ffffff; }
  .content_1BKsj .list_1pifP .first_3etgx:hover .hover_nVf0D {
        visibility: visible; }
  .content_1BKsj .list_1pifP .first_3etgx .hover_nVf0D {
        visibility: hidden;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .content_1BKsj .list_1pifP .first_3etgx .hover_nVf0D .btn_1rm2w {
          width: 204px;
          height: 40px;
          border: 1px solid #ffffff;
          font-size: 18px;
          font-weight: 400;
          color: rgba(255, 255, 255, 0.99);
          line-height: 36px;
          text-align: center;
          cursor: pointer;
          position: relative; }
  .content_1BKsj .list_1pifP .first_3etgx .hover_nVf0D .btn_1rm2w:hover {
            background-color: rgba(255, 255, 255, 0.1); }
  .content_1BKsj .list_1pifP .first_3etgx .hover_nVf0D .btn_1rm2w:first-child {
            margin-bottom: 32px; }
  .content_1BKsj .list_1pifP .first_3etgx .hover_nVf0D .btn_1rm2w > input {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer; }
  .content_1BKsj .list_1pifP .noData_3QTiv {
      padding-top: 24px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .content_1BKsj .list_1pifP .noData_3QTiv img {
        width: 80px;
        height: 80px; }
  .content_1BKsj .list_1pifP .noData_3QTiv .text_2oAgR {
        margin-top: 44px;
        height: 22px;
        font-size: 16px;
        font-weight: bold;
        font-weight: normal;
        color: rgba(0, 0, 0, 0.4);
        line-height: 22px; }
  .content_1BKsj .list_1pifP .listItem_3bp9m .zhiyiItem_1LK9q {
      width: 100%;
      height: 100%;
      background-color: #ccc;
      position: relative;
      overflow: hidden; }
  .content_1BKsj .list_1pifP .listItem_3bp9m .zhiyiItem_1LK9q:hover .mask_2E2lG {
        display: block; }
  .content_1BKsj .list_1pifP .listItem_3bp9m .zhiyiItem_1LK9q:hover .operator_3b1Dc {
        top: 0; }
  .content_1BKsj .list_1pifP .listItem_3bp9m .zhiyiItem_1LK9q img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center top;
           object-position: center top; }
  .content_1BKsj .list_1pifP .listItem_3bp9m .zhiyiItem_1LK9q .mask_2E2lG {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        display: none;
        cursor: pointer; }
  .content_1BKsj .list_1pifP .listItem_3bp9m .zhiyiItem_1LK9q .mask_2E2lG .info_3NEog {
          position: absolute;
          bottom: 0px;
          padding: 10px;
          left: 0; }
  .content_1BKsj .list_1pifP .listItem_3bp9m .zhiyiItem_1LK9q .mask_2E2lG .info_3NEog > span {
            display: inline-block;
            padding: 2px 6px;
            color: #fff;
            font-size: 12px;
            font-size: 11px;
            line-height: 16px;
            height: 18px;
            color: #000000;
            background: #ffffff;
            -webkit-box-shadow: 0px 0px 10px 0px rgba(139, 139, 139, 0.5);
                    box-shadow: 0px 0px 10px 0px rgba(139, 139, 139, 0.5);
            border-radius: 12px;
            padding: 0 5px;
            margin-right: 4px; }
  .content_1BKsj .list_1pifP .listItem_3bp9m .zhiyiItem_1LK9q .mask_2E2lG .info_3NEog > span:hover {
              background: #f0f0f0; }
  .content_1BKsj .list_1pifP .listItem_3bp9m .zhiyiItem_1LK9q .operator_3b1Dc {
        position: absolute;
        top: -90px;
        right: 0;
        -webkit-transition: top 0.5s ease;
        transition: top 0.5s ease; }
  .content_1BKsj .list_1pifP .listItem_3bp9m .zhiyiItem_1LK9q .operator_3b1Dc .download_61E3X,
        .content_1BKsj .list_1pifP .listItem_3bp9m .zhiyiItem_1LK9q .operator_3b1Dc .reSearch_1F1L5 {
          width: 44px;
          height: 44px;
          background-color: rgba(0, 0, 0, 0.7);
          margin-bottom: 1px;
          cursor: pointer;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .content_1BKsj .list_1pifP .listItem_3bp9m .zhiyiItem_1LK9q .operator_3b1Dc .download_61E3X i,
          .content_1BKsj .list_1pifP .listItem_3bp9m .zhiyiItem_1LK9q .operator_3b1Dc .reSearch_1F1L5 i {
            color: #fff; }
  .content_1BKsj .list_1pifP .listItem_3bp9m .zhiyiItem_1LK9q .operator_3b1Dc .download_61E3X:hover,
          .content_1BKsj .list_1pifP .listItem_3bp9m .zhiyiItem_1LK9q .operator_3b1Dc .reSearch_1F1L5:hover {
            background-color: black; }
  .content_1BKsj .list_1pifP .listItem_3bp9m .footer_2d6MR {
      height: 36px;
      border-bottom: 1px solid #000;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .content_1BKsj .list_1pifP .listItem_3bp9m .footer_2d6MR .item_3rfzn {
        font-size: 12px;
        font-weight: 500;
        color: #000000;
        line-height: 16px;
        cursor: pointer;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border-right: 1.5px solid #000;
        padding: 0 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .content_1BKsj .list_1pifP .listItem_3bp9m .footer_2d6MR .item_3rfzn:first-child {
          padding-left: 0; }
  .content_1BKsj .list_1pifP .listItem_3bp9m .footer_2d6MR .item_3rfzn:last-child {
          padding-right: 0;
          border: none; }
  .content_1BKsj .list_1pifP .noMore_1OJnH {
      width: 100%;
      height: 70px;
      font-size: 14px;
      font-weight: 400;
      color: #000;
      line-height: 20px;
      text-align: center; }
  .content_1BKsj .fixedBackToTop_36Ski {
    position: fixed;
    right: 3px;
    bottom: -44px;
    z-index: 100;
    width: 44px;
    height: 44px;
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.32);
            box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.32);
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #000000;
    -webkit-transition: bottom 0.55s cubic-bezier(0.785, 0.135, 0.04, 0.995);
    transition: bottom 0.55s cubic-bezier(0.785, 0.135, 0.04, 0.995); }
  .content_1BKsj .fixedBackToTop_36Ski:hover {
      color: #ffffff;
      background: #000000; }
  .content_1BKsj .fixedBackToTop_36Ski.backToTop_3kMBY.active_31SKk {
      bottom: 32px;
      -webkit-transition-delay: 0.4s;
              transition-delay: 0.4s; }
  .content_1BKsj .fixedBackToTop_36Ski.linggantuijian_3Bawj.active_31SKk {
      bottom: 100px;
      -webkit-transition-delay: 0.2s;
              transition-delay: 0.2s; }
  .content_1BKsj .fixedBackToTop_36Ski.xiangji_2SRfa {
      background: #000000;
      color: #fff;
      -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
              box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08); }
  .content_1BKsj .fixedBackToTop_36Ski.xiangji_2SRfa:hover {
        background: #333333; }
  .content_1BKsj .fixedBackToTop_36Ski.xiangji_2SRfa.active_31SKk {
        bottom: 168px; }
  .content_1BKsj .fixedBackToTop_36Ski > input {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      cursor: pointer; }
  .permissionContainer_1cfPN {
  height: calc(100vh - 124px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .dragOverlay_iDlLB {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px); }
  .dragOverlay_iDlLB .dragContent_3ghvd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 400px;
    height: 280px;
    background: #ffffff;
    border-radius: 12px;
    border: 2px dashed #000000;
    color: #000000;
    -webkit-animation: dragPulse_1SbmW 1.5s ease-in-out infinite;
            animation: dragPulse_1SbmW 1.5s ease-in-out infinite; }
  .dragOverlay_iDlLB .dragContent_3ghvd .iconfont_3UX2n {
      color: #000000; }
  .dragOverlay_iDlLB .dragText_32uZL {
    font-size: 20px;
    font-weight: 500;
    color: #000000; }
  .dragOverlay_iDlLB .dragTip_3T-67 {
    margin-top: 12px;
    font-size: 14px;
    color: #666666; }
  @-webkit-keyframes dragPulse_1SbmW {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1); }
  50% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    -webkit-box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15); } }
  @keyframes dragPulse_1SbmW {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1); }
  50% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    -webkit-box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15); } }

.navModal_2FWzF {
  background-color: #fff;
  z-index: 10;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 50px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .navModal_2FWzF .left_1lpMh {
    padding-right: 60px;
    display: inline-block;
    vertical-align: top; }
  .navModal_2FWzF .left_1lpMh .text_3JnvP {
      font-size: 12px;
      font-weight: 400;
      color: #111111; }
  .navModal_2FWzF .left_1lpMh .button1_1ERqh {
      display: block;
      width: 170px;
      height: 40px;
      font-size: 14px;
      color: #fff;
      background-color: #121212;
      font-weight: 500;
      line-height: 40px;
      text-align: center;
      margin-top: 12px;
      border: 1px solid #121212;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      cursor: pointer; }
  .navModal_2FWzF .left_1lpMh .button1_1ERqh:hover {
        background: #fff;
        color: #121212; }
  .navModal_2FWzF .left_1lpMh .button_2uCPf {
      display: block;
      width: 170px;
      height: 40px;
      font-size: 14px;
      color: #121212;
      font-weight: 500;
      line-height: 40px;
      text-align: center;
      margin-top: 12px;
      border: 1px solid #121212;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      cursor: pointer; }
  .navModal_2FWzF .left_1lpMh .button_2uCPf:hover {
        background: #121212;
        color: #fff; }
  .navModal_2FWzF .line_1SVyB {
    display: inline-block;
    width: 1px;
    background-color: #b4b4b4; }
  .navModal_2FWzF .right_D2Fni {
    padding-left: 60px;
    display: inline-block; }
  .navModal_2FWzF .right_D2Fni .item_3ZGgn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 15px; }
  .navModal_2FWzF .right_D2Fni .item_3ZGgn .parent_1ULrV {
        display: inline-block;
        margin-right: 20px;
        font-size: 12px;
        font-weight: bold;
        color: #121212;
        line-height: 30px;
        width: 78px; }
  .navModal_2FWzF .right_D2Fni .item_3ZGgn .child_1yyGT {
        display: inline-block;
        margin-right: 26px;
        font-size: 12px;
        color: #121212;
        line-height: 30px;
        position: relative; }
  .navModal_2FWzF .right_D2Fni .item_3ZGgn .child_1yyGT:hover::before {
          right: 0%; }
  .navModal_2FWzF .right_D2Fni .item_3ZGgn .child_1yyGT::before {
          content: "";
          position: absolute;
          left: 0;
          right: 100%;
          bottom: 0;
          background: #000000;
          height: 1px;
          -webkit-transition-property: right;
          transition-property: right;
          -webkit-transition-duration: 0.3s;
                  transition-duration: 0.3s;
          -webkit-transition-timing-function: ease-out;
                  transition-timing-function: ease-out; }

.card_1PKpG {
  width: 100%;
  position: relative; }
  .card_1PKpG.active_ICz5p .mainContainer_26m8_ .main_1RS-A .gou_2hjXL,
  .card_1PKpG.active_ICz5p .mainContainer_26m8_ .main_1RS-A .borderBlack_1I__P,
  .card_1PKpG.active_ICz5p .mainContainer_26m8_ .main_1RS-A .borderWhite_1k6Lo {
    display: block; }
  .card_1PKpG.active_ICz5p .footer_2LC0U {
    background: #000;
    color: #fff; }
  .card_1PKpG .mainContainer_26m8_ {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    cursor: pointer; }
  .card_1PKpG .mainContainer_26m8_ .main_1RS-A {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .card_1PKpG .mainContainer_26m8_ .main_1RS-A .gou_2hjXL {
        position: absolute;
        top: 1px;
        left: 1px;
        width: 26px;
        height: 23px;
        z-index: 20;
        display: none; }
  .card_1PKpG .mainContainer_26m8_ .main_1RS-A .borderBlack_1I__P {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 2px solid #000;
        z-index: 11; }
  .card_1PKpG .mainContainer_26m8_ .main_1RS-A .borderWhite_1k6Lo {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        display: none;
        position: absolute;
        top: 2px;
        left: 2px;
        width: calc(100% - 4px);
        height: calc(100% - 4px);
        border: 2px solid #fff;
        z-index: 11; }
  .card_1PKpG .mainContainer_26m8_ .main_1RS-A .imgContainer_1Yojx {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden; }
  .card_1PKpG .mainContainer_26m8_ .main_1RS-A .imgContainer_1Yojx .img_FdgrJ {
          width: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
  .card_1PKpG .mainContainer_26m8_ .main_1RS-A .hot_1E0Xw {
        position: absolute;
        right: 6px;
        top: 6px;
        z-index: 10;
        padding: 0 8px;
        background: rgba(255, 255, 255, 0.2);
        border-radius: 12px;
        -webkit-backdrop-filter: blur(3px);
                backdrop-filter: blur(3px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 5px;
        font-weight: bold;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.99); }
  .card_1PKpG .mainContainer_26m8_ .main_1RS-A .hot_1E0Xw .hotIcon_2F_Rq {
          width: 16px;
          height: 16px; }
  .card_1PKpG .mainContainer_26m8_ .main_1RS-A .info_1in0z {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 10;
        width: 100%;
        padding: 0 8px;
        padding-bottom: 5px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%); }
  .card_1PKpG .mainContainer_26m8_ .main_1RS-A .info_1in0z .title_2G61C {
          width: 100%;
          font-weight: 500;
          font-size: 18px;
          color: #fff;
          line-height: 25px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
  .card_1PKpG .mainContainer_26m8_ .main_1RS-A .info_1in0z .desc_3sF0Z {
          width: 100%;
          font-weight: 500;
          font-size: 12px;
          color: #fff;
          line-height: 17px;
          word-wrap: break-word;
          word-break: break-all; }
  .card_1PKpG .footer_2LC0U {
    width: 100%;
    height: 41px;
    background: rgba(153, 153, 153, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-weight: 500;
    font-size: 16px;
    color: #080808;
    cursor: pointer; }

.showList_1GhKY {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px; }
  .showList_1GhKY .item_bOdvU {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px; }
  .showList_1GhKY .item_bOdvU .card_2qjC- {
      width: calc((100% - 10px * 6)/7);
      position: relative;
      cursor: pointer; }
  .showList_1GhKY .item_bOdvU .card_2qjC-:hover .cover_2V-a- {
        visibility: visible; }
  .showList_1GhKY .item_bOdvU .card_2qjC-.cardMain_114_t {
        cursor: default;
        overflow: hidden; }
  .showList_1GhKY .item_bOdvU .card_2qjC-.cardMain_114_t:hover .funcs_2fUTB {
          -webkit-transform: translateY(0%);
              -ms-transform: translateY(0%);
                  transform: translateY(0%); }
  .showList_1GhKY .item_bOdvU .card_2qjC- .funcs_2fUTB {
        z-index: 12;
        position: absolute;
        top: 0;
        right: 0;
        -webkit-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
                transform: translateY(-100%);
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
        transition: transform 0.3s ease, -webkit-transform 0.3s ease;
        cursor: pointer; }
  .showList_1GhKY .item_bOdvU .card_2qjC- .funcs_2fUTB .funcItem_2oa9S {
          width: 50px;
          height: 50px;
          background: rgba(0, 0, 0, 0.5);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
  .showList_1GhKY .item_bOdvU .card_2qjC- .cover_2V-a- {
        visibility: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 11;
        font-weight: 500;
        font-size: 24px;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
  .showList_1GhKY .item_bOdvU .card_2qjC- img {
        width: 100%; }
  .showList_1GhKY .item_bOdvU .card_2qjC- .name_1rsUi {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 8px 0;
        z-index: 10;
        background: rgba(24, 24, 24, 0.5);
        font-weight: 500;
        font-size: 16px;
        line-height: 16px;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-line-pack: start;
            align-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        gap: 8px; }

.video_3rjRd {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  position: relative; }
  .video_3rjRd .aiIcon_2g2du {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 58px;
    height: 58px;
    z-index: 1; }
  .video_3rjRd .itemContainer_LUn-d {
    width: calc((100% - 12px) / 2); }
  .video_3rjRd .itemContainer_LUn-d .item_2Z9hs {
      width: 100%;
      padding-bottom: 155.8%;
      position: relative; }
  .video_3rjRd .itemContainer_LUn-d .item_2Z9hs .main_2Imz8 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  .video_3rjRd .itemContainer_LUn-d .item_2Z9hs .main_2Imz8 img,
        .video_3rjRd .itemContainer_LUn-d .item_2Z9hs .main_2Imz8 video {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
  .video_3rjRd .itemContainer_LUn-d .item_2Z9hs .main_2Imz8 .footer_1i4Gt {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          padding: 8px;
          background: rgba(24, 24, 24, 0.5);
          z-index: 1;
          font-weight: 500;
          font-size: 16px;
          color: #fff;
          text-align: center; }
  .video_3rjRd .itemContainer_LUn-d .item_2Z9hs .main_2Imz8 .playIcon_1KiJ0 {
          width: 40px;
          height: 40px;
          position: absolute;
          left: 0;
          top: 0;
          z-index: 1;
          cursor: pointer; }

.powerBrandList_1p4pb {
  margin-top: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .powerBrandList_1p4pb .title_ALSRb {
    font-weight: 500;
    font-size: 18px;
    color: #000; }
  .powerBrandList_1p4pb .scrollContainer_2vTn5 {
    margin-top: 24px;
    width: 100%;
    position: relative; }
  .powerBrandList_1p4pb .scrollContainer_2vTn5 .arrow_1h52B {
      position: absolute;
      z-index: 10;
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 18px;
      height: 18px;
      cursor: pointer; }
  .powerBrandList_1p4pb .scrollContainer_2vTn5 .scrollContent_1pe5h {
      width: 100%;
      overflow-x: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      gap: 16px; }
  .powerBrandList_1p4pb .scrollContainer_2vTn5 .scrollContent_1pe5h::-webkit-scrollbar {
        display: none; }

.item_3hIbl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px; }
  .item_3hIbl .card_SsvDM {
    padding-bottom: 16px;
    width: 16.6667%;
    aspect-ratio: 2 / 3;
    position: relative;
    cursor: pointer; }
  .item_3hIbl .card_SsvDM .warn_3zjyY {
      position: absolute;
      z-index: 10;
      height: 33px;
      white-space: nowrap;
      border-radius: 27px;
      background: rgba(0, 0, 0, 0.5);
      padding: 0 16px;
      font-size: 16px;
      font-weight: medium;
      line-height: 33px;
      color: white; }
  .item_3hIbl .card_SsvDM .img_2IDIy {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .item_3hIbl .card_SsvDM .sourceText_1YOFy {
      padding: 8px 16px;
      position: absolute;
      bottom: 16px;
      left: 0;
      width: 100%;
      background: rgba(0, 0, 0, 0.4);
      text-align: center;
      color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-line-pack: start;
          align-content: flex-start;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 8px; }
  .item_3hIbl .card_SsvDM:hover .funcs_3Bnxt {
      display: block; }
  .item_3hIbl .card_SsvDM .funcs_3Bnxt {
      display: none;
      position: absolute;
      top: 0;
      right: 0; }
  .item_3hIbl .card_SsvDM .funcs_3Bnxt .funcsItem_2qyPW {
        position: relative;
        width: 48px;
        height: 48px;
        background: rgba(0, 0, 0, 0.5);
        border-bottom: 1px solid #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        cursor: pointer; }
  .item_3hIbl .card_SsvDM .funcs_3Bnxt .funcsItem_2qyPW:hover {
          background: rgba(0, 0, 0, 0.7); }
  .item_3hIbl .card_SsvDM .funcs_3Bnxt .funcsItem_2qyPW:hover .warn_3zjyY {
            display: block; }
  .item_3hIbl .card_SsvDM .funcs_3Bnxt .funcsItem_2qyPW i {
          font-size: 20px;
          color: #fff; }
  .item_3hIbl .card_SsvDM .funcs_3Bnxt .funcsItem_2qyPW .warn_3zjyY {
          display: none;
          position: absolute;
          z-index: 1000;
          right: 0;
          top: 50%;
          height: 33px;
          -webkit-transform: translateX(calc(100% + 9px)) translateY(-50%);
              -ms-transform: translateX(calc(100% + 9px)) translateY(-50%);
                  transform: translateX(calc(100% + 9px)) translateY(-50%);
          white-space: nowrap;
          border-radius: 27px;
          background-color: rgba(0, 0, 0, 0.5);
          padding: 0 16px;
          font-size: 16px;
          font-weight: medium;
          line-height: 33px;
          color: white; }

.confirmDialog_3ZsmW .header_1hcL9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .confirmDialog_3ZsmW .header_1hcL9 .title_12I_i {
    font-size: 16px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.88); }
  .confirmDialog_3ZsmW .header_1hcL9 i {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.45);
    cursor: pointer; }
  .confirmDialog_3ZsmW .content_2n9uG {
  margin-top: 12px;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.88); }
  .confirmDialog_3ZsmW .footer_1Fw_k {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 6px; }
  .confirmDialog_3ZsmW .footer_1Fw_k .btn_3IGLf {
    padding: 8px 16px;
    height: 32px;
    border: 1px solid #000;
    background-color: #fff;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer; }
  .confirmDialog_3ZsmW .footer_1Fw_k .btn_3IGLf.primary_3zlux {
      background-color: #000;
      color: #fff; }

.confirm-dialog .ant-modal-content {
  border-radius: 0;
}
/* 提升 Message 的 zIndex */
.ant-message {
  z-index: 9999999999999999999999999999999 !important;
}

.deleteDialog_3ImXK .header_1ZAdV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .deleteDialog_3ImXK .header_1ZAdV .title_1RQDL {
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
    color: #000; }
  .deleteDialog_3ImXK .content_303dl {
  margin-top: 14px;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5); }
  .deleteDialog_3ImXK .footer_3sTPJ {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 6px; }
  .deleteDialog_3ImXK .footer_3sTPJ .btn_35Pbi {
    padding: 8px 16px;
    height: 32px;
    border: 1px solid #000;
    background-color: #fff;
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer; }
  .deleteDialog_3ImXK .footer_3sTPJ .btn_35Pbi.primary_3GTNR {
      background-color: #000;
      color: #fff; }


.jumpToAiContent_1Luyt {
  padding-bottom: 12px;
  width: 260px;
  background: #f5f5f5;
  -webkit-box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.26), 0px 9px 28px 0px rgba(0, 0, 0, 0.29), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.26), 0px 9px 28px 0px rgba(0, 0, 0, 0.29), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px; }
  .jumpToAiContent_1Luyt .header_14HHy {
    padding: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  .jumpToAiContent_1Luyt .header_14HHy .title_8O7lb {
      font-weight: 500;
      font-size: 14px;
      color: #000;
      line-height: 20px; }
  .items_2CG9a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  padding: 0 12px; }
  .items_2CG9a .item_1s3PX {
    width: calc(50% - 6px);
    padding: 0 12px;
    height: 36px;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.1);
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 4px;
    cursor: pointer; }
  .items_2CG9a .item_1s3PX:hover,
    .items_2CG9a .item_1s3PX .active_B_O2y {
      color: #fff;
      background: #000; }
  .items_2CG9a .item_1s3PX .name_1re33 {
      font-weight: 400;
      font-size: 12px; }
  .items_2CG9a .item_1s3PX .icon_2TcPv {
      font-size: 18px; }

.singleWorkViewer_2yACf {
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-line-pack: end;
      align-content: flex-end; }
  .singleWorkViewer_2yACf .imgContainer_dsxAK {
    width: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background-color: #f5f5f5; }
  .singleWorkViewer_2yACf .funcs_2Af__ {
    margin-bottom: 16px;
    -ms-flex-item-align: end;
        align-self: flex-end;
    width: 90px;
    cursor: pointer;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    background-color: #f5f5f5;
    padding: 0 0.5rem;
    font-size: 0.75rem; }
  .singleWorkViewer_2yACf .funcs_2Af__ .funcsItem_3Kla2 {
      border-bottom: 1px solid #ddd;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: 2px;
      padding-top: 24px;
      padding-bottom: 24px;
      color: #000; }
  .singleWorkViewer_2yACf .funcs_2Af__ .funcsItem_3Kla2 i {
        font-size: 24px; }
  .singleWorkViewer_2yACf .funcs_2Af__ .funcsItem_3Kla2:hover {
        opacity: 0.8; }
  .singleWorkViewer_2yACf .funcs_2Af__ .funcsItem_3Kla2.delete_1l9fN:hover {
        opacity: 1;
        color: #f44336; }

.single-work-viewer-modal {
  padding: 0;
}
.single-work-viewer-modal .ant-modal-content {
  border-radius: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.single-work-viewer-modal .ant-modal-content .ant-modal-body {
  padding: 0;
}
.no-padding-popover {
  z-index: 9999999999;
}
.no-padding-popover .ant-popover-content {
  border-radius: 6px;
}
.no-padding-popover .ant-popover-content .ant-popover-arrow {
  display: none;
}
.no-padding-popover .ant-popover-content .ant-popover-arrow {
  border-color: #37383D;
}
.no-padding-popover .ant-popover-content .ant-popover-inner {
  border-radius: 6px;
}
.no-padding-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  border-radius: 6px;
  padding: 0;
}

.select_g-MZO {
  z-index: 100;
  position: relative; }
  .select_g-MZO .trigger_2vmQp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    min-width: 122px;
    cursor: pointer;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: #fff;
    padding: 0 24px; }
  .select_g-MZO .trigger_2vmQp .text_2l4ed {
      font-size: 12px;
      font-weight: 500; }
  .select_g-MZO .content_387Dg {
    z-index: 100;
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
    background-color: #fff;
    z-index: 10000;
    max-height: 456px;
    width: 160px;
    cursor: pointer;
    overflow-y: auto; }
  .select_g-MZO .content_387Dg::-webkit-scrollbar {
      display: none; }
  .select_g-MZO .content_387Dg.open_2hwpU {
      display: block; }
  .select_g-MZO .content_387Dg .item_3cT0C {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 38px;
      width: 160px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: #fff;
      padding: 0 22px;
      font-size: 12px;
      font-weight: 500; }
  .select_g-MZO .content_387Dg .item_3cT0C:hover {
        background-color: #f6f6f6; }
  .select_g-MZO .content_387Dg .item_3cT0C.selected_2l_U- {
        background-color: #000;
        color: #fff; }
  .select_g-MZO .content_387Dg .item_3cT0C .label_2T7VG {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .select_g-MZO .content_387Dg .item_3cT0C .close_1b6QJ {
        margin-left: 4px;
        width: 12px;
        height: 12px; }

.noData_2izc9 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100vh - 112px);
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .noData_2izc9 .image_1tavT {
    width: 160px;
    height: 160px;
    margin-bottom: 16px; }
  .noData_2izc9 .text_2hBf1 {
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.4); }

.pagination_1U8MU {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.content_1p7fm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px; }

.btn_q7qEJ {
  gap: 4px;
  padding-left: 10px; }

.chevronLeft_2d6rW {
  width: 16px;
  height: 16px; }

.chevronRight_3RoZs {
  width: 16px;
  height: 16px; }

.moreHorizontal_1hQRj {
  width: 16px;
  height: 16px; }

.ellipsis_1D0mS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  width: 36px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.paginationContainer_3ubDy {
  margin-top: 16px;
  margin-bottom: 16px; }

.content_3rF2V {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px; }

.btn_OSzzT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 8px;
  color: #000; }

.btn_OSzzT.active_3rTho {
    cursor: pointer; }

.btn_OSzzT.active_3rTho:hover {
      background-color: #f9fafb; }

.btn_OSzzT.disabled_3R08C {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5; }

.item_3Wzvc {
  display: inline-block; }

.textGray500_181VW {
  color: #718096; }

.link_31KWJ {
  min-width: 36px;
  height: 36px;
  display: inline-block;
  border-radius: 4px;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  text-align: center;
  line-height: 36px;
  color: #000; }

.link_31KWJ:hover {
    color: #000; }

.link_31KWJ.active_3rTho {
    background-color: #4645441a; }

.link_31KWJ.normal_QlNjM:hover {
    background-color: #f9fafb; }

.hideSm_1CHpp {
  display: none; }

@media (max-width: 640px) {
    .hideSm_1CHpp {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

.hideSm_1CHpp .text_36W3Q {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 8px; }

@charset "UTF-8";
.video-react .video-react-control:before, .video-react .video-react-big-play-button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-react .video-react-control:before, .video-react .video-react-big-play-button:before {
  text-align: center;
}
@font-face {
  font-family: "video-react";
  src: url(data:application/vnd.ms-fontobject;base64,MBgAAHwXAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAic4U8QAAAAAAAAAAAAAAAAAAAAAAABYAdgBpAGQAZQBvAC0AcgBlAGEAYwB0AAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAWAHYAaQBkAGUAbwAtAHIAZQBhAGMAdAAAAAAAAAEAAAALAIAAAwAwT1MvMg7RD8oAAAC8AAAAYGNtYXAOVuSnAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zsdb3FIAAAF4AAAS0GhlYWQLMledAAAUSAAAADZoaGVhB6wEJgAAFIAAAAAkaG10eIgAFM8AABSkAAAAlGxvY2FLllAoAAAVOAAAAExtYXhwACoAyQAAFYQAAAAgbmFtZVtqyukAABWkAAABtnBvc3QAAwAAAAAXXAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADyIAQAAAAAAAQAAAAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg8iD//f//AAAAAAAg8gD//f//AAH/4w4EAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAVYA1gMqAyoAAgAACQIBVgHU/iwDKv7W/tYAAgBWAFYDqgOqAAIAFgAAAS0BNzIeAhUUDgIjIi4CNTQ+AgGqAQD/AFZYnHNDQ3ObWVicc0NDc5sBQMDA6kNzm1lYnHNDQ3ObWVicc0MAAAADAFYAVgOqA6oAEwAnACoAACUyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CExEFAgBGfV02Nl18R0Z9XTY2XXxHWJxzQ0Nzm1lYnHNDQ3ObAwEAqjZdfEdGfV02Nl18R0Z9XTYDAENzm1lYnHNDQ3ObWVicc0P9lgGAwAAAAAACAQAA1gMAAyoAAwAHAAABMxEjIREzEQJWqqr+qqoDKv2sAlT9rAAAAwBWAFYDqgOqAAMABwAbAAABESMRIxEjERMyHgIVFA4CIyIuAjU0PgICgFZUVoBYnHNDQ3ObWVicc0NDc5sBVgFU/qwBVP6sAlRDc5tZWJxzQ0Nzm1lYnHNDAAAEAFYAVgOqA6oAAwAXACsALwAAAREzEQcyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CAxEzEQIqVoBGfV02Nl18R0Z9XTY2XXxHWJxzQ0Nzm1lYnHNDQ3ObJ1YBVgFU/qysNl18R0Z9XTY2XXxHRn1dNgMAQ3ObWVicc0NDc5tZWJxzQ/2sAVT+rAABAQABAAMAAwAAAwAAASERIQEAAgD+AAMA/gAAAgBqAQADVgMAAAIABQAACQERIQkBAeoBbP6A/pQBbAIAAQD+AAEAAQAAAAACAKoBAAOWAwAAAgAFAAAJAiERAQIqAWz+lP6AAWwDAP8A/wACAP8AAAAAAAIBAAEAAwADAAACAAYAAAkBEQEzESMBlgFq/gBWVgIAAQD+AAIA/gAAAAAAAgEAAQADAAMAAAMABgAAATMRIyERAQKqVlb+VgFqAwD+AAIA/wAAAAIAqgCAA1YD1gBFAGgAAAEOARUUBjEjNzMVIwcwNjU0MjU0FjsBMhYXHgEXHgEVFAYHDgEHDgEHDgEjIiYnLgEnLgE1MxQWMzI2PwEwNj0BLwEwJiMRMh4CFRQOAiMiLgI1MxQeAjMyPgI1NC4CIxUnNwH4AwsEHgpmSgQEBgUDCAYNAwMKAwcLAQMDBQYGBwMDEQYGDQMDCwYICiIODAMGAwoEBAoJA0Z9XTY2XXxHRn1dNlYpRV01NF5FKSlFXTXW1gG8AQUCAwNeHiYBAwMDAwMDAwMGAwcZDgYNAwMNBgYDAwMBAQMDAgMEFgwLCQEDCAkDGggKBAFuNV17R0Z9XTY2XXxHNF5FKSlFXTU0XkUprNbWAAAEAKoAgANWA9YAGwBGAE0AcAAAARQWMzI2PwEwNj0BMCY1NCYjIgYPATAGHQEwFjcUBg8BMAYjIgYjIiYnLgEnLgE9ATQ2PwEwNjMyNjMyFhceARceARceARUHIzUHNTczEzIeAhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMVJzcCNA4GAwgDCAQEEgQDBgMIBgZUAQMMEAYGDgYGDgYGCAYKCAEDDg4GBg4GBg4GBgoGBgMDAwG2KCpMBi5GfV02Nl18R0Z9XTZWKUVdNTReRSkpRV011tYBeAUJAQMKCQNWCQMECgMDCAkDVgknCRMGGgwEAQMDBgMFKA8eCRMGGgwEAQMDBgMDDgkJEAlqjAweGAEeNV17R0Z9XTY2XXxHNF5FKSlFXTU0XkUprNbWAAAABACqAIADVgPWABsARgCjAMYAAAEUFjMyNj8BMDY9ATQmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVIzI2PQEwJjU0JisBMAYjIgYdASM0NjMyNjMyFhceAR0BMAYVFAYjIgYHHgEXHgEVFAYHDgEHDgEjIgYjIiYnLgEnLgE1MxUwFhUUFjsBMDYzMjY9ATAmNTQmKwE1EzIeAhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMVJzcCPBAGAwYDCAQEEAQDCAMIBARQAQMMEAYGDgYPFQoGAwMDAwMDDBAGBgwGBg4GBgoGBgMDAwHiDBIEBQMWBQMDASwWDgMOAw0ZCggIBAUDAwgDBg0DAwUBAwMGAwMNBgYOBgYLAwMNBggKJAQFAxYFAwMBBAUDGmZGfV02Nl18R0Z9XTZWKUVdNTReRSkpRV011tYBeAYIAQMKCQNWAwYDBAoDAwgJA1YJJwkTBhoMBAsFAw4JCRAJHgkTBhoMBAEDAwYDAw4JCRAJDgwIBQMDAQQFAwgPHwQHBQQYCg4JAwMFBwMDBwYGDgYGDQMDCgMDBQQBAwMCAwQbCwgFAwMBBAUDFgUDAwEeAWo1XXtHRn1dNjZdfEc0XkUpKUVdNTReRSms1tYAAAIAqgCAA1YD1gBCAGUAAAEOARUUBjEjNzMVIwcwNjU0MjU0FjsBMhYXHgEXHgEVFAYHDgEHDgEjIiYnLgEnLgE1MxQWMzI2PwEwNj0BLwEwJiMlND4CMzUXBzUiDgIVFB4CMzI+AjUzFA4CIyIuAgH0AwsEGgpmSgQEBgUDCAYNAwMKAwcLAQMDBQYIFw8GDQMDCwYICiIODAMGAwoEBAoJA/6uNl18R9bWNF5FKSlFXTU0XkUpVjZdfEdGfV02AbwBBQIDA14eJgEDAwMDAwMDAwYDBxkOBg0DAw0GCAgBAwMCAwQWDAsJAQMICQMaCAoEGkZ8XTWs1tasKUVdNTReRSkpRV01Rn1dNjZdfAAABACqAIADVgPWABsARgBNAHAAAAEUFjMyNj8BMDY9ATAmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVByM1BzU3MwU0PgIzNRcHNSIOAhUUHgIzMj4CNTMUDgIjIi4CAjQOBgMIAwgEBBIEAwYDCAYGUAEDDBAGBg4GBg4GBggGCggBAw4OBgYOBgYOBgYKBgYDAwMBsigqTAb+2DZdfEfW1jReRSkpRV01NF5FKVY2XXxHRn1dNgF4BQkBAwoJA1YJAwQKAwMICQNWCScJEwYaDAQBAwMGAwUoDx4JEwYaDAQBAwMGAwMOCQkQCWqMDB4YNkZ8XTWs1tasKUVdNTReRSkpRV01Rn1dNjZdfAAAAAQAqgCAA1YD1gAiAD4AaQDGAAATND4CMzUXBzUiDgIVFB4CMzI+AjUzFA4CIyIuAgUUFjMyNj8BMDY9ATAmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVIzI2PQEwJjU0JisBMAYjIgYdASM0NjMyNjMyFhceAR0BMAYVFAYjIgYHHgEXHgEVFAYHDgEHDgEjIgYjIiYnLgEnLgE1MxUwFhUUFjsBMDYzMjY9ATAmNTQmKwE1qjZdfEfW1jReRSkpRV01NF5FKVY2XXxHRn1dNgGODgYDCAMIBAQSBAMGAwgEBFQBAwwQBgYOBg8VCgYDAwMDAwMMEAYGDAYGDgYGCgYGAwMDAeIMEgQFAxYFAwMBLBYOAw4DDRkKCAgEBQMDCAMGDQMDBQEDAwYDAw0GBg4GBgsDAw0GCAokBAUDFgUDAwEEBQMaAdZGfF01rNbWrClFXTU0XkUpKUVdNUZ9XTY2XXwXBQkBAwoJA1YJAwQKAwMICQNWCScJEwYaDAQLBQMOCQkQCR4JEwYaDAQBAwMGAwMOCQkQCQ4MCAUDAwEEBQMIDx8EBwUEGAoOCQMDBQcDAwcGBg4GBg0DAwoDAwUEAQMDAgMEGwsIBQMDAQQFAxYFAwMBHgAAAAAEAIAAgAOAA4AAAgAUACYALgAAARUnJwEHJw4BBzU+ATcnEScjETMnATQuAic1HgMVFAYHJz4BJxwBByc1HgECAFrwAso2WCJOLBswFbbWqsrKAqofOU0vQG5PLRcVQAoMagJoMDoDVrRahP02NlgbKAtYBxoRtv7g1gEAyv62M1xLNg5YDkVjfEQwWydCGTkeBw0GaF4YWwAAAAABASoAqgKqA1YABQAAATM3EScjASqs1NSsAoDW/VTWAAIA1gCqAxYDVgAFAAwAABMzNxEnIyUUBgcRHgHWqtbWqgJAPDAwPAKA1v1U1oA5WxgBWBhbAAAAAwCAAIoDgAN2ABUAHAAiAAABHgMVFA4CBzU+AzU0LgInExQGBxEeASUzNxEnIwJWQG5PLS1PbUEuTjkfHzlNL2o6MDA6/cCq1taqA3YORWN8RER7Y0YOWA03S1wzM1xLNg7+4jlbGAFYGFtH1v1U1gAAAAAEANYA1gMqAyoABQALABEAFwAAATMVIzUjEzUzFSM1ATUzFSMVHQEzFSM1AlbUVICAVNT+gNSAgNQDKtSA/lSA1FQBLNRUgKyAVNQABADWANYDKgMqAAUACwARABcAAAEzFSM1MwM1MxUjFQE1MxUjNRE1MxUjNQKqgNRUVNSA/qxU1NRUAqpU1P2s1FSAAdSA1FT+rFTUgAAAAAADAIAAqgOAA1YAFwAvAD8AAAE1NCYrASIGHQEUFjsBMjY9ASMVIzUzFSM1NCYrASIGHQEUFjsBMjY9ASMVIzUzFQEyFhURFAYjISImNRE0NjMDABgSgBIaGhKAEhhAVlbqGhKAEhgYEoASGkBWVgGUIjQzI/2sJDIyJAIqLBIYGBKsEhgYEiwWgBYsEhgYEqwSGBgSLBaAFgEsMyP+ACI0MyMCACI0AAAEAIAAgAOAA4AAAwANABkAKQAAATUzFScRMzI2PQE0JiMBESMVIzUjETM1MxUBMhYVERQGIyEiJjURNDYzAmpWlqwSGBgS/wBAVkBAVgGUIjQzI/2sJDIyJAHAgIDA/wAYEqwSGP8AAQBqav8AVlYCADMj/awiNDMjAlQiNAAAAAIAZABWA5wDqgALAFkAAAEyNjU0JiMiBhUUFiUXHgEPAQ4BLwEOAQ8BDgErASImLwEuAScHBiYvASY2PwEuATU8ATcnLgE/AT4BHwE+AT8BPgE7ATIWHwEeARc3NhYfARYGDwEeARUcAQIAPVlYPj1ZWAF8WgYCBFYEDghqECQUEAELCKwHCwIQEyQRagcOBVYEAgZaAQECWgYCBFYEDghqECQUEAELCKwHCwIQEyQRagcOBVYEAgZaAQEBalg+PVlYPj1ZbEYEEAiUBwQDKgwWCHAHCwoIcAcVDioDAwiUBxAFRgoVCwoVC0YEEAiUBwQDKgwWCHAHCwoIcAcVDioDAwiUBxAFRgoVCwoVAAAAAQCAAFgDgAOqADMAAAEyFhUUBiMiJjU8ATclDgEjIiY1NDYzMhYXJS4BNTQ2MzIWFRQGIyImJwUeARUUBgcFPgEDADNJSTMzSQL+0hIsGjRMSzUZLRIBLAEDSzU0TEs1GS0S/tQBAwICATAQLAFSSTMzS0szBw8GsBASSzU0TBERrgcPCDRMSzU0TBMRsAcPCAcPCLAPEQADAFYAVgOqA6oAAwAHABsAAAE1IxUTESMREzIeAhUUDgIjIi4CNTQ+AgIqVFRUKlicc0NDc5tZWJxzQ0NzmwKAVlb+qgEA/wACgENzm1lYnHNDQ3ObWVicc0MAAAQAVgBWA6oDqgADABcAKwAvAAABNTMVAzI+AjU0LgIjIg4CFRQeAhMyHgIVFA4CIyIuAjU0PgITETMRAdZUKkZ9XTY2XXxHRn1dNjZdfEdYnHNDQ3ObWVicc0NDc5svVAKAVlb+KjZdfEdGfV02Nl18R0Z9XTYDAENzm1lYnHNDQ3ObWVicc0P9gAEA/wAAAAEA1gDWAyoDKgALAAABBxcHJwcnNyc3FzcDKu7uPO7uPO7uPO7uAu7u7jzu7jzu7jzu7gABAFUAVQOrA6sAFAAAExQeAjMyPgI1NC4CIyIOAhVVQ3ScWFicdENDdJxYWJx0QwIAWJx0Q0N0nFhYnHRDQ3ScWAAAAAIAVQBVA6sDqwAUACgAAAEiDgIVFB4CMzI+AjU0LgIjESIuAjU0PgIzMh4CFRQOAgIAWJx0Q0N0nFhYnHRDQ3ScWEd8XTU1XXxHR3xdNTVdfAOrQ3ScWFicdENDdJxYWJx0Q/0ANV18R0d8XTU1XXxHR3xdNQAAAAMAVQBVA6sDqwAUACgANAAAASIOAhUUHgIzMj4CNTQuAiMRIi4CNTQ+AjMyHgIVFA4CExQGIyImNTQ2MzIWAgBYnHRDQ3ScWFicdENDdJxYR3xdNTVdfEdHfF01NV18OUs1NUtLNTVLA6tDdJxYWJx0Q0N0nFhYnHRD/QA1XXxHR3xdNTVdfEdHfF01AVU1S0s1NUtLAAAAAQAAAAEAAPEUzolfDzz1AAsEAAAAAADUNIllAAAAANQ0iWUAAAAAA6sD1gAAAAgAAgAAAAAAAAABAAAEAAAAAAAEAAAAAAADqwABAAAAAAAAAAAAAAAAAAAAJQQAAAAAAAAAAAAAAAAAAAAEAAFWBAAAVgQAAFYEAAEABAAAVgQAAFYEAAEABAAAagQAAKoEAAEABAABAAQAAKoEAACqBAAAqgQAAKoEAACqBAAAqgQAAIAEAAEqBAAA1gQAAIAEAADWBAAA1gQAAIAEAACABAAAZAQAAIAEAABWBAAAVgQAANYEAABVBAAAVQQAAFUAAAAAAAoAFAAeACwAVACWAKoA2AEgAS4BRAFaAXABhAIQAqgDpgQuBMYFxAYSBiIGPgZ4Bp4GxgcaB1oH4gguCFwIpAi+COAJHAloAAEAAAAlAMcABAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQALAAAAAQAAAAAAAgAHAIQAAQAAAAAAAwALAEIAAQAAAAAABAALAJkAAQAAAAAABQALACEAAQAAAAAABgALAGMAAQAAAAAACgAaALoAAwABBAkAAQAWAAsAAwABBAkAAgAOAIsAAwABBAkAAwAWAE0AAwABBAkABAAWAKQAAwABBAkABQAWACwAAwABBAkABgAWAG4AAwABBAkACgA0ANR2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADB2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHR2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRSZWd1bGFyAFIAZQBnAHUAbABhAHJ2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA?#iefix) format("eot");
}
@font-face {
  font-family: "video-react";
  src: url(data:application/font-woff;base64,d09GRgABAAAAABfIAAsAAAAAF3wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDtEPymNtYXAAAAFoAAAAVAAAAFQOVuSnZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAEtAAABLQx1vcUmhlYWQAABSUAAAANgAAADYLMledaGhlYQAAFMwAAAAkAAAAJAesBCZobXR4AAAU8AAAAJQAAACUiAAUz2xvY2EAABWEAAAATAAAAExLllAobWF4cAAAFdAAAAAgAAAAIAAqAMluYW1lAAAV8AAAAbYAAAG2W2rK6XBvc3QAABeoAAAAIAAAACAAAwAAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8iAEAAAAAAAEAAAAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIPIg//3//wAAAAAAIPIA//3//wAB/+MOBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQFWANYDKgMqAAIAAAkCAVYB1P4sAyr+1v7WAAIAVgBWA6oDqgACABYAAAEtATcyHgIVFA4CIyIuAjU0PgIBqgEA/wBWWJxzQ0Nzm1lYnHNDQ3ObAUDAwOpDc5tZWJxzQ0Nzm1lYnHNDAAAAAwBWAFYDqgOqABMAJwAqAAAlMj4CNTQuAiMiDgIVFB4CEzIeAhUUDgIjIi4CNTQ+AhMRBQIARn1dNjZdfEdGfV02Nl18R1icc0NDc5tZWJxzQ0NzmwMBAKo2XXxHRn1dNjZdfEdGfV02AwBDc5tZWJxzQ0Nzm1lYnHND/ZYBgMAAAAAAAgEAANYDAAMqAAMABwAAATMRIyERMxECVqqq/qqqAyr9rAJU/awAAAMAVgBWA6oDqgADAAcAGwAAAREjESMRIxETMh4CFRQOAiMiLgI1ND4CAoBWVFaAWJxzQ0Nzm1lYnHNDQ3ObAVYBVP6sAVT+rAJUQ3ObWVicc0NDc5tZWJxzQwAABABWAFYDqgOqAAMAFwArAC8AAAERMxEHMj4CNTQuAiMiDgIVFB4CEzIeAhUUDgIjIi4CNTQ+AgMRMxECKlaARn1dNjZdfEdGfV02Nl18R1icc0NDc5tZWJxzQ0NzmydWAVYBVP6srDZdfEdGfV02Nl18R0Z9XTYDAENzm1lYnHNDQ3ObWVicc0P9rAFU/qwAAQEAAQADAAMAAAMAAAEhESEBAAIA/gADAP4AAAIAagEAA1YDAAACAAUAAAkBESEJAQHqAWz+gP6UAWwCAAEA/gABAAEAAAAAAgCqAQADlgMAAAIABQAACQIhEQECKgFs/pT+gAFsAwD/AP8AAgD/AAAAAAACAQABAAMAAwAAAgAGAAAJAREBMxEjAZYBav4AVlYCAAEA/gACAP4AAAAAAAIBAAEAAwADAAADAAYAAAEzESMhEQECqlZW/lYBagMA/gACAP8AAAACAKoAgANWA9YARQBoAAABDgEVFAYxIzczFSMHMDY1NDI1NBY7ATIWFx4BFx4BFRQGBw4BBw4BBw4BIyImJy4BJy4BNTMUFjMyNj8BMDY9AS8BMCYjETIeAhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMVJzcB+AMLBB4KZkoEBAYFAwgGDQMDCgMHCwEDAwUGBgcDAxEGBg0DAwsGCAoiDgwDBgMKBAQKCQNGfV02Nl18R0Z9XTZWKUVdNTReRSkpRV011tYBvAEFAgMDXh4mAQMDAwMDAwMDBgMHGQ4GDQMDDQYGAwMDAQEDAwIDBBYMCwkBAwgJAxoICgQBbjVde0dGfV02Nl18RzReRSkpRV01NF5FKazW1gAABACqAIADVgPWABsARgBNAHAAAAEUFjMyNj8BMDY9ATAmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVByM1BzU3MxMyHgIVFA4CIyIuAjUzFB4CMzI+AjU0LgIjFSc3AjQOBgMIAwgEBBIEAwYDCAYGVAEDDBAGBg4GBg4GBggGCggBAw4OBgYOBgYOBgYKBgYDAwMBtigqTAYuRn1dNjZdfEdGfV02VilFXTU0XkUpKUVdNdbWAXgFCQEDCgkDVgkDBAoDAwgJA1YJJwkTBhoMBAEDAwYDBSgPHgkTBhoMBAEDAwYDAw4JCRAJaowMHhgBHjVde0dGfV02Nl18RzReRSkpRV01NF5FKazW1gAAAAQAqgCAA1YD1gAbAEYAowDGAAABFBYzMjY/ATA2PQE0JjU0JiMiBg8BMAYdATAWNxQGDwEwBiMiBiMiJicuAScuAT0BNDY/ATA2MzI2MzIWFx4BFx4BFx4BFSMyNj0BMCY1NCYrATAGIyIGHQEjNDYzMjYzMhYXHgEdATAGFRQGIyIGBx4BFx4BFRQGBw4BBw4BIyIGIyImJy4BJy4BNTMVMBYVFBY7ATA2MzI2PQEwJjU0JisBNRMyHgIVFA4CIyIuAjUzFB4CMzI+AjU0LgIjFSc3AjwQBgMGAwgEBBAEAwgDCAQEUAEDDBAGBg4GDxUKBgMDAwMDAwwQBgYMBgYOBgYKBgYDAwMB4gwSBAUDFgUDAwEsFg4DDgMNGQoICAQFAwMIAwYNAwMFAQMDBgMDDQYGDgYGCwMDDQYICiQEBQMWBQMDAQQFAxpmRn1dNjZdfEdGfV02VilFXTU0XkUpKUVdNdbWAXgGCAEDCgkDVgMGAwQKAwMICQNWCScJEwYaDAQLBQMOCQkQCR4JEwYaDAQBAwMGAwMOCQkQCQ4MCAUDAwEEBQMIDx8EBwUEGAoOCQMDBQcDAwcGBg4GBg0DAwoDAwUEAQMDAgMEGwsIBQMDAQQFAxYFAwMBHgFqNV17R0Z9XTY2XXxHNF5FKSlFXTU0XkUprNbWAAACAKoAgANWA9YAQgBlAAABDgEVFAYxIzczFSMHMDY1NDI1NBY7ATIWFx4BFx4BFRQGBw4BBw4BIyImJy4BJy4BNTMUFjMyNj8BMDY9AS8BMCYjJTQ+AjM1Fwc1Ig4CFRQeAjMyPgI1MxQOAiMiLgIB9AMLBBoKZkoEBAYFAwgGDQMDCgMHCwEDAwUGCBcPBg0DAwsGCAoiDgwDBgMKBAQKCQP+rjZdfEfW1jReRSkpRV01NF5FKVY2XXxHRn1dNgG8AQUCAwNeHiYBAwMDAwMDAwMGAwcZDgYNAwMNBggIAQMDAgMEFgwLCQEDCAkDGggKBBpGfF01rNbWrClFXTU0XkUpKUVdNUZ9XTY2XXwAAAQAqgCAA1YD1gAbAEYATQBwAAABFBYzMjY/ATA2PQEwJjU0JiMiBg8BMAYdATAWNxQGDwEwBiMiBiMiJicuAScuAT0BNDY/ATA2MzI2MzIWFx4BFx4BFx4BFQcjNQc1NzMFND4CMzUXBzUiDgIVFB4CMzI+AjUzFA4CIyIuAgI0DgYDCAMIBAQSBAMGAwgGBlABAwwQBgYOBgYOBgYIBgoIAQMODgYGDgYGDgYGCgYGAwMDAbIoKkwG/tg2XXxH1tY0XkUpKUVdNTReRSlWNl18R0Z9XTYBeAUJAQMKCQNWCQMECgMDCAkDVgknCRMGGgwEAQMDBgMFKA8eCRMGGgwEAQMDBgMDDgkJEAlqjAweGDZGfF01rNbWrClFXTU0XkUpKUVdNUZ9XTY2XXwAAAAEAKoAgANWA9YAIgA+AGkAxgAAEzQ+AjM1Fwc1Ig4CFRQeAjMyPgI1MxQOAiMiLgIFFBYzMjY/ATA2PQEwJjU0JiMiBg8BMAYdATAWNxQGDwEwBiMiBiMiJicuAScuAT0BNDY/ATA2MzI2MzIWFx4BFx4BFx4BFSMyNj0BMCY1NCYrATAGIyIGHQEjNDYzMjYzMhYXHgEdATAGFRQGIyIGBx4BFx4BFRQGBw4BBw4BIyIGIyImJy4BJy4BNTMVMBYVFBY7ATA2MzI2PQEwJjU0JisBNao2XXxH1tY0XkUpKUVdNTReRSlWNl18R0Z9XTYBjg4GAwgDCAQEEgQDBgMIBARUAQMMEAYGDgYPFQoGAwMDAwMDDBAGBgwGBg4GBgoGBgMDAwHiDBIEBQMWBQMDASwWDgMOAw0ZCggIBAUDAwgDBg0DAwUBAwMGAwMNBgYOBgYLAwMNBggKJAQFAxYFAwMBBAUDGgHWRnxdNazW1qwpRV01NF5FKSlFXTVGfV02Nl18FwUJAQMKCQNWCQMECgMDCAkDVgknCRMGGgwECwUDDgkJEAkeCRMGGgwEAQMDBgMDDgkJEAkODAgFAwMBBAUDCA8fBAcFBBgKDgkDAwUHAwMHBgYOBgYNAwMKAwMFBAEDAwIDBBsLCAUDAwEEBQMWBQMDAR4AAAAABACAAIADgAOAAAIAFAAmAC4AAAEVJycBBycOAQc1PgE3JxEnIxEzJwE0LgInNR4DFRQGByc+ASccAQcnNR4BAgBa8ALKNlgiTiwbMBW21qrKygKqHzlNL0BuTy0XFUAKDGoCaDA6A1a0WoT9NjZYGygLWAcaEbb+4NYBAMr+tjNcSzYOWA5FY3xEMFsnQhk5HgcNBmheGFsAAAAAAQEqAKoCqgNWAAUAAAEzNxEnIwEqrNTUrAKA1v1U1gACANYAqgMWA1YABQAMAAATMzcRJyMlFAYHER4B1qrW1qoCQDwwMDwCgNb9VNaAOVsYAVgYWwAAAAMAgACKA4ADdgAVABwAIgAAAR4DFRQOAgc1PgM1NC4CJxMUBgcRHgElMzcRJyMCVkBuTy0tT21BLk45Hx85TS9qOjAwOv3AqtbWqgN2DkVjfEREe2NGDlgNN0tcMzNcSzYO/uI5WxgBWBhbR9b9VNYAAAAABADWANYDKgMqAAUACwARABcAAAEzFSM1IxM1MxUjNQE1MxUjFR0BMxUjNQJW1FSAgFTU/oDUgIDUAyrUgP5UgNRUASzUVICsgFTUAAQA1gDWAyoDKgAFAAsAEQAXAAABMxUjNTMDNTMVIxUBNTMVIzURNTMVIzUCqoDUVFTUgP6sVNTUVAKqVNT9rNRUgAHUgNRU/qxU1IAAAAAAAwCAAKoDgANWABcALwA/AAABNTQmKwEiBh0BFBY7ATI2PQEjFSM1MxUjNTQmKwEiBh0BFBY7ATI2PQEjFSM1MxUBMhYVERQGIyEiJjURNDYzAwAYEoASGhoSgBIYQFZW6hoSgBIYGBKAEhpAVlYBlCI0MyP9rCQyMiQCKiwSGBgSrBIYGBIsFoAWLBIYGBKsEhgYEiwWgBYBLDMj/gAiNDMjAgAiNAAABACAAIADgAOAAAMADQAZACkAAAE1MxUnETMyNj0BNCYjAREjFSM1IxEzNTMVATIWFREUBiMhIiY1ETQ2MwJqVpasEhgYEv8AQFZAQFYBlCI0MyP9rCQyMiQBwICAwP8AGBKsEhj/AAEAamr/AFZWAgAzI/2sIjQzIwJUIjQAAAACAGQAVgOcA6oACwBZAAABMjY1NCYjIgYVFBYlFx4BDwEOAS8BDgEPAQ4BKwEiJi8BLgEnBwYmLwEmNj8BLgE1PAE3Jy4BPwE+AR8BPgE/AT4BOwEyFh8BHgEXNzYWHwEWBg8BHgEVHAECAD1ZWD49WVgBfFoGAgRWBA4IahAkFBABCwisBwsCEBMkEWoHDgVWBAIGWgEBAloGAgRWBA4IahAkFBABCwisBwsCEBMkEWoHDgVWBAIGWgEBAWpYPj1ZWD49WWxGBBAIlAcEAyoMFghwBwsKCHAHFQ4qAwMIlAcQBUYKFQsKFQtGBBAIlAcEAyoMFghwBwsKCHAHFQ4qAwMIlAcQBUYKFQsKFQAAAAEAgABYA4ADqgAzAAABMhYVFAYjIiY1PAE3JQ4BIyImNTQ2MzIWFyUuATU0NjMyFhUUBiMiJicFHgEVFAYHBT4BAwAzSUkzM0kC/tISLBo0TEs1GS0SASwBA0s1NExLNRktEv7UAQMCAgEwECwBUkkzM0tLMwcPBrAQEks1NEwREa4HDwg0TEs1NEwTEbAHDwgHDwiwDxEAAwBWAFYDqgOqAAMABwAbAAABNSMVExEjERMyHgIVFA4CIyIuAjU0PgICKlRUVCpYnHNDQ3ObWVicc0NDc5sCgFZW/qoBAP8AAoBDc5tZWJxzQ0Nzm1lYnHNDAAAEAFYAVgOqA6oAAwAXACsALwAAATUzFQMyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CExEzEQHWVCpGfV02Nl18R0Z9XTY2XXxHWJxzQ0Nzm1lYnHNDQ3ObL1QCgFZW/io2XXxHRn1dNjZdfEdGfV02AwBDc5tZWJxzQ0Nzm1lYnHND/YABAP8AAAABANYA1gMqAyoACwAAAQcXBycHJzcnNxc3Ayru7jzu7jzu7jzu7gLu7u487u487u487u4AAQBVAFUDqwOrABQAABMUHgIzMj4CNTQuAiMiDgIVVUN0nFhYnHRDQ3ScWFicdEMCAFicdENDdJxYWJx0Q0N0nFgAAAACAFUAVQOrA6sAFAAoAAABIg4CFRQeAjMyPgI1NC4CIxEiLgI1ND4CMzIeAhUUDgICAFicdENDdJxYWJx0Q0N0nFhHfF01NV18R0d8XTU1XXwDq0N0nFhYnHRDQ3ScWFicdEP9ADVdfEdHfF01NV18R0d8XTUAAAADAFUAVQOrA6sAFAAoADQAAAEiDgIVFB4CMzI+AjU0LgIjESIuAjU0PgIzMh4CFRQOAhMUBiMiJjU0NjMyFgIAWJx0Q0N0nFhYnHRDQ3ScWEd8XTU1XXxHR3xdNTVdfDlLNTVLSzU1SwOrQ3ScWFicdENDdJxYWJx0Q/0ANV18R0d8XTU1XXxHR3xdNQFVNUtLNTVLSwAAAAEAAAABAADxFM6JXw889QALBAAAAAAA1DSJZQAAAADUNIllAAAAAAOrA9YAAAAIAAIAAAAAAAAAAQAABAAAAAAABAAAAAAAA6sAAQAAAAAAAAAAAAAAAAAAACUEAAAAAAAAAAAAAAAAAAAABAABVgQAAFYEAABWBAABAAQAAFYEAABWBAABAAQAAGoEAACqBAABAAQAAQAEAACqBAAAqgQAAKoEAACqBAAAqgQAAKoEAACABAABKgQAANYEAACABAAA1gQAANYEAACABAAAgAQAAGQEAACABAAAVgQAAFYEAADWBAAAVQQAAFUEAABVAAAAAAAKABQAHgAsAFQAlgCqANgBIAEuAUQBWgFwAYQCEAKoA6YELgTGBcQGEgYiBj4GeAaeBsYHGgdaB+IILghcCKQIvgjgCRwJaAABAAAAJQDHAAQAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEACwAAAAEAAAAAAAIABwCEAAEAAAAAAAMACwBCAAEAAAAAAAQACwCZAAEAAAAAAAUACwAhAAEAAAAAAAYACwBjAAEAAAAAAAoAGgC6AAMAAQQJAAEAFgALAAMAAQQJAAIADgCLAAMAAQQJAAMAFgBNAAMAAQQJAAQAFgCkAAMAAQQJAAUAFgAsAAMAAQQJAAYAFgBuAAMAAQQJAAoANADUdmlkZW8tcmVhY3QAdgBpAGQAZQBvAC0AcgBlAGEAYwB0VmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwdmlkZW8tcmVhY3QAdgBpAGQAZQBvAC0AcgBlAGEAYwB0dmlkZW8tcmVhY3QAdgBpAGQAZQBvAC0AcgBlAGEAYwB0UmVndWxhcgBSAGUAZwB1AGwAYQBydmlkZW8tcmVhY3QAdgBpAGQAZQBvAC0AcgBlAGEAYwB0Rm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff"), url(data:application/x-font-ttf;base64,AAEAAAALAIAAAwAwT1MvMg7RD8oAAAC8AAAAYGNtYXAOVuSnAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zsdb3FIAAAF4AAAS0GhlYWQLMledAAAUSAAAADZoaGVhB6wEJgAAFIAAAAAkaG10eIgAFM8AABSkAAAAlGxvY2FLllAoAAAVOAAAAExtYXhwACoAyQAAFYQAAAAgbmFtZVtqyukAABWkAAABtnBvc3QAAwAAAAAXXAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADyIAQAAAAAAAQAAAAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg8iD//f//AAAAAAAg8gD//f//AAH/4w4EAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAVYA1gMqAyoAAgAACQIBVgHU/iwDKv7W/tYAAgBWAFYDqgOqAAIAFgAAAS0BNzIeAhUUDgIjIi4CNTQ+AgGqAQD/AFZYnHNDQ3ObWVicc0NDc5sBQMDA6kNzm1lYnHNDQ3ObWVicc0MAAAADAFYAVgOqA6oAEwAnACoAACUyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CExEFAgBGfV02Nl18R0Z9XTY2XXxHWJxzQ0Nzm1lYnHNDQ3ObAwEAqjZdfEdGfV02Nl18R0Z9XTYDAENzm1lYnHNDQ3ObWVicc0P9lgGAwAAAAAACAQAA1gMAAyoAAwAHAAABMxEjIREzEQJWqqr+qqoDKv2sAlT9rAAAAwBWAFYDqgOqAAMABwAbAAABESMRIxEjERMyHgIVFA4CIyIuAjU0PgICgFZUVoBYnHNDQ3ObWVicc0NDc5sBVgFU/qwBVP6sAlRDc5tZWJxzQ0Nzm1lYnHNDAAAEAFYAVgOqA6oAAwAXACsALwAAAREzEQcyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CAxEzEQIqVoBGfV02Nl18R0Z9XTY2XXxHWJxzQ0Nzm1lYnHNDQ3ObJ1YBVgFU/qysNl18R0Z9XTY2XXxHRn1dNgMAQ3ObWVicc0NDc5tZWJxzQ/2sAVT+rAABAQABAAMAAwAAAwAAASERIQEAAgD+AAMA/gAAAgBqAQADVgMAAAIABQAACQERIQkBAeoBbP6A/pQBbAIAAQD+AAEAAQAAAAACAKoBAAOWAwAAAgAFAAAJAiERAQIqAWz+lP6AAWwDAP8A/wACAP8AAAAAAAIBAAEAAwADAAACAAYAAAkBEQEzESMBlgFq/gBWVgIAAQD+AAIA/gAAAAAAAgEAAQADAAMAAAMABgAAATMRIyERAQKqVlb+VgFqAwD+AAIA/wAAAAIAqgCAA1YD1gBFAGgAAAEOARUUBjEjNzMVIwcwNjU0MjU0FjsBMhYXHgEXHgEVFAYHDgEHDgEHDgEjIiYnLgEnLgE1MxQWMzI2PwEwNj0BLwEwJiMRMh4CFRQOAiMiLgI1MxQeAjMyPgI1NC4CIxUnNwH4AwsEHgpmSgQEBgUDCAYNAwMKAwcLAQMDBQYGBwMDEQYGDQMDCwYICiIODAMGAwoEBAoJA0Z9XTY2XXxHRn1dNlYpRV01NF5FKSlFXTXW1gG8AQUCAwNeHiYBAwMDAwMDAwMGAwcZDgYNAwMNBgYDAwMBAQMDAgMEFgwLCQEDCAkDGggKBAFuNV17R0Z9XTY2XXxHNF5FKSlFXTU0XkUprNbWAAAEAKoAgANWA9YAGwBGAE0AcAAAARQWMzI2PwEwNj0BMCY1NCYjIgYPATAGHQEwFjcUBg8BMAYjIgYjIiYnLgEnLgE9ATQ2PwEwNjMyNjMyFhceARceARceARUHIzUHNTczEzIeAhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMVJzcCNA4GAwgDCAQEEgQDBgMIBgZUAQMMEAYGDgYGDgYGCAYKCAEDDg4GBg4GBg4GBgoGBgMDAwG2KCpMBi5GfV02Nl18R0Z9XTZWKUVdNTReRSkpRV011tYBeAUJAQMKCQNWCQMECgMDCAkDVgknCRMGGgwEAQMDBgMFKA8eCRMGGgwEAQMDBgMDDgkJEAlqjAweGAEeNV17R0Z9XTY2XXxHNF5FKSlFXTU0XkUprNbWAAAABACqAIADVgPWABsARgCjAMYAAAEUFjMyNj8BMDY9ATQmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVIzI2PQEwJjU0JisBMAYjIgYdASM0NjMyNjMyFhceAR0BMAYVFAYjIgYHHgEXHgEVFAYHDgEHDgEjIgYjIiYnLgEnLgE1MxUwFhUUFjsBMDYzMjY9ATAmNTQmKwE1EzIeAhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMVJzcCPBAGAwYDCAQEEAQDCAMIBARQAQMMEAYGDgYPFQoGAwMDAwMDDBAGBgwGBg4GBgoGBgMDAwHiDBIEBQMWBQMDASwWDgMOAw0ZCggIBAUDAwgDBg0DAwUBAwMGAwMNBgYOBgYLAwMNBggKJAQFAxYFAwMBBAUDGmZGfV02Nl18R0Z9XTZWKUVdNTReRSkpRV011tYBeAYIAQMKCQNWAwYDBAoDAwgJA1YJJwkTBhoMBAsFAw4JCRAJHgkTBhoMBAEDAwYDAw4JCRAJDgwIBQMDAQQFAwgPHwQHBQQYCg4JAwMFBwMDBwYGDgYGDQMDCgMDBQQBAwMCAwQbCwgFAwMBBAUDFgUDAwEeAWo1XXtHRn1dNjZdfEc0XkUpKUVdNTReRSms1tYAAAIAqgCAA1YD1gBCAGUAAAEOARUUBjEjNzMVIwcwNjU0MjU0FjsBMhYXHgEXHgEVFAYHDgEHDgEjIiYnLgEnLgE1MxQWMzI2PwEwNj0BLwEwJiMlND4CMzUXBzUiDgIVFB4CMzI+AjUzFA4CIyIuAgH0AwsEGgpmSgQEBgUDCAYNAwMKAwcLAQMDBQYIFw8GDQMDCwYICiIODAMGAwoEBAoJA/6uNl18R9bWNF5FKSlFXTU0XkUpVjZdfEdGfV02AbwBBQIDA14eJgEDAwMDAwMDAwYDBxkOBg0DAw0GCAgBAwMCAwQWDAsJAQMICQMaCAoEGkZ8XTWs1tasKUVdNTReRSkpRV01Rn1dNjZdfAAABACqAIADVgPWABsARgBNAHAAAAEUFjMyNj8BMDY9ATAmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVByM1BzU3MwU0PgIzNRcHNSIOAhUUHgIzMj4CNTMUDgIjIi4CAjQOBgMIAwgEBBIEAwYDCAYGUAEDDBAGBg4GBg4GBggGCggBAw4OBgYOBgYOBgYKBgYDAwMBsigqTAb+2DZdfEfW1jReRSkpRV01NF5FKVY2XXxHRn1dNgF4BQkBAwoJA1YJAwQKAwMICQNWCScJEwYaDAQBAwMGAwUoDx4JEwYaDAQBAwMGAwMOCQkQCWqMDB4YNkZ8XTWs1tasKUVdNTReRSkpRV01Rn1dNjZdfAAAAAQAqgCAA1YD1gAiAD4AaQDGAAATND4CMzUXBzUiDgIVFB4CMzI+AjUzFA4CIyIuAgUUFjMyNj8BMDY9ATAmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVIzI2PQEwJjU0JisBMAYjIgYdASM0NjMyNjMyFhceAR0BMAYVFAYjIgYHHgEXHgEVFAYHDgEHDgEjIgYjIiYnLgEnLgE1MxUwFhUUFjsBMDYzMjY9ATAmNTQmKwE1qjZdfEfW1jReRSkpRV01NF5FKVY2XXxHRn1dNgGODgYDCAMIBAQSBAMGAwgEBFQBAwwQBgYOBg8VCgYDAwMDAwMMEAYGDAYGDgYGCgYGAwMDAeIMEgQFAxYFAwMBLBYOAw4DDRkKCAgEBQMDCAMGDQMDBQEDAwYDAw0GBg4GBgsDAw0GCAokBAUDFgUDAwEEBQMaAdZGfF01rNbWrClFXTU0XkUpKUVdNUZ9XTY2XXwXBQkBAwoJA1YJAwQKAwMICQNWCScJEwYaDAQLBQMOCQkQCR4JEwYaDAQBAwMGAwMOCQkQCQ4MCAUDAwEEBQMIDx8EBwUEGAoOCQMDBQcDAwcGBg4GBg0DAwoDAwUEAQMDAgMEGwsIBQMDAQQFAxYFAwMBHgAAAAAEAIAAgAOAA4AAAgAUACYALgAAARUnJwEHJw4BBzU+ATcnEScjETMnATQuAic1HgMVFAYHJz4BJxwBByc1HgECAFrwAso2WCJOLBswFbbWqsrKAqofOU0vQG5PLRcVQAoMagJoMDoDVrRahP02NlgbKAtYBxoRtv7g1gEAyv62M1xLNg5YDkVjfEQwWydCGTkeBw0GaF4YWwAAAAABASoAqgKqA1YABQAAATM3EScjASqs1NSsAoDW/VTWAAIA1gCqAxYDVgAFAAwAABMzNxEnIyUUBgcRHgHWqtbWqgJAPDAwPAKA1v1U1oA5WxgBWBhbAAAAAwCAAIoDgAN2ABUAHAAiAAABHgMVFA4CBzU+AzU0LgInExQGBxEeASUzNxEnIwJWQG5PLS1PbUEuTjkfHzlNL2o6MDA6/cCq1taqA3YORWN8RER7Y0YOWA03S1wzM1xLNg7+4jlbGAFYGFtH1v1U1gAAAAAEANYA1gMqAyoABQALABEAFwAAATMVIzUjEzUzFSM1ATUzFSMVHQEzFSM1AlbUVICAVNT+gNSAgNQDKtSA/lSA1FQBLNRUgKyAVNQABADWANYDKgMqAAUACwARABcAAAEzFSM1MwM1MxUjFQE1MxUjNRE1MxUjNQKqgNRUVNSA/qxU1NRUAqpU1P2s1FSAAdSA1FT+rFTUgAAAAAADAIAAqgOAA1YAFwAvAD8AAAE1NCYrASIGHQEUFjsBMjY9ASMVIzUzFSM1NCYrASIGHQEUFjsBMjY9ASMVIzUzFQEyFhURFAYjISImNRE0NjMDABgSgBIaGhKAEhhAVlbqGhKAEhgYEoASGkBWVgGUIjQzI/2sJDIyJAIqLBIYGBKsEhgYEiwWgBYsEhgYEqwSGBgSLBaAFgEsMyP+ACI0MyMCACI0AAAEAIAAgAOAA4AAAwANABkAKQAAATUzFScRMzI2PQE0JiMBESMVIzUjETM1MxUBMhYVERQGIyEiJjURNDYzAmpWlqwSGBgS/wBAVkBAVgGUIjQzI/2sJDIyJAHAgIDA/wAYEqwSGP8AAQBqav8AVlYCADMj/awiNDMjAlQiNAAAAAIAZABWA5wDqgALAFkAAAEyNjU0JiMiBhUUFiUXHgEPAQ4BLwEOAQ8BDgErASImLwEuAScHBiYvASY2PwEuATU8ATcnLgE/AT4BHwE+AT8BPgE7ATIWHwEeARc3NhYfARYGDwEeARUcAQIAPVlYPj1ZWAF8WgYCBFYEDghqECQUEAELCKwHCwIQEyQRagcOBVYEAgZaAQECWgYCBFYEDghqECQUEAELCKwHCwIQEyQRagcOBVYEAgZaAQEBalg+PVlYPj1ZbEYEEAiUBwQDKgwWCHAHCwoIcAcVDioDAwiUBxAFRgoVCwoVC0YEEAiUBwQDKgwWCHAHCwoIcAcVDioDAwiUBxAFRgoVCwoVAAAAAQCAAFgDgAOqADMAAAEyFhUUBiMiJjU8ATclDgEjIiY1NDYzMhYXJS4BNTQ2MzIWFRQGIyImJwUeARUUBgcFPgEDADNJSTMzSQL+0hIsGjRMSzUZLRIBLAEDSzU0TEs1GS0S/tQBAwICATAQLAFSSTMzS0szBw8GsBASSzU0TBERrgcPCDRMSzU0TBMRsAcPCAcPCLAPEQADAFYAVgOqA6oAAwAHABsAAAE1IxUTESMREzIeAhUUDgIjIi4CNTQ+AgIqVFRUKlicc0NDc5tZWJxzQ0NzmwKAVlb+qgEA/wACgENzm1lYnHNDQ3ObWVicc0MAAAQAVgBWA6oDqgADABcAKwAvAAABNTMVAzI+AjU0LgIjIg4CFRQeAhMyHgIVFA4CIyIuAjU0PgITETMRAdZUKkZ9XTY2XXxHRn1dNjZdfEdYnHNDQ3ObWVicc0NDc5svVAKAVlb+KjZdfEdGfV02Nl18R0Z9XTYDAENzm1lYnHNDQ3ObWVicc0P9gAEA/wAAAAEA1gDWAyoDKgALAAABBxcHJwcnNyc3FzcDKu7uPO7uPO7uPO7uAu7u7jzu7jzu7jzu7gABAFUAVQOrA6sAFAAAExQeAjMyPgI1NC4CIyIOAhVVQ3ScWFicdENDdJxYWJx0QwIAWJx0Q0N0nFhYnHRDQ3ScWAAAAAIAVQBVA6sDqwAUACgAAAEiDgIVFB4CMzI+AjU0LgIjESIuAjU0PgIzMh4CFRQOAgIAWJx0Q0N0nFhYnHRDQ3ScWEd8XTU1XXxHR3xdNTVdfAOrQ3ScWFicdENDdJxYWJx0Q/0ANV18R0d8XTU1XXxHR3xdNQAAAAMAVQBVA6sDqwAUACgANAAAASIOAhUUHgIzMj4CNTQuAiMRIi4CNTQ+AjMyHgIVFA4CExQGIyImNTQ2MzIWAgBYnHRDQ3ScWFicdENDdJxYR3xdNTVdfEdHfF01NV18OUs1NUtLNTVLA6tDdJxYWJx0Q0N0nFhYnHRD/QA1XXxHR3xdNTVdfEdHfF01AVU1S0s1NUtLAAAAAQAAAAEAAPEUzolfDzz1AAsEAAAAAADUNIllAAAAANQ0iWUAAAAAA6sD1gAAAAgAAgAAAAAAAAABAAAEAAAAAAAEAAAAAAADqwABAAAAAAAAAAAAAAAAAAAAJQQAAAAAAAAAAAAAAAAAAAAEAAFWBAAAVgQAAFYEAAEABAAAVgQAAFYEAAEABAAAagQAAKoEAAEABAABAAQAAKoEAACqBAAAqgQAAKoEAACqBAAAqgQAAIAEAAEqBAAA1gQAAIAEAADWBAAA1gQAAIAEAACABAAAZAQAAIAEAABWBAAAVgQAANYEAABVBAAAVQQAAFUAAAAAAAoAFAAeACwAVACWAKoA2AEgAS4BRAFaAXABhAIQAqgDpgQuBMYFxAYSBiIGPgZ4Bp4GxgcaB1oH4gguCFwIpAi+COAJHAloAAEAAAAlAMcABAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQALAAAAAQAAAAAAAgAHAIQAAQAAAAAAAwALAEIAAQAAAAAABAALAJkAAQAAAAAABQALACEAAQAAAAAABgALAGMAAQAAAAAACgAaALoAAwABBAkAAQAWAAsAAwABBAkAAgAOAIsAAwABBAkAAwAWAE0AAwABBAkABAAWAKQAAwABBAkABQAWACwAAwABBAkABgAWAG4AAwABBAkACgA0ANR2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADB2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHR2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRSZWd1bGFyAFIAZQBnAHUAbABhAHJ2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype");
  font-weight: normal;
  font-style: normal;
}
.video-react-icon, .video-react .video-react-bezel .video-react-bezel-icon, .video-react .video-react-volume-level, .video-react .video-react-mute-control,
.video-react .video-react-volume-menu-button, .video-react .video-react-play-control, .video-react .video-react-play-progress, .video-react .video-react-big-play-button {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "video-react" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.video-react-icon-play-arrow:before, .video-react .video-react-bezel .video-react-bezel-icon-play:before, .video-react .video-react-play-control:before, .video-react .video-react-big-play-button:before {
  content: "\F200";
}
.video-react-icon-play-circle-filled:before {
  content: "\F201";
}
.video-react-icon-play-circle-outline:before {
  content: "\F202";
}
.video-react-icon-pause:before, .video-react .video-react-bezel .video-react-bezel-icon-pause:before, .video-react .video-react-play-control.video-react-playing:before {
  content: "\F203";
}
.video-react-icon-pause-circle-filled:before {
  content: "\F204";
}
.video-react-icon-pause-circle-outline:before {
  content: "\F205";
}
.video-react-icon-stop:before {
  content: "\F206";
}
.video-react-icon-fast-rewind:before, .video-react .video-react-bezel .video-react-bezel-icon-fast-rewind:before {
  content: "\F207";
}
.video-react-icon-fast-forward:before, .video-react .video-react-bezel .video-react-bezel-icon-fast-forward:before {
  content: "\F208";
}
.video-react-icon-skip-previous:before {
  content: "\F209";
}
.video-react-icon-skip-next:before {
  content: "\F20A";
}
.video-react-icon-replay-5:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-5:before {
  content: "\F20B";
}
.video-react-icon-replay-10:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-10:before {
  content: "\F20C";
}
.video-react-icon-replay-30:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-30:before {
  content: "\F20D";
}
.video-react-icon-forward-5:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-5:before {
  content: "\F20E";
}
.video-react-icon-forward-10:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-10:before {
  content: "\F20F";
}
.video-react-icon-forward-30:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-30:before {
  content: "\F210";
}
.video-react-icon-volume-off:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-off:before, .video-react .video-react-mute-control.video-react-vol-muted:before,
.video-react .video-react-volume-menu-button.video-react-vol-muted:before {
  content: "\F211";
}
.video-react-icon-volume-mute:before, .video-react .video-react-mute-control.video-react-vol-0:before,
.video-react .video-react-volume-menu-button.video-react-vol-0:before {
  content: "\F212";
}
.video-react-icon-volume-down:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-down:before, .video-react .video-react-mute-control.video-react-vol-2:before,
.video-react .video-react-volume-menu-button.video-react-vol-2:before, .video-react .video-react-mute-control.video-react-vol-1:before,
.video-react .video-react-volume-menu-button.video-react-vol-1:before {
  content: "\F213";
}
.video-react-icon-volume-up:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-up:before, .video-react .video-react-mute-control:before,
.video-react .video-react-volume-menu-button:before {
  content: "\F214";
}
.video-react-icon-fullscreen:before {
  content: "\F215";
}
.video-react-icon-fullscreen-exit:before {
  content: "\F216";
}
.video-react-icon-closed-caption:before {
  content: "\F217";
}
.video-react-icon-hd:before {
  content: "\F218";
}
.video-react-icon-settings:before {
  content: "\F219";
}
.video-react-icon-share:before {
  content: "\F21A";
}
.video-react-icon-info:before {
  content: "\F21B";
}
.video-react-icon-info-outline:before {
  content: "\F21C";
}
.video-react-icon-close:before {
  content: "\F21D";
}
.video-react-icon-circle:before, .video-react .video-react-volume-level:before, .video-react .video-react-play-progress:before {
  content: "\F21E";
}
.video-react-icon-circle-outline:before {
  content: "\F21F";
}
.video-react-icon-circle-inner-circle:before {
  content: "\F220";
}
.video-react {
  display: block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  font-size: 10px;
  line-height: 1;
  font-family: serif, Times, "Times New Roman";
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.video-react:-moz-full-screen {
  position: absolute;
}
.video-react:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-react *,
.video-react *:before,
.video-react *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
.video-react ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.video-react.video-react-fluid, .video-react.video-react-16-9, .video-react.video-react-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0;
}
.video-react.video-react-16-9 {
  padding-top: 56.25%;
}
.video-react.video-react-4-3 {
  padding-top: 75%;
}
.video-react.video-react-fill {
  width: 100%;
  height: 100%;
}
.video-react .video-react-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-react.video-react-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}
.video-react.video-react-fullscreen.video-react-user-inactive {
  cursor: none;
}
body.video-react-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto;
}
body.video-react-full-window .video-react-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.video-react button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  cursor: pointer;
  overflow: visible;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  -webkit-transition: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.video-react .video-react-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
}
.video-react .video-react-loading-spinner:before, .video-react .video-react-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
  -webkit-animation: video-react-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, video-react-spinner-fade 1.1s linear infinite;
  animation: video-react-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, video-react-spinner-fade 1.1s linear infinite;
}
.video-react-seeking .video-react-loading-spinner,
.video-react-waiting .video-react-loading-spinner {
  display: block;
}
.video-react-seeking .video-react-loading-spinner:before,
.video-react-waiting .video-react-loading-spinner:before {
  border-top-color: white;
}
.video-react-seeking .video-react-loading-spinner:after,
.video-react-waiting .video-react-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}
@keyframes video-react-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes video-react-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes video-react-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes video-react-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.video-react .video-react-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.video-react .video-react-big-play-button.video-react-big-play-button-center {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em;
}
.video-react .video-react-big-play-button.big-play-button-hide {
  display: none;
}
.video-react:hover .video-react-big-play-button,
.video-react .video-react-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  transition: all 0s;
}
.video-react-menu-button {
  cursor: pointer;
}
.video-react-menu-button.video-react-disabled {
  cursor: default;
}
.video-react-menu .video-react-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto;
  font-family: serif, Times, "Times New Roman";
}
.video-react-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.video-react-menu li:focus, .video-react-menu li:hover {
  outline: 0;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.video-react-menu li.video-react-selected, .video-react-menu li.video-react-selected:focus, .video-react-menu li.video-react-selected:hover {
  background-color: #fff;
  color: #2B333F;
}
.video-react-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
.video-react-scrubbing .vjs-menu-button:hover .video-react-menu {
  display: none;
}
.video-react .video-react-menu-button-popup .video-react-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}
.video-react .video-react-menu-button-popup .video-react-menu .video-react-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}
.video-react-menu-button-popup .video-react-menu.video-react-lock-showing {
  display: block;
}
.video-react .video-react-menu-button-inline {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}
.video-react .video-react-menu-button-inline:before {
  width: 2.222222222em;
}
.video-react .video-react-menu-button-inline:hover, .video-react .video-react-menu-button-inline:focus, .video-react .video-react-menu-button-inline.video-react-slider-active {
  width: 12em;
}
.video-react .video-react-menu-button-inline:hover .video-react-menu, .video-react .video-react-menu-button-inline:focus .video-react-menu, .video-react .video-react-menu-button-inline.video-react-slider-active .video-react-menu {
  display: block;
  opacity: 1;
}
.video-react .video-react-menu-button-inline.video-react-slider-active {
  -webkit-transition: none;
  transition: none;
}
.video-react .video-react-menu-button-inline .video-react-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.video-react .video-react-menu-button-inline .video-react-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.video-react-no-flex .video-react-menu-button-inline .video-react-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}
.video-react-no-flex .video-react-menu-button-inline:hover, .video-react-no-flex .video-react-menu-button-inline:focus, .video-react-no-flex .video-react-menu-button-inline.video-react-slider-active {
  width: auto;
}
.video-react .video-react-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.video-react .video-react-poster img {
  display: block;
  vertical-align: middle;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}
.video-react .video-react-slider {
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.video-react .video-react-slider:focus {
  -webkit-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff;
}
.video-react .video-react-control {
  outline: none;
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}
.video-react .video-react-control:before {
  font-size: 1.8em;
  line-height: 1.67;
}
.video-react .video-react-control:focus:before, .video-react .video-react-control:hover:before, .video-react .video-react-control:focus {
  text-shadow: 0em 0em 1em #fff, 0em 0em 0.5em #fff;
}
.video-react .video-react-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.video-react-no-flex .video-react-control {
  display: table-cell;
  vertical-align: middle;
}
.video-react .video-react-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.video-react-has-started .video-react-control-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}
.video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar.video-react-control-bar-auto-hide {
  visibility: visible;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.video-react-controls-disabled .video-react-control-bar,
.video-react-using-native-controls .video-react-control-bar,
.video-react-error .video-react-control-bar {
  display: none !important;
}
.video-react-audio.video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar {
  opacity: 1;
  visibility: visible;
}
.video-react-has-started.video-react-no-flex .video-react-control-bar {
  display: table;
}
.video-react .video-react-progress-control {
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 4em;
}
.video-react-live .video-react-progress-control {
  display: none;
}
.video-react .video-react-progress-holder {
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em;
}
.video-react .video-react-progress-control:hover .video-react-progress-holder {
  font-size: 1.6666666667em;
}
/* If we let the font size grow as much as everything else, the current time tooltip ends up
 ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled
 to avoid a weird hitch when you roll off the hover. */
.video-react .video-react-progress-control:hover .video-react-time-tooltip,
.video-react .video-react-progress-control:hover .video-react-mouse-display:after,
.video-react .video-react-progress-control:hover .video-react-play-progress:after {
  visibility: visible;
  font-size: 0.6em;
}
.video-react .video-react-progress-holder .video-react-play-progress,
.video-react .video-react-progress-holder .video-react-load-progress,
.video-react .video-react-progress-holder .video-react-tooltip-progress-bar,
.video-react .video-react-progress-holder .video-react-load-progress div {
  position: absolute;
  display: block;
  height: 0.3em;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0;
}
.video-react .video-react-play-progress {
  background-color: #fff;
}
.video-react .video-react-play-progress:before {
  position: absolute;
  top: -0.3333333333em;
  right: -0.5em;
  font-size: 0.9em;
}
.video-react .video-react-time-tooltip,
.video-react .video-react-mouse-display:after,
.video-react .video-react-play-progress:after {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  right: -1.9em;
  font-size: 0.9em;
  color: #000;
  content: attr(data-current-time);
  padding: 6px 8px 8px 8px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
}
.video-react .video-react-time-tooltip,
.video-react .video-react-play-progress:before,
.video-react .video-react-play-progress:after {
  z-index: 1;
}
.video-react .video-react-progress-control .video-react-keep-tooltips-inside:after {
  display: none;
}
.video-react .video-react-load-progress {
  background: #bfc7d3;
  background: rgba(115, 133, 159, 0.5);
}
.video-react .video-react-load-progress div {
  background: white;
  background: rgba(115, 133, 159, 0.75);
}
.video-react.video-react-no-flex .video-react-progress-control {
  width: auto;
}
.video-react .video-react-time-tooltip {
  display: inline-block;
  height: 2.4em;
  position: relative;
  float: right;
  right: -1.9em;
}
.video-react .video-react-tooltip-progress-bar {
  visibility: hidden;
}
.video-react .video-react-progress-control .video-react-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}
.video-react-no-flex .video-react-progress-control .video-react-mouse-display {
  z-index: 0;
}
.video-react .video-react-progress-control:hover .video-react-mouse-display {
  display: block;
}
.video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display,
.video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display:after {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display,
.video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display:after {
  display: none;
}
.video-react .video-react-mouse-display .video-react-time-tooltip,
.video-react .video-react-progress-control .video-react-mouse-display:after {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.video-react .video-react-play-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}
.video-react .video-react-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}
.video-react.video-react-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
}
.video-react .video-react-time-control {
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
.video-react .video-react-time-divider {
  line-height: 3em;
  min-width: initial;
  padding: 0;
}
.video-react .video-react-mute-control,
.video-react .video-react-volume-menu-button {
  cursor: pointer;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}
.video-react .video-react-volume-control {
  width: 5em;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.video-react .video-react-volume-bar {
  margin: 1.35em 0.45em;
}
.video-react .video-react-volume-bar.video-react-slider-horizontal {
  width: 5em;
  height: 0.3em;
}
.video-react .video-react-volume-bar.video-react-slider-horizontal .video-react-volume-level {
  width: 100%;
}
.video-react .video-react-volume-bar.video-react-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}
.video-react .video-react-volume-bar.video-react-slider-vertical .video-react-volume-level {
  height: 100%;
}
.video-react .video-react-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-react .video-react-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}
.video-react .video-react-slider-vertical .video-react-volume-level {
  width: 0.3em;
}
.video-react .video-react-slider-vertical .video-react-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}
.video-react .video-react-slider-horizontal .video-react-volume-level {
  height: 0.3em;
}
.video-react .video-react-slider-horizontal .video-react-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}
.video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent;
}
.video-react .video-react-menu-button-popup.video-react-volume-menu-button-vertical .video-react-menu {
  left: 0.5em;
  height: 8em;
}
.video-react .video-react-menu-button-popup.video-react-volume-menu-button-horizontal .video-react-menu {
  left: -2em;
}
.video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu-content {
  height: 0;
  width: 0;
  overflow-x: hidden;
  overflow-y: hidden;
}
.video-react .video-react-volume-menu-button-vertical:hover .video-react-menu-content,
.video-react .video-react-volume-menu-button-vertical:focus .video-react-menu-content,
.video-react .video-react-volume-menu-button-vertical.video-react-slider-active .video-react-menu-content,
.video-react .video-react-volume-menu-button-vertical .video-react-lock-showing .video-react-menu-content {
  height: 8em;
  width: 2.9em;
}
.video-react .video-react-volume-menu-button-horizontal:hover .video-react-menu-content,
.video-react .video-react-volume-menu-button-horizontal:focus .video-react-menu-content,
.video-react .video-react-volume-menu-button-horizontal .video-react-slider-active .video-react-menu-content,
.video-react .video-react-volume-menu-button-horizontal .video-react-lock-showing .video-react-menu-content {
  height: 2.9em;
  width: 8em;
}
.video-react .video-react-volume-menu-button.video-react-menu-button-inline .video-react-menu-content {
  background-color: transparent !important;
}
.video-react .video-react-playback-rate .video-react-playback-rate-value {
  line-height: 3em;
  text-align: center;
}
.video-react .video-react-playback-rate .video-react-menu {
  width: 4em;
  left: 0em;
}
.video-react .video-react-bezel {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 52px;
  height: 52px;
  z-index: 17;
  margin-left: -26px;
  margin-top: -26px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 26px;
}
.video-react .video-react-bezel.video-react-bezel-animation {
  -webkit-animation: video-react-bezel-fadeout 0.5s linear 1 normal forwards;
  animation: video-react-bezel-fadeout 0.5s linear 1 normal forwards;
  pointer-events: none;
}
.video-react .video-react-bezel.video-react-bezel-animation-alt {
  -webkit-animation: video-react-bezel-fadeout-alt 0.5s linear 1 normal forwards;
  animation: video-react-bezel-fadeout-alt 0.5s linear 1 normal forwards;
  pointer-events: none;
}
.video-react .video-react-bezel .video-react-bezel-icon {
  width: 36px;
  height: 36px;
  margin: 8px;
  font-size: 26px;
  line-height: 36px;
  text-align: center;
}
@-webkit-keyframes video-react-bezel-fadeout {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}
@keyframes video-react-bezel-fadeout {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}
@-webkit-keyframes video-react-bezel-fadeout-alt {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}
@keyframes video-react-bezel-fadeout-alt {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}
.member-page {
  min-width: 1300px;
}
.member-page .header {
  border-bottom: 2px solid #111;
  background-color: #fafafa;
}
.member-page .member-fotter {
  margin: 0 auto;
  padding-bottom: 40px;
}
.member-page .goTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #DDDDDD;
  background-color: #fff;
  overflow: hidden;
}
.member-page .goTop > i {
  margin-top: 1px;
  font-size: 16px;
  color: #AAAAAA;
}
.member-page .goTop:hover {
  background-color: #000;
}
.member-page .goTop:hover > i {
  color: #fff;
}
.center-layout {
  width: 1760px;
  min-width: 1300px;
  margin: 0 auto;
}
.content-container {
  background-color: #fff;
}
.ant-select-selection {
  border-radius: 0;
}
@media screen and (max-width: 1760px) {
  .center-layout {
    width: 100%;
    margin: 0 auto;
  }
}
.memberPage-pictureList-container {
  width: 100%;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: left;
}
.memberPage-pictureList-container .card {
  position: relative;
  overflow: hidden;
}
.memberPage-pictureList-container .card:hover .ai {
  top: 0;
}
.memberPage-pictureList-container .card .ai {
  position: absolute;
  right: 0;
  top: -45px;
  color: white;
  width: 44px;
  height: 44px;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  margin-bottom: 1.25px;
  font-size: 17px;
  line-height: 44px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.memberPage-pictureList-container .card .ai:hover {
  background: #000;
}
.memberPage-pictureList-container .card .releaseTime {
  position: absolute;
  left: 10px;
  bottom: 82px;
  font-size: 13px;
  line-height: 13px;
  height: 28px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 14px;
  font-weight: 400;
  padding: 0 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333;
}
.memberPage-pictureList-container .card .picture {
  border: 1px solid #f6f6f6;
  cursor: pointer;
}
.memberPage-pictureList-container .card .iconContainer {
  visibility: hidden;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  z-index: 11;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.memberPage-pictureList-container .card .iconContainer .normal {
  width: 16px;
  height: 16px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
.memberPage-pictureList-container .card .iconContainer .icon {
  width: 16px;
  height: 16px;
  line-height: 20px;
  color: #fff;
  background-color: #000000;
  border-radius: 8px;
  margin: 0;
  position: static;
}
.memberPage-pictureList-container .card .articleFooter {
  margin-top: 13px;
  height: 59px;
}
.memberPage-pictureList-container .card .articleFooter .info {
  margin-top: 9px;
  height: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.memberPage-pictureList-container .card .articleFooter .info .text {
  height: 12px;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #999999;
  line-height: 12px;
}
.memberPage-pictureList-container .card .articleFooter .operate {
  margin-top: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.memberPage-pictureList-container .card .articleFooter .operate .item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #d7d6d6;
  width: 80px;
  height: 34px;
  text-align: center;
  line-height: 32px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  cursor: pointer;
}
.memberPage-pictureList-container .card .articleFooter .operate .item .icon {
  font-size: 14px;
}
.memberPage-pictureList-container .card .articleFooter .operate .item .iconhuiyuanzhongxin_Trash {
  font-size: 20px;
}
.memberPage-pictureList-container .card .articleFooter .operate .item:hover {
  border-color: #111;
  background-color: #111;
  color: #fff;
}

.item_1ZmRr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 55px;
  width: 100%;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px; }
  .item_1ZmRr:hover {
    background-color: #4b4b4b; }
  .item_1ZmRr .imgContainer_2hdjI {
    width: 40px;
    height: 40px; }
  .item_1ZmRr .imgContainer_2hdjI .img__Y82n {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .item_1ZmRr .center_2JFSv {
    margin-left: 6px; }
  .item_1ZmRr .center_2JFSv .name_3ZFQa {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 16px;
      font-weight: normal;
      color: #fff; }
  .item_1ZmRr .center_2JFSv .num_3ZmRM {
      font-size: 12px;
      font-weight: normal;
      color: rgba(255, 255, 255, 0.8); }
  .item_1ZmRr .right_LDlHB {
    margin-left: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 38px;
    width: 80px;
    cursor: pointer;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 16px;
    font-weight: normal;
    color: #fff; }
  .item_1ZmRr .right_LDlHB.collect_24SHb {
      border: 1px solid rgba(222, 223, 222, 0.2);
      background-color: rgba(0, 0, 0, 0.2); }
  .item_1ZmRr .right_LDlHB.uncollect_3wReI {
      background-color: #000; }
  .item_1ZmRr .right_LDlHB.uncollect_3wReI:hover {
        background-color: #d0102c; }

.content_3mUts {
  width: 100%;
  background-color: black;
  border-radius: 10px;
  overflow: hidden; }
  .content_3mUts .header_2N5Ef {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #4b4b4b;
    padding: 28px 32px; }
  .content_3mUts .header_2N5Ef .title_2EOJ2 {
      font-size: 18px;
      font-weight: 500;
      color: #fff; }
  .content_3mUts .header_2N5Ef .desc_3PEWz {
      margin-left: 8px;
      font-size: 14px;
      font-weight: 500;
      color: rgba(255, 255, 255, 0.6); }
  .content_3mUts .header_2N5Ef .close_gUEYu {
      margin-left: auto;
      cursor: pointer;
      font-size: 20px;
      color: #fff; }
  .content_3mUts .main_wRTUV {
    background-color: #605f5f;
    padding: 17px 24px 24px 24px; }
  .content_3mUts .main_wRTUV .btn_1s7TH {
      margin: 0 auto;
      margin-top: 57px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 40px;
      width: 254px;
      cursor: pointer;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background-color: #222322;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.88); }
  .content_3mUts .main_wRTUV .btn_1s7TH:hover {
        background-color: #d0102c; }

.collect-dialog .ant-modal-content {
  background-color: #4b4b4b;
  border-radius: 10px;
}
.collect-dialog .ant-modal-content .ant-modal-body {
  padding: 0;
}

.playButton_3vpM9 {
  position: absolute;
  left: 163px;
  top: 16px;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 43px;
  width: 43px;
  cursor: pointer;
  background-color: #5c5c66;
  border-radius: 50%;
  color: #fff; }

.downloadButton_3w5L- {
  display: inline-block;
  height: 30px;
  width: 40px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  line-height: 30px; }

.collectionButton_2DeIz {
  display: inline-block;
  height: 30px;
  width: 40px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  line-height: 30px; }

.posterButton_2Smxz {
  display: inline-block;
  height: 30px;
  width: 40px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  line-height: 30px; }

.video-react-menu .video-react-menu-content::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.video-react .video-react-big-play-button {
  display: none;
}

.modal_2c6yw {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000000;
  background-color: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .modal_2c6yw .content_1mBqw {
    width: 100vh;
    height: 100vh; }

.card_3Tk3C {
  padding-bottom: 16px;
  width: calc((100% - 16px * 5) / 6);
  aspect-ratio: 200 / 267;
  position: relative;
  cursor: pointer; }
  .card_3Tk3C .playIcon_1D1f7 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    cursor: pointer;
    width: 13.7%; }
  .card_3Tk3C .video_FuNgU {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.modal_2b9SR {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000000;
  background-color: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .modal_2b9SR .content_394zF {
    position: relative;
    width: 871px;
    height: 890px;
    background-color: black; }
  .modal_2b9SR .content_394zF .close_10_rF {
      position: absolute;
      right: 0;
      top: 0;
      z-index: 20;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 32px;
      width: 32px;
      cursor: pointer;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: #dbdbdb; }
  .modal_2b9SR .content_394zF .btn_3Xn3W {
      position: absolute;
      top: 50%;
      z-index: 10;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 152px;
      width: 92px;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      cursor: pointer; }
  .modal_2b9SR .content_394zF .btn_3Xn3W.prev_1jeV2 {
        left: 0; }
  .modal_2b9SR .content_394zF .btn_3Xn3W.next_17hi6 {
        right: 0; }
  .modal_2b9SR .content_394zF .btn_3Xn3W .img_2IQOh {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1; }
  .modal_2b9SR .content_394zF .btn_3Xn3W .mask_tq4AL {
        z-index: 2;
        position: absolute;
        left: 0;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4); }
  .modal_2b9SR .content_394zF .btn_3Xn3W .text_1OfDS {
        z-index: 3;
        position: absolute;
        left: 0;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-size: 20px;
        font-weight: bold;
        color: white; }

.historySheet_27NZ6 {
  width: 100%;
  height: 100%;
  position: relative; }
  .historySheet_27NZ6 .shouqi_gm73w {
    width: 134px;
    height: 30px;
    position: absolute;
    top: -30px;
    right: 50%;
    -webkit-transform: translateY(-0.5%) translateX(50%);
        -ms-transform: translateY(-0.5%) translateX(50%);
            transform: translateY(-0.5%) translateX(50%);
    z-index: 1001;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border: 1px solid #000;
    background-color: #fff;
    font-size: 12px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.99);
    cursor: pointer; }
  .historySheet_27NZ6 .leftHover_1ZTM- {
    position: absolute;
    z-index: 10;
    height: 100%;
    width: calc(100%/6 + 24px);
    background: transparent;
    pointer-events: none; }
  .historySheet_27NZ6 .leftHover_1ZTM- .top_3Z0Bx {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 48px;
      background-color: #fff; }
  .historySheet_27NZ6 .leftHover_1ZTM- .right_2gUIe {
      position: absolute;
      top: 0;
      right: 0;
      width: 27px;
      height: 100%;
      background-color: #fff; }
  .historySheet_27NZ6 .leftHover_1ZTM- .left_1uKnr {
      position: absolute;
      top: 0;
      left: 0;
      width: 32px;
      height: 100%;
      background-color: #fff; }
  .historySheet_27NZ6 .main_3vaKs {
    height: 100%;
    padding: 0 32px;
    background-color: #f6f6f6;
    overflow-y: auto; }
  .historySheet_27NZ6 .main_3vaKs::-webkit-scrollbar {
      display: none; }
  .historySheet_27NZ6 .main_3vaKs .top_3Z0Bx {
      height: 48px;
      position: sticky;
      top: 0;
      z-index: 10;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: #f6f6f6;
      font-size: 12px; }
  .historySheet_27NZ6 .main_3vaKs .bottom_4OyED {
      position: sticky;
      bottom: 0;
      z-index: 10;
      margin-left: 17.5%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: calc(100% - 17.5%);
      background-color: #f6f6f6;
      font-size: 12px; }
  .historySheet_27NZ6 .main_3vaKs .bottom_4OyED .pagination_3RJAQ {
        margin-left: 0;
        margin-right: 0;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; }
  .historySheet_27NZ6 .main_3vaKs .videoList_1mk69 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-line-pack: start;
          align-content: flex-start;
      gap: 16px; }

.history-sheet .ant-drawer-content-wrapper .ant-drawer-content {
  overflow: visible;
}
.history-sheet .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body {
  overflow: visible;
}

.card_28WZw {
  -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
          box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  border-radius: 12px; }
  .card_28WZw:hover {
    background-color: #eee;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); }
  .card_28WZw .offlineTaskItem_2_0_K {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    border-radius: 12px;
    padding: 16px;
    color: rgba(0, 0, 0, 0.7);
    cursor: pointer; }
  .card_28WZw .offlineTaskItem_2_0_K .right_33C-t {
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
  .card_28WZw .offlineTaskItem_2_0_K .right_33C-t .a_2tySg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
  .card_28WZw .offlineTaskItem_2_0_K .right_33C-t .a_2tySg .name_132Cg {
          font-size: 18px;
          font-weight: 500; }
  .card_28WZw .offlineTaskItem_2_0_K .right_33C-t .a_2tySg .status_KxwAF {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          gap: 4px; }
  .card_28WZw .offlineTaskItem_2_0_K .right_33C-t .a_2tySg .status_KxwAF .circle_1ExZW {
            width: 16px;
            height: 16px;
            border-radius: 50%; }
  .card_28WZw .offlineTaskItem_2_0_K .right_33C-t .b_3yZj8 {
        margin-top: 12px;
        text-align: left; }
  .card_28WZw .offlineTaskItem_2_0_K .right_33C-t .c_1o8nG {
        margin-top: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 8px;
        font-variant-numeric: tabular-nums; }

.offLineSheetDetail_XDh-0 .header_14U4w {
  padding: 16px 32px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7);
  background-color: #fff; }
  .offLineSheetDetail_XDh-0 .header_14U4w .title_2PdJQ {
    font-size: 18px;
    font-weight: 500;
    color: #000; }
  .offLineSheetDetail_XDh-0 .main_1fELr {
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  background-color: #f5f5f5; }

.off-line-sheet-detail .ant-drawer-content-wrapper .ant-drawer-content {
  overflow: visible;
}
.off-line-sheet-detail .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body {
  overflow: visible;
}

.select_1HURo {
  width: 144px;
  position: relative; }
  .select_1HURo .trigger_2NIHQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 37.33px;
    min-width: 144px;
    cursor: pointer;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 8px 16px;
    border-radius: 37.33px;
    border: 1px solid #000;
    background-color: #f3f4f6; }
  .select_1HURo .trigger_2NIHQ .text_DMt8J {
      font-size: 14px;
      line-height: 20px; }
  .select_1HURo .content_3ee3m {
    padding: 4px;
    pointer-events: none;
    visibility: hidden;
    position: absolute;
    left: 0;
    bottom: -4px;
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
    background-color: #fff;
    z-index: 10000;
    max-height: 456px;
    width: 144px;
    cursor: pointer;
    overflow-y: auto;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid #d1d5db;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2px; }
  .select_1HURo .content_3ee3m::-webkit-scrollbar {
      display: none; }
  .select_1HURo .content_3ee3m.open_3KumD {
      pointer-events: auto;
      visibility: visible; }
  .select_1HURo .content_3ee3m .item_3sr2F {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 28px;
      width: 100%;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: #fff;
      padding: 0 8px;
      font-size: 14px;
      line-height: 20px;
      font-weight: 500;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
  .select_1HURo .content_3ee3m .item_3sr2F:hover, .select_1HURo .content_3ee3m .item_3sr2F.selected_2NZQJ {
        background-color: #000;
        color: #fff; }
  .select_1HURo .content_3ee3m .item_3sr2F .label_1ahBz {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .select_1HURo .content_3ee3m .item_3sr2F .close_S7Ldi {
        margin-left: 4px;
        width: 12px;
        height: 12px; }

.offLineSheet_2X73H {
  background-color: #f5f5f5;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative; }
  .offLineSheet_2X73H .close_1jS89 {
    position: absolute;
    left: 0;
    top: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    cursor: pointer;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: #f5f5f5;
    padding: 8px 16px;
    font-size: 14px;
    color: #080808; }
  .offLineSheet_2X73H .header_HDk9g {
    padding: 16px 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
  .offLineSheet_2X73H .header_HDk9g .title_3TyE7 {
      font-size: 18px;
      font-weight: 600;
      line-height: 28px;
      color: #000; }
  .offLineSheet_2X73H .filter_uzEIx {
    padding: 16px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px; }
  .offLineSheet_2X73H .main_2nKSL {
    padding: 24px;
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 16px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 24px;
    -ms-flex-line-pack: start;
        align-content: start;
    overflow-y: auto; }
  .offLineSheet_2X73H .main_2nKSL::-webkit-scrollbar {
      display: none; }
  .offLineSheet_2X73H .main_2nKSL .item_Ivuke {
      width: calc(50% - 12px); }
  .offLineSheet_2X73H .footer_nXrJj {
    padding: 0 24px;
    height: 64px;
    border-top: 1px solid #b4b4b4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .offLineSheet_2X73H .footer_nXrJj .pagination_2gxSn {
      margin-left: 0;
      margin-right: 0;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
  .noData_1duiK {
  width: 100%;
  height: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .noData_1duiK .noDataText_4htWE {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.4); }

.off-line-sheet .ant-drawer-content-wrapper .ant-drawer-content {
  overflow: visible;
}
.off-line-sheet .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body {
  overflow: visible;
}

.columnsContent_3Ddc1 .content_3njyJ {
  width: 1820px;
  min-width: 1300px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 0px 40px 132px 40px;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000; }

@media screen and (max-width: 1820px) {
  .columnsContent_3Ddc1 .content_3njyJ {
    width: 100%;
    margin: 0 auto;
    padding: 0px 40px 0px 40px; } }

.columnsContent_3Ddc1 .headerFilter_e-b1r {
  position: relative;
  left: 0;
  height: 80px;
  width: 100%;
  background-color: #FAFAFA;
  z-index: 50; }

.columnsContent_3Ddc1 .headerFilter_e-b1r .leftSpace_1b2Mb,
  .columnsContent_3Ddc1 .headerFilter_e-b1r .rightSpace_2-Ynk {
    width: calc((100% - 1760px) / 2);
    position: absolute;
    height: 30px;
    top: 0;
    background-color: #FAFAFA; }

.columnsContent_3Ddc1 .headerFilter_e-b1r .leftSpace_1b2Mb {
    left: 0; }

.columnsContent_3Ddc1 .headerFilter_e-b1r .rightSpace_2-Ynk {
    right: 0; }

.columnsContent_3Ddc1 .headerFilter_e-b1r .middleSpace_CgZ-N {
    width: 1820px;
    padding: 0 40px;
    height: 80px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-left: 2px solid #000000;
    border-right: 2px solid #000000; }

@media screen and (max-width: 1820px) {
      .columnsContent_3Ddc1 .headerFilter_e-b1r .middleSpace_CgZ-N {
        width: 100%; } }

.columnsContent_3Ddc1 .headerFilter_e-b1r .middleSpace_CgZ-N .middleSpaceBox_2fd_5 {
      width: 100%;
      border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.columnsContent_3Ddc1 .headerFilter_e-b1r .middleSpace_CgZ-N .listTitle2_Hn77w {
      width: 100%;
      height: 73px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.columnsContent_3Ddc1 .headerFilter_e-b1r .middleSpace_CgZ-N .listTitle2_Hn77w .item_Zz1qg {
        height: 73px;
        line-height: 73px;
        font-size: 20px;
        color: #999;
        font-weight: bold;
        margin-right: 42px;
        cursor: pointer; }

.columnsContent_3Ddc1 .headerFilter_e-b1r .middleSpace_CgZ-N .listTitle2_Hn77w .item_Zz1qg.active_hb-UP {
          color: #111111; }

.columnsContent_3Ddc1 .headerFilter_e-b1r .middleSpace_CgZ-N .center_2Bbmn {
      float: left;
      width: 70.91954%;
      height: 80px;
      padding-top: 24px; }

.columnsContent_3Ddc1 .headerFilter_e-b1r .middleSpace_CgZ-N .center_2Bbmn .pathAndFilter_2nYhb {
        position: relative;
        height: 55px;
        background-color: #FAFAFA; }

.columnsContent_3Ddc1 .headerFilter_e-b1r .middleSpace_CgZ-N .center_2Bbmn .pathAndFilter_2nYhb .map_1YtxM {
          position: absolute;
          left: -10px;
          top: 0;
          width: 40px;
          height: 40px;
          z-index: 10; }

.columnsContent_3Ddc1 .headerFilter_e-b1r .middleSpace_CgZ-N .center_2Bbmn .pathAndFilter_2nYhb .map_1YtxM:hover {
            background-color: #eee; }

.columnsContent_3Ddc1 .headerFilter_e-b1r .middleSpace_CgZ-N .center_2Bbmn .pathAndFilter_2nYhb .map_1YtxM .icon_1oG4P {
            position: absolute;
            left: 10px;
            top: 1px;
            line-height: 30px;
            cursor: pointer;
            font-size: 18px;
            color: #111; }

.columnsContent_3Ddc1 .headerFilter_e-b1r .middleSpace_CgZ-N .center_2Bbmn .pathAndFilter_2nYhb .map_1YtxM .modalWrap_CF10B {
            width: 1143px;
            height: 0;
            overflow: hidden;
            margin-left: 10px;
            margin-top: 59px;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease; }

.columnsContent_3Ddc1 .headerFilter_e-b1r .middleSpace_CgZ-N .center_2Bbmn .pathAndFilter_2nYhb .map_1YtxM:hover .modalWrap_CF10B {
            height: 420px; }

.columnsContent_3Ddc1 .headerFilter_e-b1r .middleSpace_CgZ-N .center_2Bbmn .pathAndFilter_2nYhb .crumbs_YWfx7 {
          position: absolute;
          height: 30px;
          line-height: 30px;
          left: 30px;
          top: 0; }

.columnsContent_3Ddc1 .headerFilter_e-b1r .middleSpace_CgZ-N .center_2Bbmn .filterBar_3ocjs {
        position: absolute;
        left: 190px;
        top: 5.5px;
        width: calc(100% - 200px); }

.columnsContent_3Ddc1 .headerFilter_e-b1r .middleSpace_CgZ-N .searchBox_2s2zN {
      width: 29.08046%;
      max-width: 500px;
      position: relative;
      overflow: unset;
      padding-top: 20px;
      float: left; }

.columnsContent_3Ddc1 .headerFilter_e-b1r .middleSpace_CgZ-N .right_2umUB {
      width: 100%;
      height: 38px; }

.columnsContent_3Ddc1 .headerFilter_e-b1r .middleSpace_CgZ-N .search_1__gI {
      position: absolute;
      left: 15px;
      top: 0px;
      z-index: 2;
      border-radius: 5px;
      color: #111;
      cursor: pointer; }

.columnsContent_3Ddc1 .headerFilter_e-b1r .middleSpace_CgZ-N .search_1__gI .text_2fI94 {
        font-size: 18px;
        line-height: 38px; }

.columnsContent_3Ddc1 .headerFilter_e-b1r .middleSpace_CgZ-N .closeSeach_2_8Wn {
      position: absolute;
      top: 0;
      right: 0px;
      width: 38px;
      height: 38px;
      text-align: center;
      cursor: pointer; }

.columnsContent_3Ddc1 .headerFilter_e-b1r .middleSpace_CgZ-N .closeSeach_2_8Wn > i {
        line-height: 38px;
        font-size: 12px;
        color: #111; }

.columnsContent_3Ddc1 .headerFilter_e-b1r.beFixed_2iaie {
    position: sticky;
    top: 0px;
    left: 0;
    width: 100%; }

.columnsContent_3Ddc1 .headerFilter_e-b1r.top110_2rJDi {
    top: 110px; }

@media screen and (max-width: 1760px) {
    .columnsContent_3Ddc1 .headerFilter_e-b1r .leftSpace_1b2Mb,
    .columnsContent_3Ddc1 .headerFilter_e-b1r .rightSpace_2-Ynk {
      width: 0; }
    .columnsContent_3Ddc1 .headerFilter_e-b1r .middleSpace_CgZ-N {
      width: 100%; }
    .columnsContent_3Ddc1 .headerFilter_e-b1r.beFixed_2iaie {
      -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
              transform: translateX(0); } }

.columnsContent_3Ddc1 .contentTop_1x1XK {
  padding-top: 16px;
  width: 100%;
  padding-bottom: 22.36%;
  position: relative; }

.columnsContent_3Ddc1 .contentTop_1x1XK .contentTopMain_VqUMC {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("https://assets.wow-trend.com/wowtrend/static/resource/images/aiChengyi/95006e1b.png") no-repeat center center;
    background-size: 100% 100%; }

.columnsContent_3Ddc1 .contentTop_1x1XK .contentTopMain_VqUMC .desc_jaI_A {
      position: absolute;
      top: 7.7%;
      left: 2.3%;
      width: 100%;
      height: 100%;
      z-index: 1; }

.columnsContent_3Ddc1 .contentTop_1x1XK .contentTopMain_VqUMC .desc_jaI_A .title_2N9Pp {
        margin-bottom: 8px;
        font-weight: 400;
        font-size: 56px;
        color: #fff;
        line-height: 68px; }

.columnsContent_3Ddc1 .contentTop_1x1XK .contentTopMain_VqUMC .desc_jaI_A .text_2fI94 {
        margin-top: 8px;
        font-weight: 200;
        font-size: 24px;
        color: #fff;
        line-height: 32px; }

.columnsContent_3Ddc1 .contentTop_1x1XK .contentTopMain_VqUMC .desc_jaI_A .btn_xVCnC {
        margin-top: 24px;
        width: 116px;
        height: 40px;
        background: url("https://assets.wow-trend.com/wowtrend/static/resource/images/aiChengyi/e5d8270b.png") no-repeat center center;
        background-size: 100% 100%;
        font-weight: bold;
        font-size: 17px;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        cursor: pointer; }

.columnsContent_3Ddc1 .contentTop_1x1XK .contentTopMain_VqUMC .qrCode_2cnif {
      position: absolute;
      bottom: 32px;
      right: 24px;
      z-index: 2;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }

.columnsContent_3Ddc1 .contentTop_1x1XK .contentTopMain_VqUMC .qrCode_2cnif .img_21QFV {
        width: 160px;
        height: 160px; }

.columnsContent_3Ddc1 .contentTop_1x1XK .contentTopMain_VqUMC .qrCode_2cnif .text_2fI94 {
        margin-top: 12px;
        font-weight: 500;
        font-size: 18px;
        color: #fff;
        line-height: 18px; }

.columnsContent_3Ddc1 .contentTabs_3vsLS {
  margin-top: 48px;
  width: 100%;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 58px; }

.columnsContent_3Ddc1 .contentTabs_3vsLS .tabItem_1ZnTG {
    font-weight: 500;
    font-size: 28px;
    color: rgba(0, 0, 0, 0.5);
    cursor: pointer; }

.columnsContent_3Ddc1 .contentTabs_3vsLS .tabItem_1ZnTG.active_hb-UP {
      color: #000; }

.columnsContent_3Ddc1 .contentDesc_3qwob {
  max-width: 996px;
  margin: 0 auto;
  margin-top: 24px;
  font-weight: 500;
  font-size: 18px;
  color: #000;
  line-height: 25px;
  text-align: center; }

.columnsContent_3Ddc1 .contentBody_2Xiny {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.columnsContent_3Ddc1 .contentBody_2Xiny .contentBodyMain_1_d2W {
    width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.columnsContent_3Ddc1 .contentCards_2w0gj {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start; }

.columnsContent_3Ddc1 .arrow_2U6Ya {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer; }

.columnsContent_3Ddc1 .arrow_2U6Ya .arrowIcon_1UoDF {
    display: block;
    height: 24px;
    margin: 0 auto;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    color: #000; }

.columnsContent_3Ddc1 .showList_2IVsm {
  background: #f1f1f1;
  padding: 36px 124px 56px 124px; }

.columnsContent_3Ddc1 .showList_2IVsm .showListTitle_15LLT {
    margin-bottom: 34px;
    font-weight: 500;
    font-size: 25px;
    color: #000;
    line-height: 34px;
    text-align: center; }

.columnsContent_3Ddc1 .videoList_2wToT {
  margin-top: 50px;
  padding: 0 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.columnsContent_3Ddc1 .videoList_2wToT .videoItem_2swac {
    width: calc((100% - 98px) / 3); }

.columnsContent_3Ddc1 .videoList_2wToT .line_10SXu {
    width: 1px;
    margin: 0 24px;
    background: #d1d1d1; }

.columnsContent_3Ddc1 .customizedList_2jEcr {
  margin-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.columnsContent_3Ddc1 .customizedList_2jEcr .customizedItem_1bJX3 {
    width: 404px;
    height: 404px;
    position: relative; }

.columnsContent_3Ddc1 .customizedList_2jEcr .customizedItem_1bJX3 .img_21QFV {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }

.columnsContent_3Ddc1 .customizedList_2jEcr .customizedItem_1bJX3 .text_2fI94 {
      position: absolute;
      bottom: 16px;
      left: 12px;
      width: calc(100% - 24px);
      height: 95px;
      background: rgba(0, 0, 0, 0.2);
      border-radius: 12px;
      -webkit-backdrop-filter: blur(10px);
              backdrop-filter: blur(10px);
      padding: 16px;
      font-weight: 500;
      font-size: 18px;
      color: #fff;
      line-height: 25px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }

.historySheetBtn_2z-jW {
  width: 134px;
  height: 30px;
  position: fixed;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border: 1px solid #000;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.99);
  font-weight: 500;
  background-color: #fff;
  z-index: 1000;
  cursor: pointer; }

.offLineBtn_3X2T3 {
  position: fixed;
  z-index: 999999;
  right: 0;
  top: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #000;
  padding: 2px 4px;
  font-size: 14px;
  color: #fff;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer; }

html {
  -ms-touch-action: none;
      touch-action: none;
}
.spin-loading {
  background: white;
}
.spin-loading .ant-spin-blur {
  opacity: 0 !important;
}
.viewer-modal-style .ant-modal-close {
  top: -3px;
  right: -10px;
  background-color: red;
  border-radius: 50%;
  color: red;
}
.viewer-modal-style .ant-modal-close:hover {
  color: #000;
}
.viewer-modal-style .ant-modal-close .ant-modal-close-x {
  width: 23px;
  height: 23px;
  line-height: 23px;
  font-size: 12px;
  font-size: 18px;
}
.viewer-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: white;
  border-radius: 5px;
}
.viewer-modal-forbidden {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
}
.viewer-modal-forbidden span {
  position: relative;
  display: block;
  width: 450px;
  height: 216px;
  margin: 18% auto 0;
  background-color: #000000;
  padding: 1px 0 1px;
  text-align: center;
}
.viewer-modal-forbidden i {
  position: absolute;
  top: -2px;
  right: 1px;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
}
.viewer-modal-forbidden img {
  display: inline-block;
  position: relative;
  top: 73px;
  max-width: 100%;
  vertical-align: top;
}
.viewer-modal-forbidden p {
  position: relative;
  top: 75px;
  display: inline-block;
  color: #fff;
  margin-bottom: 0;
}
.viewer-modal-forbidden p.NonMember {
  width: 270px;
  text-align: left;
  padding: 0 0 0 10px;
}
.viewer-modal-forbidden p.NonMember b {
  color: red;
}
.viewer-modal-forbidden p.UnBound {
  width: 270px;
  text-align: left;
  padding: 0 0 0 10px;
}
.viewer-drawer {
  position: absolute;
  z-index: 5;
  width: 100%;
  height: 100%;
  overflow-y: visible;
  background-color: #fff;
  padding: 0 10px 0;
}
.viewer-drawer-tags {
  margin-bottom: 2%;
}
.viewer-drawer-tags a {
  display: inline-block;
  max-width: 200px;
  padding: 1px 7px;
  margin: 0 8px 5px 0;
  border: 1px solid #d9d9d9;
  color: #000;
  border-radius: 4px;
  outline: none;
  font-size: 12px;
}
.viewer-drawer-tags a:hover {
  background-color: #000;
  color: #fff;
}
button.drawer-arrow-button {
  position: absolute;
  top: 50%;
  margin-top: -29px;
  width: 32px;
  height: 58px;
  line-height: 58px;
  outline: none;
  border: none;
  cursor: pointer;
  background-color: transparent;
  color: #8c8c8c;
  font-weight: bold;
  overflow: hidden;
}
button.drawer-arrow-button i {
  position: relative;
  top: 6px;
  left: -10px;
  font-size: 50px;
}
button.drawer-arrow-button.left {
  left: 2%;
}
button.drawer-arrow-button.right {
  right: 2%;
}
.viewer-drawer-upperbar {
  position: relative;
  width: 95%;
  height: 1px;
  margin: 0 auto;
}
.viewer-drawer-upperbar .viewer-drawer-handle {
  position: absolute;
  left: 50%;
  margin-left: -50px;
  text-align: center;
  width: 100px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  color: #666666;
  border: 1px solid #e4e5e6;
  border-radius: 3px 3px 0px 0px;
}
.viewer-drawer-upperbar .viewer-drawer-handle i {
  font-size: 12px;
}
.viewer-drawer-upperbar .viewer-drawer-handle.unactive {
  line-height: 33px;
}
.viewer-drawer-upperbar .viewer-drawer-handle.active {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  bottom: -29px;
}
.viewer-drawer-container {
  width: 88%;
  height: 100%;
  margin: 0 auto;
  padding: 2.6% 0 0 0;
  overflow-y: auto;
}
.viewer-drawer-container > li {
  position: relative;
  display: block;
}
.viewer-drawer-container .viewer-drawer-columnname {
  margin: 2.1% 0 1%;
  height: 21px;
  line-height: 21px;
  font-size: 15px;
  font-weight: bold;
  color: #000;
}
.viewer-drawer-container .viewer-drawer-columnname > .iconfont.iconxiangguanbiaoqian {
  font-size: 16px;
}
.viewer-drawer-container .viewer-drawer-columnname > .iconfont.iconxiangguantupian {
  margin-right: 5px;
}
.viewer-drawer-container .viewer-drawer-columnname > .iconfont.iconxiangguanzhuti {
  margin-right: 5px;
}
.viewer-drawer-container .viewer-drawer-columnname > .iconfont {
  font-size: 14px;
  font-weight: normal;
}
.viewer-drawer-container .viewer-drawer-columnname em {
  float: right;
  line-height: 30px;
  cursor: pointer;
  color: #999999;
  font-weight: normal;
  font-size: 14px;
}
.viewer-drawer-container .viewer-drawer-columnname a {
  float: right;
  line-height: 30px;
  cursor: pointer;
  color: #999999;
  font-weight: normal;
  font-size: 14px;
}
.viewer-drawer-container .viewer-drawer-picture-wrapper {
  width: 100%;
  overflow-x: auto;
}
.viewer-drawer-container .viewer-drawer-picture-wrapper .viewer-drawer-picture-list {
  height: 170px;
}
.viewer-drawer-container .viewer-drawer-picture-wrapper .viewer-drawer-picture-list .viewer-drawer-picture {
  float: left;
  width: 114px;
  height: 165px;
  margin: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ddd;
  border: 1px solid #ececec;
  cursor: pointer;
}
.viewer-drawer-container .viewer-drawer-picture-wrapper .viewer-drawer-picture-list .viewer-drawer-picture-withtitle {
  float: left;
  width: 320px;
  height: 205px;
  margin: 5px;
}
.viewer-drawer-container .viewer-drawer-picture-wrapper .viewer-drawer-picture-list .viewer-drawer-picture-withtitle figure {
  width: 320px;
  height: 165px;
  margin: 0 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ddd;
  cursor: pointer;
}
.viewer-drawer-container .viewer-drawer-picture-wrapper .viewer-drawer-picture-list .viewer-drawer-picture-withtitle p {
  padding: 0 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
  font-weight: 16px;
}
.viewer-previewList-container {
  margin-left: 50px;
  width: 114px;
  z-index: 6;
}
@media screen and (min-width: 2600px) {
  .viewer-previewList-container {
    height: 1500px;
  }
}
.viewer-previewList-logo {
  display: block;
  height: 32px;
  margin: 0 auto;
  text-align: center;
  background: #f6f6f6;
  cursor: pointer;
  line-height: 2.3;
}
.viewer-previewList-logo:hover {
  background-color: #edeeef;
}
.viewer-previewList-logo i {
  font-size: 16px;
  color: #888888;
}
.viewer-previewList-logo img {
  position: relative;
  top: 10px;
  display: inline-block;
}
.viewer-previewList-item {
  position: relative;
  width: 100%;
}
.viewer-previewList-item figure {
  cursor: pointer;
  margin: 0;
  border: 1px solid #ddd;
}
.viewer-previewList-item figure .LazyLoad {
  overflow: hidden;
}
.viewer-previewList-item .viewer-previewList-item-cover {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 171px;
  width: 114px;
  line-height: 116px;
  text-align: center;
  color: #fff;
  font-size: 23px;
  background-color: rgba(0, 0, 0, 0.35);
}
.viewer-imageCompt {
  position: relative;
  height: 100%;
  min-height: 730px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-repeat: no-repeat;
  margin: 15px 15px 15px 15px;
}
.viewer-imageCompt .viewer-inner {
  display: inline-block;
  position: relative;
}
.viewer-imageCompt .viewer-inner .image-loading {
  height: 800px;
  width: 528px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.viewer-imageCompt .viewer-inner img {
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.viewer-imageCompt .viewer-inner .info-video-wrapper .video-download-btn {
  display: inline-block;
  width: 36px;
  height: 36px;
  color: #fff;
  vertical-align: middle;
  text-align: center;
}
.viewer-imageCompt .viewer-inner .info-video-wrapper .video-download-btn i {
  position: relative;
  top: 9px;
  font-size: 12px;
}
.viewer-imageCompt .viewer-inner .info-video-wrapper .video-download-btn .iconhuiyuanzhongxin_shoucang {
  position: relative;
  top: 6px;
  font-size: 26px;
}
.viewer-imageCompt .viewer-inner .info-video-wrapper .video-download-btn .iconhuiyuanzhongxin_shoucang.collected {
  color: #f83e55;
}
.viewer-imageCompt .viewer-inner .view-image-btn {
  cursor: pointer;
  height: calc(100% - 36px);
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0px;
}
.viewer-imageCompt .viewer-inner .view-image-btn img {
  visibility: hidden;
}
.viewer-imageCompt .viewer-inner .view-image-btn:hover img {
  visibility: visible;
}
.viewer-imageCompt .viewer-inner .lbtn {
  left: 0px;
}
.viewer-imageCompt .viewer-inner .rbtn {
  right: 0px;
}
.viewer-imageCompt .viewer-imageCompt-icon {
  position: absolute;
  top: -2px;
  right: 0px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}
.viewer-imageCompt .current-total {
  bottom: 0px;
  right: -63px;
  display: inline-block;
  color: #999999;
  font-size: 14px;
  cursor: none;
}
@media screen and (min-width: 1377px) and (max-width: 1920px) {
  .viewer-imageCompt .current-total {
    right: -40px;
  }
}
.viewer-img-info {
  float: right;
}
.viewer-detailCompt {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #515151;
  height: 100%;
  margin: 15px 15px 15px 15px;
  display: inline-block;
  vertical-align: top;
  width: 303px;
  min-height: 700px;
}
.viewer-detailCompt .viewer-detail-top {
  padding-bottom: 40px;
}
.viewer-detailCompt > span {
  display: block;
}
@media screen and (min-width: 1200px) and (max-width: 1600px) {
  .viewer-detailCompt {
    -webkit-transform: scale(0.89);
        -ms-transform: scale(0.89);
            transform: scale(0.89);
    -webkit-transform-origin: top;
        -ms-transform-origin: top;
            transform-origin: top;
  }
}
.v-detailCompt-title {
  width: 100%;
  font-size: 22px;
  color: #000;
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 15px;
}
.v-detailCompt-time {
  margin-bottom: 5px;
}
.v-detailCompt-id {
  margin-bottom: 20px;
}
.v-detailCompt-id strong {
  font-weight: normal;
}
.v-detailCompt-tags-title {
  margin: 0 0 5px 0;
  font-size: 15px;
  font-weight: bold;
  color: #666666;
}
.v-detailCompt-tags {
  width: 97%;
  max-height: 90px;
  margin-bottom: 26px;
  line-height: 1;
}
.v-detailCompt-tags li {
  float: left;
  margin-right: 8px;
  margin-bottom: 14px;
}
.v-detailCompt-tags li .ant-tag {
  max-width: 264px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  cursor: pointer;
  color: #B2B2B2;
  background: #ffffff;
  border: 1px solid #dcdfe6;
  border-radius: 12px;
}
.v-detailCompt-tags li .ant-tag:hover {
  background-color: #000;
  color: #fff;
}
.v-detailCompt-btns button {
  border: none;
  outline: none;
  color: #fff;
  border-radius: 18px;
  font-size: 16px;
  margin-right: 10px;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  height: 50px;
  overflow: hidden;
  vertical-align: top;
}
.v-detailCompt-btns button i {
  font-size: 18px;
}
.v-detailCompt-btns button.active {
  background-color: #393535;
  color: #fff;
}
.v-detailCompt-btns button.active .iconxinwangzhanshangxian-shoucangdianji {
  color: #f45353;
}
.v-detailCompt-btns button:first-child {
  width: 230px;
  border-radius: 3px;
  background-color: #FF7030;
}
.v-detailCompt-btns button:last-child {
  border: 1px solid #b7b9bb;
  border-radius: 3px;
  background: #ffffff;
  color: #999999;
  width: 50px;
  overflow: hidden;
  line-height: 18px;
  padding-top: 2px;
}
.v-detailCompt-btns button:last-child i {
  font-size: 18px;
}
.none-content {
  color: #BFBFBF !important;
  font-size: 14px;
  text-align: center;
}
.none-content::before {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}
.v-detailCompt-detail {
  width: 320px;
  color: #fff;
}
.v-detailCompt-detail h4 {
  font-size: 14px;
  color: #111111;
  margin-bottom: 20px;
}
.v-detailCompt-detail .v-slider-content {
  height: 94.5%;
  width: 100%;
  overflow-y: auto;
}
.v-detailCompt-detail .assoc-articles .viewer-drawer-picture-withtitle {
  height: 200px;
  margin-bottom: 15px;
}
.v-detailCompt-detail .assoc-articles .viewer-drawer-picture-withtitle figure {
  width: 290px;
  height: 174px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ddd;
  cursor: pointer;
}
.v-detailCompt-detail .assoc-articles .viewer-drawer-picture-withtitle p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
  padding-top: 10px;
  font-weight: 400;
  font-size: 12px;
  color: #333333;
  cursor: pointer;
}
.v-detailCompt-detail .assoc-picture {
  margin-top: 23px;
}
.v-detailCompt-detail .assoc-picture .viewer-drawer-picture {
  width: 140px;
  height: 210px;
  margin-right: 10px;
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ddd;
  border: 1px solid #ececec;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
}
.v-detailCompt-detail .slick-slide > div {
  padding: 0 1px;
}
.v-detailCompt-detail figure {
  position: relative;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
}
.v-detailCompt-detail figure .LazyLoadWrapper {
  width: 137px;
  height: 184px;
  overflow: hidden;
}
.v-detailCompt-detail figure > span.v-detailCompt-detail-item-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 137px;
  height: 184px;
  background-color: rgba(0, 0, 0, 0.35);
}
.v-detailCompt-detail > h4 {
  font-size: 14px;
  color: #111111;
}
.v-detailCompt-detail .v-detailCompt-arrows {
  display: block;
  margin-top: 5px;
}
.v-detailCompt-detail .v-detailCompt-arrows button {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: none;
  outline: none;
  background-color: #f6f6f6;
  color: #888888;
  cursor: pointer;
}
.v-detailCompt-detail .v-detailCompt-arrows button:hover,
.v-detailCompt-detail .v-detailCompt-arrows button.active {
  color: #333333;
  background-color: #edeeef;
}
.viewer-hd-preview {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #000;
}
.viewer-hd-preview img {
  position: relative;
  cursor: move;
  visibility: hidden;
}
.viewer-hd-preview-hint {
  position: absolute;
  top: 30%;
  left: 50%;
  width: 230px;
  padding: 30px 10px 10px;
  margin-left: -150px;
  color: #fff;
  background-color: rgba(150, 147, 147, 0.5);
  border-radius: 5px;
}
.viewer-hd-preview-hint p {
  margin: 10px 0 18px;
  text-align: center;
  height: 30px;
  line-height: 30px;
}
.viewer-hd-preview-hint p i {
  display: inline-block;
  font-size: 30px;
}
.viewer-hd-preview-hint p em {
  position: relative;
  bottom: 6px;
  display: inline-block;
  line-height: 30px;
}
.viewer-hd-preview-hint button {
  display: block;
  height: 25px;
  margin: 0 auto;
  line-height: 25px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
  border: none;
  outline: none;
  background-color: transparent;
  letter-spacing: 1px;
}
.myZoomBigImagesLoading {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 140px;
  height: 24px;
  margin-top: -24px;
  margin-left: -70px;
  color: #fff;
  text-align: center;
  z-index: 10;
}
.myZoomBigImagesMask,
.myZoomBigImagesBox,
.myZoomBigImagesBox > img {
  cursor: url(https://assets.wow-trend.com/wowtrend/static/resource/images/jian.cur), auto;
}
.myZoomBigImagesBox > .close-icon {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #fff;
  font-size: 22px;
  cursor: pointer;
}

.page-more {
  padding: 40px 0 40px 40px;
  width: 100%;
  overflow: hidden;
  z-index: 0;
}
.page-more .page-title {
  font-weight: bold;
  color: #000;
  font-size: 18px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #E4E5E6;
}
.page-more .page-more-action {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  position: relative;
}
.page-more .page-more-action .page-index > span {
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 25px;
  font-size: 12px;
  line-height: 25px;
  text-align: center;
}
.page-more .page-more-action .page-index > span.selected {
  background-color: #000;
  color: #fff;
}
.page-more .page-more-action .page-more-action-box {
  position: absolute;
  top: 0;
  right: 0;
}
.page-more .page-more-action .page-more-action-box > span {
  display: inline-block;
  padding: 0 7px;
  margin-right: 10px;
  background: #f7f7f7;
  height: 25px;
  line-height: 25px;
  border-radius: 5px;
  font-size: 12px;
  cursor: pointer;
}
.page-more .page-more-action .page-more-action-box > span:hover {
  background: black;
  color: white;
  outline: black;
  border-radius: 13px;
}
.page-more .page-more-list {
  margin: 20px 0 0 0;
  display: inline-block;
  width: 100%;
  max-height: 560px;
  overflow-y: auto;
}
.page-more .page-more-list .ant-checkbox-inner {
  border-color: #fff;
  background-color: rgba(0, 0, 0, 0.1);
}
.page-more .page-more-list .ant-checkbox-checked .ant-checkbox-inner {
  background-color: rgba(0, 0, 0, 0.1);
  border-color: #fff;
}
.page-more .page-more-list .ant-checkbox-checked::after {
  border: 1px solid #fff;
}
.page-more .page-more-list .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.page-more .page-more-list .ant-checkbox:hover .ant-checkbox-inner,
.page-more .page-more-list .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #fff;
}
.page-more .page-more-list .page-list-empty {
  padding-top: 70px;
}
.page-more .page-more-list .page-list-item {
  position: relative;
  width: 16%;
  margin: 0 0.5% 1% 0;
  padding-top: 25%;
  float: left;
}
.page-more .page-more-list .page-list-item.page-title {
  padding-top: 22.5%;
  position: relative;
  -webkit-box-shadow: 0px 0px 1px 1px #ddd inset;
          box-shadow: 0px 0px 1px 1px #ddd inset;
}
.page-more .page-more-list .page-list-item.page-title .p-title {
  width: 56px;
  height: 80px;
  font-size: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  line-height: 80px;
  text-align: center;
}
.page-more .page-more-list .page-list-item.page-title .p-title .line-top,
.page-more .page-more-list .page-list-item.page-title .p-title .line-bottom {
  width: 20px;
  height: 1px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #ddd;
}
.page-more .page-more-list .page-list-item.page-title .p-title .line-top {
  top: 0;
}
.page-more .page-more-list .page-list-item.page-title .p-title .line-bottom {
  bottom: 0;
}
.page-more .page-more-list .page-list-item .item-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-more .page-more-list .page-list-item .imageContainer {
  width: 100%;
  height: 90%;
  overflow: hidden;
  cursor: pointer;
}
.page-more .page-more-list .page-list-item .imageContainer img {
  -webkit-transition: -webkit-transform ease-out 0.2s;
  transition: -webkit-transform ease-out 0.2s;
  transition: transform ease-out 0.2s;
  transition: transform ease-out 0.2s, -webkit-transform ease-out 0.2s;
}
.page-more .page-more-list .page-list-item .imageContainer:hover img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.page-more .page-more-list .page-list-item .imageContainer .image {
  width: 100%;
  height: 100%;
  background-position: top center;
  background-size: contain;
  background: no-repeat;
}
.page-more .page-more-list .page-list-item .item-text {
  width: 100%;
  height: 10%;
  line-height: 14px;
  font-size: 14px;
  padding: 0 3px;
}
.page-more .page-more-list .page-list-item .item-text div.text-box {
  height: 14px;
  margin: 3px 0 0 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 14px;
  text-align: center;
}
.page-more .page-more-list .page-list-item .item-text div.text-box span {
  margin-right: 5px;
}
.page-more .page-more-list .page-list-item .image:hover {
  -webkit-transition: all 600ms;
  transition: all 600ms;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.page-more .page-more-list .page-list-item .select {
  position: absolute;
  opacity: 0.8;
  top: 2px;
  left: 3px;
  width: 5px;
  height: 5px;
}
.page-more .page-more-list .page-list-item .action {
  position: absolute;
  top: 4px;
  right: 3px;
  display: none;
}
.page-more .page-more-list .page-list-item .action .active i {
  color: red;
}
.page-more .page-more-list .page-list-item .action > div {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #706767;
  margin-bottom: 8px;
}
.page-more .page-more-list .page-list-item .action > div i {
  display: block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  cursor: pointer;
  font-size: 24px;
  color: white;
}
.page-more .page-more-list .page-list-item .action > div i::before {
  position: relative;
  top: -3px;
}
.page-more .page-more-list .page-list-item .action > div i:hover {
  font-weight: bold;
}
.page-more .page-more-list .page-list-item:hover .action {
  display: block;
}

.slick-dots {
  position: absolute;
  bottom: 15px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.svg-composition .rh5v-DefaultPlayer_controls {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  background-color: #2b333f;
}
.svg-composition .rh5v-Volume_button svg {
  width: 25px;
  height: 25px;
}

.div-tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.div-td {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.div-tr:first-child .div-td {
  border-top: 1px solid #ccc;
}
.div-td:first-of-type {
  border-left: 1px solid #ccc;
}
.div-td {
  border-top-width: 0;
  border-left-width: 0;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  empty-cells: show;
  line-height: 21px;
  padding: 0 4px 0 4px;
  background-color: #fff;
  vertical-align: top;
  overflow: hidden;
  outline-width: 0;
  white-space: pre-line;
}
/*!
 * Copyright (c) HANDSONCODE sp. z o. o.
 * 
 * HANDSONTABLE is a software distributed by HANDSONCODE sp. z o. o.,
 * a Polish corporation, based in Gdynia, Poland, at 96/98 Aleja Zwycięstwa,
 * registered with the National Court Register under number 538651,
 * EU tax ID number: PL5862294002, share capital: PLN 62,800.00.
 * 
 * This software is protected by applicable copyright laws, including
 * international treaties, and dual-licensed – depending on whether
 * your use is intended for or may result in commercial advantage
 * or monetary compensation (commercial purposes), or not.
 * 
 * If your use involves only such purposes as research, private study,
 * evaluation and the like, you agree to be bound by the terms included
 * in the "handsontable-non-commercial-license.pdf" file, available
 * in the main directory of this software repository.
 * 
 * By installing, copying, or otherwise using this software for
 * commercial purposes, you agree to be bound by the terms included
 * in the "handsontable-general-terms.pdf" file, available in the main
 * directory of this software repository.
 * 
 * HANDSONCODE PROVIDES THIS SOFTWARE ON AN "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND. IN NO EVENT
 * AND UNDER NO LEGAL THEORY, SHALL HANDSONCODE BE LIABLE
 * TO YOU FOR DAMAGES, INCLUDING ANY DIRECT, INDIRECT, SPECIAL,
 * INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING
 * FROM USE OR INABILITY TO USE THIS SOFTWARE.
 * 
 * Version: 8.1.0
 * Release date: 01/10/2020 (built at 01/10/2020 12:44:44)
 */
/**
 * Fix for bootstrap styles
 */
.handsontable .table th,
.handsontable .table td {
  border-top: none;
}
.handsontable tr {
  background: #fff;
}
.handsontable td {
  background-color: inherit;
}
.handsontable .table caption + thead tr:first-child th,
.handsontable .table caption + thead tr:first-child td,
.handsontable .table colgroup + thead tr:first-child th,
.handsontable .table colgroup + thead tr:first-child td,
.handsontable .table thead:first-child tr:first-child th,
.handsontable .table thead:first-child tr:first-child td {
  border-top: 1px solid #cccccc;
}
/* table-bordered */
.handsontable .table-bordered {
  border: 0;
  border-collapse: separate;
}
.handsontable .table-bordered th,
.handsontable .table-bordered td {
  border-left: none;
}
.handsontable .table-bordered th:first-child,
.handsontable .table-bordered td:first-child {
  border-left: 1px solid #cccccc;
}
.handsontable .table > tbody > tr > td,
.handsontable .table > tbody > tr > th,
.handsontable .table > tfoot > tr > td,
.handsontable .table > tfoot > tr > th,
.handsontable .table > thead > tr > td,
.handsontable .table > thead > tr > th {
  line-height: 21px;
  padding: 0 4px;
}
.col-lg-1.handsontable,
.col-lg-10.handsontable,
.col-lg-11.handsontable,
.col-lg-12.handsontable,
.col-lg-2.handsontable,
.col-lg-3.handsontable,
.col-lg-4.handsontable,
.col-lg-5.handsontable,
.col-lg-6.handsontable,
.col-lg-7.handsontable,
.col-lg-8.handsontable,
.col-lg-9.handsontable,
.col-md-1.handsontable,
.col-md-10.handsontable,
.col-md-11.handsontable,
.col-md-12.handsontable,
.col-md-2.handsontable,
.col-md-3.handsontable,
.col-md-4.handsontable,
.col-md-5.handsontable,
.col-md-6.handsontable,
.col-md-7.handsontable,
.col-md-8.handsontable,
.col-md-9.handsontable .col-sm-1.handsontable,
.col-sm-10.handsontable,
.col-sm-11.handsontable,
.col-sm-12.handsontable,
.col-sm-2.handsontable,
.col-sm-3.handsontable,
.col-sm-4.handsontable,
.col-sm-5.handsontable,
.col-sm-6.handsontable,
.col-sm-7.handsontable,
.col-sm-8.handsontable,
.col-sm-9.handsontable .col-xs-1.handsontable,
.col-xs-10.handsontable,
.col-xs-11.handsontable,
.col-xs-12.handsontable,
.col-xs-2.handsontable,
.col-xs-3.handsontable,
.col-xs-4.handsontable,
.col-xs-5.handsontable,
.col-xs-6.handsontable,
.col-xs-7.handsontable,
.col-xs-8.handsontable,
.col-xs-9.handsontable {
  padding-left: 0;
  padding-right: 0;
}
.handsontable .table-striped > tbody > tr:nth-of-type(even) {
  background-color: #fff;
}
.handsontable {
  /* position: relative; */
}
.handsontable .hide {
  display: none;
}
.handsontable .relative {
  position: relative;
}
.handsontable .wtHider {
  width: 0;
}
.handsontable .wtSpreader {
  /* position: relative; */
  width: 0;
  /*must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */
  height: auto;
}
.handsontable table,
.handsontable tbody,
.handsontable thead,
.handsontable td,
.handsontable th,
.handsontable input,
.handsontable textarea,
.handsontable div {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
}
.handsontable input,
.handsontable textarea {
  min-height: initial;
}
.handsontable table.htCore {
  border-collapse: separate;
  /* it must be separate, otherwise there are offset miscalculations in WebKit: http://stackoverflow.com/questions/2655987/border-collapse-differences-in-ff-and-webkit */
  /* this actually only changes appearance of user selection - does not make text unselectable */
  /* -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -o-user-select: none;
     -ms-user-select: none;
     user-select: none; */
  /* no browser supports unprefixed version */
  border-spacing: 0;
  margin: 0;
  border-width: 0;
  table-layout: fixed;
  width: 0;
  outline-width: 0;
  cursor: default;
  /* reset bootstrap table style. for more info see: https://github.com/handsontable/handsontable/issues/224 */
  max-width: none;
  max-height: none;
}
.handsontable col {
  width: 50px;
}
.handsontable col.rowHeader {
  width: 50px;
}
.handsontable th,
.handsontable td {
  border-top-width: 0;
  border-left-width: 0;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  height: 22px;
  empty-cells: show;
  line-height: 21px;
  padding: 0 4px 0 4px;
  /* top, bottom padding different than 0 is handled poorly by FF with HTML5 doctype */
  background-color: #fff;
  vertical-align: top;
  overflow: hidden;
  outline-width: 0;
  white-space: pre-line;
  /* preserve new line character in cell */
}
.handsontable th:last-child {
  /*Foundation framework fix*/
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.handsontable th:first-child,
.handsontable th:nth-child(2),
.handsontable td:first-of-type {
  border-left: 1px solid #ccc;
}
.handsontable.htRowHeaders thead tr th:nth-child(2) {
  border-left: 1px solid #ccc;
}
.handsontable tr:first-child th,
.handsontable tr:first-child td {
  border-top: 1px solid #ccc;
}
.ht_master:not(.innerBorderLeft):not(.emptyColumns) ~ .handsontable tbody tr th,
.ht_master:not(.innerBorderLeft):not(.emptyColumns) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child {
  border-right-width: 0;
}
/*
 innerBorderTop - Property controlled by top overlay
 innerBorderBottom - Property controlled by bottom overlay
  */
.ht_master:not(.innerBorderTop):not(.innerBorderBottom) thead tr:last-child th,
.ht_master:not(.innerBorderTop):not(.innerBorderBottom) ~ .handsontable thead tr:last-child th,
.ht_master:not(.innerBorderTop):not(.innerBorderBottom) thead tr.lastChild th,
.ht_master:not(.innerBorderTop):not(.innerBorderBottom) ~ .handsontable thead tr.lastChild th {
  border-bottom-width: 0;
}
.handsontable th {
  background-color: #f0f0f0;
  color: #222;
  text-align: center;
  font-weight: normal;
  white-space: nowrap;
}
.handsontable thead th {
  padding: 0;
}
.handsontable th.active {
  background-color: #ccc;
}
.handsontable thead th .relative {
  padding: 2px 4px;
}
.handsontable span.colHeader {
  display: inline-block;
  line-height: 1.1;
}
/* Selection */
.handsontable .wtBorder {
  position: absolute;
  font-size: 0;
}
.handsontable .wtBorder.hidden {
  display: none !important;
}
/* A layer order of the selection types */
.handsontable .wtBorder.current {
  z-index: 10;
}
.handsontable .wtBorder.area {
  z-index: 8;
}
.handsontable .wtBorder.fill {
  z-index: 6;
}
/* fill handle */
.handsontable .wtBorder.corner {
  font-size: 0;
  cursor: crosshair;
}
.ht_clone_master {
  z-index: 100;
}
.ht_clone_right {
  z-index: 110;
}
.ht_clone_left {
  z-index: 120;
}
.ht_clone_bottom {
  z-index: 130;
}
.ht_clone_bottom_right_corner {
  z-index: 140;
}
.ht_clone_bottom_left_corner {
  z-index: 150;
}
.ht_clone_top {
  z-index: 160;
}
.ht_clone_top_right_corner {
  z-index: 170;
}
.ht_clone_top_left_corner {
  z-index: 180;
}
/*
   Cell borders
   */
.handsontable tbody tr th:nth-last-child(2) {
  border-right: 1px solid #ccc;
}
.ht_clone_top_left_corner thead tr th:nth-last-child(2) {
  border-right: 1px solid #ccc;
}
.handsontable col.hidden {
  width: 0 !important;
}
.handsontable tr.hidden,
.handsontable tr.hidden td,
.handsontable tr.hidden th {
  display: none;
}
.ht_master,
.ht_clone_left,
.ht_clone_top,
.ht_clone_bottom {
  overflow: hidden;
}
.ht_master .wtHolder {
  overflow: auto;
}
.ht_master .wtHolder::-webkit-scrollbar-thumb {
  background-color: #00c1de;
}
.handsontable .ht_master thead,
.handsontable .ht_master tr th,
.handsontable .ht_clone_left thead {
  visibility: hidden;
}
.ht_clone_top .wtHolder,
.ht_clone_left .wtHolder,
.ht_clone_bottom .wtHolder {
  overflow: hidden;
}
.handsontable.htAutoSize {
  visibility: hidden;
  left: -99000px;
  position: absolute;
  top: -99000px;
}
.handsontable td.htInvalid {
  background-color: #ff4c42 !important;
  /*gives priority over td.area selection background*/
}
.handsontable td.htNoWrap {
  white-space: nowrap;
}
#hot-display-license-info {
  font-size: 10px;
  color: #323232;
  padding: 5px 0 3px 0;
  font-family: Helvetica, Arial, sans-serif;
  text-align: left;
}
#hot-display-license-info a {
  font-size: 10px;
}
/* plugins */
/* row + column resizer*/
.handsontable .manualColumnResizer {
  position: absolute;
  top: 0;
  cursor: col-resize;
  z-index: 210;
  width: 5px;
  height: 25px;
}
.handsontable .manualRowResizer {
  position: absolute;
  left: 0;
  cursor: row-resize;
  z-index: 210;
  height: 5px;
  width: 50px;
}
.handsontable .manualColumnResizer:hover,
.handsontable .manualColumnResizer.active,
.handsontable .manualRowResizer:hover,
.handsontable .manualRowResizer.active {
  background-color: #34a9db;
}
.handsontable .manualColumnResizerGuide {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #34a9db;
  display: none;
  width: 0;
  border-right: 1px dashed #777;
  margin-left: 5px;
}
.handsontable .manualRowResizerGuide {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #34a9db;
  display: none;
  height: 0;
  border-bottom: 1px dashed #777;
  margin-top: 5px;
}
.handsontable .manualColumnResizerGuide.active,
.handsontable .manualRowResizerGuide.active {
  display: block;
  z-index: 209;
}
.handsontable .columnSorting {
  position: relative;
}
.handsontable .columnSorting.sortAction:hover {
  text-decoration: underline;
  cursor: pointer;
}
/* Arrow position */
.handsontable span.colHeader.columnSorting::before {
  /* Centering start */
  top: 50%;
  margin-top: -6px;
  /* One extra pixel for purpose of proper positioning of sorting arrow, when `font-size` set to default */
  /* Centering end */
  padding-left: 8px;
  /* For purpose of continuous mouse over experience, when moving between the `span` and the `::before` elements */
  position: absolute;
  right: -9px;
  content: "";
  height: 10px;
  width: 5px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: right;
}
.handsontable span.colHeader.columnSorting.ascending::before {
  /* arrow up; 20 x 40 px, scaled to 5 x 10 px; base64 size: 0.3kB */
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKE86IAAAADXRSTlMABBEmRGprlJW72e77tTkTKwAAAFNJREFUeAHtzjkSgCAUBNHPgsoy97+ulGXRqJE5L+xkxoYt2UdsLb5bqFINz+aLuuLn5rIu2RkO3fZpWENimNgiw6iBYRTPMLJjGFxQZ1hxxb/xBI1qC8k39CdKAAAAAElFTkSuQmCC");
}
.handsontable span.colHeader.columnSorting.descending::before {
  /* arrow down; 20 x 40 px, scaled to 5 x 10 px; base64 size: 0.3kB */
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKE86IAAAADXRSTlMABBEmRGprlJW72e77tTkTKwAAAFJJREFUeAHtzjkSgCAQRNFmQYUZ7n9dKUvru0TmvPAn3br0QfgdZ5xx6x+rQn23GqTYnq1FDcnuzZIO2WmedVqIRVxgGKEyjNgYRjKGkZ1hFIZ3I70LyM0VtU8AAAAASUVORK5CYII=");
}
.htGhostTable .htCore span.colHeader.columnSorting:not(.indicatorDisabled)::after {
  content: "*";
  display: inline-block;
  position: relative;
  /* The multi-line header and header with longer text need more padding to not hide arrow,
   we make header wider in `GhostTable` to make some space for arrow which is positioned absolutely in the main table */
  padding-right: 20px;
}
.handsontable td.area,
.handsontable td.area-1,
.handsontable td.area-2,
.handsontable td.area-3,
.handsontable td.area-4,
.handsontable td.area-5,
.handsontable td.area-6,
.handsontable td.area-7 {
  position: relative;
}
.handsontable td.area:before,
.handsontable td.area-1:before,
.handsontable td.area-2:before,
.handsontable td.area-3:before,
.handsontable td.area-4:before,
.handsontable td.area-5:before,
.handsontable td.area-6:before,
.handsontable td.area-7:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  bottom: -100% \9;
  /* Fix for IE9 to spread the ":before" pseudo element to 100% height of the parent element */
  background: #005eff;
}
/* Fix for IE10 and IE11 to spread the ":before" pseudo element to 100% height of the parent element */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .handsontable td.area:before,
  .handsontable td.area-1:before,
  .handsontable td.area-2:before,
  .handsontable td.area-3:before,
  .handsontable td.area-4:before,
  .handsontable td.area-5:before,
  .handsontable td.area-6:before,
  .handsontable td.area-7:before {
    bottom: -100%;
  }
}
.handsontable td.area:before {
  opacity: 0.1;
}
.handsontable td.area-1:before {
  opacity: 0.2;
}
.handsontable td.area-2:before {
  opacity: 0.27;
}
.handsontable td.area-3:before {
  opacity: 0.35;
}
.handsontable td.area-4:before {
  opacity: 0.41;
}
.handsontable td.area-5:before {
  opacity: 0.47;
}
.handsontable td.area-6:before {
  opacity: 0.54;
}
.handsontable td.area-7:before {
  opacity: 0.58;
}
.handsontable tbody th.ht__highlight,
.handsontable thead th.ht__highlight {
  background-color: #dcdcdc;
}
.handsontable tbody th.ht__active_highlight,
.handsontable thead th.ht__active_highlight {
  background-color: #8eb0e7;
  color: #000;
}
.handsontableInput {
  border: none;
  outline-width: 0;
  margin: 0;
  padding: 1px 5px 0 5px;
  font-family: inherit;
  line-height: 21px;
  font-size: inherit;
  -webkit-box-shadow: 0 0 0 2px #5292f7 inset;
          box-shadow: 0 0 0 2px #5292f7 inset;
  resize: none;
  /*below are needed to overwrite stuff added by jQuery UI Bootstrap theme*/
  display: block;
  color: #000;
  border-radius: 0;
  background-color: #fff;
  /*overwrite styles potentionally made by a framework*/
}
.handsontableInput:focus {
  outline: none;
}
.handsontableInputHolder {
  position: absolute;
  top: 0;
  left: 0;
}
.htSelectEditor {
  -webkit-appearance: menulist-button !important;
  position: absolute;
  width: auto;
}
.htSelectEditor:focus {
  outline: none;
}
/*
 TextRenderer readOnly cell
 */
.handsontable .htDimmed {
  color: #777;
}
.handsontable .htSubmenu {
  position: relative;
}
.handsontable .htSubmenu :after {
  content: "\25B6";
  color: #777;
  position: absolute;
  right: 5px;
  font-size: 9px;
}
/*
 TextRenderer horizontal alignment
 */
.handsontable .htLeft {
  text-align: left;
}
.handsontable .htCenter {
  text-align: center;
}
.handsontable .htRight {
  text-align: right;
}
.handsontable .htJustify {
  text-align: justify;
}
/*
 TextRenderer vertical alignment
 */
.handsontable .htTop {
  vertical-align: top;
}
.handsontable .htMiddle {
  vertical-align: middle;
}
.handsontable .htBottom {
  vertical-align: bottom;
}
/*
 TextRenderer placeholder value
 */
.handsontable .htPlaceholder {
  color: #999;
}
/*
 AutocompleteRenderer down arrow
 */
.handsontable .htAutocompleteArrow {
  float: right;
  font-size: 10px;
  color: #eee;
  cursor: default;
  width: 16px;
  text-align: center;
}
.handsontable td .htAutocompleteArrow:hover {
  color: #777;
}
.handsontable td.area .htAutocompleteArrow {
  color: #d3d3d3;
}
/*
 CheckboxRenderer
 */
.handsontable .htCheckboxRendererInput {
  display: inline-block;
}
.handsontable .htCheckboxRendererInput.noValue {
  opacity: 0.5;
}
.handsontable .htCheckboxRendererLabel {
  font-size: inherit;
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
  width: 100%;
}
/**
  * Handsontable listbox theme
  */
.handsontable.listbox {
  margin: 0;
}
.handsontable.listbox .ht_master table {
  border: 1px solid #ccc;
  border-collapse: separate;
  background: white;
}
.handsontable.listbox th,
.handsontable.listbox tr:first-child th,
.handsontable.listbox tr:last-child th,
.handsontable.listbox tr:first-child td,
.handsontable.listbox td {
  border-color: transparent;
}
.handsontable.listbox th,
.handsontable.listbox td {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.handsontable.listbox td.htDimmed {
  cursor: default;
  color: inherit;
  font-style: inherit;
}
.handsontable.listbox .wtBorder {
  visibility: hidden;
}
.handsontable.listbox tr td.current,
.handsontable.listbox tr:hover td {
  background: #eee;
}
.ht_editor_hidden {
  z-index: -1;
}
.ht_editor_visible {
  z-index: 200;
}
.handsontable td.htSearchResult {
  background: #fcedd9;
  color: #583707;
}
.collapsibleIndicator {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  right: 5px;
  border: 1px solid #a6a6a6;
  line-height: 10px;
  color: #222;
  border-radius: 10px;
  font-size: 10px;
  width: 10px;
  height: 10px;
  cursor: pointer;
  -webkit-box-shadow: 0 0 0 6px #eeeeee;
  box-shadow: 0 0 0 6px #eeeeee;
  background: #eee;
}
/*
 
  Handsontable Mobile Text Editor stylesheet
 
  */
.handsontable.mobile,
.handsontable.mobile .wtHolder {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-overflow-scrolling: touch;
}
.htMobileEditorContainer {
  display: none;
  position: absolute;
  top: 0;
  width: 70%;
  height: 54pt;
  background: #f8f8f8;
  border-radius: 20px;
  border: 1px solid #ebebeb;
  z-index: 999;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-text-size-adjust: none;
}
.topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle),
.topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea) {
  z-index: 9999;
}
/* Initial left/top coordinates - overwritten when actual position is set */
.topLeftSelectionHandle,
.topLeftSelectionHandle-HitArea,
.bottomRightSelectionHandle,
.bottomRightSelectionHandle-HitArea {
  left: -10000px;
  top: -10000px;
}
.htMobileEditorContainer.active {
  display: block;
}
.htMobileEditorContainer .inputs {
  position: absolute;
  right: 210pt;
  bottom: 10pt;
  top: 10pt;
  left: 14px;
  height: 34pt;
}
.htMobileEditorContainer .inputs textarea {
  font-size: 13pt;
  border: 1px solid #a1a1a1;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: absolute;
  left: 14px;
  right: 14px;
  top: 0;
  bottom: 0;
  padding: 7pt;
}
.htMobileEditorContainer .cellPointer {
  position: absolute;
  top: -13pt;
  height: 0;
  width: 0;
  left: 30px;
  border-left: 13pt solid transparent;
  border-right: 13pt solid transparent;
  border-bottom: 13pt solid #ebebeb;
}
.htMobileEditorContainer .cellPointer.hidden {
  display: none;
}
.htMobileEditorContainer .cellPointer:before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  height: 0;
  width: 0;
  left: -13pt;
  border-left: 13pt solid transparent;
  border-right: 13pt solid transparent;
  border-bottom: 13pt solid #f8f8f8;
}
.htMobileEditorContainer .moveHandle {
  position: absolute;
  top: 10pt;
  left: 5px;
  width: 30px;
  bottom: 0px;
  cursor: move;
  z-index: 9999;
}
.htMobileEditorContainer .moveHandle:after {
  content: "..\A..\A..\A..";
  white-space: pre;
  line-height: 10px;
  font-size: 20pt;
  display: inline-block;
  margin-top: -8px;
  color: #ebebeb;
}
.htMobileEditorContainer .positionControls {
  width: 205pt;
  position: absolute;
  right: 5pt;
  top: 0;
  bottom: 0;
}
.htMobileEditorContainer .positionControls > div {
  width: 50pt;
  height: 100%;
  float: left;
}
.htMobileEditorContainer .positionControls > div:after {
  content: " ";
  display: block;
  width: 15pt;
  height: 15pt;
  text-align: center;
  line-height: 50pt;
}
.htMobileEditorContainer .leftButton:after,
.htMobileEditorContainer .rightButton:after,
.htMobileEditorContainer .upButton:after,
.htMobileEditorContainer .downButton:after {
  -ms-transform-origin: 5pt 5pt;
      transform-origin: 5pt 5pt;
  -webkit-transform-origin: 5pt 5pt;
  margin: 21pt 0 0 21pt;
}
.htMobileEditorContainer .leftButton:after {
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  -webkit-transform: rotate(-45deg);
  /*margin-top: 17pt;*/
  /*margin-left: 20pt;*/
}
.htMobileEditorContainer .leftButton:active:after {
  border-color: #cfcfcf;
}
.htMobileEditorContainer .rightButton:after {
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  -webkit-transform: rotate(135deg);
  /*margin-top: 17pt;*/
  /*margin-left: 10pt;*/
}
.htMobileEditorContainer .rightButton:active:after {
  border-color: #cfcfcf;
}
.htMobileEditorContainer .upButton:after {
  /*border-top: 2px solid #cfcfcf;*/
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  -webkit-transform: rotate(45deg);
  /*margin-top: 22pt;*/
  /*margin-left: 15pt;*/
}
.htMobileEditorContainer .upButton:active:after {
  border-color: #cfcfcf;
}
.htMobileEditorContainer .downButton:after {
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  -webkit-transform: rotate(225deg);
  /*margin-top: 15pt;*/
  /*margin-left: 15pt;*/
}
.htMobileEditorContainer .downButton:active:after {
  border-color: #cfcfcf;
}
.handsontable.hide-tween {
  -webkit-animation: opacity-hide 0.3s;
  animation: opacity-hide 0.3s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.handsontable.show-tween {
  -webkit-animation: opacity-show 0.3s;
  animation: opacity-show 0.3s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
/*!
  * Pikaday
  * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
  */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*
 clear child float (pika-lendar), using the famous micro clearfix hack
 http://nicolasgallagher.com/micro-clearfix-hack/
 */
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table;
}
.pika-single:after {
  clear: both;
}
.pika-single {
  *zoom: 1;
}
.pika-single.is-hidden {
  display: none;
}
.pika-single.is-bound {
  position: absolute;
  -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}
.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}
.pika-title {
  position: relative;
  text-align: center;
}
.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
}
.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: 0.5;
  *position: absolute;
  *top: 0;
}
.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}
.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  *left: 0;
}
.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  *right: 0;
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: 0.2;
}
.pika-select {
  display: inline-block;
  *display: inline;
}
.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}
.pika-table th,
.pika-table td {
  width: 14.28571429%;
  padding: 0;
}
.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}
.pika-button {
  cursor: pointer;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}
.pika-week {
  font-size: 11px;
  color: #999;
}
.is-today .pika-button {
  color: #33aaff;
  font-weight: bold;
}
.is-selected .pika-button,
.has-event .pika-button {
  color: #fff;
  font-weight: bold;
  background: #33aaff;
  -webkit-box-shadow: inset 0 1px 3px #178fe5;
          box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px;
}
.has-event .pika-button {
  background: #005da9;
  -webkit-box-shadow: inset 0 1px 3px #0076c9;
          box-shadow: inset 0 1px 3px #0076c9;
}
.is-disabled .pika-button,
.is-inrange .pika-button {
  background: #d5e9f7;
}
.is-startrange .pika-button {
  color: #fff;
  background: #6cb31d;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 3px;
}
.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 3px;
}
.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: 0.3;
}
.is-outside-current-month .pika-button {
  color: #999;
  opacity: 0.3;
}
.is-selection-disabled {
  pointer-events: none;
  cursor: default;
}
.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
  color: #fff;
  background: #ff8000;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 3px;
}
/* styling for abbr */
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}
.htCommentCell {
  position: relative;
}
.htCommentCell:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-left: 6px solid transparent;
  border-top: 6px solid black;
}
.htComments {
  display: none;
  z-index: 1059;
  position: absolute;
}
.htCommentTextArea {
  -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0 1px 3px, rgba(0, 0, 0, 0.239216) 0 1px 2px;
          box-shadow: rgba(0, 0, 0, 0.117647) 0 1px 3px, rgba(0, 0, 0, 0.239216) 0 1px 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  border-left: 3px solid #ccc;
  background-color: #fff;
  width: 215px;
  height: 90px;
  font-size: 12px;
  padding: 5px;
  outline: 0px !important;
  -webkit-appearance: none;
}
.htCommentTextArea:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0 1px 3px, rgba(0, 0, 0, 0.239216) 0 1px 2px, inset 0 0 0 1px #5292f7;
          box-shadow: rgba(0, 0, 0, 0.117647) 0 1px 3px, rgba(0, 0, 0, 0.239216) 0 1px 2px, inset 0 0 0 1px #5292f7;
  border-left: 3px solid #5292f7;
}
/*!
  * Handsontable ContextMenu
  */
.htContextMenu:not(.htGhostTable) {
  display: none;
  position: absolute;
  z-index: 1060;
  /* needs to be higher than 1050 - z-index for Twitter Bootstrap modal (#1569) */
}
.htContextMenu .ht_clone_top,
.htContextMenu .ht_clone_left,
.htContextMenu .ht_clone_corner {
  display: none;
}
.htContextMenu .ht_master table.htCore {
  border: 1px solid #ccc;
  border-bottom-width: 2px;
  border-right-width: 2px;
}
.htContextMenu .wtBorder {
  visibility: hidden;
}
.htContextMenu table tbody tr td {
  background: white;
  border-width: 0;
  padding: 4px 6px 0 6px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.htContextMenu table tbody tr td:first-child {
  border: 0;
}
.htContextMenu table tbody tr td.htDimmed {
  font-style: normal;
  color: #323232;
}
.htContextMenu table tbody tr td.current,
.htContextMenu table tbody tr td.zeroclipboard-is-hover {
  background: #f3f3f3;
}
.htContextMenu table tbody tr td.htSeparator {
  border-top: 1px solid #e6e6e6;
  height: 0;
  padding: 0;
  cursor: default;
}
.htContextMenu table tbody tr td.htDisabled {
  color: #999;
  cursor: default;
}
.htContextMenu table tbody tr td.htDisabled:hover {
  background: #fff;
  color: #999;
  cursor: default;
}
.htContextMenu table tbody tr.htHidden {
  display: none;
}
.htContextMenu table tbody tr td .htItemWrapper {
  margin-left: 10px;
  margin-right: 6px;
}
.htContextMenu table tbody tr td div span.selected {
  margin-top: -2px;
  position: absolute;
  left: 4px;
}
.htContextMenu .ht_master .wtHolder {
  overflow: hidden;
}
textarea.HandsontableCopyPaste {
  position: fixed !important;
  top: 0 !important;
  right: 100% !important;
  overflow: hidden;
  opacity: 0;
  outline: 0 none !important;
}
#HandsontableCopyPaste {
  display: none;
}
.htRowHeaders .ht_master.innerBorderLeft ~ .ht_clone_top_left_corner th:nth-child(2),
.htRowHeaders .ht_master.innerBorderLeft ~ .ht_clone_left td:first-of-type {
  border-left: 0 none;
}
.handsontable .wtHider {
  /* position: relative; */
}
.handsontable.ht__manualColumnMove.after-selection--columns thead th.ht__highlight {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.handsontable.ht__manualColumnMove.on-moving--columns,
.handsontable.ht__manualColumnMove.on-moving--columns thead th.ht__highlight {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.handsontable.ht__manualColumnMove.on-moving--columns .manualColumnResizer {
  display: none;
}
.handsontable .ht__manualColumnMove--guideline,
.handsontable .ht__manualColumnMove--backlight {
  position: absolute;
  height: 100%;
  display: none;
}
.handsontable .ht__manualColumnMove--guideline {
  background: #757575;
  width: 2px;
  top: 0;
  margin-left: -1px;
  z-index: 205;
}
.handsontable .ht__manualColumnMove--backlight {
  background: #343434;
  background: rgba(52, 52, 52, 0.25);
  display: none;
  z-index: 205;
  pointer-events: none;
}
.handsontable.on-moving--columns.show-ui .ht__manualColumnMove--guideline,
.handsontable.on-moving--columns .ht__manualColumnMove--backlight {
  display: block;
}
.handsontable .wtHider {
  /* position: relative; */
}
.handsontable.ht__manualRowMove.after-selection--rows tbody th.ht__highlight {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.handsontable.ht__manualRowMove.on-moving--rows,
.handsontable.ht__manualRowMove.on-moving--rows tbody th.ht__highlight {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.handsontable.ht__manualRowMove.on-moving--rows .manualRowResizer {
  display: none;
}
.handsontable .ht__manualRowMove--guideline,
.handsontable .ht__manualRowMove--backlight {
  position: absolute;
  width: 100%;
  display: none;
}
.handsontable .ht__manualRowMove--guideline {
  background: #757575;
  height: 2px;
  left: 0;
  margin-top: -1px;
  z-index: 205;
}
.handsontable .ht__manualRowMove--backlight {
  background: #343434;
  background: rgba(52, 52, 52, 0.25);
  display: none;
  z-index: 205;
  pointer-events: none;
}
.handsontable.on-moving--rows.show-ui .ht__manualRowMove--guideline,
.handsontable.on-moving--rows .ht__manualRowMove--backlight {
  display: block;
}
.handsontable tbody td[rowspan][class*="area"][class*="highlight"]:not([class*="fullySelectedMergedCell"]):before {
  opacity: 0;
}
.handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-multiple"]:before {
  opacity: 0.1;
}
.handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-0"]:before {
  opacity: 0.1;
}
.handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-1"]:before {
  opacity: 0.2;
}
.handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-2"]:before {
  opacity: 0.27;
}
.handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-3"]:before {
  opacity: 0.35;
}
.handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-4"]:before {
  opacity: 0.41;
}
.handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-5"]:before {
  opacity: 0.47;
}
.handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-6"]:before {
  opacity: 0.54;
}
.handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-7"]:before {
  opacity: 0.58;
}
/* Column's number position */
.handsontable span.colHeader.columnSorting::after {
  /* Centering start */
  top: 50%;
  margin-top: -2px;
  /* Two extra pixels (-2 instead of -4) for purpose of proper positioning of numeric indicators, when `font-size` set to default */
  /* Centering end */
  position: absolute;
  right: -15px;
  padding-left: 5px;
  /* For purpose of continuous mouse over experience, when moving between the `::before` and the `::after` elements */
  font-size: 8px;
  height: 8px;
  line-height: 1.1;
  text-decoration: underline;
  /* Workaround for IE9 - IE11 */
}
/* Workaround for IE9 - IE11, https://stackoverflow.com/a/21902566, https://stackoverflow.com/a/32120247 */
.handsontable span.colHeader.columnSorting::after {
  text-decoration: none;
}
/* We support up to 7 numeric indicators, describing order of column in sorted columns queue */
.handsontable span.colHeader.columnSorting[class^="sort-"]::after,
.handsontable span.colHeader.columnSorting[class*=" sort-"]::after {
  content: "+";
}
.handsontable span.colHeader.columnSorting.sort-1::after {
  content: "1";
}
.handsontable span.colHeader.columnSorting.sort-2::after {
  content: "2";
}
.handsontable span.colHeader.columnSorting.sort-3::after {
  content: "3";
}
.handsontable span.colHeader.columnSorting.sort-4::after {
  content: "4";
}
.handsontable span.colHeader.columnSorting.sort-5::after {
  content: "5";
}
.handsontable span.colHeader.columnSorting.sort-6::after {
  content: "6";
}
.handsontable span.colHeader.columnSorting.sort-7::after {
  content: "7";
}
/* Drop-down menu widens header by 5 pixels, sort sequence numbers won't overlap the icon; mainly for the IE9+ */
.htGhostTable th div button.changeType + span.colHeader.columnSorting:not(.indicatorDisabled) {
  padding-right: 5px;
}
/*!
  * Handsontable DropdownMenu
  */
.handsontable .changeType {
  background: #eee;
  border-radius: 2px;
  border: 1px solid #bbb;
  color: #bbb;
  font-size: 9px;
  line-height: 9px;
  padding: 2px;
  margin: 3px 1px 0 5px;
  float: right;
}
.handsontable .changeType:before {
  content: "\25BC   ";
}
.handsontable .changeType:hover {
  border: 1px solid #777;
  color: #777;
  cursor: pointer;
}
.htDropdownMenu:not(.htGhostTable) {
  display: none;
  position: absolute;
  z-index: 1060;
  /* needs to be higher than 1050 - z-index for Twitter Bootstrap modal (#1569) */
}
.htDropdownMenu .ht_clone_top,
.htDropdownMenu .ht_clone_left,
.htDropdownMenu .ht_clone_corner {
  display: none;
}
.htDropdownMenu table.htCore {
  border: 1px solid #bbb;
  border-bottom-width: 2px;
  border-right-width: 2px;
}
.htDropdownMenu .wtBorder {
  visibility: hidden;
}
.htDropdownMenu table tbody tr td {
  background: white;
  border-width: 0;
  padding: 4px 6px 0 6px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.htDropdownMenu table tbody tr td:first-child {
  border: 0;
}
.htDropdownMenu table tbody tr td.htDimmed {
  font-style: normal;
  color: #323232;
}
.htDropdownMenu table tbody tr td.current,
.htDropdownMenu table tbody tr td.zeroclipboard-is-hover {
  background: #e9e9e9;
}
.htDropdownMenu table tbody tr td.htSeparator {
  border-top: 1px solid #e6e6e6;
  height: 0;
  padding: 0;
  cursor: default;
}
.htDropdownMenu table tbody tr td.htDisabled {
  color: #999;
}
.htDropdownMenu table tbody tr td.htDisabled:hover {
  background: #fff;
  color: #999;
  cursor: default;
}
.htDropdownMenu:not(.htGhostTable) table tbody tr.htHidden {
  display: none;
}
.htDropdownMenu table tbody tr td .htItemWrapper {
  margin-left: 10px;
  margin-right: 10px;
}
.htDropdownMenu table tbody tr td div span.selected {
  margin-top: -2px;
  position: absolute;
  left: 4px;
}
.htDropdownMenu .ht_master .wtHolder {
  overflow: hidden;
}
/*!
  * Handsontable Filters
  */
/* Conditions menu */
.htFiltersConditionsMenu:not(.htGhostTable) {
  display: none;
  position: absolute;
  z-index: 1070;
}
.htFiltersConditionsMenu .ht_clone_top,
.htFiltersConditionsMenu .ht_clone_left,
.htFiltersConditionsMenu .ht_clone_corner {
  display: none;
}
.htFiltersConditionsMenu table.htCore {
  border: 1px solid #bbb;
  border-bottom-width: 2px;
  border-right-width: 2px;
}
.htFiltersConditionsMenu .wtBorder {
  visibility: hidden;
}
.htFiltersConditionsMenu table tbody tr td {
  background: white;
  border-width: 0;
  padding: 4px 6px 0 6px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.htFiltersConditionsMenu table tbody tr td:first-child {
  border: 0;
}
.htFiltersConditionsMenu table tbody tr td.htDimmed {
  font-style: normal;
  color: #323232;
}
.htFiltersConditionsMenu table tbody tr td.current,
.htFiltersConditionsMenu table tbody tr td.zeroclipboard-is-hover {
  background: #e9e9e9;
}
.htFiltersConditionsMenu table tbody tr td.htSeparator {
  border-top: 1px solid #e6e6e6;
  height: 0;
  padding: 0;
}
.htFiltersConditionsMenu table tbody tr td.htDisabled {
  color: #999;
}
.htFiltersConditionsMenu table tbody tr td.htDisabled:hover {
  background: #fff;
  color: #999;
  cursor: default;
}
.htFiltersConditionsMenu table tbody tr td .htItemWrapper {
  margin-left: 10px;
  margin-right: 10px;
}
.htFiltersConditionsMenu table tbody tr td div span.selected {
  margin-top: -2px;
  position: absolute;
  left: 4px;
}
.htFiltersConditionsMenu .ht_master .wtHolder {
  overflow: hidden;
}
.handsontable .htMenuFiltering {
  border-bottom: 1px dotted #ccc;
  height: 135px;
  overflow: hidden;
}
.handsontable .ht_master table td.htCustomMenuRenderer {
  background-color: #fff;
  cursor: auto;
}
/* Menu label */
.handsontable .htFiltersMenuLabel {
  font-size: 0.75em;
}
/* Component action bar */
.handsontable .htFiltersMenuActionBar {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 3px;
}
/* Component filter by conditional */
.handsontable .htFiltersMenuCondition.border {
  border-bottom: 1px dotted #ccc !important;
}
.handsontable .htFiltersMenuCondition .htUIInput {
  padding: 0 0 5px 0;
}
/* Component filter by value */
.handsontable .htFiltersMenuValue {
  border-bottom: 1px dotted #ccc !important;
}
.handsontable .htFiltersMenuValue .htUIMultipleSelectSearch {
  padding: 0;
}
.handsontable .htFiltersMenuCondition .htUIInput input,
.handsontable .htFiltersMenuValue .htUIMultipleSelectSearch input {
  font-family: inherit;
  font-size: 0.75em;
  padding: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.htUIMultipleSelect .ht_master .wtHolder {
  overflow-y: scroll;
}
.htUIMultipleSelect .ht_master .wtHolder::-webkit-scrollbar-thumb {
  background-color: #00c1de;
}
.handsontable .htFiltersActive .changeType {
  border: 1px solid #509272;
  color: #18804e;
  background-color: #d2e0d9;
}
.handsontable .htUISelectAll {
  margin-right: 10px;
}
.handsontable .htUIClearAll,
.handsontable .htUISelectAll {
  display: inline-block;
}
.handsontable .htUIClearAll a,
.handsontable .htUISelectAll a {
  color: #3283d8;
  font-size: 0.75em;
}
.handsontable .htUISelectionControls {
  text-align: right;
}
.handsontable .htCheckboxRendererInput {
  margin: 0 5px 0 0;
  vertical-align: middle;
  height: 1em;
}
/* UI elements */
/* Input */
.handsontable .htUIInput {
  padding: 3px 0 7px 0;
  position: relative;
  text-align: center;
}
.handsontable .htUIInput input {
  border-radius: 2px;
  border: 1px solid #d2d1d1;
}
.handsontable .htUIInput input:focus {
  outline: 0;
}
.handsontable .htUIInputIcon {
  position: absolute;
}
/* Button */
.handsontable .htUIInput.htUIButton {
  cursor: pointer;
  display: inline-block;
}
.handsontable .htUIInput.htUIButton input {
  background-color: #eee;
  color: #000;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.7em;
  font-weight: bold;
  height: 19px;
  min-width: 64px;
}
.handsontable .htUIInput.htUIButton input:hover {
  border-color: #b9b9b9;
}
.handsontable .htUIInput.htUIButtonOK {
  margin-right: 10px;
}
.handsontable .htUIInput.htUIButtonOK input {
  background-color: #0f9d58;
  border-color: #18804e;
  color: #fff;
}
.handsontable .htUIInput.htUIButtonOK input:hover {
  border-color: #1a6f46;
}
/* Select */
.handsontable .htUISelect {
  cursor: pointer;
  margin-bottom: 7px;
  position: relative;
}
.handsontable .htUISelectCaption {
  background-color: #e8e8e8;
  border-radius: 2px;
  border: 1px solid #d2d1d1;
  font-family: inherit;
  font-size: 0.7em;
  font-weight: bold;
  padding: 3px 20px 3px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.handsontable .htUISelectCaption:hover {
  background-color: #e8e8e8;
  border: 1px solid #b9b9b9;
}
.handsontable .htUISelectDropdown:after {
  content: "\25B2";
  font-size: 7px;
  position: absolute;
  right: 10px;
  top: 0;
}
.handsontable .htUISelectDropdown:before {
  content: "\25BC";
  font-size: 7px;
  position: absolute;
  right: 10px;
  top: 8px;
}
/* SelectMultiple */
.handsontable .htUIMultipleSelect .handsontable .htCore {
  border: none;
}
.handsontable .htUIMultipleSelect .handsontable .htCore td:hover {
  background-color: #f5f5f5;
}
.handsontable .htUIMultipleSelectSearch input {
  border-radius: 2px;
  border: 1px solid #d2d1d1;
  padding: 3px;
}
.handsontable .htUIRadio {
  display: inline-block;
  margin-right: 5px;
  height: 100%;
}
.handsontable .htUIRadio:last-child {
  margin-right: 0;
}
.handsontable .htUIRadio > input[type="radio"] {
  margin-right: 0.5ex;
}
.handsontable .htUIRadio label {
  vertical-align: middle;
}
.handsontable .htFiltersMenuOperators {
  padding-bottom: 5px;
}
.handsontable thead th.hiddenHeader:not(:first-of-type) {
  display: none;
}
.handsontable th.ht_nestingLevels {
  text-align: left;
  padding-left: 7px;
}
.handsontable th div.ht_nestingLevels {
  display: inline-block;
  position: absolute;
  left: 11px;
}
.handsontable.innerBorderLeft th div.ht_nestingLevels,
.handsontable.innerBorderLeft ~ .handsontable th div.ht_nestingLevels {
  right: 10px;
}
.handsontable th span.ht_nestingLevel {
  display: inline-block;
}
.handsontable th span.ht_nestingLevel_empty {
  display: inline-block;
  width: 10px;
  height: 1px;
  float: left;
}
.handsontable th span.ht_nestingLevel::after {
  content: "\2510";
  font-size: 9px;
  display: inline-block;
  position: relative;
  bottom: 3px;
}
.handsontable th div.ht_nestingButton {
  display: inline-block;
  position: absolute;
  right: -2px;
  cursor: pointer;
}
.handsontable th div.ht_nestingButton.ht_nestingExpand::after {
  content: "+";
}
.handsontable th div.ht_nestingButton.ht_nestingCollapse::after {
  content: "-";
}
.handsontable.innerBorderLeft th div.ht_nestingButton,
.handsontable.innerBorderLeft ~ .handsontable th div.ht_nestingButton {
  right: 0;
}
/*
  * Handsontable HiddenColumns
  */
.handsontable th.beforeHiddenColumn {
  position: relative;
}
.handsontable th.beforeHiddenColumn::after,
.handsontable th.afterHiddenColumn::before {
  color: #bbb;
  position: absolute;
  top: 50%;
  font-size: 5pt;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.handsontable th.afterHiddenColumn {
  position: relative;
}
.handsontable th.beforeHiddenColumn::after {
  right: 1px;
  content: "\25C0";
}
.handsontable th.afterHiddenColumn::before {
  left: 1px;
  content: "\25B6";
}
/*!
  * Handsontable HiddenRows
  */
.handsontable th.beforeHiddenRow::before,
.handsontable th.afterHiddenRow::after {
  color: #bbb;
  font-size: 6pt;
  line-height: 6pt;
  position: absolute;
  left: 2px;
}
.handsontable th.beforeHiddenRow,
.handsontable th.afterHiddenRow {
  position: relative;
}
.handsontable th.beforeHiddenRow::before {
  content: "\25B2";
  bottom: 2px;
}
.handsontable th.afterHiddenRow::after {
  content: "\25BC";
  top: 2px;
}
.handsontable.ht__selection--rows tbody th.beforeHiddenRow.ht__highlight:before,
.handsontable.ht__selection--rows tbody th.afterHiddenRow.ht__highlight:after {
  color: #eee;
}
.handsontable td.afterHiddenRow.firstVisibleRow,
.handsontable th.afterHiddenRow.firstVisibleRow {
  border-top: 1px solid #ccc;
}

#root {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
  background: linear-gradient(75deg, #00E39F, #00C4E1);
}
#root::before {
  content: 'Right click anywhere on the screen!';
  font-family: sans-serif;
  font-size: 12px;
  color: white;
}
.contextMenu {
  position: fixed;
  background: white;
  -webkit-box-shadow: 0px 2px 10px #999999;
          box-shadow: 0px 2px 10px #999999;
}
.separator {
  width: 100%;
  height: 1px;
  background: #CCCCCC;
  margin: 0 0 0 0;
}
.contextMenuOption {
  padding: 6px 50px 5px 10px;
  min-width: 100px;
  cursor: default;
  font-size: 12px;
}
.contextMenuOption:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#555), to(#333));
  background: linear-gradient(to top, #555, #333);
  color: white;
}
.contextMenuOption:active {
  color: #e9e9e9;
  background: -webkit-gradient(linear, left bottom, left top, from(#555), to(#444));
  background: linear-gradient(to top, #555, #444);
}
.contextMenuOption__disabled {
  color: #999999;
  pointer-events: none;
}

.svg-composition {
  background: #ffffff;
  text-align: left;
}
.svg-composition h1 {
  font-size: 1.5em;
}
.svg-composition .action-btn {
  cursor: pointer;
}
.svg-composition .action-btn:hover {
  fill: #000;
}
.svg-composition .item {
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  overflow: hidden;
}
.svg-composition .item .action-item {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  background: transparent;
  text-align: right;
  position: relative;
}
.svg-composition .item .action-item .drawings {
  position: absolute;
  top: 5px;
  left: 5px;
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  font-size: 20px;
}
.svg-composition .item .action-item .action-item-btns {
  display: inline-block;
  text-align: center;
  pointer-events: auto;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  position: absolute;
  right: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.svg-composition .item .action-item .action {
  color: white;
  width: 44px;
  height: 44px;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  margin-bottom: 1.25px;
  font-size: 17px;
  line-height: 44px;
}
.svg-composition .item .action-item .action:hover {
  background: #000;
}
.svg-composition .item .action-item .action.active {
  color: #fff;
}
.svg-composition .circle {
  border: gainsboro 1px solid;
  text-align: center;
}
.svg-composition .circle .action-item {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  background: transparent;
  text-align: right;
}
.svg-composition .circle .action-item .action-item-btns {
  display: inline-block;
  text-align: center;
  pointer-events: auto;
}
.svg-composition .circle .action-item .action {
  color: white;
  width: 44px;
  height: 44px;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  margin-bottom: 1px;
}
.svg-composition .circle .action-item .action:hover {
  background: #000;
}
.svg-composition .circle .action-item .action i {
  font-size: 17px;
  line-height: 44px;
}
.svg-composition .circle .action-item .action.active {
  color: #fff;
}
.svg-composition .composition_link_class {
  text-decoration: none;
  color: #005DAD;
}
.svg-composition .composition_link_class:hover {
  text-decoration: none;
  color: #228BE6;
}
.svg-composition .composition_link_class::before {
  content: "#";
}
.svg-composition .composition_link_class b {
  color: inherit;
}
.svg-composition b {
  color: #000;
  font-weight: 600;
}
.svg-composition .handsontable .wtSpreader {
  width: 100%;
}
.svg-composition .handsontable table.htCore {
  width: 100%;
}
.svg-composition .handsontable table.htCore colgroup {
  display: none;
}
#HandsontableCopyPaste {
  display: none;
}

.forbidden-article-wrapper {
  width: 900px;
  height: 500px;
  margin: 0 auto;
}
.forbidden-article-wrapper ul.forbidden-container {
  width: 900px;
  height: 500px;
  margin: 0 auto;
  padding: 1px 62px 0 62px;
}
.forbidden-article-wrapper ul.forbidden-container > li {
  float: left;
}
.forbidden-article-wrapper ul.forbidden-container li:nth-child(1) {
  width: 380px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
.forbidden-article-wrapper ul.forbidden-container li:nth-child(1) h3,
.forbidden-article-wrapper ul.forbidden-container li:nth-child(1) h4 {
  margin: 20px 0 0 0;
  font-weight: normal;
}
.forbidden-article-wrapper ul.forbidden-container li:nth-child(1) h3 {
  font-size: 40px;
}
.forbidden-article-wrapper ul.forbidden-container li:nth-child(1) h4 {
  font-size: 24px;
}
.forbidden-article-wrapper ul.forbidden-container li:nth-child(1) p {
  width: 360px;
  max-height: 130px;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
}
.forbidden-article-wrapper ul.forbidden-container li:nth-child(1) p a {
  color: #000;
  font-weight: bold;
}
.forbidden-article-wrapper ul.forbidden-container li:nth-child(1) span {
  display: block;
  height: 32px;
  margin-bottom: 10px;
}
.forbidden-article-wrapper ul.forbidden-container li:nth-child(1) span a {
  display: inline-block;
  width: 52px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  outline: none;
  border: none;
  background-color: #0000FF;
  color: #fff;
  font-size: 15px;
  margin-right: 30px;
  cursor: pointer;
}
.forbidden-article-wrapper ul.forbidden-container li:nth-child(1) dl dt {
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 15px;
}
.forbidden-article-wrapper ul.forbidden-container li:nth-child(1) dl dd {
  display: none;
  width: 380px;
  height: 180px;
  background-size: cover;
  background-color: #ddd;
}
.forbidden-article-wrapper ul.forbidden-container li:nth-child(2) {
  padding-top: 1px;
  width: 320px;
  height: 500px;
  float: right;
  text-align: right;
}
.forbidden-article-wrapper ul.forbidden-container li:nth-child(2) .forbidden-403 {
  width: 320px;
  height: 460px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("https://assets.wow-trend.com/wowtrend/static/resource/images/531c6652.png");
}

.composition-more {
  padding: 40px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 0;
  display: block;
}
.composition-more .title {
  margin-left: 10px;
  font-weight: 600;
  font-size: 16px;
  color: #cacdd5;
  padding-bottom: 20px;
}
.composition-more .page-more-list {
  display: block;
  width: 100%;
  height: auto;
  clear: both;
  padding-bottom: 20px;
}
.composition-more .page-more-list .composition-item {
  display: inline-block;
  width: 160px;
  height: 125px;
  margin: 0 10px 0 10px;
}
.composition-more .page-more-list .composition-item .indexNo {
  width: 226px;
  height: 22px;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  line-height: 22px;
  padding-top: 10px;
}
.composition-more .page-more-list .composition-item .imageContainer {
  width: 160px;
  height: 82px;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #d2d2d2;
}
.composition-more .page-more-list .composition-item .imageContainer .image {
  width: 160px;
  height: 82px;
  background-position: center top;
  background-size: cover;
}
.composition-more .page-more-list .composition-item .imageContainer .image:hover {
  -webkit-transition: all 600ms;
  transition: all 600ms;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

@media screen and (min-height: 200px) {
  .article-info {
    border-top: 4px solid #000000;
    margin: 0 auto;
    text-align: center;
    background-color: white;
    background-color: #FFFFFF;
  }
  .article-info .article-common-header {
    text-align: left;
    padding-top: 9px;
    border-bottom: 1px solid black;
    margin: 0 auto;
    overflow: visible;
    height: 40px;
    font-weight: 400;
    color: #000000;
    vertical-align: middle;
  }
  .article-info .article-common-header .article-header {
    text-align: left;
  }
  .article-info .article-common-header .article-header .article-header-title {
    height: 18px;
    margin-right: 10px;
    font-size: 18px;
    line-height: 18px;
  }
  .article-info .article-common-header .article-header .article-header-date {
    margin-left: 10px;
    font-style: italic;
    font-size: 14px;
    line-height: 14px;
  }
  .article-info .composition-body {
    position: relative;
    text-align: left;
    background-color: white;
  }
  .article-info .composition-body .composition-left {
    width: 100%;
    overflow: hidden;
    background-color: white;
    float: left;
  }
  .article-info .composition-body .composition-left .ant-layout-sider {
    -webkit-transition: none;
    transition: none;
  }
  .article-info .composition-body .composition-left .theme_tools {
    width: 36px;
    position: absolute;
    right: 1px;
  }
  .article-info .composition-body .composition-left .theme_tools div {
    width: 36px;
    height: 36px;
    background: #706767;
    border-radius: 100%;
  }
  .article-info .composition-body .composition-left .theme_tools div:first-child {
    margin-bottom: 1px;
  }
  .article-info .composition-body .composition-left .theme_tools .active i {
    color: red;
  }
  .article-info .composition-body .composition-left .theme_tools i {
    font-size: 28px;
    color: white;
  }
  .article-info .composition-body .composition-left .theme_tools i:hover {
    font-weight: bold;
  }
  .article-info .composition-body .composition-left .article-common-header {
    text-align: left;
    padding-top: 9px;
    background-color: white;
    border-bottom: 1px solid black;
    margin: 0 auto;
    width: 1280px;
    height: 40px;
    font-weight: 400;
    color: #000000;
    vertical-align: middle;
  }
  .article-info .composition-body .composition-left .article-common-header .article-header {
    text-align: left;
    background-color: white;
  }
  .article-info .composition-body .composition-left .article-common-header .article-header .article-header-title {
    height: 18px;
    margin-right: 10px;
    font-size: 18px;
    line-height: 18px;
  }
  .article-info .composition-body .composition-left .article-common-header .article-header .article-header-date {
    background-color: white;
    margin-left: 10px;
    font-style: italic;
    font-size: 14px;
    line-height: 14px;
  }
  .article-info .composition-body .composition-left .composition-header {
    height: 80px;
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    margin: 18px auto 0 auto;
    overflow: visible;
    z-index: 1;
  }
  .article-info .composition-body .composition-left .composition-header .composition-name {
    font-size: 44px;
    max-height: 80px;
    overflow: hidden;
    font-weight: bold;
    text-align: left;
    color: #000000;
  }
  .article-info .composition-body .composition-left .composition-header .composition-name span {
    background-color: white;
    margin-right: 10px;
  }
  .article-info .composition-body .composition-left .composition-header .composition-desc {
    height: 40px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-right: 20px;
    max-height: 40px;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #000000;
    overflow: visible;
    z-index: 999;
  }
  .article-info .composition-body .composition-left .composition-header .composition-desc .content {
    position: relative;
    background: white;
    opacity: 1;
    display: inline-block;
  }
  .article-info .composition-body .composition-left .composition-header .composition-desc .action {
    background-color: white;
    width: 20px;
    height: 20px;
    right: 0;
    cursor: pointer;
    z-index: 999;
    position: absolute;
    display: inline-block;
  }
  .article-info .composition-body .composition-left .composition-header .composition-action {
    width: 120px;
    height: 80px;
    display: inline-block;
  }
  .article-info .composition-body .composition-left .composition-header .composition-action .action {
    margin-top: 25px;
    width: 40px;
    height: 40px;
    float: right;
    cursor: pointer;
    display: inline-block;
  }
  .article-info .composition-body .composition-left .composition-header .composition-action .action i {
    font-size: 28px;
  }
  .article-info .composition-body .composition-left .composition-header .composition-action .action:hover {
    color: #000000;
  }
  .article-info .composition-body .composition-left .left-content {
    height: 100%;
    display: block;
    background-color: white;
    overflow-y: hidden;
  }
  .article-info .composition-body .composition-left .left-content .composition {
    display: block;
    background-color: white;
    overflow-x: visible;
    text-align: center;
    margin: 0px auto;
    z-index: 9;
  }
  .article-info .composition-body .composition-left .left-content .composition .next,
  .article-info .composition-body .composition-left .left-content .composition .prev {
    width: 42px;
    top: 40%;
    position: absolute;
    cursor: pointer;
    z-index: 0;
  }
  .article-info .composition-body .composition-left .left-content .composition .next i,
  .article-info .composition-body .composition-left .left-content .composition .prev i {
    width: 42px;
    font-size: 64px;
    color: #3B3B3B;
  }
  .article-info .composition-body .composition-left .left-content .composition .next {
    right: -40px;
  }
  .article-info .composition-body .composition-left .left-content .composition .prev {
    display: none;
    left: -60px;
  }
  .article-info .composition-body .composition-left .left-content .composition .next:hover i,
  .article-info .composition-body .composition-left .left-content .composition .prev:hover i {
    font-weight: bold;
  }
  .article-info .composition-body .composition-left .left-content .composition .composition-pattern {
    display: inline-block;
  }
  .article-info .composition-body .composition-left .left-content .composition .composition-pattern .action {
    position: absolute;
    right: 2px;
    top: 2px;
    display: none;
  }
  .article-info .composition-body .composition-left .left-content .composition .composition-pattern .action div {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    background-color: #000000;
    margin-bottom: 1px;
  }
  .article-info .composition-body .composition-left .left-content .composition .composition-pattern .action div i {
    margin-top: -2px;
    font-size: 28px;
    color: #ffffff;
  }
  .article-info .composition-body .composition-left .left-content .composition .composition-pattern .action div i:hover {
    font-weight: bold;
  }
  .article-info .composition-body .composition-left .left-content .composition .composition-pattern .pattern-left {
    display: inline-block;
    float: left;
    cursor: pointer;
    margin-left: 10px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .article-info .composition-body .composition-left .left-content .composition .composition-pattern .pattern-left .collect,
  .article-info .composition-body .composition-left .left-content .composition .composition-pattern .pattern-left .download {
    background: #706767;
  }
  .article-info .composition-body .composition-left .left-content .composition .composition-pattern .pattern-left:hover .action:first-child {
    display: block;
  }
  .article-info .composition-body .composition-left .left-content .composition .composition-pattern .pattern-right {
    display: inline-block;
    float: left;
    cursor: pointer;
    position: relative;
    margin-left: 10px;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .article-info .composition-body .composition-left .left-content .composition .composition-pattern .pattern-right .collect,
  .article-info .composition-body .composition-left .left-content .composition .composition-pattern .pattern-right .download {
    background: #706767;
  }
  .article-info .composition-body .composition-left .left-content .composition .composition-pattern .pattern-right:hover .action:last-child {
    display: block;
  }
  .article-info .composition-body .composition-left .right-content {
    display: inline-block;
    background-color: white;
  }
  .article-info .composition-body .composition-left .right-content .catalogue-list-container {
    position: relative;
    right: 39px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #000000;
    margin-top: 110px;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #fff;
    z-index: 1000;
  }
  .article-info .composition-body .composition-left .right-content .catalogue-list-container .catalogue-list {
    padding: 0;
  }
  .article-info .composition-body .composition-left .right-content .catalogue-list-container .catalogue-list .catalogue-item {
    width: 300px;
    height: 124px;
    margin-top: -5px;
    display: inline-block;
  }
  .article-info .composition-body .composition-left .right-content .catalogue-list-container .catalogue-list .catalogue-item .catalogue-line {
    width: 45px;
    padding: 0;
    height: 124px;
    display: inline-block;
  }
  .article-info .composition-body .composition-left .right-content .catalogue-list-container .catalogue-list .catalogue-item .catalogue-line .line {
    margin: 0 auto;
    width: 1px;
    border-right: 1px solid;
    height: 130px;
  }
  .article-info .composition-body .composition-left .right-content .catalogue-list-container .catalogue-list .catalogue-item .catalogue-line .line .point {
    width: 13px;
    height: 13px;
    border-radius: 100%;
    background: #FF0909;
    position: relative;
    left: -6px;
    top: 35px;
  }
  .article-info .composition-body .composition-left .right-content .catalogue-list-container .catalogue-list .catalogue-item .sub-catalogue {
    padding-left: 23px;
  }
  .article-info .composition-body .composition-left .right-content .catalogue-list-container .catalogue-list .catalogue-item .catalogue-content {
    display: inline-block;
    height: 124px;
    position: relative;
  }
  .article-info .composition-body .composition-left .right-content .catalogue-list-container .catalogue-list .catalogue-item .catalogue-content .title {
    position: relative;
    height: 54px;
    line-height: 54px;
    width: 250px;
    display: block;
    font-weight: 400;
    color: #000000;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .article-info .composition-body .composition-left .right-content .catalogue-list-container .catalogue-list .catalogue-item .catalogue-content .image {
    display: inline-block;
    cursor: pointer;
    width: 135px;
    float: left;
    height: 70px;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .article-info .composition-body .composition-left .right-content .catalogue-list-container .catalogue-list .catalogue-item .catalogue-content .date-str {
    display: table-cell;
    height: 70px;
    line-height: 16px;
    font-size: 12px;
    padding-left: 5px;
    vertical-align: bottom;
  }
  .article-info .composition-body .composition-right {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    text-align: center;
    padding-top: 109px;
    background-color: #ececec;
  }
  .article-info .composition-body .composition-right .action {
    width: 40px;
    height: 40px;
    background-color: white;
    border-left: 1px solid #ECECEC;
    border-right: 1px solid #ECECEC;
    border-top: 1px solid #ECECEC;
    text-align: center;
    vertical-align: middle;
    padding: 6px;
    cursor: pointer;
  }
  .article-info .composition-body .composition-right .action i {
    font-size: 22px;
    color: #2C2C2C;
  }
  .article-info .composition-body .composition-right .action:hover {
    background-color: black;
  }
  .article-info .composition-body .composition-right .action:hover i {
    color: white;
  }
  .article-info .composition-body .composition-right .love {
    color: red;
  }
  .article-info .composition-body .composition-right .love i {
    color: #b42f00;
  }
  .article-info .related-article {
    background: #ececec;
    height: 100px;
    min-width: 1400px;
    line-height: 14px;
    text-align: center;
    position: relative;
    width: 100%;
    left: 0px;
    overflow: hidden;
  }
  .article-info .related-article .related-text {
    width: 14px;
    height: 54px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    margin: 30px auto;
    vertical-align: top;
  }
  .article-info .related-article .related-image {
    width: 40px;
    height: 37px;
    background-size: cover;
    display: inline-block;
    position: relative;
    top: -18px;
    background-image: url("https://assets.wow-trend.com/wowtrend/static/resource/images/c4e13012.png");
  }
  .article-info .related-article .related-item {
    width: 353px;
    height: 80px;
    display: inline-block;
    margin: 15px 19px 0 15px;
  }
  .article-info .related-article .related-item .related-item-container {
    height: 80px;
    float: left;
    width: 155px;
    overflow: hidden;
  }
  .article-info .related-article .related-item .related-item-container .related-item-img {
    height: 80px;
    float: left;
    width: 155px;
    cursor: pointer;
    background-position: center top;
    background-size: cover;
    display: inline-block;
  }
  .article-info .related-article .related-item .related-item-container .related-item-img:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-transition: all 500ms;
    transition: all 500ms;
  }
  .article-info .related-article .related-item .relate-item-text {
    display: inline-block;
    text-align: left;
    width: 188px;
    height: 34px;
    font-size: 12px;
    font-weight: 400;
    margin-top: 45px;
    margin-left: 10px;
    color: #000000;
  }
  .article-info .related-article .related-item .relate-item-text .title,
  .article-info .related-article .related-item .relate-item-text .column {
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 17px;
    cursor: pointer;
    text-transform: Uppercase;
    display: block;
    overflow: hidden;
    line-height: 17px;
  }
  .article-info .related-article .related-item .relate-item-text .title span,
  .article-info .related-article .related-item .relate-item-text .column span {
    width: 188px;
    margin-right: 20px;
  }
  .article-info .related-article .related-item .relate-item-text .title .date,
  .article-info .related-article .related-item .relate-item-text .column .date {
    font-style: italic;
  }
  .article-info .related-article .related-item .relate-item-text .title:hover,
  .article-info .related-article .related-item .relate-item-text .column:hover {
    font-weight: bold;
    -webkit-transition: all 100ms;
    transition: all 100ms;
  }
  .article-info .related-article .related-logo {
    position: absolute;
    right: 46px;
    bottom: 10px;
    width: 85px;
    height: 60px;
    display: inline-block;
    float: right;
    line-height: 20px;
  }
  .article-info .related-article .related-logo .logo {
    height: 40px;
    background-image: url("https://assets.wow-trend.com/wowtrend/static/resource/images/2e4a3b14.png");
    background-size: cover;
  }
  .article-info .related-article .related-logo .logo_name h2 {
    font-weight: bold;
  }
  .article-info .article-page {
    overflow: hidden;
  }
  .article-info .image-list-end {
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    height: 40px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #787878;
  }
  .article-info .imageList {
    margin: -5px auto;
    padding: 0 86px 0 86px;
    display: table;
    min-height: 550px;
    text-align: center;
  }
  .article-info .imageList .image-item {
    margin: 0 14px 0px 14px;
    display: inline-block;
  }
  .article-info .imageList .image-item .orderNum {
    height: 11px;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    text-align: left;
    margin: 0 0 10px 0;
  }
  .article-info .imageList .image-item .image {
    margin: 0;
    width: 260px;
    height: 376px;
    cursor: pointer;
    -webkit-transition: all 500ms;
    transition: all 500ms;
  }
  .article-info .imageList .image-item .img-box {
    position: relative;
    width: 260px;
    height: 376px;
    overflow: hidden;
  }
  .article-info .imageList .image-item .image-keyword {
    height: 40px;
  }
  .article-info .imageList .image-item:hover .image {
    opacity: 1;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
  .article-info .imageList .actions {
    float: right;
    position: absolute;
    top: 14px;
    right: 14px;
  }
  .article-info .imageList .actions .active i {
    color: #b42f00;
  }
  .article-info .imageList .actions .action-item {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    text-align: center;
    padding-top: 4px;
    margin: 8px 8px 0 0;
  }
  .article-info .imageList .actions .action-item i {
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 32px;
  }
  .article-info .imageList .actions .action-item i:hover {
    color: #b42f00;
  }
  .article-info .imageList .actions .collect {
    background: rgba(0, 0, 0, 0.5) url("https://assets.wow-trend.com/wowtrend/static/resource/images/icon/50ca609d.png") no-repeat 8px;
  }
  .article-info .imageList .actions .collect:hover {
    background: rgba(0, 0, 0, 0.5) url("https://assets.wow-trend.com/wowtrend/static/resource/images/icon/35a8da4c.png") no-repeat 8px;
  }
  .article-info .imageList .actions .collect-active {
    background: rgba(0, 0, 0, 0.5) url("https://assets.wow-trend.com/wowtrend/static/resource/images/icon/33ca342d.png") no-repeat 8px;
  }
  .article-info .article-head {
    width: 100%;
    text-align: center;
    margin-top: 0px;
    clear: both;
    min-height: 90px;
  }
  .article-info .article-head .article-title {
    font-size: 40px;
    font-family: DIN-MediumAlternate;
    font-weight: normal;
    color: #000000;
    line-height: 40px;
  }
  .article-info .article-head .article-title h4 {
    line-height: 40px;
    height: 40px;
  }
  .article-info .article-head .article-category {
    margin: 0 0 10px 0;
    width: auto;
    display: inline-block;
  }
  .article-info .article-head .article-category .category-item {
    height: 24px;
    float: left;
    line-height: 24px;
    width: 66px;
    margin: 0px 20px;
    font-size: 16px;
    font-weight: 400;
  }
  .article-info .article-head .article-category .category-item a {
    color: #000000;
  }
  .article-info .article-head .article-category .category-item:hover,
  .article-info .article-head .article-category .active {
    background-color: #787878;
  }
  .article-info .article-head .article-category .category-item:hover a,
  .article-info .article-head .article-category .active a {
    color: white;
  }
  .article-info .article-head .article-desc {
    width: 65%;
    min-width: 600px;
    margin: 45px auto;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    text-align: left;
    padding: 20px 30px 20px 30px;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
  }
  .article-info .header-action {
    height: 80px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #787878;
  }
  .article-info .header-action .date-show {
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    color: #000000;
    width: 50%;
    float: left;
    padding-left: 100px;
    text-align: left;
    padding-top: 15px;
  }
  .article-info .header-action .action-show {
    width: 50%;
    float: left;
    position: relative;
    padding-top: 15px;
  }
  .article-info .header-action .action-show i {
    font-size: 22px;
  }
  .article-info .header-action .action-show i:hover {
    font-weight: bold;
  }
  .article-info .header-action .action-show .active {
    color: #ff6f1e;
  }
  .article-info .header-action .action-show .action-item-a {
    width: 65px;
    position: absolute;
    float: right;
    right: 230px;
  }
  .article-info .header-action .action-show .action-item-a a {
    height: 17px;
    font-size: 16px;
    font-weight: 400;
    color: #787878;
  }
  .article-info .header-action .action-show .action-item-a a:hover {
    font-weight: bold;
  }
  .article-info .header-action .action-show .action-item-down {
    width: 23px;
    position: absolute;
    height: 22px;
    right: 188px;
    cursor: pointer;
  }
  .article-info .header-action .action-show .action-item-down i:hover {
    font-weight: bold;
  }
  .article-info .header-action .action-show .action-item-love {
    width: 24px;
    position: absolute;
    height: 22px;
    right: 144px;
    cursor: pointer;
  }
  .article-info .header-action .action-show .action-item-record {
    width: 24px;
    position: absolute;
    height: 24px;
    right: 100px;
    cursor: pointer;
  }
  .article-info .header-action .action-show .action-item-record-text {
    width: 60px;
    height: 24px;
    background: #000000;
    opacity: 0.5;
    display: none;
    border-radius: 2px;
    position: absolute;
    text-align: center;
    font-weight: 400;
    line-height: 24px;
    right: 82px;
    font-size: 12px;
    margin-top: 24px;
    color: white;
  }
  .article-info .month-header,
  .article-info .season-header {
    border-bottom: 1px solid #787878;
    width: auto;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    overflow: visible;
    margin: 0;
  }
  .article-info .month-header .color-block,
  .article-info .season-header .color-block {
    height: 6px;
    width: 6px;
    border-radius: 100%;
    float: left;
    margin-top: 18px;
  }
  .article-info .month-header .month-content,
  .article-info .season-header .month-content {
    width: auto;
    height: 40px;
    display: block;
  }
  .article-info .month-header .month-content .active,
  .article-info .season-header .month-content .active {
    font-weight: bold;
    cursor: default;
  }
  .article-info .month-header .month-content .more-item,
  .article-info .season-header .month-content .more-item {
    font-size: 16px;
    font-weight: 400;
    color: #737373;
    height: 12px;
    line-height: 12px;
    margin: 14px 0 0 0;
    width: 182px;
    float: left;
    position: relative;
  }
  .article-info .month-header .month-content .more-item a,
  .article-info .season-header .month-content .more-item a {
    color: #737373;
  }
  .article-info .month-header .month-content .more-item a:hover,
  .article-info .season-header .month-content .more-item a:hover {
    font-weight: bold;
  }
  .article-info .month-header .month-content .more-item .more-item-content,
  .article-info .season-header .month-content .more-item .more-item-content {
    position: absolute;
    width: 197px;
    margin-top: 14px;
    margin-left: 20px;
    background: #ececec;
    border-left: 1px solid #787878;
    z-index: 9999;
  }
  .article-info .month-header .month-content .more-item .more-item-content ul,
  .article-info .season-header .month-content .more-item .more-item-content ul {
    z-index: 9999;
    margin-top: 18px;
    margin-left: 28px;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    color: #626262;
    line-height: 40px;
  }
  .article-info .month-header .month-content .month-item,
  .article-info .season-header .month-content .month-item,
  .article-info .month-header .month-content .season-item,
  .article-info .season-header .month-content .season-item {
    font-size: 16px;
    font-weight: 400;
    color: #626262;
    height: 15px;
    line-height: 15px;
    margin: 12px 0 0 0;
    width: 182px;
    float: left;
  }
  .article-info .month-header .month-content .month-item a,
  .article-info .season-header .month-content .month-item a,
  .article-info .month-header .month-content .season-item a,
  .article-info .season-header .month-content .season-item a {
    color: #626262;
  }
  .article-info .month-header .month-content .month-item a:hover,
  .article-info .season-header .month-content .month-item a:hover,
  .article-info .month-header .month-content .season-item a:hover,
  .article-info .season-header .month-content .season-item a:hover {
    font-weight: bold;
  }
}
.composition-item-style {
  position: relative;
}
.composition-item-style span {
  position: absolute;
  right: 10px;
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
  background-color: #000;
  color: #fff;
}
.composition-item-style span.collect {
  top: 10px;
  background-color: #706767;
}
.composition-item-style span.download {
  top: 50px;
  background-color: #706767;
}
.composition-item-style i {
  font-size: 25px;
  font-weight: 600;
}

.zhiyi-select .ant-select-selection {
  border-radius: 0;
}
.zhiyi-select .ant-select-selection:hover {
  border-color: #000;
}
.zhiyi-select .ant-select-focused .ant-select-selection,
.zhiyi-select .ant-select-selection:focus,
.zhiyi-select .ant-select-selection:active {
  border-color: #000;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.zhiyi-select-option.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #d4d4d4 !important;
  color: #fff;
  border-radius: 0;
}
.zhiyi-select-option.ant-select-dropdown-menu-item-active {
  background-color: #d4d4d4 !important;
  color: #fff;
  border-radius: 0;
}
.hideScroll::-webkit-scrollbar {
  width: 0;
}

.detailModal-panton-pop-overlay-ai .ant-popover-content .ant-popover-inner {
  background-color: #ffffff;
  font-size: 12px;
  border-radius: 3px;
}
.detailModal-panton-pop-overlay-ai .ant-popover-content .ant-popover-inner .ant-popover-title {
  color: #000000;
  border-bottom-color: rgba(0, 0, 0, 0.08);
  padding: 8px 12px;
  min-width: unset;
}
.detailModal-panton-pop-overlay-ai .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  color: #fff;
  padding: 8px 0;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 18px;
}
.detailModal-panton-pop-overlay-ai .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part {
  cursor: pointer;
}
.detailModal-panton-pop-overlay-ai .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part .tips-title {
  color: #000000;
  padding: 0 12px 8px;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.detailModal-panton-pop-overlay-ai .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part .tips-title::before {
  height: 0.5px;
  width: 0;
  content: '';
  position: absolute;
  bottom: 10px;
  left: 12px;
  background-color: #000000;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.detailModal-panton-pop-overlay-ai .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part .tips-body {
  padding: 8px 12px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.detailModal-panton-pop-overlay-ai .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part .tips-body span {
  position: relative;
}
.detailModal-panton-pop-overlay-ai .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part .tips-body span::before {
  height: 0.5px;
  width: 0;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #000000;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.detailModal-panton-pop-overlay-ai .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part:hover .tips-title::before {
  width: calc(100% - 24px);
}
.detailModal-panton-pop-overlay-ai .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part:hover span::before {
  width: 100%;
}
.detailModal-panton-pop-overlay-ai .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part .copy-messaage {
  position: fixed;
  padding: 0 6px;
  height: 23px;
  background: #515151;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  line-height: 23px;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  display: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  word-break: keep-all;
  z-index: 15;
}
.detailModal-panton-pop-overlay-ai .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part .copy-messaage.show {
  display: block;
}
.icontishi-pop-overlay .ant-popover-content .ant-popover-inner {
  background-color: #ffffff;
  font-size: 12px;
  border-radius: 3px;
}
.icontishi-pop-overlay .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  color: #fff;
  padding: 4px 6px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 18px;
}

.PicViewer_nx5IQ {
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.85);
  opacity: 0;
  -webkit-animation: fadeIn_2Yahu 0.6s ease-in-out forwards;
          animation: fadeIn_2Yahu 0.6s ease-in-out forwards;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 32px 0; }
  .PicViewer_nx5IQ::-webkit-scrollbar {
    width: 0; }
  .PicViewer_nx5IQ .notesMain_1PWet {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .PicViewer_nx5IQ .notesMain_1PWet .pic_3j9rm {
      width: calc(100vh - 32px - 32px);
      height: 100%;
      position: relative;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      background: #0f0f0f; }
  .PicViewer_nx5IQ .notesMain_1PWet .pic_3j9rm .scrollToBottom_2M8qm {
        width: 50px;
        height: 50px;
        background: #ffffff;
        border-radius: 50%;
        position: absolute;
        right: 10px;
        bottom: 32px;
        color: #000;
        z-index: 5;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-transition: all 1s ease;
        transition: all 1s ease; }
  .PicViewer_nx5IQ .notesMain_1PWet .pic_3j9rm .scrollToBottom_2M8qm:hover {
          background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#37383d));
          background: linear-gradient(180deg, #ffffff 0%, #37383d 100%); }
  .PicViewer_nx5IQ .notesMain_1PWet .pic_3j9rm > i {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        font-size: 24px;
        color: #fff;
        cursor: pointer; }
  .PicViewer_nx5IQ .notesMain_1PWet .pic_3j9rm > i.turnLeft_3AO6D {
          left: 16px; }
  .PicViewer_nx5IQ .notesMain_1PWet .pic_3j9rm > i.turnRight_2lBwB {
          right: 16px; }
  .PicViewer_nx5IQ .prevNotes_2DU5R, .PicViewer_nx5IQ .nextNotes_30OFN {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 10px;
    cursor: pointer; }
  .PicViewer_nx5IQ .prevNotes_2DU5R i, .PicViewer_nx5IQ .nextNotes_30OFN i {
      color: #ffffff;
      font-size: 32px;
      top: 0; }
  .PicViewer_nx5IQ .prevNotes_2DU5R i:nth-child(1), .PicViewer_nx5IQ .nextNotes_30OFN i:nth-child(1) {
        opacity: 1; }
  .PicViewer_nx5IQ .prevNotes_2DU5R i:nth-child(2), .PicViewer_nx5IQ .nextNotes_30OFN i:nth-child(2) {
        position: absolute;
        opacity: 0; }
  .PicViewer_nx5IQ .prevNotes_2DU5R:hover > i:nth-child(1), .PicViewer_nx5IQ .nextNotes_30OFN:hover > i:nth-child(1) {
      opacity: 0; }
  .PicViewer_nx5IQ .prevNotes_2DU5R:hover > i:nth-child(2), .PicViewer_nx5IQ .nextNotes_30OFN:hover > i:nth-child(2) {
      opacity: 1; }
  .PicViewer_nx5IQ .prevNotes_2DU5R {
    left: 10px; }
  .PicViewer_nx5IQ .prevNotes_2DU5R i {
      left: 10px; }
  .PicViewer_nx5IQ .nextNotes_30OFN {
    right: 10px; }
  .PicViewer_nx5IQ .nextNotes_30OFN i {
      right: 10px; }
  .PicViewer_nx5IQ .zoomBox_3ZMbD {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: purple;
    overflow: hidden; }
  .PicViewer_nx5IQ .assocDraw_3Ll4w {
    position: absolute;
    left: -60px;
    top: 0;
    max-height: calc(100% - 80px);
    overflow: auto;
    z-index: 5; }
  .PicViewer_nx5IQ .assocDraw_3Ll4w::-webkit-scrollbar {
      width: 0px;
      height: 0; }
  .PicViewer_nx5IQ .assocDraw_3Ll4w .assocDrawList_V9Avy {
      height: 100%; }
  .PicViewer_nx5IQ .assocDraw_3Ll4w .drawingItem_3fSim {
      width: 56px;
      cursor: pointer; }
  .PicViewer_nx5IQ .assocDraw_3Ll4w .drawingItem_3fSim + .drawingItem_3fSim {
        margin-top: 4px; }
  .PicViewer_nx5IQ .assocDraw_3Ll4w .drawingItem_3fSim > img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        -o-object-position: center top;
           object-position: center top; }
  .PicViewer_nx5IQ .assocDraw_3Ll4w .drawingItem_3fSim.active_3an-Y {
        padding: 2px;
        background-color: #FF2741; }
  .PicViewer_nx5IQ .imageCategory_3BH6g {
    position: absolute;
    right: 84px;
    top: 40px;
    width: 32px;
    height: 248px;
    padding: 4px;
    background-color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .PicViewer_nx5IQ .imageCategory_3BH6g .item_rDzpA {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .PicViewer_nx5IQ .close_3geYp {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 70px;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer; }
  .PicViewer_nx5IQ .close_3geYp > i {
      font-size: 16px;
      color: #fff; }
  .PicViewer_nx5IQ .errorToast_3-3_Z {
    position: absolute;
    background-color: #000;
    color: #fff;
    top: 50%;
    left: 50%;
    width: 450px;
    height: 214px;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .PicViewer_nx5IQ .errorToast_3-3_Z .toastclose_1ZP6p {
      position: absolute;
      top: 6px;
      right: 6px;
      cursor: pointer; }
  .PicViewer_nx5IQ .errorToast_3-3_Z .toastclose_1ZP6p i {
        color: #fff; }
  .PicViewer_nx5IQ .errorToast_3-3_Z .msg_2eWvl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 70px 60px; }
  .PicViewer_nx5IQ .errorToast_3-3_Z .msg_2eWvl span {
        margin-left: 16px;
        color: #fff; }
  .PicViewer_nx5IQ .info_2Ksq1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 236px;
    height: calc(100vh - 136px);
    min-height: 600px;
    overflow: hidden; }
  .PicViewer_nx5IQ .info_2Ksq1 .up_2Vijl {
      padding: 32px 26px 26px 26px;
      height: 392px;
      background-color: #000; }
  @media screen and (max-width: 1500px) {
        .PicViewer_nx5IQ .info_2Ksq1 .up_2Vijl {
          padding: 1px 26px 1px 26px;
          height: 340px; } }
  .PicViewer_nx5IQ .info_2Ksq1 .up_2Vijl .title_n69YO {
        font-size: 22px;
        color: #ced3e4; }
  .PicViewer_nx5IQ .info_2Ksq1 .up_2Vijl .title_n69YO > div {
          color: #ced3e4;
          font-weight: 600;
          margin-bottom: 14px; }
  .PicViewer_nx5IQ .info_2Ksq1 .up_2Vijl .keyValue_3ViBT {
        margin-bottom: 20px;
        max-height: 202px;
        overflow: hidden; }
  .PicViewer_nx5IQ .info_2Ksq1 .up_2Vijl .infoItem_2jkWO {
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 8px; }
  .PicViewer_nx5IQ .info_2Ksq1 .up_2Vijl .infoItem_2jkWO .itemKey_3CZmC {
          float: left;
          width: 70px;
          color: #707a8b;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
  .PicViewer_nx5IQ .info_2Ksq1 .up_2Vijl .infoItem_2jkWO .itemValue_2GH2M {
          float: left;
          width: calc(100% - 80px);
          color: #ced3e4;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
  .PicViewer_nx5IQ .info_2Ksq1 .up_2Vijl .keywords_2HIgc {
        height: 64px;
        overflow: hidden; }
  .PicViewer_nx5IQ .info_2Ksq1 .up_2Vijl .keywords_2HIgc .keywordsItems_2eCJI {
          margin-bottom: 10px;
          margin-right: 6px;
          float: left;
          color: #ced3e4;
          max-width: 100%;
          height: 25px;
          line-height: 12px;
          padding: 5px 10px;
          font-size: 12px;
          border: 1px solid #ced3e4;
          border-radius: 18px;
          cursor: pointer;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
  .PicViewer_nx5IQ .info_2Ksq1 .up_2Vijl .keywords_2HIgc .keywordsItems_2eCJI:hover {
            background-color: #ced3e4;
            color: #111; }
  .PicViewer_nx5IQ .info_2Ksq1 .down_T65xZ {
      padding: 20px 24px 0px 24px;
      height: calc(100% - 392px);
      min-height: 200px;
      background-color: #35383e;
      color: #fff; }
  @media screen and (max-width: 1500px) {
        .PicViewer_nx5IQ .info_2Ksq1 .down_T65xZ {
          padding: 10px 24px 0px 24px;
          height: calc(100% - 340px); } }
  .PicViewer_nx5IQ .info_2Ksq1 .down_T65xZ .dbtn_2c4nk {
        width: 182px;
        height: 35px;
        margin-bottom: 8px;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
  .PicViewer_nx5IQ .info_2Ksq1 .down_T65xZ .dbtn_2c4nk.active_3an-Y {
          background-color: #838b9b; }
  .PicViewer_nx5IQ .info_2Ksq1 .down_T65xZ .dbtn_2c4nk:hover {
          background-color: #838b9b; }
  .PicViewer_nx5IQ .info_2Ksq1 .down_T65xZ .dbtn_2c4nk > div {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          font-size: 14px;
          cursor: pointer; }
  .PicViewer_nx5IQ .info_2Ksq1 .down_T65xZ .dbtn_2c4nk > div > i {
            margin-top: 6px;
            margin-right: 12px;
            font-weight: 600; }
  .PicViewer_nx5IQ .info_2Ksq1 .assocPicsBox_16jXR {
      height: calc(100% - 106px); }
  .PicViewer_nx5IQ .info_2Ksq1 .assocPicsBox_16jXR .assocPicsTitle_1riIV {
        font-size: 14px;
        margin-bottom: 14px;
        margin-top: 10px;
        color: #adadc3;
        font-weight: 600; }
  .PicViewer_nx5IQ .info_2Ksq1 .assocPicsBox_16jXR .assocPicsList_f4phT {
        position: relative; }
  .PicViewer_nx5IQ .info_2Ksq1 .assocPicsBox_16jXR .assocPicsList_f4phT .cardItem_1y4oa {
          position: relative;
          float: left;
          width: 88px;
          height: 88px;
          margin-right: 6px;
          margin-bottom: 6px;
          cursor: pointer; }
  .PicViewer_nx5IQ .info_2Ksq1 .assocPicsBox_16jXR .assocPicsList_f4phT .cardItem_1y4oa > img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: center top;
               object-position: center top; }
  .PicViewer_nx5IQ .info_2Ksq1 .assocPicsBox_16jXR .assocPicsList_f4phT .cardItem_1y4oa:nth-of-type(2n) {
            margin-right: 0px; }
  .PicViewer_nx5IQ .info_2Ksq1 .assocPicsBox_16jXR .assocPicsList_f4phT .cardItem_1y4oa .cardItemMore_183xr {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.4);
            cursor: pointer;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            color: #fff;
            font-size: 12px;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column; }
  .PicViewer_nx5IQ .info_2Ksq1 .assocPicsBox_16jXR .assocPicsList_f4phT .cardItem_1y4oa .cardItemMore_183xr > div {
              margin: 0 auto;
              line-height: 18px; }
  .PicViewer_nx5IQ .info_2Ksq1 .assocPicsBox_16jXR .assocPicsList_f4phT .cardItem_1y4oa .cardItemMore_183xr i {
              margin-top: 10px;
              color: #fff;
              font-size: 12px; }
  .PicViewer_nx5IQ .info_2Ksq1 .assocPicsBox_16jXR .assocPicsMask_1zoDC {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.5); }
  .PicViewer_nx5IQ .info_2Ksq1 .infoMask_uqdQS {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.2); }
  .fixedBackToTop_3IrsQ {
  position: fixed;
  bottom: -44px;
  right: 6px;
  width: 44px;
  height: 44px;
  border: 2px solid #fff;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.32);
          box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.32);
  border-radius: 50%;
  text-align: center;
  line-height: 44px;
  cursor: pointer;
  -webkit-transition: bottom 0.55s cubic-bezier(0.785, 0.135, 0.04, 0.995);
  transition: bottom 0.55s cubic-bezier(0.785, 0.135, 0.04, 0.995); }
  .fixedBackToTop_3IrsQ.visible_oAICW {
    bottom: 40px; }
  .fixedBackToTop_3IrsQ:hover {
    color: #fff;
    background: #000; }
  .fixedBackToTop_3IrsQ > i {
    -webkit-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
            transform: translateY(-1px);
    display: block; }
  .buttonWarp_1ViIp {
  padding: 0px 8px 10px 0px;
  overflow: hidden; }
  .button_2fBjz {
  position: relative;
  border: 1px solid #cccccc; }
  .button_2fBjz:after {
  left: 100%;
  margin-left: 1px;
  -webkit-transform: skewY(45deg);
      -ms-transform: skewY(45deg);
          transform: skewY(45deg);
  position: absolute;
  background-color: #000;
  content: "";
  top: 1px;
  bottom: -6px;
  width: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .button_2fBjz:before {
  top: 100%;
  margin-top: 1px;
  -webkit-transform: skew(45deg);
  -ms-transform: skew(45deg);
      transform: skew(45deg); }
  .button_2fBjz:after,
.button_2fBjz:before {
  position: absolute;
  background-color: #000;
  content: ""; }
  .button_2fBjz:before {
  left: 1px;
  right: -2px;
  height: 7px; }
  .button_2fBjz.dark_1j5YA:after {
  background-color: #111; }
  .button_2fBjz.dark_1j5YA:before {
  background-color: #111; }
  @-webkit-keyframes fadeIn_2Yahu {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  @keyframes fadeIn_2Yahu {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.imgContent_3sLem {
  width: 100%;
  height: 100%; }
  .imgContent_3sLem .imgBox_2FmdI {
    width: 100%;
    height: 100%; }
  .imgContent_3sLem .imgBox_2FmdI > img {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain;
      -o-object-position: center top;
         object-position: center top; }
  .imgContent_3sLem .picLoading_2LpSX {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .imgContent_3sLem .zoomBox_23r2f {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .imgContent_3sLem .zoomBox_23r2f .videoBox_3oWRW {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .imgContent_3sLem .zoomBox_23r2f .videoBox_3oWRW .videoContainer_3mxs5 {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .imgContent_3sLem .zoomBox_23r2f .imageCategory_3Qei2 {
      position: absolute;
      right: 86px;
      top: 40px;
      width: 28px;
      height: 189px;
      padding-bottom: 25px;
      z-index: 5; }
  .imgContent_3sLem .zoomBox_23r2f .imageCategory_3Qei2:hover > i.show_PxghP {
        display: block; }
  .imgContent_3sLem .zoomBox_23r2f .imageCategory_3Qei2 > i {
        color: #fff;
        font-size: 16px;
        line-height: 1;
        display: none;
        position: absolute;
        bottom: 2px;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%); }
  .imgContent_3sLem .zoomBox_23r2f .imageCategory_3Qei2 .imageCategoryWrap_1Wxix {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        background-color: #fff;
        padding: 2px;
        height: 164px;
        width: 100%;
        cursor: pointer; }
  .imgContent_3sLem .zoomBox_23r2f .imageCategory_3Qei2 .imageCategoryWrap_1Wxix .item_3A0cp {
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          height: 1px;
          -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease; }
  .imgContent_3sLem .zoomBox_23r2f .imageCategory_3Qei2 .imageCategoryWrap_1Wxix .item_3A0cp:hover {
            -webkit-box-flex: 2;
                -ms-flex-positive: 2;
                    flex-grow: 2; }
  .imgContent_3sLem .zoomBox_23r2f .imageCategory_3Qei2 .imageCategoryWrap_1Wxix .copy-messaage_Wqc5w {
          position: absolute;
          right: 37px;
          padding: 0 6px;
          height: 23px;
          background: #515151;
          border-radius: 3px;
          font-size: 12px;
          font-weight: 400;
          color: #ffffff;
          line-height: 23px;
          -webkit-transform: translateX(100%);
              -ms-transform: translateX(100%);
                  transform: translateX(100%);
          display: none;
          width: -webkit-fit-content;
          width: -moz-fit-content;
          width: fit-content;
          word-break: keep-all;
          z-index: 15; }
  .imgContent_3sLem .zoomBox_23r2f .imageCategory_3Qei2 .imageCategoryWrap_1Wxix .copy-messaage_Wqc5w.show_PxghP {
            display: block; }
  .imgContent_3sLem .prevPage_3djRw,
  .imgContent_3sLem .nextPage_3UMj1 {
    position: absolute;
    z-index: 10;
    width: 60px;
    height: 136px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: rgba(107, 113, 125, 0.8);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .imgContent_3sLem .prevPage_3djRw:hover,
    .imgContent_3sLem .nextPage_3UMj1:hover {
      background-color: rgba(107, 113, 125, 0.6); }
  .imgContent_3sLem .prevPage_3djRw > i,
    .imgContent_3sLem .nextPage_3UMj1 > i {
      font-size: 16px;
      color: #fff; }
  .imgContent_3sLem .prevPage_3djRw {
    left: 0; }
  .imgContent_3sLem .prevPage_3djRw:hover .prevImgBox_2sACK {
      opacity: 1;
      -webkit-transform: perspective(600px) rotateY(0deg);
              transform: perspective(600px) rotateY(0deg); }
  .imgContent_3sLem .nextPage_3UMj1 {
    right: 0; }
  .imgContent_3sLem .nextPage_3UMj1:hover .nextImgBox_2REoD {
      opacity: 1;
      -webkit-transform: perspective(600px) rotateY(0deg);
              transform: perspective(600px) rotateY(0deg); }
  .imgContent_3sLem .prevImgBox_2sACK,
  .imgContent_3sLem .nextImgBox_2REoD {
    position: absolute;
    top: 0;
    width: 204px;
    height: 136px;
    opacity: 1;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s; }
  .imgContent_3sLem .prevImgBox_2sACK .imgMask_3TM-A,
    .imgContent_3sLem .nextImgBox_2REoD .imgMask_3TM-A {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      font-size: 12px;
      color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .imgContent_3sLem .prevImgBox_2sACK > img,
    .imgContent_3sLem .nextImgBox_2REoD > img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center top;
         object-position: center top; }
  .imgContent_3sLem .prevImgBox_2sACK {
    right: -204px;
    -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
            transform-origin: left center;
    -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg); }
  .imgContent_3sLem .nextImgBox_2REoD {
    left: -204px;
    -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
            transform-origin: right center;
    -webkit-transform: perspective(400px) rotateY(-90deg);
            transform: perspective(400px) rotateY(-90deg); }
  .disPlayNone_w1RKY {
  display: none !important; }


.detailModal-panton-pop-overlay-ai .ant-popover-content .ant-popover-inner {
  background-color: #ffffff;
  font-size: 12px;
  border-radius: 3px;
}
.detailModal-panton-pop-overlay-ai .ant-popover-content .ant-popover-inner .ant-popover-title {
  color: #000000;
  border-bottom-color: rgba(0, 0, 0, 0.08);
  padding: 8px 12px;
  min-width: unset;
}
.detailModal-panton-pop-overlay-ai .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  color: #fff;
  padding: 8px 0;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 18px;
}
.detailModal-panton-pop-overlay-ai .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part {
  cursor: pointer;
}
.detailModal-panton-pop-overlay-ai .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part .tips-title {
  color: #000000;
  padding: 0 12px 8px;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.detailModal-panton-pop-overlay-ai .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part .tips-title::before {
  height: 0.5px;
  width: 0;
  content: '';
  position: absolute;
  bottom: 10px;
  left: 12px;
  background-color: #000000;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.detailModal-panton-pop-overlay-ai .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part .tips-body {
  padding: 8px 12px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.detailModal-panton-pop-overlay-ai .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part .tips-body span {
  position: relative;
}
.detailModal-panton-pop-overlay-ai .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part .tips-body span::before {
  height: 0.5px;
  width: 0;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #000000;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.detailModal-panton-pop-overlay-ai .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part:hover .tips-title::before {
  width: calc(100% - 24px);
}
.detailModal-panton-pop-overlay-ai .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part:hover span::before {
  width: 100%;
}
.detailModal-panton-pop-overlay-ai .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part .copy-messaage {
  position: fixed;
  padding: 0 6px;
  height: 23px;
  background: #515151;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  line-height: 23px;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  display: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  word-break: keep-all;
  z-index: 15;
}
.detailModal-panton-pop-overlay-ai .ant-popover-content .ant-popover-inner .ant-popover-inner-content .tips-main-part .copy-messaage.show {
  display: block;
}
.icontishi-pop-overlay .ant-popover-content .ant-popover-inner {
  background-color: #ffffff;
  font-size: 12px;
  border-radius: 3px;
}
.icontishi-pop-overlay .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  color: #fff;
  padding: 4px 6px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 18px;
}

.imgContainer_6w-50 {
  width: 100%;
  height: 100%;
  position: relative; }
  .imgContainer_6w-50 .bg_17BSW {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .imgContainer_6w-50 .loadImgImg_2qLT7 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10; }

.hdWarn_2NbjM {
  position: absolute;
  left: 161px;
  top: 10px; }

.popoverContent_1z7sY .title_8CY11 {
  font-weight: 500;
  font-size: 16px;
  color: #080808;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.popoverContent_1z7sY .title_8CY11 .close_1YjDl {
    color: #080808;
    margin-left: auto;
    cursor: pointer; }

.popoverContent_1z7sY .desc_5D5rr {
  margin-top: 12px;
  width: 393px;
  position: relative;
  font-weight: 400;
  font-size: 14px;
  color: #080808;
  line-height: 22px; }

.popoverContent_1z7sY .desc_5D5rr .gotoHd_2NUGi {
    position: absolute;
    right: 0;
    bottom: 0;
    font-weight: bold;
    color: #080808;
    cursor: pointer; }

.hdWarnPopover {
  border-radius: 6px;
}
.hdWarnPopover .ant-popover-content {
  border-radius: 6px;
}
.hdWarnPopover .ant-popover-content .ant-popover-arrow {
  border-color: #fff;
}
.hdWarnPopover .ant-popover-content .ant-popover-inner {
  border-radius: 6px;
  background-color: #fff;
}
.hdWarnPopover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  border-radius: 6px;
  padding: 20px 24px;
}

.polish_3iRsE {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .polish_3iRsE.active_iJaOj .btn_2dIih {
    background-color: #d0102c;
    color: #fff;
    cursor: pointer; }
  .polish_3iRsE.active_iJaOj .btn_2dIih i {
      color: #fff; }
  .polish_3iRsE .btn_2dIih {
    padding: 0 6px;
    height: 20px;
    border-radius: 3px;
    font-weight: 500;
    font-size: 12px;
    color: #dedfde;
    background: #353636;
    line-height: 20px;
    text-align: center;
    cursor: not-allowed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .polish_3iRsE .text_2IIG8 {
    margin-left: 6px;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    line-height: 12px; }
  .popoverContent_1pUtj {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px 24px;
  width: 535px;
  background: #4b4b4b;
  -webkit-box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.26), 0px 9px 28px 0px rgba(0, 0, 0, 0.29), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.26), 0px 9px 28px 0px rgba(0, 0, 0, 0.29), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  position: relative; }
  .popoverContent_1pUtj .close_2ho3R {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 10;
    color: #fff;
    cursor: pointer; }
  .popoverContent_1pUtj .loading_mOCyD {
    width: 100%; }
  .popoverContent_1pUtj .loading_mOCyD .a_1V6lW {
      width: 206px;
      height: 23px;
      background: #605f5f; }
  .popoverContent_1pUtj .loading_mOCyD .b_1AmHX {
      margin-top: 11px;
      width: 487px;
      height: 16px;
      background: #605f5f; }
  .popoverContent_1pUtj .loading_mOCyD .c_13fzG {
      margin-top: 11px;
      width: 487px;
      height: 16px;
      background: #605f5f; }
  .popoverContent_1pUtj .loading_mOCyD .d_GnGC9 {
      margin-top: 11px;
      width: 487px;
      height: 16px;
      background: #605f5f; }
  .popoverContent_1pUtj .content_3Fkzj {
    width: 100%;
    min-height: 104px; }
  .popoverContent_1pUtj .content_3Fkzj .title_gVYU1 {
      font-weight: 500;
      font-size: 16px;
      color: #fff;
      line-height: 24px; }
  .popoverContent_1pUtj .content_3Fkzj .desc_1gvh9 {
      margin-top: 8px;
      font-weight: 500;
      font-size: 16px;
      color: #fff;
      line-height: 24px; }
  .popoverContent_1pUtj .btnContainer_tbEVi {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  .popoverContent_1pUtj .btnContainer_tbEVi .btn_2dIih {
      width: 88px;
      height: 32px;
      background: #353636;
      border: 1px solid rgba(222, 223, 222, 0.4);
      font-weight: 400;
      font-size: 16px;
      color: #dedfde;
      line-height: 28px;
      text-align: center;
      cursor: not-allowed; }
  .popoverContent_1pUtj .btnContainer_tbEVi .btn_2dIih.active_iJaOj {
        color: #fff;
        background-color: #d0102c;
        cursor: pointer; }

.polishBtnPopover {
  border-radius: 6px;
}
.polishBtnPopover .ant-popover-content {
  border-radius: 6px;
}
.polishBtnPopover .ant-popover-content .ant-popover-arrow {
  border-color: #d0102c;
}
.polishBtnPopover .ant-popover-content .ant-popover-inner {
  border-radius: 6px;
  background-color: #d0102c;
}
.polishBtnPopover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  border-radius: 6px;
  padding: 5px 13px;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  line-height: 22px;
}
.polishPopover {
  border-radius: 8px;
}
.polishPopover .ant-popover-content {
  border-radius: 8px;
}
.polishPopover .ant-popover-content .ant-popover-arrow {
  display: none;
}
.polishPopover .ant-popover-content .ant-popover-arrow {
  border-color: #F8F7FF;
}
.polishPopover .ant-popover-content .ant-popover-inner {
  border-radius: 8px;
  background-color: #F8F7FF;
}
.polishPopover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  border-radius: 8px;
  padding: 0;
}

.popoverContent_2iX5O {
  padding: 20px 24px;
  position: relative; }
  .popoverContent_2iX5O .close_3WmCQ {
    position: absolute;
    top: 27px;
    right: 27px;
    z-index: 10;
    color: #fff;
    cursor: pointer; }
  .popoverContent_2iX5O .title_2p4Ke {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    line-height: 24px; }
  .popoverContent_2iX5O .desc_27SHi {
    margin-top: 12px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 22px; }

.picPopoverContent_2mXAd {
  width: 242px;
  min-height: 242px;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F4F4F4));
  background: linear-gradient(180deg, #FFFFFF 0%, #F4F4F4 100%);
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.51), 0px 2px 17px 0px rgba(0, 0, 0, 0.25), 0px 1px 1px 0px rgba(0, 0, 0, 0.03);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.51), 0px 2px 17px 0px rgba(0, 0, 0, 0.25), 0px 1px 1px 0px rgba(0, 0, 0, 0.03); }
  .picPopoverContent_2mXAd .img_2JA0H {
    width: 100%;
    height: 166px;
    -o-object-fit: cover;
       object-fit: cover; }
  .picPopoverContent_2mXAd .info_37wNe {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 8px; }
  .picPopoverContent_2mXAd .info_37wNe .title_1JxEl {
      font-weight: bold;
      font-size: 14px;
      color: #080808;
      line-height: 24px; }
  .picPopoverContent_2mXAd .info_37wNe .desc_3lrvB {
      margin-top: 3px;
      font-weight: 500;
      font-size: 12px;
      color: #080808;
      line-height: 18px; }

.contentLeft_jedXU {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px 0;
  padding-top: 10px;
  width: 278px;
  background: #4b4b4b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .contentLeft_jedXU .scrollArea_3culx {
    margin-bottom: 16px;
    padding: 0 16px;
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .contentLeft_jedXU .scrollArea_3culx::-webkit-scrollbar {
      width: 0; }
  .contentLeft_jedXU .scrollArea_3culx .banbenhao_dyj2y {
      font-weight: 500;
      font-size: 13px;
      color: #ededed;
      line-height: 20px;
      margin-bottom: 16px; }
  .contentLeft_jedXU .scrollArea_3culx .header_YG2a_ {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin-bottom: 8px;
      height: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .contentLeft_jedXU .scrollArea_3culx .header_YG2a_ .star_3ufKw {
        margin-right: 5px;
        font-size: 20px;
        color: #ff0000;
        -webkit-transform: translateY(3px);
            -ms-transform: translateY(3px);
                transform: translateY(3px); }
  .contentLeft_jedXU .scrollArea_3culx .header_YG2a_ .text_3Vk0B {
        margin-right: 8px;
        font-weight: 500;
        font-size: 18px;
        color: #dedfde; }
  .contentLeft_jedXU .scrollArea_3culx .header_YG2a_ .textRight_32iDR {
        font-weight: 400;
        font-size: 12px;
        color: #fff; }
  .contentLeft_jedXU .scrollArea_3culx .header_YG2a_ i {
        color: #fff;
        display: block;
        -webkit-transform: translateY(1px);
            -ms-transform: translateY(1px);
                transform: translateY(1px);
        cursor: pointer; }
  .contentLeft_jedXU .scrollArea_3culx .header_YG2a_ .xiangsiduRight_1UnbH {
        margin-left: auto; }
  .contentLeft_jedXU .scrollArea_3culx .area_1Y5al {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-radius: 16px;
      width: 246px;
      height: 246px;
      background: #222322;
      position: relative;
      overflow: hidden;
      cursor: pointer; }
  .contentLeft_jedXU .scrollArea_3culx .area_1Y5al .imgUploading_V94QD {
        width: 100%;
        height: 100%; }
  .contentLeft_jedXU .scrollArea_3culx .area_1Y5al .imgUploading_V94QD .center_31jn- {
          margin: 0 auto;
          width: 175px;
          height: 100%;
          background: #605f5f;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .contentLeft_jedXU .scrollArea_3culx .area_1Y5al .imgUploading_V94QD .center_31jn- .text_3Vk0B {
            margin-top: 20px;
            font-weight: 400;
            font-size: 16px;
            color: #dedfde; }
  .contentLeft_jedXU .scrollArea_3culx .area_1Y5al .sourcePath_1jbnS {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0; }
  .contentLeft_jedXU .scrollArea_3culx .area_1Y5al .sourcePath_1jbnS img {
          width: 100%;
          height: 100%;
          -o-object-fit: contain;
             object-fit: contain; }
  .contentLeft_jedXU .scrollArea_3culx .area_1Y5al .clear_178jJ {
        position: absolute;
        bottom: 6px;
        right: 6px;
        z-index: 101;
        width: 24px;
        height: 24px;
        background: #000000;
        border-radius: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        cursor: pointer; }
  .contentLeft_jedXU .scrollArea_3culx .area_1Y5al .clear_178jJ i {
          color: red; }
  .contentLeft_jedXU .scrollArea_3culx .area_1Y5al .noSourcePath_QV5x4 {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
  .contentLeft_jedXU .scrollArea_3culx .area_1Y5al .noSourcePath_QV5x4 img {
          margin-top: 35px;
          width: 120px;
          height: 120px; }
  .contentLeft_jedXU .scrollArea_3culx .area_1Y5al .noSourcePath_QV5x4 .text_3Vk0B {
          font-weight: 400;
          font-size: 12px;
          color: #dedfde;
          line-height: 24px; }
  .contentLeft_jedXU .scrollArea_3culx .area_1Y5al:hover .areaCover_2kU_x {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
  .contentLeft_jedXU .scrollArea_3culx .area_1Y5al .areaCover_2kU_x {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.8);
        z-index: 100;
        display: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .contentLeft_jedXU .scrollArea_3culx .area_1Y5al .areaCover_2kU_x .coverItem1__kiL4 {
          height: 90px;
          border: none;
          padding-bottom: 0;
          padding-top: 46px; }
  .contentLeft_jedXU .scrollArea_3culx .area_1Y5al .areaCover_2kU_x .coverItem1__kiL4 .coverItemText_2iqas {
            font-weight: 500;
            font-size: 16px;
            color: #fff;
            text-align: center; }
  .contentLeft_jedXU .scrollArea_3culx .area_1Y5al .areaCover_2kU_x .coverItem_2NzrZ {
          -webkit-box-sizing: content-box;
                  box-sizing: content-box;
          height: 24px;
          width: 100%;
          padding: 20px 0;
          border-top: 1px solid rgba(255, 255, 255, 0.2);
          border-bottom: 1px solid rgba(255, 255, 255, 0.2);
          font-weight: 500;
          font-size: 16px;
          color: #fff;
          text-align: center;
          position: relative;
          overflow: hidden; }
  .contentLeft_jedXU .scrollArea_3culx .area_1Y5al .areaCover_2kU_x .coverItem_2NzrZ .coverItemText_2iqas {
            position: relative; }
  .contentLeft_jedXU .scrollArea_3culx .area_1Y5al .areaCover_2kU_x .coverItem_2NzrZ .coverItemText_2iqas .coverItemIcon_3KaAU {
              position: absolute;
              top: 4px;
              right: 4px;
              -webkit-transform: translateX(100%) translateY(-100%);
                  -ms-transform: translateX(100%) translateY(-100%);
                      transform: translateX(100%) translateY(-100%);
              width: 56px;
              height: 17px; }
  .contentLeft_jedXU .scrollArea_3culx .area_1Y5al .areaCover_2kU_x .coverItem_2NzrZ .coverItemText_2iqas .coverItemIcon_3KaAU img {
                width: 100%;
                height: 100%; }
  .contentLeft_jedXU .scrollArea_3culx .area_1Y5al .areaCover_2kU_x .coverItem_2NzrZ:first-child {
            padding-top: 0;
            height: 90px;
            border: none;
            height: 0;
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1; }
  .contentLeft_jedXU .scrollArea_3culx .area_1Y5al .areaCover_2kU_x .coverItem_2NzrZ:first-child .inputCoverText_1y0sJ {
              padding-top: 46px; }
  .contentLeft_jedXU .scrollArea_3culx .area_1Y5al .areaCover_2kU_x .coverItem_2NzrZ:last-child {
            height: 90px;
            border: none;
            padding-bottom: 0;
            height: 0;
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1; }
  .contentLeft_jedXU .scrollArea_3culx .area_1Y5al .areaCover_2kU_x .coverItem_2NzrZ .inputCoverText_1y0sJ {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
            pointer-events: none; }
  .contentLeft_jedXU .scrollArea_3culx .area_1Y5al .areaCover_2kU_x .coverItem_2NzrZ input {
            opacity: 0.01;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            border: none;
            background: transparent;
            cursor: pointer; }
  .contentLeft_jedXU .scrollArea_3culx .pics_2plf- {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      position: relative; }
  .contentLeft_jedXU .scrollArea_3culx .pics_2plf- .popover_2zAYR {
        position: absolute;
        right: -10px;
        top: 0;
        width: 1px;
        height: 100%; }
  .contentLeft_jedXU .scrollArea_3culx .pics_2plf- .pic_2gFCL {
        margin-bottom: 8px;
        width: calc((100% - 24px) / 4);
        height: 55.5px;
        position: relative;
        cursor: pointer; }
  .contentLeft_jedXU .scrollArea_3culx .pics_2plf- .pic_2gFCL:first-child {
          margin-left: 0; }
  .contentLeft_jedXU .scrollArea_3culx .pics_2plf- .pic_2gFCL .text_3Vk0B {
          font-weight: 500;
          font-size: 12px;
          color: #fff;
          position: absolute;
          left: 50%;
          bottom: 4px;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
          max-width: 100%;
          z-index: 3;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
  .contentLeft_jedXU .scrollArea_3culx .pics_2plf- .pic_2gFCL .text_3Vk0B div {
            text-align: left;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
  .contentLeft_jedXU .scrollArea_3culx .pics_2plf- .pic_2gFCL .img_1JIY9 {
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          z-index: 1; }
  .contentLeft_jedXU .scrollArea_3culx .pics_2plf- .pic_2gFCL .cover_m0tqM {
          display: none;
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          z-index: 2;
          background: -webkit-gradient(linear, left top, left bottom, from(rgba(15, 35, 254, 0)), to(rgba(0, 0, 0, 0.4)));
          background: linear-gradient(180deg, rgba(15, 35, 254, 0) 0%, rgba(0, 0, 0, 0.4) 100%); }
  .contentLeft_jedXU .scrollArea_3culx .pics_2plf- .pic_2gFCL .cover_m0tqM .icon_7V2fC {
            display: none;
            position: absolute;
            right: 0;
            bottom: 0;
            width: 11px;
            height: 11px;
            z-index: 3; }
  .contentLeft_jedXU .scrollArea_3culx .pics_2plf- .pic_2gFCL.active_2kMog .cover_m0tqM {
          background: -webkit-gradient(linear, left top, left bottom, from(rgba(15, 35, 254, 0)), to(#d0102c));
          background: linear-gradient(180deg, rgba(15, 35, 254, 0) 0%, #d0102c 100%); }
  .contentLeft_jedXU .scrollArea_3culx .pics_2plf- .pic_2gFCL.active_2kMog .cover_m0tqM .icon_7V2fC {
            display: block; }
  .contentLeft_jedXU .scrollArea_3culx .pics_2plf- .pic_2gFCL.disabled_Hwkgj {
          position: relative;
          cursor: not-allowed; }
  .contentLeft_jedXU .scrollArea_3culx .pics_2plf- .pic_2gFCL.disabled_Hwkgj .text_3Vk0B {
            color: rgba(255, 255, 255, 0.4); }
  .contentLeft_jedXU .scrollArea_3culx .pics_2plf- .pic_2gFCL.disabled_Hwkgj .warnImg_ntFfC {
            width: 51px;
            height: 16px;
            position: absolute;
            top: 0;
            left: 50%;
            -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
            z-index: 2; }
  .contentLeft_jedXU .scrollArea_3culx .huanxingArea_baBe3 {
      width: 100%;
      height: 246px;
      background: #222322;
      position: relative; }
  .contentLeft_jedXU .scrollArea_3culx .huanxingArea_baBe3 .huanxingImg_2a4Sx {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain; }
  .contentLeft_jedXU .scrollArea_3culx .huanxingArea_baBe3 .edit_2YFrK {
        position: absolute;
        right: 6px;
        bottom: 6px;
        width: 24px;
        height: 24px;
        background: #000;
        border-radius: 16px;
        opacity: 0.6;
        text-align: center;
        line-height: 24px;
        cursor: pointer; }
  .contentLeft_jedXU .scrollArea_3culx .huanxingArea_baBe3 .edit_2YFrK i {
          font-size: 12px;
          color: #fff; }
  .contentLeft_jedXU .scrollArea_3culx .desc_ZMf2b .descContent_3Am_W {
      position: relative; }
  .contentLeft_jedXU .scrollArea_3culx .desc_ZMf2b .descContent_3Am_W textarea {
        width: 100%;
        min-height: 64px;
        background: #222322;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        display: block;
        border-radius: 8px;
        padding: 8px;
        outline: none;
        border: none;
        font-weight: 400;
        font-size: 12px;
        color: #fff;
        line-height: 24px; }
  .contentLeft_jedXU .scrollArea_3culx .desc_ZMf2b .descContent_3Am_W textarea::-webkit-input-placeholder {
          color: rgba(222, 223, 222, 0.6); }
  .contentLeft_jedXU .scrollArea_3culx .desc_ZMf2b .descContent_3Am_W textarea::-moz-placeholder {
          color: rgba(222, 223, 222, 0.6); }
  .contentLeft_jedXU .scrollArea_3culx .desc_ZMf2b .descContent_3Am_W textarea:-ms-input-placeholder {
          color: rgba(222, 223, 222, 0.6); }
  .contentLeft_jedXU .scrollArea_3culx .desc_ZMf2b .descContent_3Am_W textarea::-ms-input-placeholder {
          color: rgba(222, 223, 222, 0.6); }
  .contentLeft_jedXU .scrollArea_3culx .desc_ZMf2b .descContent_3Am_W textarea::placeholder {
          color: rgba(222, 223, 222, 0.6); }
  .contentLeft_jedXU .scrollArea_3culx .desc_ZMf2b .descContent_3Am_W .textNums_21dMc {
        position: absolute;
        right: 0px;
        bottom: 1px;
        font-weight: 500;
        font-size: 8px;
        color: rgba(222, 223, 222, 0.6); }
  .contentLeft_jedXU .scrollArea_3culx .genders_Rks7o {
      display: grid;
      gap: 10px;
      grid-template-columns: repeat(2, 1fr); }
  .contentLeft_jedXU .scrollArea_3culx .genders_Rks7o .btn_2wwGR {
        padding: 0 10px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        position: relative;
        height: 40px;
        border: 1px solid #222322;
        background: #222322;
        font-weight: 400;
        font-size: 13px;
        color: #dedfde;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: relative;
        cursor: pointer; }
  .contentLeft_jedXU .scrollArea_3culx .genders_Rks7o .btn_2wwGR.active_2kMog {
          background: #d0102c;
          border: 1px solid #d0102c;
          color: #dedfde; }
  .contentLeft_jedXU .scrollArea_3culx .genders_Rks7o .btn_2wwGR.disabled_Hwkgj {
          background: #222322;
          color: rgba(76, 69, 104, 0.2);
          cursor: not-allowed; }
  .contentLeft_jedXU .scrollArea_3culx .genders_Rks7o .btn_2wwGR .icon_7V2fC {
          position: absolute;
          top: -1px;
          right: -1px;
          width: 14px;
          height: 14px; }
  .contentLeft_jedXU .scrollArea_3culx .nums_GyXFF {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .contentLeft_jedXU .scrollArea_3culx .nums_GyXFF .num_3N81u {
        margin-left: 16px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        position: relative;
        width: 42px;
        height: 40px;
        border: 1px solid #222322;
        background: #222322;
        font-weight: 400;
        font-size: 16px;
        color: #dedfde;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        cursor: pointer; }
  .contentLeft_jedXU .scrollArea_3culx .nums_GyXFF .num_3N81u:first-child {
          margin-left: 0; }
  .contentLeft_jedXU .scrollArea_3culx .nums_GyXFF .num_3N81u.active_2kMog {
          background: #d0102c;
          border: 1px solid #d0102c;
          color: #fff; }
  .contentLeft_jedXU .scrollArea_3culx .nums_GyXFF .num_3N81u .icon_7V2fC {
          position: absolute;
          top: 0;
          right: -16px;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          width: 32px;
          height: 16px; }
  .contentLeft_jedXU .scrollArea_3culx .btns_34_jD {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .contentLeft_jedXU .scrollArea_3culx .btns_34_jD .btn_2wwGR {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        position: relative;
        width: 50%;
        height: 40px;
        border: 1px solid #bcb9ce;
        background: #222322;
        font-weight: 400;
        font-size: 16px;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: relative;
        cursor: pointer; }
  .contentLeft_jedXU .scrollArea_3culx .btns_34_jD .btn_2wwGR.active_2kMog {
          background: #d0102c;
          border: 1px solid #d0102c;
          color: #fff; }
  .contentLeft_jedXU .scrollArea_3culx .btns_34_jD .btn_2wwGR.disabled_Hwkgj {
          background: #222322;
          color: rgba(76, 69, 104, 0.2);
          cursor: not-allowed; }
  .contentLeft_jedXU .scrollArea_3culx .btns_34_jD .btn_2wwGR .icon_7V2fC {
          position: absolute;
          top: -0;
          right: -0;
          width: 32px;
          height: 16px;
          -webkit-transform: translateX(50%) translateY(-50%);
              -ms-transform: translateX(50%) translateY(-50%);
                  transform: translateX(50%) translateY(-50%); }
  .contentLeft_jedXU .scrollArea_3culx .btns_34_jD .btn_2wwGR .small_1Ib6I {
          display: inline-block;
          height: 40px;
          margin-left: 5px;
          font-size: 12px;
          line-height: 44px; }
  .contentLeft_jedXU .footer_30b2z {
    padding: 0 16px;
    padding-top: 12px;
    margin-top: auto;
    -webkit-box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.26), 0px 9px 28px 0px rgba(0, 0, 0, 0.29), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.26), 0px 9px 28px 0px rgba(0, 0, 0, 0.29), 0px 6px 16px -8px rgba(0, 0, 0, 0.08); }
  .contentLeft_jedXU .footer_30b2z .btns_34_jD {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .contentLeft_jedXU .footer_30b2z .btns_34_jD .btn_2wwGR {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        position: relative;
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        height: 40px;
        border: 1px solid #222322;
        background: #222322;
        font-weight: 400;
        font-size: 16px;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        position: relative;
        cursor: pointer; }
  .contentLeft_jedXU .footer_30b2z .btns_34_jD .btn_2wwGR.active_2kMog {
          background: #d0102c;
          border: 1px solid #d0102c;
          color: #fff; }
  .contentLeft_jedXU .footer_30b2z .btns_34_jD .btn_2wwGR.active_2kMog .instant_num_1qDUM {
            color: #fff; }
  .contentLeft_jedXU .footer_30b2z .btns_34_jD .btn_2wwGR.disabled_Hwkgj {
          border: 1px solid rgba(222, 223, 222, 0.4);
          background: #353636;
          color: rgba(222, 223, 222, 0.4);
          cursor: not-allowed; }
  .contentLeft_jedXU .footer_30b2z .btns_34_jD .btn_2wwGR.disabled_Hwkgj .instant_num_1qDUM {
            color: #dedfde; }
  .contentLeft_jedXU .footer_30b2z .btns_34_jD .btn_2wwGR .icon_7V2fC {
          position: absolute;
          top: -0;
          right: -0;
          width: 32px;
          height: 16px;
          -webkit-transform: translateX(50%) translateY(-50%);
              -ms-transform: translateX(50%) translateY(-50%);
                  transform: translateX(50%) translateY(-50%); }
  .contentLeft_jedXU .footer_30b2z .btns_34_jD .btn_2wwGR .small_1Ib6I {
          display: inline-block;
          margin-left: 5px;
          font-size: 12px; }
  .contentLeft_jedXU .footer_30b2z .btns_34_jD .btn_2wwGR .instant_num_1qDUM {
          width: 100%;
          font-weight: 400;
          font-size: 12px;
          line-height: 12px;
          text-align: center;
          -webkit-transform: translateY(-3px);
              -ms-transform: translateY(-3px);
                  transform: translateY(-3px); }
  .contentLeft_jedXU .footer_30b2z .bigBtnImgLoading_R9YVS {
      margin-top: 8px;
      margin-bottom: 8px;
      width: 100%;
      height: 40px;
      background: #353636;
      border: 1px solid rgba(255, 255, 255, 0.2);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: not-allowed;
      font-weight: 400;
      font-size: 16px;
      color: #fff; }
  .contentLeft_jedXU .footer_30b2z .bigBtnImgLoading_R9YVS .loadingIcon_3Og1H {
        margin-right: 14px; }
  .contentLeft_jedXU .footer_30b2z .bigBtn_XY4r0 {
      margin-top: 8px;
      margin-bottom: 8px;
      width: 100%;
      height: 40px;
      font-weight: 400;
      font-size: 16px;
      color: #fff;
      line-height: 24px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .contentLeft_jedXU .footer_30b2z .bigBtn_XY4r0.disabled_Hwkgj {
        background: #353636;
        color: rgba(222, 223, 222, 0.4);
        border: 1px solid rgba(222, 223, 222, 0.4);
        cursor: not-allowed; }
  .contentLeft_jedXU .footer_30b2z .bigBtn_XY4r0.active_2kMog {
        background: #d0102c;
        color: #fff;
        cursor: pointer; }
  .contentLeft_jedXU .footer_30b2z .bigBtn_XY4r0.loading_3EZP8 {
        background: #353636;
        color: #fff;
        cursor: not-allowed; }
  .contentLeft_jedXU .footer_30b2z .bigBtn_XY4r0.loading_3EZP8 .loadingIcon_3Og1H {
          display: block; }
  .contentLeft_jedXU .footer_30b2z .bigBtn_XY4r0 .loadingIcon_3Og1H {
        display: none;
        margin-right: 24px; }
  .contentLeft_jedXU .footer_30b2z .bigBtn_XY4r0 .small_1Ib6I {
        display: inline-block;
        height: 40px;
        margin-left: 5px;
        font-size: 12px;
        line-height: 44px; }
  .descPopContent_VA0V3 {
  max-width: 278px; }
  .allPageCover_3_0MD {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100000000000000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.jishiBtnPopover {
  border-radius: 6px;
}
.jishiBtnPopover .ant-popover-content {
  border-radius: 6px;
}
.jishiBtnPopover .ant-popover-content .ant-popover-arrow {
  border-color: #5366eb;
}
.jishiBtnPopover .ant-popover-content .ant-popover-inner {
  border-radius: 6px;
  background-color: #5366eb;
}
.jishiBtnPopover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  border-radius: 6px;
  padding: 0;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  line-height: 22px;
}

.painting_1d-bZ {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #4b4b4b; }
  .painting_1d-bZ img {
    margin-top: -10px;
    width: 150px;
    height: 150px;
    margin-bottom: -62px; }
  .painting_1d-bZ .info_3uTe4 {
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .painting_1d-bZ .info_3uTe4 .text_5QMwI {
      font-weight: 500;
      font-size: 12px;
      color: rgba(222, 223, 222, 0.4);
      line-height: 24px;
      text-align: center; }
  .painting_1d-bZ .info_3uTe4 .text_5QMwI .bold_3-pbc {
        color: #fff; }
  .item_29Svp {
  width: 152px;
  margin-bottom: 10px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .item_29Svp.active_evFKK .text_5QMwI {
    color: #fff; }
  .item_29Svp .cube_156hP {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .item_29Svp .dot_2P1Ov {
    width: 6px;
    height: 6px;
    display: block;
    position: relative;
    border-radius: 50%;
    background-color: #dedfde;
    z-index: 1; }
  .item_29Svp .dot_2P1Ov::after {
      width: 100%;
      height: 100%;
      content: "";
      border-radius: 50%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -2;
      -webkit-animation: dot-play_1e_uK 4s linear 400ms infinite;
              animation: dot-play_1e_uK 4s linear 400ms infinite; }
  .item_29Svp .dot_2P1Ov::before {
      width: 100%;
      height: 100%;
      content: "";
      border-radius: 50%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      -webkit-animation: dot-play_1e_uK 4s linear 200ms infinite;
              animation: dot-play_1e_uK 4s linear 200ms infinite;
      -webkit-animation-delay: 2s;
              animation-delay: 2s; }
  @-webkit-keyframes dot-play_1e_uK {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.2; }
  to {
    -webkit-transform: scale(4);
            transform: scale(4);
    opacity: 0; } }
  @keyframes dot-play_1e_uK {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.2; }
  to {
    -webkit-transform: scale(4);
            transform: scale(4);
    opacity: 0; } }
  .item_29Svp .text_5QMwI {
    margin-left: 8px;
    font-weight: 400;
    font-size: 12px;
    color: rgba(222, 223, 222, 0.4);
    line-height: 24px; }

.progress_kz1r1 {
  margin-top: 20px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: rgba(255, 255, 255, 0.1);
  height: 2px;
  width: 75%; }

.progressValue_z7UmD {
  -webkit-animation: load_2XKkQ 3s normal forwards;
          animation: load_2XKkQ 3s normal forwards;
  background: #fff;
  height: 2px;
  width: 0; }

@-webkit-keyframes load_2XKkQ {
  0% {
    width: 0; }
  100% {
    width: 68%; } }

@keyframes load_2XKkQ {
  0% {
    width: 0; }
  100% {
    width: 68%; } }

.queuing_3XTQ6 {
  width: 100%;
  height: 100%;
  background: #4b4b4b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .queuing_3XTQ6 img {
    margin-top: -10px;
    width: 150px;
    height: 150px;
    margin-bottom: -62px; }
  .queuing_3XTQ6 .info_32BAg {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 40px;
    font-size: 12px;
    font-weight: 500; }
  .queuing_3XTQ6 .info_32BAg .text_37dRa {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      font-weight: 400;
      color: rgba(222, 223, 222, 0.4);
      line-height: 24px;
      text-align: center;
      margin-top: 16px; }
  .queuing_3XTQ6 .info_32BAg .text_37dRa .bold_7xs9f {
        color: #fff; }
  .item_1my60 {
  width: 152px;
  margin-bottom: 10px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .item_1my60 .cube_1hZP1 {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .item_1my60 .dot_1sGic {
    width: 12px;
    height: 12px;
    display: block;
    position: relative;
    border-radius: 50%;
    background-color: #dedfde;
    z-index: 1; }
  .item_1my60 .dot_1sGic::after {
      width: 100%;
      height: 100%;
      content: "";
      border-radius: 50%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -2;
      -webkit-animation: dot-play_XDO9s 4s linear 400ms infinite;
              animation: dot-play_XDO9s 4s linear 400ms infinite; }
  .item_1my60 .dot_1sGic::before {
      width: 100%;
      height: 100%;
      content: "";
      border-radius: 50%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      -webkit-animation: dot-play_XDO9s 4s linear 200ms infinite;
              animation: dot-play_XDO9s 4s linear 200ms infinite;
      -webkit-animation-delay: 2s;
              animation-delay: 2s; }
  @-webkit-keyframes dot-play_XDO9s {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.2; }
  to {
    -webkit-transform: scale(4);
            transform: scale(4);
    opacity: 0; } }
  @keyframes dot-play_XDO9s {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.2; }
  to {
    -webkit-transform: scale(4);
            transform: scale(4);
    opacity: 0; } }
  .item_1my60 .text_37dRa {
    margin-left: 8px;
    font-weight: 400;
    font-size: 12px;
    color: rgba(222, 223, 222, 0.4);
    line-height: 24px; }

.funcs_1yI2z {
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 100;
  width: 30px;
  height: 18px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 10px;
  color: #fff;
  font-size: 12px; }

.popoverContent_3UtQj {
  background: #4b4b4b;
  -webkit-box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.26), 0px 9px 28px 0px rgba(0, 0, 0, 0.29), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.26), 0px 9px 28px 0px rgba(0, 0, 0, 0.29), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.popoverContent_3UtQj .item_3un7k {
    width: 100%;
    padding: 11px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    font-weight: 500;
    font-size: 17px;
    color: rgba(222, 223, 222, 0.8);
    text-align: center;
    cursor: pointer; }

.popoverContent_3UtQj .item_3un7k:hover {
      color: #fff; }

.popoverContent_3UtQj .item_3un7k:first-child {
      padding-top: 0; }

.popoverContent_3UtQj .item_3un7k:last-child {
      padding-bottom: 0;
      border-bottom: none; }

.cardFuncsPopover .ant-popover-content .ant-popover-arrow {
  border-color: #4B4B4B;
}
.cardFuncsPopover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  padding: 0;
}

.cardContainer_1Aud_ {
  width: calc((100% - 16px * 5) / 6);
  background: #605f5f; }
  .cardContainer_1Aud_ .card_3kQ2W {
    width: 100%;
    padding-bottom: 133%;
    position: relative;
    cursor: pointer; }
  .cardContainer_1Aud_ .card_3kQ2W:hover .cardInfo_3UdiM .warn_1ZuMK {
      display: block; }
  .cardContainer_1Aud_ .card_3kQ2W:hover .btn_20eQ7 {
      visibility: visible; }
  .cardContainer_1Aud_ .card_3kQ2W .cardMain_6JzeP {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      cursor: pointer; }
  .cardContainer_1Aud_ .card_3kQ2W .cardMain_6JzeP:hover .id_3cf-g {
        display: block; }
  .cardContainer_1Aud_ .card_3kQ2W .cardMain_6JzeP:hover .funcs_3gXRh {
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0); }
  .cardContainer_1Aud_ .card_3kQ2W .cardMain_6JzeP:hover .checkbox_10VRJ {
        display: block; }
  .cardContainer_1Aud_ .card_3kQ2W .cardMain_6JzeP:hover .numContainer_1nec2 {
        display: none; }
  .cardContainer_1Aud_ .card_3kQ2W .cardMain_6JzeP .id_3cf-g {
        position: absolute;
        z-index: 100;
        top: 8px;
        left: 8px;
        padding: 0 8px;
        max-width: calc(100% - 16px);
        height: 24px;
        background: rgba(0, 0, 0, 0.25);
        border-radius: 13px;
        font-weight: 500;
        font-size: 12px;
        color: #dedfde;
        line-height: 23px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: none; }
  .cardContainer_1Aud_ .card_3kQ2W .cardMain_6JzeP .funcs_3gXRh {
        -webkit-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
                transform: translateY(-100%);
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        position: absolute;
        background: transparent;
        right: 0;
        top: 0;
        z-index: 100;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 1px; }
  .cardContainer_1Aud_ .card_3kQ2W .cardMain_6JzeP .funcs_3gXRh .funcsItem_2NCm5 {
          width: 50px;
          height: 50px;
          background: rgba(0, 0, 0, 0.5);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          cursor: pointer; }
  .cardContainer_1Aud_ .card_3kQ2W .cardMain_6JzeP .funcs_3gXRh .funcsItem_2NCm5 i {
            font-size: 17px;
            color: #fff; }
  .cardContainer_1Aud_ .card_3kQ2W .cardMain_6JzeP .vector_3EtEI {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 16px;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 99;
        background: rgba(69, 72, 74, 0.65);
        -webkit-box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
                box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
        -webkit-backdrop-filter: blur(2px);
                backdrop-filter: blur(2px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
  .cardContainer_1Aud_ .card_3kQ2W .cardMain_6JzeP .vector_3EtEI .vectorItem_2lDzS {
          padding: 17px 0;
          width: 100%;
          height: 25%;
          border-bottom: 1px solid rgba(255, 255, 255, 0.2);
          font-weight: 600;
          font-size: 17px;
          color: rgba(222, 223, 222, 0.7);
          text-align: center;
          cursor: pointer;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
  .cardContainer_1Aud_ .card_3kQ2W .cardMain_6JzeP .vector_3EtEI .vectorItem_2lDzS:hover {
            color: #fff; }
  .cardContainer_1Aud_ .card_3kQ2W .cardMain_6JzeP .error_XIB_C {
        width: 100%;
        height: 100%;
        position: relative; }
  .cardContainer_1Aud_ .card_3kQ2W .cardMain_6JzeP .error_XIB_C .errorBgImg_1QVcv {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          z-index: 1; }
  .cardContainer_1Aud_ .card_3kQ2W .cardMain_6JzeP .error_XIB_C .errorBg_3FaVa {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          z-index: 2;
          background: rgba(0, 0, 0, 0.25);
          opacity: 0.94;
          -webkit-backdrop-filter: blur(2px);
                  backdrop-filter: blur(2px); }
  .cardContainer_1Aud_ .card_3kQ2W .cardMain_6JzeP .error_XIB_C .errorContent_3mmfb {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          z-index: 3;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .cardContainer_1Aud_ .card_3kQ2W .cardMain_6JzeP .error_XIB_C .errorContent_3mmfb img {
            width: 104px; }
  .cardContainer_1Aud_ .card_3kQ2W .cardMain_6JzeP .error_XIB_C .errorContent_3mmfb .text_24vrP {
            margin-top: 22px;
            font-weight: 500;
            font-size: 12px;
            color: #fff; }
  .cardContainer_1Aud_ .card_3kQ2W .cardMain_6JzeP .error_XIB_C .errorContent_3mmfb .errBtns_3HE3W {
            margin-top: 38px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
  .cardContainer_1Aud_ .card_3kQ2W .cardMain_6JzeP .error_XIB_C .errorContent_3mmfb .errBtns_3HE3W .errBtn_2DKR9 {
              margin-left: 16px;
              width: 104px;
              height: 40px;
              background: rgba(0, 0, 0, 0.25);
              border: 1px solid #bcb9ce;
              font-weight: 400;
              font-size: 16px;
              color: #fff;
              line-height: 40px;
              text-align: center;
              cursor: pointer; }
  .cardContainer_1Aud_ .card_3kQ2W .cardMain_6JzeP .error_XIB_C .errorContent_3mmfb .errBtns_3HE3W .errBtn_2DKR9:first-child {
                margin-left: 0; }
  .cardContainer_1Aud_ .card_3kQ2W .cardMain_6JzeP .error_XIB_C .errorContent_3mmfb .errBtns_3HE3W .errBtn_2DKR9.primary_1YkpX {
                background-color: #d0102c;
                border: 1px solid #d0102c;
                color: #fff; }
  .cardContainer_1Aud_ .card_3kQ2W .cardMain_6JzeP .checkbox_10VRJ {
        display: none;
        position: absolute;
        left: 6px;
        top: 6px;
        z-index: 2; }
  .cardContainer_1Aud_ .card_3kQ2W .cardMain_6JzeP .numContainer_1nec2 {
        position: absolute;
        left: 8px;
        top: -1px;
        z-index: 1; }
  .cardContainer_1Aud_ .card_3kQ2W .cardMain_6JzeP .numContainer_1nec2 .num_2cuPK {
          position: absolute;
          left: 0;
          top: -0;
          z-index: 1;
          color: #fff;
          font-size: 24px; }
  .cardContainer_1Aud_ .card_3kQ2W .cardMain_6JzeP .numContainer_1nec2 .multiPic_19WGL {
          position: absolute;
          left: 10px;
          top: 10px;
          z-index: 2;
          font-weight: bold;
          font-size: 12px;
          color: #4c4568;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%); }
  .cardContainer_1Aud_ .card_3kQ2W .cardMain_6JzeP .cardMainImg_3pyP2 {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain; }
  .cardContainer_1Aud_ .card_3kQ2W .cardMain_6JzeP .carousel_AU-Oc {
        width: 100%;
        height: 100%; }
  .cardContainer_1Aud_ .card_3kQ2W .cardInfo_3UdiM {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 3; }
  .cardContainer_1Aud_ .card_3kQ2W .cardInfo_3UdiM .keywords_3dYSi {
        padding: 0 6px;
        margin-bottom: 6px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 6px; }
  .cardContainer_1Aud_ .card_3kQ2W .cardInfo_3UdiM .keywords_3dYSi .keyword_3cjtc {
          -ms-flex-negative: 0;
              flex-shrink: 0;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          height: 28px;
          padding: 0 12px;
          background: rgba(0, 0, 0, 0.25);
          border-radius: 13px;
          font-weight: 500;
          font-size: 12px;
          color: #fff;
          line-height: 26px; }
  .cardContainer_1Aud_ .card_3kQ2W .cardInfo_3UdiM .warn_1ZuMK {
        display: none;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 6px;
        background: rgba(83, 83, 83, 0.5);
        -webkit-backdrop-filter: blur(17px);
                backdrop-filter: blur(17px);
        font-weight: 500;
        font-size: 12px;
        color: #fff; }
  .cardContainer_1Aud_ .card_3kQ2W .btn_20eQ7 {
      visibility: hidden;
      cursor: pointer;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background: rgba(0, 0, 0, 0.7);
      -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.32);
              box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.32);
      position: absolute;
      top: 50%;
      z-index: 100;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .cardContainer_1Aud_ .card_3kQ2W .btn_20eQ7 i {
        color: #fff;
        font-size: 12px;
        display: block;
        -webkit-transform: translateY(1px);
            -ms-transform: translateY(1px);
                transform: translateY(1px); }

.aiCheckbox .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #d0102c;
  border-color: #d0102c;
}
.aiCheckbox .ant-checkbox-checked::after {
  border: 1px solid #d0102c;
}
.ant-carousel {
  height: 100%;
}
.ant-carousel .s-carousel {
  height: 100%;
}
.ant-carousel .s-carousel .slick-list {
  height: 100%;
}
.ant-carousel .s-carousel .slick-list .slick-track {
  height: 100%;
}
.ant-carousel .s-carousel .slick-list .slick-track .slick-slide {
  height: 100%;
}
.ant-carousel .s-carousel .slick-list .slick-track .slick-slide > div {
  width: 100%;
  height: 100%;
}
.ant-carousel .s-carousel .slick-list .slick-track .slick-slide > div .carouselItem {
  height: 100%;
  position: relative;
}
.ant-carousel .s-carousel .slick-list .slick-track .slick-slide > div .carouselItem > div {
  width: 100%;
  height: 100%;
}
.ant-carousel .s-carousel .slick-list .slick-track .slick-slide > div .carouselItem > div img {
  position: static;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.ant-carousel .s-carousel .slick-list .slick-track .slick-slide > div .carouselItem > .noPowerItem {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f5f5f5;
}
.ant-carousel .s-carousel .slick-list .slick-track .slick-slide > div .carouselItem > .noPowerItem > img.noPowerImg {
  height: auto;
  width: 70%;
  max-width: 220px;
  margin: 0 auto;
}
.ai-my-progress .ant-progress-inner {
  height: 6px;
  background-color: #313131;
}
.ai-my-progress .ant-progress-inner .ant-progress-bg {
  -webkit-transform: translateY(1px);
      -ms-transform: translateY(1px);
          transform: translateY(1px);
}

.select_3BLba {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 32px;
  background: #464544;
  padding-right: 18px;
  padding-left: 24px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px; }
  .select_3BLba .name_BGh54 {
    font-weight: 500;
    font-size: 13px;
    color: rgba(222, 223, 222, 0.6);
    line-height: 20px; }
  .select_3BLba i {
    color: rgba(222, 223, 222, 0.6); }
  .popoverContent_om9Jo {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4px;
  width: 133px;
  max-height: 418px;
  background: #fff;
  -webkit-box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  overflow: auto; }
  .popoverContent_om9Jo::-webkit-scrollbar {
    width: 0; }
  .item_2tL-6 {
  width: 100%;
  height: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
  padding-right: 15px;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer; }
  .item_2tL-6:hover {
    background-color: #080808; }
  .item_2tL-6:hover .name_BGh54 {
      color: #fff; }
  .item_2tL-6:hover i {
      color: #fff; }
  .item_2tL-6.active_uXw54 {
    background-color: #080808; }
  .item_2tL-6.active_uXw54 .name_BGh54 {
      color: #fff; }
  .item_2tL-6.active_uXw54 i {
      display: block;
      color: #fff; }
  .item_2tL-6 .name_BGh54 {
    width: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    font-weight: 400;
    font-size: 12px;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .item_2tL-6 i {
    display: none;
    margin-left: auto;
    font-size: 14px; }
  .item2_1TJZ8 {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 6px;
  cursor: pointer; }
  .item2_1TJZ8 .main_2juER {
    height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #fff; }
  .item2_1TJZ8 .main_2juER .name_BGh54 {
      margin-left: 3px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }

.select3Popover {
  padding-top: 1px;
}
.select3Popover .ant-popover-content .ant-popover-arrow {
  display: none;
}
.select3Popover .ant-popover-content .ant-popover-inner {
  border-radius: 5px;
  overflow: hidden;
}
.select3Popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  padding: 0;
}

.noData_2WToe {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .noData_2WToe img {
    width: 350px;
    height: 180px; }
  .noData_2WToe .text_2skbs {
    margin-top: 24px;
    font-weight: 400;
    font-size: 16px;
    color: #ededed; }
  .noData_2WToe .text1_37iY1 {
    margin-top: 10px;
    font-weight: 400;
    font-size: 12px;
    color: #ededed; }

.checkedAll_FRbgf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
  font-weight: 500;
  font-size: 13px;
  color: #fff;
  line-height: 20px; }
  .checkedAll_FRbgf.active_3My1o .cube_qEJqF .inner_3cf4F {
    display: block; }
  .checkedAll_FRbgf .cube_qEJqF {
    width: 16px;
    height: 16px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(75, 75, 75, 0.8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer; }
  .checkedAll_FRbgf .cube_qEJqF .inner_3cf4F {
      width: 50%;
      height: 50%;
      background-color: #000;
      display: none; }

.notesContentMain_2TFtu {
  width: 500px;
  height: 100%;
  background-color: #fafafa;
  padding: 32px 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .notesContentMain_2TFtu .authorPart_3HHNE {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 32px;
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0; }
  .notesContentMain_2TFtu .authorPart_3HHNE .headImg_3FaSu {
      width: 80px;
      height: 80px;
      border-radius: 50%; }
  .notesContentMain_2TFtu .authorPart_3HHNE .authorInfo_36QjY {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      margin-left: 16px; }
  .notesContentMain_2TFtu .authorPart_3HHNE .authorInfo_36QjY .authorNameInfo_3qvmP {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 100%;
        margin: 8px 0 10px;
        height: 32px; }
  .notesContentMain_2TFtu .authorPart_3HHNE .authorInfo_36QjY .authorNameInfo_3qvmP .leftPart_1W72G {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .notesContentMain_2TFtu .authorPart_3HHNE .authorInfo_36QjY .authorNameInfo_3qvmP .nameText_1AK3o {
          max-width: 180px;
          height: 32px;
          font-size: 20px;
          font-family: PingFangSC-Semibold, PingFang SC;
          font-weight: 600;
          color: #000000;
          line-height: 31px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; }
  .notesContentMain_2TFtu .authorPart_3HHNE .authorInfo_36QjY .authorNameInfo_3qvmP .iconWrap_21oWc {
          margin: 0 8px 0 4px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          height: 100%; }
  .notesContentMain_2TFtu .authorPart_3HHNE .authorInfo_36QjY .authorNameInfo_3qvmP .iconWrap_21oWc i {
            font-size: 20px;
            line-height: 1; }
  .notesContentMain_2TFtu .authorPart_3HHNE .authorInfo_36QjY .authorNameInfo_3qvmP .iconWrap_21oWc i + i {
              margin-left: 4px; }
  .notesContentMain_2TFtu .authorPart_3HHNE .authorInfo_36QjY .authorNameInfo_3qvmP .love_3Ukn1 {
          height: 28px;
          background: #000000;
          border-radius: 4px;
          border: 1px solid #000000;
          padding: 6px 0;
          cursor: pointer;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          font-size: 12px;
          font-weight: 400;
          color: #ffffff;
          line-height: 16px;
          display: flex;
          align-items: center;
          width: 80px; }
  .notesContentMain_2TFtu .authorPart_3HHNE .authorInfo_36QjY .authorNameInfo_3qvmP .love_3Ukn1:hover {
            background: rgba(0, 0, 0, 0.8); }
  .notesContentMain_2TFtu .authorPart_3HHNE .authorInfo_36QjY .authorNameInfo_3qvmP .love_3Ukn1 i {
            margin-right: 4px;
            font-size: 14px; }
  .notesContentMain_2TFtu .authorPart_3HHNE .authorInfo_36QjY .authorNameInfo_3qvmP .love_3Ukn1.loved_2MHqg {
            background: #fff;
            color: #000; }
  .notesContentMain_2TFtu .authorPart_3HHNE .authorInfo_36QjY .authorNameInfo_3qvmP .love_3Ukn1.loved_2MHqg:hover {
              background: rgba(0, 0, 0, 0.06); }
  .notesContentMain_2TFtu .authorPart_3HHNE .authorInfo_36QjY .someNums_1DIog {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 18px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #000000;
        line-height: 20px; }
  .notesContentMain_2TFtu .authorPart_3HHNE .authorInfo_36QjY .someNums_1DIog i {
          margin-right: 7px;
          font-size: 20px; }
  .notesContentMain_2TFtu .notesPart_BK_YS {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .notesContentMain_2TFtu .notesPart_BK_YS .notesTitle_1ijqs {
      font-size: 18px;
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
      color: #000000;
      line-height: 25px;
      -webkit-box-flex: 0;
          -ms-flex: 0;
              flex: 0; }
  .notesContentMain_2TFtu .notesPart_BK_YS .notesInfo_1GMLe {
      margin: 16px 0 13px;
      font-size: 12px;
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
      color: rgba(0, 0, 0, 0.4);
      line-height: 17px;
      -webkit-box-flex: 0;
          -ms-flex: 0;
              flex: 0; }
  .notesContentMain_2TFtu .notesPart_BK_YS .notesInfo_1GMLe a {
        margin-left: 16px; }
  .notesContentMain_2TFtu .notesPart_BK_YS .notesContent_1FHQR {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      height: 0;
      overflow: auto;
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #000000;
      line-height: 36px; }
  .notesContentMain_2TFtu .notesPart_BK_YS .notesContent_1FHQR .contentText_2h9XJ {
        white-space: pre-wrap; }
  .notesContentMain_2TFtu .otherPart_3FuXu {
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
    padding-top: 32px; }
  .notesContentMain_2TFtu .otherPart_3FuXu .warningInfo_1SIuv {
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #f19660;
      line-height: 18px; }
  .notesContentMain_2TFtu .otherPart_3FuXu .toolList_1QDGf {
      margin-top: 24px;
      padding-top: 24px;
      border-top: 1px solid rgba(0, 0, 0, 0.08);
      overflow: hidden; }
  .notesContentMain_2TFtu .otherPart_3FuXu .toolList_1QDGf a {
        font-size: 12px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        line-height: 17px;
        float: right; }

.card_SLu9Y {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px; }
  .card_SLu9Y.visited_2EvE8 .title_3wjcY {
    color: #b5b5b5d9; }
  .card_SLu9Y.visited_2EvE8 .title_3wjcY > span::before {
      background: #a8a6a7; }
  .card_SLu9Y.visited_2EvE8 .time_3lgHI i,
  .card_SLu9Y.visited_2EvE8 .look_2XwZ3 i,
  .card_SLu9Y.visited_2EvE8 .tupian_Bv_te i,
  .card_SLu9Y.visited_2EvE8 .shipin_1C-Jn i {
    color: #b5b5b5d9; }
  .card_SLu9Y.visited_2EvE8 .tags_2llsN span,
  .card_SLu9Y.visited_2EvE8 .tags_2llsN a {
    color: #b5b5b5d9; }
  .card_SLu9Y .cardImgBox_O2b_l {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: calc(100% * (226 / 366));
    border: 1px solid #f6f6f6;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
    background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
    background-size: 800% 100%; }
  .card_SLu9Y .cardImgBox_O2b_l .cardImgWrap_YBej6 {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .card_SLu9Y .cardImgBox_O2b_l .cardImgWrap_YBej6 img {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
  .card_SLu9Y .cardImgBox_O2b_l .cardImgWrap_YBej6:hover .showCollectIcon_3Lid9 {
        display: none; }
  .card_SLu9Y .cardImgBox_O2b_l .showCollectIcon_3Lid9 {
      position: absolute;
      right: 13px;
      bottom: 9px;
      width: 32px;
      height: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #333; }
  .card_SLu9Y .cardImgBox_O2b_l .imgMask_aD43D {
      position: absolute;
      opacity: 0;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 20px;
      color: #333;
      background-color: rgba(255, 255, 255, 0.7);
      -webkit-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out;
      padding-top: 16px;
      padding-left: 16px;
      background: rgba(0, 0, 0, 0.65); }
  .card_SLu9Y .cardImgBox_O2b_l .imgMask_aD43D .container_2FTZB {
        position: absolute;
        width: 92%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
  .card_SLu9Y .cardImgBox_O2b_l .imgMask_aD43D .imgMaskTitle_2HCFz {
        max-width: 100%;
        margin-bottom: 20px;
        font-size: 14px;
        text-align: center;
        font-weight: bold; }
  .card_SLu9Y .cardImgBox_O2b_l .imgMask_aD43D .imgMaskWow_iYn7k {
        text-align: center;
        margin-bottom: 16px; }
  .card_SLu9Y .cardImgBox_O2b_l .imgMask_aD43D .imgMaskWow_iYn7k > img {
          display: inline-block;
          width: 40%;
          height: unset; }
  .card_SLu9Y .cardImgBox_O2b_l .imgMask_aD43D .imgMaskDesc_3coQr {
        font-size: 22px;
        text-align: center; }
  .card_SLu9Y .cardImgBox_O2b_l .imgMask_aD43D .collect_32utL {
        position: absolute;
        right: 13px;
        bottom: 9px;
        width: 32px;
        height: 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .card_SLu9Y .cardImgBox_O2b_l .imgMask_aD43D .isNotCollect_3RStq {
        color: #fff; }
  .card_SLu9Y .cardImgBox_O2b_l .imgMask_aD43D .isCollect_2OiVL {
        color: #fff; }
  .card_SLu9Y .cardImgBox_O2b_l .imgMask_aD43D .logoWhite_2DUmh {
        width: 15%; }
  .card_SLu9Y .cardImgBox_O2b_l .imgMask_aD43D .maskContent_3Cese {
        color: #ffffff;
        border: 1px solid #ffffff;
        border-left: none;
        border-right: none;
        width: 76%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        text-align: center;
        padding: 15px 0px; }
  .card_SLu9Y .cardImgBox_O2b_l .imgMask_aD43D .maskContent_3Cese .contentHeader_2nj26 {
          height: 33px;
          font-size: 23px;
          font-weight: 400;
          line-height: 32px;
          margin-bottom: 2px; }
  .card_SLu9Y .cardImgBox_O2b_l .imgMask_aD43D .maskContent_3Cese .contentFooter_1rmN9 {
          height: 20px;
          font-size: 14px;
          font-weight: 400;
          line-height: 20px; }
  .card_SLu9Y .cardImgBox_O2b_l:hover .imgMask_aD43D {
      opacity: 1; }
  .card_SLu9Y .cardImgBox_O2b_l img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center top;
         object-position: center top; }
  .card_SLu9Y .title_3wjcY {
    position: relative;
    margin-top: 10px;
    height: 18px;
    line-height: 18px;
    font-weight: bold;
    color: #111111;
    cursor: pointer; }
  .card_SLu9Y .title_3wjcY > span {
      position: relative;
      display: inline-block;
      font-size: 14px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: calc(100% - 80px); }
  .card_SLu9Y .title_3wjcY > span::before {
        background: #111; }
  .card_SLu9Y .title_3wjcY .isNew_1gxMv {
      margin-left: 10px;
      position: absolute;
      width: 32px;
      height: 20px; }
  .card_SLu9Y .info_fOJJj {
    margin-top: 4px;
    text-align: left; }
  .card_SLu9Y .time_3lgHI i,
  .card_SLu9Y .look_2XwZ3 i {
    font-size: 12px;
    color: #666;
    margin-right: 2px; }
  .card_SLu9Y .look_2XwZ3 {
    margin-left: 12px; }
  .card_SLu9Y .tupian_Bv_te,
  .card_SLu9Y .shipin_1C-Jn {
    margin-left: 12px; }
  .card_SLu9Y .tupian_Bv_te i,
    .card_SLu9Y .shipin_1C-Jn i {
      font-size: 12px;
      color: #666;
      margin-right: 4px; }
  .card_SLu9Y .tags_2llsN {
    margin-top: 8px;
    height: 24px;
    overflow: hidden; }
  .card_SLu9Y .tags_2llsN span,
    .card_SLu9Y .tags_2llsN a {
      color: rgba(0, 0, 0, 0.65);
      display: inline-block;
      padding: 6px 8px;
      border-radius: 12px;
      border: 1px solid #d7dae2;
      font-size: 12px;
      line-height: 10px;
      margin-right: 6px;
      cursor: pointer;
      -webkit-transition: none;
      transition: none; }
  .card_SLu9Y .tags_2llsN span:hover,
      .card_SLu9Y .tags_2llsN a:hover {
        background-color: #111;
        color: #fff; }

.card_1ktPI {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px; }
  .card_1ktPI.visited_26bxb .title_Rxaly {
    color: #b5b5b5d9; }
  .card_1ktPI.visited_26bxb .title_Rxaly > span::before {
      background: #A8A6A7; }
  .card_1ktPI.visited_26bxb .time_3PnRa i,
  .card_1ktPI.visited_26bxb .look_3OEh1 i {
    color: #b5b5b5d9; }
  .card_1ktPI.visited_26bxb .tags_2CupG > span {
    color: #b5b5b5d9; }
  .card_1ktPI .cardImgBox_1JXUS {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: calc(100% * (226 / 366));
    cursor: pointer;
    border: 1px solid #f6f6f6;
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
    background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
    background-size: 400% 100%; }
  .card_1ktPI .cardImgBox_1JXUS .cardImgWrap_kZe6s {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .card_1ktPI .cardImgBox_1JXUS .imgMask_2GSVV {
      position: absolute;
      opacity: 0;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.2);
      -webkit-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out; }
  .card_1ktPI .cardImgBox_1JXUS:hover .imgMask_2GSVV {
      opacity: 1; }
  .card_1ktPI .cardImgBox_1JXUS img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center top;
         object-position: center top; }
  .card_1ktPI .title_Rxaly {
    position: relative;
    margin-top: 10px;
    height: 18px;
    line-height: 18px;
    font-weight: bold;
    color: #111111;
    cursor: pointer; }
  .card_1ktPI .title_Rxaly > span {
      position: relative;
      display: inline-block;
      font-size: 14px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: calc(100% - 80px); }
  .card_1ktPI .title_Rxaly > span.hasNewIcon_2e6zr {
        padding-right: 52px; }
  .card_1ktPI .title_Rxaly > span::before {
        background: #111; }
  .card_1ktPI .title_Rxaly .isNew_3gx4V {
      position: absolute;
      margin-left: 10px;
      width: 32px;
      height: 20px; }
  .card_1ktPI .info_1_d1N {
    margin-top: 8px; }
  .card_1ktPI .time_3PnRa i,
  .card_1ktPI .look_3OEh1 i {
    font-size: 12px;
    color: #aaaaaa;
    margin-right: 2px; }
  .card_1ktPI .look_3OEh1 {
    margin-left: 14px; }

.noPowerCard_1MHav {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%; }
  .noPowerCard_1MHav > img.noPowerImg_MzaHF {
    height: auto;
    width: 100%;
    max-width: 55%;
    margin: 0 auto; }

.galleryCard_1hDHB {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 30%;
  margin-bottom: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .galleryCard_1hDHB.visited_2TZih .detail_2HL4s .info_2z4x6 .title_3VHbM,
  .galleryCard_1hDHB.visited_2TZih .detail_2HL4s .info_2z4x6 .subTitle_n_fcr {
    color: #b5b5b5d9; }
  .galleryCard_1hDHB.visited_2TZih .timeView_3fhPF .time_1WKSM i,
  .galleryCard_1hDHB.visited_2TZih .timeView_3fhPF .look_2cLqn i {
    color: #b5b5b5d9 !important; }
  .galleryCard_1hDHB .mianPic_wytvB {
    position: absolute;
    top: 0;
    left: 0;
    width: 19.6%;
    height: 0;
    padding-bottom: 30%; }
  .galleryCard_1hDHB .cardImgBox_3MdvA {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #f6f6f6;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
    background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
    background-size: 800% 100%; }
  .galleryCard_1hDHB .cardImgBox_3MdvA .imgMask_3S30l {
      position: absolute;
      opacity: 0;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.2);
      -webkit-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #fff; }
  .galleryCard_1hDHB .cardImgBox_3MdvA .imgMask_3S30l .onecn_1aFOl {
        width: 20px;
        margin: 0 auto;
        line-height: 18px; }
  .galleryCard_1hDHB .cardImgBox_3MdvA .imgMask_3S30l.lastImg_2BctL {
        background-color: rgba(0, 0, 0, 0.4);
        opacity: 1; }
  .galleryCard_1hDHB .cardImgBox_3MdvA:hover .imgMask_3S30l {
      opacity: 1; }
  .galleryCard_1hDHB .cardImgBox_3MdvA img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center top;
         object-position: center top; }
  .galleryCard_1hDHB .detail_2HL4s {
    position: absolute;
    width: 78%;
    height: 100%;
    top: 0;
    left: 22%; }
  .galleryCard_1hDHB .detail_2HL4s .info_2z4x6 {
      width: 100%;
      height: 38%; }
  .galleryCard_1hDHB .detail_2HL4s .info_2z4x6 .subTitle_n_fcr {
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #111111;
        line-height: 20px; }
  .galleryCard_1hDHB .detail_2HL4s .info_2z4x6 .subTitle_n_fcr > span {
          cursor: pointer;
          position: relative; }
  .galleryCard_1hDHB .detail_2HL4s .info_2z4x6 .title_3VHbM {
        position: relative;
        margin-top: 10px;
        width: 80%;
        height: 26px;
        line-height: 16px;
        font-weight: bold;
        color: #111111;
        cursor: pointer; }
  .galleryCard_1hDHB .detail_2HL4s .info_2z4x6 .title_3VHbM > span {
          position: relative;
          display: inline-block;
          font-size: 18px;
          height: 22px;
          line-height: 22px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          max-width: calc(100% - 80px); }
  @media screen and (max-width: 1500px) {
            .galleryCard_1hDHB .detail_2HL4s .info_2z4x6 .title_3VHbM > span {
              font-size: 16px;
              height: 20px; } }
  .galleryCard_1hDHB .detail_2HL4s .info_2z4x6 .title_3VHbM > span::before {
            background: #a8a6a7; }
  .galleryCard_1hDHB .detail_2HL4s .info_2z4x6 .title_3VHbM > span.hasNewIcon_3wUuw {
            padding-right: 52px; }
  .galleryCard_1hDHB .detail_2HL4s .info_2z4x6 .title_3VHbM .isNew_3rUib {
          width: 56px;
          margin-left: 10px;
          position: absolute;
          top: calc(50% - 1px);
          -webkit-transform: translateY(-60%);
              -ms-transform: translateY(-60%);
                  transform: translateY(-60%); }
  .galleryCard_1hDHB .detail_2HL4s .timeView_3fhPF {
      position: absolute;
      top: 0px;
      right: 2px; }
  .galleryCard_1hDHB .detail_2HL4s .timeView_3fhPF p {
        margin: 0;
        padding-right: 4px;
        font-size: 12px;
        text-align: right; }
  .galleryCard_1hDHB .detail_2HL4s .timeView_3fhPF .time_1WKSM i,
      .galleryCard_1hDHB .detail_2HL4s .timeView_3fhPF .look_2cLqn i {
        font-size: 12px;
        color: #aaaaaa;
        margin-right: 2px; }
  .galleryCard_1hDHB .detail_2HL4s .timeView_3fhPF .look_2cLqn {
        margin-left: 14px; }
  .galleryCard_1hDHB .detail_2HL4s .imgList_ms083 {
      width: 100%;
      height: 62%; }
  .galleryCard_1hDHB .detail_2HL4s .imgList_ms083 .smallImg_2h3ik {
        position: relative;
        float: left;
        width: 15.1%;
        height: 100%;
        margin-right: calc((100% - 15.1% * 6) / 5); }
  .galleryCard_1hDHB .detail_2HL4s .imgList_ms083 .smallImg_2h3ik:nth-last-child(1) {
          margin-right: 0px; }

.card_3IljF {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px; }
  .card_3IljF.visited_3nkNL .title_7qaBq {
    color: #b5b5b5d9; }
  .card_3IljF.visited_3nkNL .title_7qaBq > span::before {
      background: #a8a6a7; }
  .card_3IljF.visited_3nkNL .time_2Pwc3 i,
  .card_3IljF.visited_3nkNL .look_27ZRy i,
  .card_3IljF.visited_3nkNL .tupian_3DDUn i,
  .card_3IljF.visited_3nkNL .shipin_1zVb1 i {
    color: #b5b5b5d9; }
  .card_3IljF.visited_3nkNL .tags_ExjaB > span,
  .card_3IljF.visited_3nkNL .tags_ExjaB a {
    color: #b5b5b5d9; }
  .card_3IljF .cardImgBox_1qRD- {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: calc(100% * (365 / 290));
    border: 1px solid #f6f6f6;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
    background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
    background-size: 800% 100%; }
  .card_3IljF .cardImgBox_1qRD- .cardImgWrap_3JFZ5 {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .card_3IljF .cardImgBox_1qRD- .imgMask_2PigP {
      position: absolute;
      opacity: 0;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.2);
      -webkit-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out; }
  .card_3IljF .cardImgBox_1qRD-:hover .imgMask_2PigP {
      opacity: 1; }
  .card_3IljF .cardImgBox_1qRD- img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center top;
         object-position: center top; }
  .card_3IljF .title_7qaBq {
    position: relative;
    margin-top: 10px;
    height: 18px;
    width: 80%;
    line-height: 18px;
    font-weight: bold;
    color: #111111;
    cursor: pointer; }
  .card_3IljF .title_7qaBq > span {
      position: relative;
      display: inline-block;
      font-size: 14px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 100%; }
  .card_3IljF .title_7qaBq > span::before {
        background: #111; }
  .card_3IljF .title_7qaBq .isNew_3hm2b {
      margin-left: 10px;
      position: absolute;
      width: 32px;
      height: 20px; }
  .card_3IljF .info_3p9Wu {
    margin-top: 8px; }
  .card_3IljF .time_2Pwc3 i,
  .card_3IljF .look_27ZRy i {
    font-size: 12px;
    color: #666;
    margin-right: 2px; }
  .card_3IljF .look_27ZRy {
    margin-left: 12px; }
  .card_3IljF .tupian_3DDUn,
  .card_3IljF .shipin_1zVb1 {
    margin-left: 12px; }
  .card_3IljF .tupian_3DDUn i,
    .card_3IljF .shipin_1zVb1 i {
      font-size: 12px;
      color: #666;
      margin-right: 4px; }
  .card_3IljF .tags_ExjaB {
    margin-top: 8px;
    height: 24px;
    overflow: hidden; }
  .card_3IljF .tags_ExjaB > span,
    .card_3IljF .tags_ExjaB a {
      display: inline-block;
      padding: 6px 8px;
      border-radius: 12px;
      border: 1px solid #d7dae2;
      font-size: 12px;
      line-height: 10px;
      margin-right: 6px;
      cursor: pointer;
      color: unset;
      -webkit-transition: none;
      transition: none; }
  .card_3IljF .tags_ExjaB > span:hover,
      .card_3IljF .tags_ExjaB a:hover {
        background-color: #111;
        color: #fff; }

.pattern-card_1jzbk {
  border-bottom: 1px solid #eee;
  background: #f9faf9;
  padding: 24px 10px;
  display: block;
  color: #000000;
  background-color: #fafbfa; }
  .pattern-card_1jzbk:hover, .pattern-card_1jzbk:active {
    color: #000000; }
  .pattern-card_1jzbk .titlePart_2Cilx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 16px; }
  .pattern-card_1jzbk .titlePart_2Cilx .picMain_1t0um {
      width: 64px;
      height: 64px;
      border-radius: 50%;
      margin-right: 12px;
      -o-object-fit: cover;
         object-fit: cover; }
  .pattern-card_1jzbk .titlePart_2Cilx .patternTitle_3el9h {
      font-size: 16px;
      font-weight: bold;
      color: #000000;
      line-height: 22px;
      margin: 8px 0;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .pattern-card_1jzbk .titlePart_2Cilx .patternTitle_3el9h > img {
        margin-left: 12px;
        width: 32px;
        height: 20px; }
  .pattern-card_1jzbk .titlePart_2Cilx .infoPart_2BkrB {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.6);
      line-height: 16px; }
  .pattern-card_1jzbk .titlePart_2Cilx .infoPart_2BkrB > div + div {
        margin-left: 17px; }
  .pattern-card_1jzbk .titlePart_2Cilx .infoPart_2BkrB i {
        font-size: 12px;
        margin-right: 6px;
        color: rgba(0, 0, 0, 0.6); }
  .pattern-card_1jzbk .picList_20frW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
    height: 220px; }
  .pattern-card_1jzbk .picList_20frW .picItem_yF2vf {
      height: 100%; }
  .pattern-card_1jzbk .picList_20frW .picItem_yF2vf + .picItem_yF2vf {
        margin-left: 16px; }
  .pattern-card_1jzbk .picList_20frW .picCover_1pND4 {
      position: absolute;
      right: 0;
      bottom: 0;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .pattern-card_1jzbk .picList_20frW .picCover_1pND4 .picCoverOpacity_3Gfyc {
        width: 125px;
        height: 100%;
        background: -webkit-gradient(linear, right top, left top, from(#fafbfa), color-stop(30%, #fafbfa), to(rgba(250, 251, 250, 0)));
        background: linear-gradient(270deg, #fafbfa 0%, #fafbfa 30%, rgba(250, 251, 250, 0) 100%); }
  .pattern-card_1jzbk .picList_20frW .picCover_1pND4 .picCoverAction_31ul6 {
        height: 100%;
        background-color: #fafbfa;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding-right: 21px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .pattern-card_1jzbk .picList_20frW .picCover_1pND4 .picCoverAction_31ul6 > div {
          font-size: 14px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.7);
          line-height: 20px;
          width: -webkit-fit-content;
          width: -moz-fit-content;
          width: fit-content;
          position: relative; }
  .pattern-card_1jzbk .picList_20frW .picCover_1pND4 .picCoverAction_31ul6 > div::after {
            position: absolute;
            bottom: 1px;
            left: 0;
            width: 100%;
            content: "";
            height: 1px;
            background-color: rgba(0, 0, 0, 0.7); }
  .pattern-card_1jzbk .picList_20frW .picCover_1pND4 .picCoverAction_31ul6 > div + div {
            margin-top: 10px; }
  .pattern-card_1jzbk .picList_20frW .picCover_1pND4 .picCoverArrow_ilzKJ {
        height: 100%;
        background-color: #fafbfa;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
  .pattern-card_1jzbk.visited_z9jfD .patternTitle_3el9h {
    color: rgba(0, 0, 0, 0.4); }

.cardUl_3weM8 .cardLi_3vGuI {
  float: left;
  margin-right: 21px;
  margin-bottom: 24px;
  width: calc((100% - 69px) / 4); }
  .cardUl_3weM8 .cardLi_3vGuI:nth-child(4n) {
    margin-right: 0px; }
  .cardUl_3weM8 .cardLi_3vGuI.galleryLi_2W-8_ {
    width: 48%;
    margin-right: 40px; }
  .cardUl_3weM8 .cardLi_3vGuI.galleryLi_2W-8_:nth-child(2n) {
      margin-right: 0px; }
  .cardUl_3weM8 .cardLi_3vGuI.patternLi_1qPlt {
    width: 100%;
    margin-bottom: 0;
    z-index: 10;
    margin-right: 0px;
    position: relative; }
  .cardUl_3weM8 .cardLi_3vGuI.patternLi_1qPlt:hover {
      z-index: 11;
      -webkit-box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.16);
              box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.16); }
  .cardUl_3weM8 .cardLi_zazhi_QxRDX {
  float: left;
  margin-right: 21px;
  margin-bottom: 24px;
  width: calc((100% - 84px) / 5); }
  .cardUl_3weM8 .cardLi_zazhi_QxRDX:nth-child(5n) {
    margin-right: 0px; }
  .cardUl_3weM8 .cardLi_zazhi_QxRDX.galleryLi_2W-8_ {
    width: 48%;
    margin-right: 40px; }
  .cardUl_3weM8 .cardLi_zazhi_QxRDX.galleryLi_2W-8_:nth-child(2n) {
      margin-right: 0px; }
  .cardUl_3weM8 .cardLi_feed_31zyj {
  float: left;
  margin-right: 21px;
  margin-bottom: 24px;
  width: calc((100% - 84px) / 5); }
  .cardUl_3weM8 .cardLi_feed_31zyj:nth-child(5n) {
    margin-right: 0px; }
  .cardUl_3weM8 .cardLi_feed_31zyj.galleryLi_2W-8_ {
    width: 48%;
    margin-right: 40px; }
  .cardUl_3weM8 .cardLi_feed_31zyj.galleryLi_2W-8_:nth-child(2n) {
      margin-right: 0px; }
  .listTitle_3ycsg {
  font-size: 18px;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
  margin-bottom: 24px;
  color: #111;
  background-color: #FAFAFA; }
  .listTitle_3ycsg .listTitleBar_1k3eH {
    position: relative;
    float: right; }
  .onreslut_1chkU {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 40px; }
  .onreslut_1chkU > img {
    width: 400px; }

.picsContainer {
  position: relative;
}
.no-result-picsContainer {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 40px;
}
.no-result-picsContainer img {
  width: 400px;
}
#listTitleBarOpeartor {
  width: 510px;
}
#listTitleBarOpeartor .opration {
  position: absolute;
  right: 0px;
  top: -34px;
}
#listTitleBarOpeartor .opration > div {
  display: inline-block;
}
#listTitleBarOpeartor .opration .item-opeartor {
  border: 1px solid #d7d6d6;
}
#listTitleBarOpeartor .item-opeartor {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 80px;
  height: 34px;
  margin-right: 10px;
  text-align: center;
  line-height: 32px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  cursor: pointer;
}
#listTitleBarOpeartor .item-opeartor.select {
  color: #fff;
  background-color: #111;
}
#listTitleBarOpeartor .item-opeartor .icon {
  font-size: 14px;
}
#listTitleBarOpeartor .item-opeartor:hover {
  border-color: #111;
  background-color: #111;
  color: #fff;
}
#listTitleBarOpeartor .item-opeartor.canNotClick {
  border: 1px solid #d7d6d6;
  color: #d7d6d6;
  background-color: #fff;
}
#listTitleBarOpeartor .item-opeartor.canNotClick:hover {
  color: #d7d6d6;
  background-color: #fff;
}
#listTitleBarOpeartor .height-drag > div {
  margin-right: 0;
}

.column-pictureList-container .card {
  width: 100%;
  height: 100%;
}
.column-pictureList-container .card .picture {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.column-pictureList-container .card .picture.canNotSelect:hover .collect,
.column-pictureList-container .card .picture.canNotSelect:hover .download,
.column-pictureList-container .card .picture.canNotSelect:hover .attr {
  display: block;
  z-index: 8;
}
.column-pictureList-container .card .picture.canNotSelect:hover .iconContainer {
  visibility: visible;
}
.column-pictureList-container .card .picture.canNotSelect:hover .cover {
  opacity: 0.2;
}
.column-pictureList-container .card .picture:hover .attr1 {
  z-index: 8;
  display: block;
}
.column-pictureList-container .card .picture:hover .collect {
  top: 0;
}
.column-pictureList-container .card .picture:hover .download {
  top: 51px;
}
.column-pictureList-container .card .picture:hover .iconContainer {
  visibility: visible;
}
.column-pictureList-container .card .picture:hover .cover {
  opacity: 0.2;
}
.column-pictureList-container .card .picture.canSelect {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.column-pictureList-container .card .picture.canSelect .active {
  opacity: 0.2;
}
.column-pictureList-container .card .picture.canSelect .iconContainer {
  visibility: visible;
}
.column-pictureList-container .card .picture .cover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  z-index: 0;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.column-pictureList-container .card .picture .collect {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  right: 0;
  top: -101px;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 17px;
  text-align: center;
  line-height: 44px;
  display: inline-block;
  z-index: 8;
}
.column-pictureList-container .card .picture .collect.favorite {
  opacity: 1;
}
.column-pictureList-container .card .picture .collect:hover {
  background-color: #000000;
}
.column-pictureList-container .card .picture .download {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  right: 0;
  top: -50px;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 17px;
  text-align: center;
  line-height: 44px;
  display: inline-block;
  z-index: 8;
}
.column-pictureList-container .card .picture .download:hover {
  background-color: #000000;
}
.column-pictureList-container .card .picture .attr {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 9px;
  text-align: left;
}
.column-pictureList-container .card .picture .attr .title {
  margin-bottom: 9px;
  max-width: 278px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.column-pictureList-container .card .picture .attr .item,
.column-pictureList-container .card .picture .attr .title {
  font-size: 12px;
  line-height: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #ffffff;
}
.column-pictureList-container .card .picture .attr .item {
  margin-right: 9px;
  margin-bottom: 7px;
  display: inline-block;
}
.column-pictureList-container .card .picture .iconContainer {
  visibility: hidden;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  z-index: 8;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.column-pictureList-container .card .picture .iconContainer .normal {
  width: 16px;
  height: 16px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
.column-pictureList-container .card .picture .iconContainer .icon {
  width: 16px;
  height: 16px;
  line-height: 20px;
  color: #fff;
  background-color: #000000;
  border-radius: 8px;
  margin: 2px;
  top: 0;
}
.column-pictureList-container .hoverline {
  position: relative;
}
.column-pictureList-container .hoverline:hover::before {
  right: -1%;
}
.column-pictureList-container .hoverline::before {
  content: "";
  position: absolute;
  left: 2px;
  right: 100%;
  bottom: 0px;
  background: #fff;
  height: 1px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
.column-pictureList-container .imgbox {
  position: relative;
}
.column-pictureList-container .imgbox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  border: 1px solid #f6f6f6;
}
.column-pictureList-container .info {
  margin-top: 8px;
  text-align: left;
  font-size: 12px;
}
.column-pictureList-container .time i,
.column-pictureList-container .look i {
  font-size: 12px;
  color: #aaaaaa;
  margin-right: 2px;
}
.column-pictureList-container .look {
  margin-right: 14px;
}

.water-fall-flow .flow-item {
  margin: 3px;
  background-color: #ccc;
  position: relative;
}
.water-fall-flow .flow-item i {
  display: block;
}
.water-fall-flow .flow-item img {
  position: absolute;
  vertical-align: bottom;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.water-fall-flow section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.water-fall-flow .placeholder {
  -webkit-box-flex: 100;
      -ms-flex-positive: 100;
          flex-grow: 100;
  height: 0;
  margin: 0;
}

.zoomContainer_1O8Xu {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; }
  .zoomContainer_1O8Xu .zoomImgBox_28XyQ {
    position: absolute;
    overflow: hidden; }
  .zoomContainer_1O8Xu .zoomImgBox_28XyQ .img_NjH92 {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 2;
      cursor: pointer; }
  .zoomContainer_1O8Xu .zoomImgBox_28XyQ .maskdata_3d1ew {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      position: absolute;
      z-index: 11;
      border: 3px solid #d0102c; }
  .zoomContainer_1O8Xu .zoomImgBox_28XyQ .maskdata1_1xMJX {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 11; }
  .zoomContainer_1O8Xu .zoomOperation_234AM {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    overflow: hidden;
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 40px;
    padding: 6px 20px;
    background-color: rgba(0, 0, 0, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .zoomContainer_1O8Xu .zoomOperation_234AM .operationItem_1fCKR {
      float: left;
      padding: 2px 2px;
      margin-right: 21px;
      cursor: pointer; }
  .zoomContainer_1O8Xu .zoomOperation_234AM .operationItem_1fCKR > i {
        color: #fff;
        font-size: 18px; }
  .zoomContainer_1O8Xu .zoomOperation_234AM .operationItem_1fCKR:nth-last-of-type(1) {
        margin-right: 0px; }
  .zoomContainer_1O8Xu .right_1hMaV {
    position: absolute;
    bottom: 16px; }

.error_3Ymqj {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .error_3Ymqj img {
    width: 150px; }
  .error_3Ymqj .text_12eIu {
    margin-top: 22px;
    font-weight: 500;
    font-size: 12px;
    color: #4c4568; }
  .error_3Ymqj .errBtns_3W-wh {
    margin-top: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .error_3Ymqj .errBtns_3W-wh .errBtn_1DykF {
      margin-left: 16px;
      width: 104px;
      height: 40px;
      background: rgba(237, 236, 251, 0.6);
      border: 1px solid #bcb9ce;
      font-weight: 400;
      font-size: 16px;
      color: #8c87a2;
      line-height: 40px;
      text-align: center;
      cursor: pointer; }
  .error_3Ymqj .errBtns_3W-wh .errBtn_1DykF:first-child {
        margin-left: 0; }
  .error_3Ymqj .errBtns_3W-wh .errBtn_1DykF.primary_10jwv {
        background-color: #5366eb;
        border: 1px solid #5366eb;
        color: #fff; }

.addOpen_1bLid {
  height: 100vh; }

.content_2yE-I {
  width: 424px;
  background: #4b4b4b;
  -webkit-box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.26), 0px 9px 28px 0px rgba(0, 0, 0, 0.29), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.26), 0px 9px 28px 0px rgba(0, 0, 0, 0.29), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .content_2yE-I .topHeader_176V3 {
    padding: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .content_2yE-I .topHeader_176V3 .text_3WU5_ {
      font-weight: 500;
      font-size: 16px;
      color: #fff; }
  .content_2yE-I .topHeader_176V3 i {
      color: #fff;
      cursor: pointer; }
  .content_2yE-I .main_3Navs {
    padding: 0 16px; }
  .content_2yE-I .main_3Navs .numsContainer_PQ3Ol {
      margin-top: 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .content_2yE-I .main_3Navs .numsContainer_PQ3Ol .header_ggyFv {
        height: 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .content_2yE-I .main_3Navs .numsContainer_PQ3Ol .header_ggyFv .star_2Spol {
          margin-right: 5px;
          font-size: 20px;
          color: #ff0000;
          -webkit-transform: translateY(3px);
              -ms-transform: translateY(3px);
                  transform: translateY(3px); }
  .content_2yE-I .main_3Navs .numsContainer_PQ3Ol .header_ggyFv .text_3WU5_ {
          margin-right: 8px;
          font-weight: 400;
          font-size: 14px;
          color: #fff; }
  .content_2yE-I .main_3Navs .numsContainer_PQ3Ol .header_ggyFv i {
          color: #fff;
          display: block;
          -webkit-transform: translateY(1px);
              -ms-transform: translateY(1px);
                  transform: translateY(1px);
          cursor: pointer; }
  .content_2yE-I .main_3Navs .numsContainer_PQ3Ol .header_ggyFv .xiangsiduRight_1l2D0 {
          margin-left: auto; }
  .content_2yE-I .main_3Navs .numsContainer_PQ3Ol .nums_1Xzlf {
        margin-left: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
  .content_2yE-I .main_3Navs .numsContainer_PQ3Ol .nums_1Xzlf .num_S9dRf {
          margin-left: 16px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          position: relative;
          width: 42px;
          height: 40px;
          background: #222322;
          font-weight: 400;
          font-size: 16px;
          color: #fff;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          cursor: pointer; }
  .content_2yE-I .main_3Navs .numsContainer_PQ3Ol .nums_1Xzlf .num_S9dRf:first-child {
            margin-left: 0; }
  .content_2yE-I .main_3Navs .numsContainer_PQ3Ol .nums_1Xzlf .num_S9dRf.active_zSqOX {
            background: #d0102c;
            color: #fff; }
  .content_2yE-I .main_3Navs .numsContainer_PQ3Ol .nums_1Xzlf .num_S9dRf .icon_2Lxti {
            position: absolute;
            top: 0;
            right: -16px;
            -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
            width: 32px;
            height: 16px; }
  .content_2yE-I .main_3Navs .generateTypeContainer_1Jsh5 {
      margin-top: 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .content_2yE-I .main_3Navs .generateTypeContainer_1Jsh5 .header_ggyFv {
        height: 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .content_2yE-I .main_3Navs .generateTypeContainer_1Jsh5 .header_ggyFv .star_2Spol {
          margin-right: 5px;
          font-size: 20px;
          color: #ff0000;
          -webkit-transform: translateY(3px);
              -ms-transform: translateY(3px);
                  transform: translateY(3px); }
  .content_2yE-I .main_3Navs .generateTypeContainer_1Jsh5 .header_ggyFv .text_3WU5_ {
          margin-right: 8px;
          font-weight: 400;
          font-size: 14px;
          color: #fff; }
  .content_2yE-I .main_3Navs .generateTypeContainer_1Jsh5 .header_ggyFv i {
          color: #fff;
          display: block;
          -webkit-transform: translateY(1px);
              -ms-transform: translateY(1px);
                  transform: translateY(1px);
          cursor: pointer; }
  .content_2yE-I .main_3Navs .generateTypeContainer_1Jsh5 .btns_1haoQ {
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
  .content_2yE-I .main_3Navs .generateTypeContainer_1Jsh5 .btns_1haoQ .btn_2xuNf {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          position: relative;
          width: 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          height: 40px;
          background: #222322;
          border: 1px solid #222322;
          font-weight: 400;
          font-size: 16px;
          color: #fff;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          position: relative;
          cursor: pointer; }
  .content_2yE-I .main_3Navs .generateTypeContainer_1Jsh5 .btns_1haoQ .btn_2xuNf.active_zSqOX {
            border: 1px solid #d0102c;
            background: #d0102c;
            color: #fff; }
  .content_2yE-I .main_3Navs .generateTypeContainer_1Jsh5 .btns_1haoQ .btn_2xuNf.active_zSqOX .instant_num_hxN6x {
              color: #fff; }
  .content_2yE-I .main_3Navs .generateTypeContainer_1Jsh5 .btns_1haoQ .btn_2xuNf.disabled_KkgZp {
            border: 1px solid rgba(222, 223, 222, 0.4);
            background: #353636;
            color: rgba(222, 223, 222, 0.4);
            cursor: not-allowed; }
  .content_2yE-I .main_3Navs .generateTypeContainer_1Jsh5 .btns_1haoQ .btn_2xuNf.disabled_KkgZp .instant_num_hxN6x {
              color: #fff; }
  .content_2yE-I .main_3Navs .generateTypeContainer_1Jsh5 .btns_1haoQ .btn_2xuNf .icon_2Lxti {
            position: absolute;
            top: -0;
            right: -0;
            width: 32px;
            height: 16px;
            -webkit-transform: translateX(50%) translateY(-50%);
                -ms-transform: translateX(50%) translateY(-50%);
                    transform: translateX(50%) translateY(-50%); }
  .content_2yE-I .main_3Navs .generateTypeContainer_1Jsh5 .btns_1haoQ .btn_2xuNf .small_1YQC9 {
            display: inline-block;
            margin-left: 5px;
            font-size: 12px; }
  .content_2yE-I .main_3Navs .generateTypeContainer_1Jsh5 .btns_1haoQ .btn_2xuNf .instant_num_hxN6x {
            width: 100%;
            font-weight: 400;
            font-size: 12px;
            line-height: 12px;
            text-align: center;
            -webkit-transform: translateY(-3px);
                -ms-transform: translateY(-3px);
                    transform: translateY(-3px); }
  .content_2yE-I .main_3Navs .warnText_2RPZP {
      margin-top: 16px;
      font-weight: 400;
      font-size: 14px;
      color: #fff; }
  .content_2yE-I .footer_12IaV {
    margin-bottom: 12px;
    padding: 0 16px;
    padding-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 16px; }
  .content_2yE-I .footer_12IaV .bigBtnImgLoading_3fGQh {
      padding: 0 8px;
      height: 32px;
      border-radius: 6px;
      background: #222322;
      border: 1px solid #222322;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: not-allowed;
      font-weight: 400;
      font-size: 16px;
      color: #fff; }
  .content_2yE-I .footer_12IaV .bigBtnImgLoading_3fGQh .loadingIcon_3TIir {
        margin-right: 6px; }
  .content_2yE-I .footer_12IaV .btn_2xuNf {
      padding: 0 8px;
      height: 32px;
      border-radius: 6px;
      background: #222322;
      border: 1px solid #222322;
      font-weight: 400;
      font-size: 16px;
      color: #fff;
      line-height: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer; }
  .content_2yE-I .footer_12IaV .btn_2xuNf.primary_1bhM6 {
        background: #d0102c;
        border: 1px solid #d0102c;
        color: #fff; }
  .content_2yE-I .footer_12IaV .btn_2xuNf.loading_3V804 {
        color: #fff;
        background: #353636;
        border: 1px solid rgba(222, 223, 222, 0.4);
        cursor: not-allowed; }
  .content_2yE-I .footer_12IaV .btn_2xuNf.loading_3V804 .loadingIcon_3TIir {
          display: block; }
  .content_2yE-I .footer_12IaV .btn_2xuNf .loadingIcon_3TIir {
        display: none;
        margin-right: 6px;
        color: #fff; }

.batchModal {
  border-radius: 16px;
  padding-top: 0;
}
.batchModal .ant-modal-content {
  border-radius: 16px;
}
.batchModal .ant-modal-content .ant-modal-body {
  border-radius: 16px;
  padding: 0;
}

.colorItems_mUhXI {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .colorItems_mUhXI .colorItem_2c_si {
    width: 0;
    height: 100%;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.fankui_2qDCz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #4b4b4b;
  cursor: pointer;
  position: relative; }
  .fankui_2qDCz:hover .normal_33xRW {
    display: none; }
  .fankui_2qDCz:hover .active__G7z2 {
    display: block; }
  .fankui_2qDCz:hover .text_3plgd {
    color: #fff; }
  .fankui_2qDCz:hover .popoverContent_1-ZJY {
    display: block; }
  .fankui_2qDCz .normal_33xRW {
    display: block; }
  .fankui_2qDCz .active__G7z2 {
    display: none; }
  .fankui_2qDCz img {
    width: 32px;
    height: 32px; }
  .fankui_2qDCz .text_3plgd {
    margin-left: 8px;
    font-weight: 400;
    font-size: 14px;
    color: #dedfde; }
  .popoverContent_1-ZJY {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 24px;
  width: 224px;
  height: 65px;
  background: #f5f4fd;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(147, 139, 157, 0.51), 0px 2px 4px 0px rgba(66, 66, 111, 0.22);
          box-shadow: 0px 5px 20px 0px rgba(147, 139, 157, 0.51), 0px 2px 4px 0px rgba(66, 66, 111, 0.22);
  border-radius: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .popoverContent_1-ZJY.disabled_LSgox {
    pointer-events: none; }
  .popoverContent_1-ZJY .item_1RVTk {
    cursor: pointer;
    width: 48px;
    height: 48px; }

.fankuiPopover {
  padding-top: 0;
  border-radius: 33px;
}
.fankuiPopover .ant-popover-content {
  border-radius: 33px;
}
.fankuiPopover .ant-popover-content .ant-popover-arrow {
  display: none;
}
.fankuiPopover .ant-popover-content .ant-popover-inner {
  border-radius: 33px;
}
.fankuiPopover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  border-radius: 33px;
  padding: 0;
}
.feedback {
  width: 100%;
  --normal: #eceaf3;
  --normal-shadow: #d9d8e3;
  --normal-mouth: #9795a4;
  --normal-eye: #595861;
  --active: #f8da69;
  --active-shadow: #f4b555;
  --active-mouth: #f05136;
  --active-eye: #313036;
  --active-tear: #76b5e7;
  --active-shadow-angry: #e94f1d;
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.feedback li {
  position: relative;
  border-radius: 50%;
  background: var(--sb, var(--normal));
  -webkit-box-shadow: inset 3px -3px 4px var(--sh, var(--normal-shadow));
          box-shadow: inset 3px -3px 4px var(--sh, var(--normal-shadow));
  -webkit-transition: background 0.4s, -webkit-box-shadow 0.4s, -webkit-transform 0.3s;
  transition: background 0.4s, -webkit-box-shadow 0.4s, -webkit-transform 0.3s;
  transition: background 0.4s, box-shadow 0.4s, transform 0.3s;
  transition: background 0.4s, box-shadow 0.4s, transform 0.3s, -webkit-box-shadow 0.4s, -webkit-transform 0.3s;
  -webkit-tap-highlight-color: transparent;
}
.feedback li:not(:last-child) {
  margin-right: 20px;
}
.feedback li div {
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: perspective(240px) translateZ(4px);
          transform: perspective(240px) translateZ(4px);
}
.feedback li div svg,
.feedback li div:before,
.feedback li div:after {
  display: block;
  position: absolute;
  left: var(--l, 9px);
  top: var(--t, 13px);
  width: var(--w, 8px);
  height: var(--h, 2px);
  -webkit-transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
          transform: rotate(var(--r, 0deg)) scale(var(--sc, 1)) translateZ(0);
}
.feedback li div svg {
  fill: none;
  stroke: var(--s);
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  -webkit-transition: stroke 0.4s;
  transition: stroke 0.4s;
}
.feedback li div svg.eye {
  --s: var(--e, var(--normal-eye));
  --t: 17px;
  --w: 7px;
  --h: 4px;
}
.feedback li div svg.eye.right {
  --l: 23px;
}
.feedback li div svg.mouth {
  --s: var(--m, var(--normal-mouth));
  --l: 11px;
  --t: 23px;
  --w: 18px;
  --h: 7px;
}
.feedback li div:before,
.feedback li div:after {
  content: "";
  z-index: var(--zi, 1);
  border-radius: var(--br, 1px);
  background: var(--b, var(--e, var(--normal-eye)));
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}
.feedback li.angry {
  --step-1-rx: -24deg;
  --step-1-ry: 20deg;
  --step-2-rx: -24deg;
  --step-2-ry: -20deg;
}
.feedback li.angry div:before {
  --r: 20deg;
}
.feedback li.angry div:after {
  --l: 23px;
  --r: -20deg;
}
.feedback li.angry div svg.eye {
  stroke-dasharray: 4.55;
  stroke-dashoffset: 8.15;
}
.feedback li.angry.active {
  -webkit-animation: angry 1s linear;
          animation: angry 1s linear;
}
.feedback li.angry.active div:before {
  --middle-y: -2px;
  --middle-r: 22deg;
  -webkit-animation: toggle 0.8s linear forwards;
          animation: toggle 0.8s linear forwards;
}
.feedback li.angry.active div:after {
  --middle-y: 1px;
  --middle-r: -18deg;
  -webkit-animation: toggle 0.8s linear forwards;
          animation: toggle 0.8s linear forwards;
}
.feedback li.sad {
  --step-1-rx: 20deg;
  --step-1-ry: -12deg;
  --step-2-rx: -18deg;
  --step-2-ry: 14deg;
}
.feedback li.sad div:before,
.feedback li.sad div:after {
  --b: var(--active-tear);
  --sc: 0;
  --w: 5px;
  --h: 5px;
  --t: 15px;
  --br: 50%;
}
.feedback li.sad div:after {
  --l: 25px;
}
.feedback li.sad div svg.eye {
  --t: 16px;
}
.feedback li.sad div svg.mouth {
  --t: 24px;
  stroke-dasharray: 9.5;
  stroke-dashoffset: 33.25;
}
.feedback li.sad.active div:before,
.feedback li.sad.active div:after {
  -webkit-animation: tear 0.6s linear forwards;
          animation: tear 0.6s linear forwards;
}
.feedback li.ok {
  --step-1-rx: 4deg;
  --step-1-ry: -22deg;
  --step-1-rz: 6deg;
  --step-2-rx: 4deg;
  --step-2-ry: 22deg;
  --step-2-rz: -6deg;
}
.feedback li.ok div:before {
  --l: 12px;
  --t: 17px;
  --h: 4px;
  --w: 4px;
  --br: 50%;
  -webkit-box-shadow: 12px 0 0 var(--e, var(--normal-eye));
          box-shadow: 12px 0 0 var(--e, var(--normal-eye));
}
.feedback li.ok div:after {
  --l: 13px;
  --t: 26px;
  --w: 14px;
  --h: 2px;
  --br: 1px;
  --b: var(--m, var(--normal-mouth));
}
.feedback li.ok.active div:before {
  --middle-s-y: 0.35;
  -webkit-animation: toggle 0.2s linear forwards;
          animation: toggle 0.2s linear forwards;
}
.feedback li.ok.active div:after {
  --middle-s-x: 0.5;
  -webkit-animation: toggle 0.7s linear forwards;
          animation: toggle 0.7s linear forwards;
}
.feedback li.good {
  --step-1-rx: -14deg;
  --step-1-rz: 10deg;
  --step-2-rx: 10deg;
  --step-2-rz: -8deg;
}
.feedback li.good div:before {
  --b: var(--m, var(--normal-mouth));
  --w: 5px;
  --h: 5px;
  --br: 50%;
  --t: 22px;
  --zi: 0;
  opacity: 0.5;
  -webkit-box-shadow: 16px 0 0 var(--b);
          box-shadow: 16px 0 0 var(--b);
  -webkit-filter: blur(2px);
          filter: blur(2px);
}
.feedback li.good div:after {
  --sc: 0;
}
.feedback li.good div svg.eye {
  --t: 15px;
  --sc: -1;
  stroke-dasharray: 4.55;
  stroke-dashoffset: 8.15;
}
.feedback li.good div svg.mouth {
  --t: 22px;
  --sc: -1;
  stroke-dasharray: 13.3;
  stroke-dashoffset: 23.75;
}
.feedback li.good.active div svg.mouth {
  --middle-y: 1px;
  --middle-s: -1;
  -webkit-animation: toggle 0.8s linear forwards;
          animation: toggle 0.8s linear forwards;
}
.feedback li.happy div {
  --step-1-rx: 18deg;
  --step-1-ry: 24deg;
  --step-2-rx: 18deg;
  --step-2-ry: -24deg;
}
.feedback li.happy div:before {
  --sc: 0;
}
.feedback li.happy div:after {
  --b: var(--m, var(--normal-mouth));
  --l: 11px;
  --t: 23px;
  --w: 18px;
  --h: 8px;
  --br: 0 0 8px 8px;
}
.feedback li.happy div svg.eye {
  --t: 14px;
  --sc: -1;
}
.feedback li.happy.active div:after {
  --middle-s-x: 0.95;
  --middle-s-y: 0.75;
  -webkit-animation: toggle 0.8s linear forwards;
          animation: toggle 0.8s linear forwards;
}
.feedback li:not(.active) {
  cursor: pointer;
}
.feedback li:not(.active):active {
  -webkit-transform: scale(0.925);
      -ms-transform: scale(0.925);
          transform: scale(0.925);
}
.feedback li.active {
  --sb: var(--active);
  --sh: var(--active-shadow);
  --m: var(--active-mouth);
  --e: var(--active-eye);
}
.feedback li.active div {
  -webkit-animation: shake 0.8s linear forwards;
          animation: shake 0.8s linear forwards;
}
@-webkit-keyframes shake {
  30% {
    -webkit-transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px);
            transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px);
  }
  60% {
    -webkit-transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px);
            transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px);
  }
  100% {
    -webkit-transform: perspective(240px) translateZ(4px);
            transform: perspective(240px) translateZ(4px);
  }
}
@keyframes shake {
  30% {
    -webkit-transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px);
            transform: perspective(240px) rotateX(var(--step-1-rx, 0deg)) rotateY(var(--step-1-ry, 0deg)) rotateZ(var(--step-1-rz, 0deg)) translateZ(10px);
  }
  60% {
    -webkit-transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px);
            transform: perspective(240px) rotateX(var(--step-2-rx, 0deg)) rotateY(var(--step-2-ry, 0deg)) rotateZ(var(--step-2-rz, 0deg)) translateZ(10px);
  }
  100% {
    -webkit-transform: perspective(240px) translateZ(4px);
            transform: perspective(240px) translateZ(4px);
  }
}
@-webkit-keyframes tear {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2px) scale(0) translateZ(0);
            transform: translateY(-2px) scale(0) translateZ(0);
  }
  50% {
    -webkit-transform: translateY(12px) scale(0.6, 1.2) translateZ(0);
            transform: translateY(12px) scale(0.6, 1.2) translateZ(0);
  }
  20%,
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0);
            transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0);
  }
}
@keyframes tear {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2px) scale(0) translateZ(0);
            transform: translateY(-2px) scale(0) translateZ(0);
  }
  50% {
    -webkit-transform: translateY(12px) scale(0.6, 1.2) translateZ(0);
            transform: translateY(12px) scale(0.6, 1.2) translateZ(0);
  }
  20%,
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0);
            transform: translateY(24px) translateX(4px) rotateZ(-30deg) scale(0.7, 1.1) translateZ(0);
  }
}
@-webkit-keyframes toggle {
  50% {
    -webkit-transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg));
            transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg));
  }
}
@keyframes toggle {
  50% {
    -webkit-transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg));
            transform: translateY(var(--middle-y, 0)) scale(var(--middle-s-x, var(--middle-s, 1)), var(--middle-s-y, var(--middle-s, 1))) rotate(var(--middle-r, 0deg));
  }
}
@-webkit-keyframes angry {
  40% {
    background: var(--active);
  }
  45% {
    -webkit-box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry);
            box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry);
  }
}
@keyframes angry {
  40% {
    background: var(--active);
  }
  45% {
    -webkit-box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry);
            box-shadow: inset 3px -3px 4px var(--active-shadow), inset 0 8px 10px var(--active-shadow-angry);
  }
}

.my-bg-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  z-index: 1;
}
.my-bg-container .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(238, 238, 238, 0)), color-stop(52%, rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(238, 238, 238, 0) 0%, rgba(255, 255, 255, 0.6) 52%, rgba(255, 255, 255, 0) 100%);
}
.my-bg-container .skeleton {
  opacity: 0.5;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-size: 60px 100%;
  background-repeat: no-repeat;
  background-position: left -40px top 0;
  -webkit-animation: shine 1s ease infinite;
          animation: shine 1s ease infinite;
}
@-webkit-keyframes shine {
  to {
    background-position: right -40px top 0;
  }
}
@keyframes shine {
  to {
    background-position: right -40px top 0;
  }
}

.vectorPopover_1O-Kf {
  border-radius: 16px;
  width: 100px;
  padding: 20px 0;
  background-color: #4b4b4b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px; }
  .vectorPopover_1O-Kf .imageItem_uCyzL {
    text-align: center;
    cursor: pointer;
    color: rgba(222, 223, 222, 0.8); }
  .vectorPopover_1O-Kf .imageItem_uCyzL:hover {
      color: #fff; }

.content_15lGy {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .content_15lGy .contentMain_gVvht {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px; }
  .content_15lGy .contentMain_gVvht .main_3qHbe {
      -webkit-box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.26), 0px 9px 28px 0px rgba(0, 0, 0, 0.29), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
              box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.26), 0px 9px 28px 0px rgba(0, 0, 0, 0.29), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 1398px;
      height: 952px;
      background: #4b4b4b;
      border-radius: 16px;
      overflow: hidden;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      position: relative; }
  .content_15lGy .contentMain_gVvht .main_3qHbe .close_2Bv0H {
        position: absolute;
        right: 16px;
        top: 16px;
        z-index: 100;
        color: #fff;
        cursor: pointer; }
  .content_15lGy .contentMain_gVvht .main_3qHbe .header_1q2xk {
        padding: 16px;
        font-weight: 500;
        font-size: 16px;
        color: #fff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.07);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .content_15lGy .contentMain_gVvht .main_3qHbe .pics_2B3si {
        padding: 0 16px;
        margin-top: 12px;
        height: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative; }
  .content_15lGy .contentMain_gVvht .main_3qHbe .pics_2B3si .pic_152O5 {
          width: 50%;
          height: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
  .content_15lGy .contentMain_gVvht .main_3qHbe .pics_2B3si .pic_152O5 .text_zFpvt {
            font-weight: 500;
            font-size: 16px;
            color: #fff; }
  .content_15lGy .contentMain_gVvht .main_3qHbe .pics_2B3si .pic_152O5 .img_Ni2jW {
            margin-top: 12px;
            width: 100%;
            height: 0;
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
            background: #605f5f; }
  .content_15lGy .contentMain_gVvht .main_3qHbe .pics_2B3si .pic_152O5 .errorContainer_2-2Xv {
            margin-top: 12px;
            width: 100%;
            height: 0;
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1; }
  .content_15lGy .contentMain_gVvht .main_3qHbe .pics_2B3si .picsRight_69Mxt {
          margin-top: 36px;
          margin-left: 12px;
          width: 90px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          gap: 12px;
          cursor: pointer;
          overflow: auto; }
  .content_15lGy .contentMain_gVvht .main_3qHbe .pics_2B3si .picsRight_69Mxt::-webkit-scrollbar {
            width: 0; }
  .content_15lGy .contentMain_gVvht .main_3qHbe .pics_2B3si .picsRight_69Mxt .pictureItem_26gfu {
            width: 100%;
            position: relative; }
  .content_15lGy .contentMain_gVvht .main_3qHbe .pics_2B3si .picsRight_69Mxt .pictureItem_26gfu.active_c-inH .imgContainer_2eQVY {
              border: 3px solid #fff; }
  .content_15lGy .contentMain_gVvht .main_3qHbe .pics_2B3si .picsRight_69Mxt .pictureItem_26gfu .imgContainer_2eQVY {
              -webkit-box-sizing: border-box;
                      box-sizing: border-box;
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%; }
  .content_15lGy .contentMain_gVvht .main_3qHbe .pics_2B3si .picsRight_69Mxt .pictureItem_26gfu .imgContainer_2eQVY img {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                z-index: 2; }
  .content_15lGy .contentMain_gVvht .main_3qHbe .pics_2B3si .fankuiContainer_spari {
          position: absolute;
          right: 110px;
          top: -4px;
          z-index: 10; }
  .content_15lGy .contentMain_gVvht .main_3qHbe .info_prEUT {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 12px 16px;
        margin-top: 16px;
        width: 100%;
        background: #605f5f;
        border-radius: 0px 0px 16px 16px; }
  .content_15lGy .contentMain_gVvht .main_3qHbe .info_prEUT .title_IVgvq {
          font-weight: 500;
          font-size: 16px;
          color: #ededed;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .content_15lGy .contentMain_gVvht .main_3qHbe .info_prEUT .title_IVgvq .banbenhao_1P17X {
            margin-left: 6px;
            font-weight: 400;
            font-size: 12px;
            color: #ededed; }
  .content_15lGy .contentMain_gVvht .main_3qHbe .info_prEUT .infoItems_Bja_E {
          margin-top: 6px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .content_15lGy .contentMain_gVvht .main_3qHbe .info_prEUT .infoItems_Bja_E .infoItem_2GcSi {
            max-width: 100%;
            margin-left: 32px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-weight: 400;
            font-size: 16px;
            color: #ededed; }
  .content_15lGy .contentMain_gVvht .main_3qHbe .info_prEUT .infoItems_Bja_E .infoItem_2GcSi:first-child {
              margin-left: 0; }
  .content_15lGy .contentMain_gVvht .main_3qHbe .info_prEUT .infoItems_Bja_E .colorItem_2VsTZ {
            margin-left: 24px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
  .content_15lGy .contentMain_gVvht .main_3qHbe .info_prEUT .infoItems_Bja_E .colorItem_2VsTZ .colorCube_rUCjd {
              -webkit-box-sizing: border-box;
                      box-sizing: border-box;
              width: 18px;
              height: 18px;
              border: 1px solid rgba(76, 69, 104, 0.2); }
  .content_15lGy .contentMain_gVvht .main_3qHbe .info_prEUT .infoItems_Bja_E .colorItem_2VsTZ .colorText_lb7Tz {
              color: #fff;
              margin-left: 6px; }
  .content_15lGy .contentMain_gVvht .main_3qHbe .info_prEUT .infoItems_Bja_E .colorsContainer_1bZvK {
            margin-left: 24px;
            width: 270px;
            height: 32px; }
  .content_15lGy .contentMain_gVvht .rightContainer_3vvI_ {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  .content_15lGy .contentMain_gVvht .rightContainer_3vvI_ .right_2RyOH {
        -webkit-box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.26), 0px 9px 28px 0px rgba(0, 0, 0, 0.29), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
                box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.26), 0px 9px 28px 0px rgba(0, 0, 0, 0.29), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
        margin-top: auto;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 91px;
        padding: 18.5px 0;
        background: #4b4b4b;
        border-radius: 16px;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .content_15lGy .contentMain_gVvht .rightContainer_3vvI_ .right_2RyOH .item_1hhDW {
          width: calc(100% - 16px);
          height: 93px;
          border-bottom: rgba(255, 255, 255, 0.07);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          gap: 9px;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          cursor: pointer; }
  .content_15lGy .contentMain_gVvht .rightContainer_3vvI_ .right_2RyOH .item_1hhDW.hover_qbCyq {
            color: #fff; }
  .content_15lGy .contentMain_gVvht .rightContainer_3vvI_ .right_2RyOH .item_1hhDW.hover_qbCyq i {
              color: #fff; }
  .content_15lGy .contentMain_gVvht .rightContainer_3vvI_ .right_2RyOH .item_1hhDW.hover_qbCyq .text_zFpvt {
              color: #fff; }
  .content_15lGy .contentMain_gVvht .rightContainer_3vvI_ .right_2RyOH .item_1hhDW.delete_2hb0y:hover i {
            color: #eb5353; }
  .content_15lGy .contentMain_gVvht .rightContainer_3vvI_ .right_2RyOH .item_1hhDW.delete_2hb0y:hover .text_zFpvt {
            color: #eb5353; }
  .content_15lGy .contentMain_gVvht .rightContainer_3vvI_ .right_2RyOH .item_1hhDW:hover i {
            color: #fff; }
  .content_15lGy .contentMain_gVvht .rightContainer_3vvI_ .right_2RyOH .item_1hhDW:hover .text_zFpvt {
            color: #fff; }
  .content_15lGy .contentMain_gVvht .rightContainer_3vvI_ .right_2RyOH .item_1hhDW.disabled_1-Tc6 {
            cursor: not-allowed; }
  .content_15lGy .contentMain_gVvht .rightContainer_3vvI_ .right_2RyOH .item_1hhDW.disabled_1-Tc6 i {
              opacity: 0.2; }
  .content_15lGy .contentMain_gVvht .rightContainer_3vvI_ .right_2RyOH .item_1hhDW.disabled_1-Tc6 .text_zFpvt {
              opacity: 0.2; }
  .content_15lGy .contentMain_gVvht .rightContainer_3vvI_ .right_2RyOH .item_1hhDW:last-child {
            border: none; }
  .content_15lGy .contentMain_gVvht .rightContainer_3vvI_ .right_2RyOH .item_1hhDW i {
            font-size: 24px;
            color: rgba(222, 223, 222, 0.8); }
  .content_15lGy .contentMain_gVvht .rightContainer_3vvI_ .right_2RyOH .item_1hhDW i.collectIcon_1ywV6 {
              font-weight: bold;
              color: #fff; }
  .content_15lGy .contentMain_gVvht .rightContainer_3vvI_ .right_2RyOH .item_1hhDW .text_zFpvt {
            font-weight: 400;
            font-size: 14px;
            color: rgba(222, 223, 222, 0.8); }
  .hd_33Pdl {
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 16px;
  width: 178px;
  background: #4b4b4b;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .hd_33Pdl .hdItem_38U3B {
    padding: 12px 0;
    border-bottom: 1px solid 1px solid rgba(255, 255, 255, 0.07);
    font-weight: 500;
    font-size: 17px;
    color: rgba(222, 223, 222, 0.8);
    cursor: pointer; }
  .hd_33Pdl .hdItem_38U3B:hover {
      color: #fff; }
  .hd_33Pdl .hdItem_38U3B.disabled_1-Tc6 {
      position: relative;
      color: rgba(222, 223, 222, 0.3); }
  .hd_33Pdl .hdItem_38U3B.disabled_1-Tc6 .warnImg_boIME {
        width: 51px;
        height: 16px;
        position: absolute;
        top: 5px;
        left: 50%;
        -webkit-transform: translateX(28px);
            -ms-transform: translateX(28px);
                transform: translateX(28px);
        z-index: 2; }
  .hd_33Pdl .hdItem_38U3B .text_zFpvt {
      position: relative; }
  .hd_33Pdl .hdItem_38U3B .text_zFpvt img {
        -webkit-transform: translateX(50%);
            -ms-transform: translateX(50%);
                transform: translateX(50%);
        height: 16px;
        position: absolute;
        top: 0; }

.vectorPopover {
  border-radius: 16px;
  padding-top: 0;
}
.vectorPopover .ant-popover-content {
  border-radius: 16px;
}
.vectorPopover .ant-popover-content .ant-popover-arrow {
  display: none;
}
.vectorPopover .ant-popover-content .ant-popover-inner {
  border-radius: 16px;
}
.vectorPopover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  background-color: #4B4B4B;
  border-radius: 16px;
  padding: 0;
}

.header1_360Ix {
  padding: 8px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  .header1_360Ix .filterItem_35H0a {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-weight: 400;
    font-size: 14px;
    color: rgba(222, 223, 222, 0.6);
    line-height: 21px;
    margin-left: 24px;
    cursor: pointer; }
  .header1_360Ix .filterItem_35H0a:first-child {
      margin-left: 0; }
  .header1_360Ix .filterItem_35H0a.hide_HnJyb {
      pointer-events: none;
      visibility: hidden; }
  .header1_360Ix .filterItem_35H0a.active_3DqRr {
      font-weight: 500;
      font-size: 14px;
      color: #fff; }
  .header1_360Ix .right_1d868 {
    position: absolute;
    right: 0; }
  .header2_1maiO {
  margin-top: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 13px;
  color: rgba(222, 223, 222, 0.6);
  line-height: 20px; }
  .header2_1maiO .select_2agRO {
    margin-right: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .header2_1maiO .funcs_3hq8u {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 18px; }
  .header2_1maiO .funcs_3hq8u .funcsItem_17QBR {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 6px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer; }
  .header2_1maiO .funcs_3hq8u .funcsItem_17QBR i {
        font-size: 12px;
        color: rgba(222, 223, 222, 0.6); }
  .header2_1maiO .right_1d868 {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 500;
    font-size: 13px;
    color: rgba(222, 223, 222, 0.6); }
  .header2_1maiO .right_1d868 .iconContainer_3-uzc {
      padding-right: 24px;
      cursor: pointer; }
  .header2_1maiO .right_1d868 .iconContainer_3-uzc .icon_3bJEu {
        display: block;
        margin-left: 3px;
        -webkit-transform: translateY(0.5px) translateX(12px);
            -ms-transform: translateY(0.5px) translateX(12px);
                transform: translateY(0.5px) translateX(12px); }
  .list_3meFV {
  margin-top: 12px;
  margin-bottom: 12px;
  height: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 16px;
  overflow: auto; }
  .list_3meFV::-webkit-scrollbar {
    width: 0;
    height: 0; }
  .list_3meFV .loading_3cjbv {
    margin-top: 200px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .popoverContent_1ER8n {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  border-radius: 6px;
  width: 273px;
  height: 64px;
  color: #080808;
  -webkit-box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
  font-weight: 400;
  font-size: 14px;
  color: #080808;
  line-height: 22px; }

.content_kAaa8 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
  width: 424px;
  background: #f8f7ff;
  -webkit-box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.03), 0px 9px 28px 0px rgba(0, 0, 0, 0.05), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.03), 0px 9px 28px 0px rgba(0, 0, 0, 0.05), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative; }
  .content_kAaa8 .close_9R64K {
    position: absolute;
    right: 17px;
    top: 17px;
    font-size: 24px;
    color: #000;
    cursor: pointer; }
  .content_kAaa8 .header_C-aLh {
    font-weight: 500;
    font-size: 16px;
    color: #4c4568; }
  .content_kAaa8 .text_3RHT6 {
    margin-top: 8px;
    font-weight: 400;
    font-size: 14px;
    color: #4c4568; }
  .content_kAaa8 .footer_prRUW {
    margin-top: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 8px; }
  .content_kAaa8 .footer_prRUW .btn_2sDGM {
      width: 65px;
      height: 32px;
      background: #edecfb;
      border-radius: 6px;
      border: 1px solid #bcb9ce;
      font-weight: 400;
      font-size: 16px;
      color: #4c4568;
      line-height: 30px;
      text-align: center;
      cursor: pointer; }
  .content_kAaa8 .footer_prRUW .btn_2sDGM.primary_1IYau {
        background: #5366eb;
        border-color: #5366eb;
        color: #fff; }

.content_3p1og {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 850px;
  padding-bottom: 16px;
  background: #605f5f;
  border-radius: 8px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative; }
  .content_3p1og .close_1x2oH {
    position: absolute;
    right: 17px;
    top: 17px;
    font-size: 24px;
    color: #000;
    cursor: pointer; }
  .content_3p1og .header_T_eGy {
    height: 57px;
    padding: 0 24px;
    background: #4b4b4b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .content_3p1og .header_T_eGy .title_30cPt {
      font-weight: 500;
      font-size: 18px;
      color: #fff; }
  .content_3p1og .header_T_eGy .headerRight_3ABCx {
      margin-left: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 16px; }
  .content_3p1og .header_T_eGy .headerRight_3ABCx .btn_tH5X9 {
        width: 65px;
        height: 32px;
        background: #222322;
        border: 1px solid #222322;
        font-weight: 400;
        font-size: 14px;
        color: #fff;
        text-align: center;
        line-height: 32px;
        cursor: pointer; }
  .content_3p1og .header_T_eGy .headerRight_3ABCx .btn_tH5X9.primary_3TJok {
          width: 87px;
          background: #d0102c;
          border: 1px solid #d0102c;
          color: #fff; }
  .content_3p1og .filter_1A0Th {
    margin-top: 16px;
    padding: 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .content_3p1og .filter_1A0Th .left_1cJzx {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .content_3p1og .filter_1A0Th .left_1cJzx .select_rGZBW {
        font-weight: 500;
        font-size: 13px;
        color: #fff; }
  .content_3p1og .filter_1A0Th .right_RvQI2 {
      margin-left: auto;
      font-weight: 500;
      font-size: 12px;
      color: #fff; }
  .content_3p1og .list_hwIxl {
    margin-top: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 29px 16px;
    padding-top: 0;
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .content_3p1og .list_hwIxl::-webkit-scrollbar {
      width: 0; }
  .item_2gqdw .imgContainer_3Kpgo {
  width: 100%;
  padding-bottom: 100%;
  position: relative; }
  .item_2gqdw .imgContainer_3Kpgo .checkbox_3RSK0 {
    position: absolute;
    left: 6px;
    top: 6px;
    z-index: 3;
    width: 16px;
    height: 16px; }
  .item_2gqdw .imgContainer_3Kpgo .warn_3c9s8 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    line-height: 20px;
    cursor: pointer; }
  .item_2gqdw .imgContainer_3Kpgo .img_17rWJ {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #4b4b4b; }
  .item_2gqdw .imgContainer_3Kpgo .img_17rWJ img {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain; }
  .item_2gqdw .imgContainer_3Kpgo .loading_5oZkS {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .item_2gqdw .imgContainer_3Kpgo .loading_5oZkS .loadingText_ftHzm {
      margin-bottom: 14%;
      font-weight: 500;
      font-size: 13px;
      color: #fff;
      line-height: 20px;
      text-align: center; }
  .item_2gqdw .imgContainer_3Kpgo .loading_5oZkS .bar_2AqNq {
      width: calc(100% - 32px);
      height: 8px;
      background: #dedfde;
      -webkit-box-shadow: inset 0px 1px 2px 0px rgba(96, 95, 95, 0.6);
              box-shadow: inset 0px 1px 2px 0px rgba(96, 95, 95, 0.6);
      position: relative; }
  .item_2gqdw .imgContainer_3Kpgo .loading_5oZkS .bar_2AqNq .inner_hIK_m {
        width: 60%;
        height: 8px;
        background: #d0102c;
        border-radius: 0px 6px 6px 0px; }
  .item_2gqdw .imgContainer_3Kpgo .err_hdek2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .item_2gqdw .imgContainer_3Kpgo .err_hdek2 i {
      font-size: 24px;
      color: #eb5353; }
  .item_2gqdw .imgContainer_3Kpgo .err_hdek2 .errText_1RpId {
      font-weight: 500;
      font-size: 13px;
      color: #fff;
      line-height: 20px;
      text-align: center; }
  .item_2gqdw .text_1cE9M {
  width: 100%;
  margin-top: 8px;
  font-weight: 500;
  font-size: 13px;
  color: #fff;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .item_2gqdw .text_1cE9M.isErr_2iGLI {
    color: #ff6d61; }
  .item_2gqdw .text_1cE9M .imgName_3kCag {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }

.uploadJingDuModal {
  border-radius: 16px;
  padding: 0;
}
.uploadJingDuModal .ant-modal-content {
  border-radius: 16px;
}
.uploadJingDuModal .ant-modal-content .ant-modal-body {
  border-radius: 16px;
  padding: 0;
}

.zoomContainer_3AUdi {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; }
  .zoomContainer_3AUdi .zoomImgBox_2qDy8 {
    position: absolute;
    overflow: hidden;
    background: #313131;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden; }
  .zoomContainer_3AUdi .zoomImgBox_2qDy8 img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 2;
      cursor: pointer; }
  .zoomContainer_3AUdi .zoomOperation_1n1tA {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    overflow: hidden;
    position: absolute;
    z-index: 3;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 40px;
    padding: 6px 20px;
    background-color: rgba(0, 0, 0, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .zoomContainer_3AUdi .zoomOperation_1n1tA .operationItem_3Wij5 {
      float: left;
      padding: 2px 2px;
      margin-right: 21px;
      cursor: pointer; }
  .zoomContainer_3AUdi .zoomOperation_1n1tA .operationItem_3Wij5 > i {
        color: #fff;
        font-size: 18px; }
  .zoomContainer_3AUdi .zoomOperation_1n1tA .operationItem_3Wij5:nth-last-of-type(1) {
        margin-right: 0px; }
  .zoomContainer_3AUdi .right_C-rb2 {
    position: absolute;
    bottom: 16px; }

.content_3eoMF {
  width: 100%;
  height: 100vh; }

.right_3xzxv {
  -webkit-box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.26), 0px 9px 28px 0px rgba(0, 0, 0, 0.29), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.26), 0px 9px 28px 0px rgba(0, 0, 0, 0.29), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 91px;
  padding: 18.5px 0;
  background: #4b4b4b;
  box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.26), 0px 9px 28px 0px rgba(0, 0, 0, 0.29), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.right_3xzxv .item_3lsNC {
    width: calc(100% - 16px);
    height: 93px;
    border-bottom: rgba(255, 255, 255, 0.07);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 9px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer; }

.right_3xzxv .item_3lsNC.delete_7__wz:hover i {
      color: #eb5353; }

.right_3xzxv .item_3lsNC.delete_7__wz:hover .text_2uSSF {
      color: #eb5353; }

.right_3xzxv .item_3lsNC:hover i {
      color: #fff; }

.right_3xzxv .item_3lsNC:hover .text_2uSSF {
      color: #fff; }

.right_3xzxv .item_3lsNC.disabled_2XWUv {
      cursor: not-allowed; }

.right_3xzxv .item_3lsNC.disabled_2XWUv i {
        opacity: 0.2; }

.right_3xzxv .item_3lsNC.disabled_2XWUv .text_2uSSF {
        opacity: 0.2; }

.right_3xzxv .item_3lsNC:last-child {
      border: none; }

.right_3xzxv .item_3lsNC i {
      font-size: 24px;
      color: rgba(222, 223, 222, 0.8); }

.right_3xzxv .item_3lsNC i.collectIcon_3be1N {
        font-weight: bold;
        color: #fff; }

.right_3xzxv .item_3lsNC .text_2uSSF {
      font-weight: 400;
      font-size: 14px;
      color: rgba(222, 223, 222, 0.8); }

.hd_2oTwg {
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 16px;
  width: 178px;
  background: #4b4b4b;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.hd_2oTwg .hdItem_Fu2Fk {
    padding: 12px 0;
    border-bottom: 1px solid 1px solid rgba(255, 255, 255, 0.07);
    font-weight: 500;
    font-size: 17px;
    color: rgba(222, 223, 222, 0.8);
    cursor: pointer; }

.hd_2oTwg .hdItem_Fu2Fk:hover {
      color: #fff; }

.hd_2oTwg .hdItem_Fu2Fk.disabled_2XWUv {
      position: relative;
      color: rgba(222, 223, 222, 0.3); }

.hd_2oTwg .hdItem_Fu2Fk.disabled_2XWUv .warnImg_1udZW {
        width: 51px;
        height: 16px;
        position: absolute;
        top: 5px;
        left: 50%;
        -webkit-transform: translateX(28px);
            -ms-transform: translateX(28px);
                transform: translateX(28px);
        z-index: 2; }

.hd_2oTwg .hdItem_Fu2Fk .text_2uSSF {
      position: relative; }

.hd_2oTwg .hdItem_Fu2Fk .text_2uSSF img {
        -webkit-transform: translateX(50%);
            -ms-transform: translateX(50%);
                transform: translateX(50%);
        height: 16px;
        position: absolute;
        top: 0; }

.noData_1omID {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .noData_1omID img {
    width: 350px;
    height: 180px; }
  .noData_1omID .text_3X0AK {
    margin-top: 24px;
    font-weight: 400;
    font-size: 16px;
    color: #ededed; }
  .noData_1omID .text1_3uq2l {
    margin-top: 10px;
    font-weight: 400;
    font-size: 12px;
    color: #ededed; }
  .noData_1omID .btn_13_na {
    margin-top: 15px;
    width: 248px;
    height: 40px;
    background: #d0102c;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    text-align: center; }

.header2_1KHXR {
  margin-top: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  font-weight: 500;
  font-size: 13px;
  color: rgba(222, 223, 222, 0.6);
  line-height: 20px; }
  .header2_1KHXR .select_NuRJK {
    margin-right: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .header2_1KHXR .funcs_23ZgK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 18px; }
  .header2_1KHXR .funcs_23ZgK .funcsItem_1IPuy {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 6px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer; }
  .header2_1KHXR .funcs_23ZgK .funcsItem_1IPuy i {
        font-size: 12px;
        color: rgba(222, 223, 222, 0.6); }
  .header2_1KHXR .funcs_23ZgK .funcsItem_1IPuy.delete_3GmXX:hover {
        color: red; }
  .header2_1KHXR .funcs_23ZgK .funcsItem_1IPuy.delete_3GmXX:hover i {
          color: red; }
  .header2_1KHXR .right_2XqA2 {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 500;
    font-size: 13px;
    color: #fff; }
  .header2_1KHXR .right_2XqA2 .icon_2nYdA {
      margin-right: 24px;
      display: block;
      margin-left: 3px;
      -webkit-transform: translateY(0.5px);
          -ms-transform: translateY(0.5px);
              transform: translateY(0.5px); }
  .header2_1KHXR .right_2XqA2 .btn_TNk3m {
      width: 96px;
      height: 32px;
      background: #222322;
      border-radius: 16px;
      overflow: hidden;
      font-weight: 400;
      font-size: 16px;
      color: #fff;
      line-height: 30px;
      text-align: center;
      cursor: pointer;
      position: relative; }
  .header2_1KHXR .right_2XqA2 .btn_TNk3m .text_1V9od {
        width: 96px;
        height: 100%;
        text-align: center;
        line-height: 30px; }
  .header2_1KHXR .right_2XqA2 .btn_TNk3m input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0.01; }
  .list_g4Hmp {
  margin-top: 12px;
  margin-bottom: 12px;
  height: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 16px;
  overflow: auto; }
  .list_g4Hmp::-webkit-scrollbar {
    width: 0;
    height: 0; }
  .list_g4Hmp .loading_zrwY1 {
    margin-top: 200px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

.content_5bygQ {
  width: 100%;
  height: 665px;
  background: #f8f7ff;
  -webkit-box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.03), 0px 9px 28px 0px rgba(0, 0, 0, 0.05), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.03), 0px 9px 28px 0px rgba(0, 0, 0, 0.05), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .content_5bygQ .topHeader_YwtbR {
    padding: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .content_5bygQ .topHeader_YwtbR .text_1m3Px {
      font-weight: 500;
      font-size: 16px;
      color: #4c4568; }
  .content_5bygQ .topHeader_YwtbR i {
      cursor: pointer; }
  .content_5bygQ .main_2JU0T {
    width: 100%;
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 0 16px 24px 16px;
    overflow: auto; }
  .content_5bygQ .main_2JU0T::-webkit-scrollbar {
      width: 0; }
  .content_5bygQ .main_2JU0T .header_3Dher {
      margin-top: 14px;
      height: 32px;
      margin-bottom: 11px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .content_5bygQ .main_2JU0T .header_3Dher .star_CP3I8 {
        margin-right: 5px;
        font-size: 20px;
        color: #ff0000;
        -webkit-transform: translateY(3px);
            -ms-transform: translateY(3px);
                transform: translateY(3px); }
  .content_5bygQ .main_2JU0T .header_3Dher .text_1m3Px {
        margin-right: 8px;
        font-weight: 500;
        font-size: 18px;
        color: #4c4568; }
  .content_5bygQ .main_2JU0T .header_3Dher .textRight_GM828 {
        font-weight: 400;
        font-size: 12px;
        color: #5366eb; }
  .content_5bygQ .main_2JU0T .header_3Dher i {
        color: #4c4568;
        display: block;
        -webkit-transform: translateY(1px);
            -ms-transform: translateY(1px);
                transform: translateY(1px);
        cursor: pointer; }
  .content_5bygQ .main_2JU0T .header_3Dher .xiangsiduRight_21A2q {
        margin-left: auto; }
  .content_5bygQ .main_2JU0T .btn_1t_58 {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0 16px;
      height: 40px;
      border: 1px solid #bcb9ce;
      background: #edecfb;
      font-weight: 400;
      font-size: 16px;
      color: #4c4568;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative;
      cursor: pointer; }
  .content_5bygQ .main_2JU0T .btn_1t_58.active_31Dyn {
        background: #5366eb;
        border: 1px solid #5366eb;
        color: #fff; }
  .content_5bygQ .main_2JU0T .btn_1t_58.disabled_uGVbl {
        background: #edecfb;
        color: rgba(76, 69, 104, 0.2);
        cursor: not-allowed; }
  .content_5bygQ .main_2JU0T .btn_1t_58 .icon_aGuyM {
        position: absolute;
        top: -1px;
        right: -1px;
        width: 14px;
        height: 14px; }
  .content_5bygQ .main_2JU0T .designType_29Of3 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 16px; }
  .content_5bygQ .main_2JU0T .genders_2lZXy {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 16px; }
  .content_5bygQ .main_2JU0T .nums_2Fx47 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .content_5bygQ .main_2JU0T .nums_2Fx47 .num_2hSqN {
        margin-left: 16px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        position: relative;
        width: 42px;
        height: 40px;
        border: 1px solid #bcb9ce;
        background: #edecfb;
        font-weight: 400;
        font-size: 16px;
        color: #4c4568;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        cursor: pointer; }
  .content_5bygQ .main_2JU0T .nums_2Fx47 .num_2hSqN:first-child {
          margin-left: 0; }
  .content_5bygQ .main_2JU0T .nums_2Fx47 .num_2hSqN.active_31Dyn {
          background: #5366eb;
          border: 1px solid #5366eb;
          color: #fff; }
  .content_5bygQ .main_2JU0T .nums_2Fx47 .num_2hSqN .icon_aGuyM {
          position: absolute;
          top: 0;
          right: -16px;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          width: 32px;
          height: 16px; }
  .content_5bygQ .main_2JU0T .desc_4nLzy .descContent_yF2Sv {
      position: relative; }
  .content_5bygQ .main_2JU0T .desc_4nLzy .descContent_yF2Sv textarea {
        width: 100%;
        min-height: 64px;
        background: #edecfb;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        display: block;
        border-radius: 8px;
        padding: 8px;
        outline: none;
        border: none;
        font-weight: 400;
        font-size: 12px;
        color: #4c4568;
        line-height: 24px; }
  .content_5bygQ .main_2JU0T .desc_4nLzy .descContent_yF2Sv textarea::-webkit-input-placeholder {
          color: rgba(76, 69, 104, 0.6); }
  .content_5bygQ .main_2JU0T .desc_4nLzy .descContent_yF2Sv textarea::-moz-placeholder {
          color: rgba(76, 69, 104, 0.6); }
  .content_5bygQ .main_2JU0T .desc_4nLzy .descContent_yF2Sv textarea:-ms-input-placeholder {
          color: rgba(76, 69, 104, 0.6); }
  .content_5bygQ .main_2JU0T .desc_4nLzy .descContent_yF2Sv textarea::-ms-input-placeholder {
          color: rgba(76, 69, 104, 0.6); }
  .content_5bygQ .main_2JU0T .desc_4nLzy .descContent_yF2Sv textarea::placeholder {
          color: rgba(76, 69, 104, 0.6); }
  .content_5bygQ .main_2JU0T .desc_4nLzy .descContent_yF2Sv .textNums_10lHb {
        position: absolute;
        right: 8px;
        bottom: 8px;
        font-weight: 500;
        font-size: 8px;
        color: #b6bbf2; }
  .content_5bygQ .footer_1d_Bi {
    margin-bottom: 24px;
    padding: 0 16px;
    padding-top: 12px;
    margin-top: auto; }
  .content_5bygQ .footer_1d_Bi .btns_2fALf {
      margin-bottom: 16px;
      width: 246px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .content_5bygQ .footer_1d_Bi .btns_2fALf .btn_1t_58 {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        position: relative;
        width: 50%;
        height: 40px;
        border: 1px solid #bcb9ce;
        background: #edecfb;
        font-weight: 400;
        font-size: 16px;
        color: #4c4568;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: relative;
        cursor: pointer; }
  .content_5bygQ .footer_1d_Bi .btns_2fALf .btn_1t_58.active_31Dyn {
          background: #5366eb;
          border: 1px solid #5366eb;
          color: #fff; }
  .content_5bygQ .footer_1d_Bi .btns_2fALf .btn_1t_58.disabled_uGVbl {
          background: #edecfb;
          color: rgba(76, 69, 104, 0.2);
          cursor: not-allowed; }
  .content_5bygQ .footer_1d_Bi .btns_2fALf .btn_1t_58 .icon_aGuyM {
          position: absolute;
          top: -0;
          right: -0;
          width: 32px;
          height: 16px;
          -webkit-transform: translateX(50%) translateY(-50%);
              -ms-transform: translateX(50%) translateY(-50%);
                  transform: translateX(50%) translateY(-50%); }
  .content_5bygQ .footer_1d_Bi .btns_2fALf .btn_1t_58 .small_3mo1N {
          display: inline-block;
          height: 40px;
          margin-left: 5px;
          font-size: 12px;
          line-height: 44px; }
  .content_5bygQ .footer_1d_Bi .last_3BVbc {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .content_5bygQ .footer_1d_Bi .last_3BVbc .cancel_1nlr0 {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 137px;
        height: 40px;
        background: #edecfb;
        border: 1px solid #bcb9ce;
        font-weight: 400;
        font-size: 16px;
        color: #4c4568;
        line-height: 40px;
        text-align: center;
        cursor: pointer; }
  .content_5bygQ .footer_1d_Bi .last_3BVbc .bigBtn_BvPIi {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin-top: 8px;
        margin-bottom: 8px;
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        height: 40px;
        background: #edecfb;
        border: 1px solid #bcb9ce;
        font-weight: 400;
        font-size: 16px;
        color: #4c4568;
        line-height: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .content_5bygQ .footer_1d_Bi .last_3BVbc .bigBtn_BvPIi.loading_3oW8c {
          background: #edecfb;
          color: rgba(76, 69, 104, 0.2);
          cursor: not-allowed; }
  .content_5bygQ .footer_1d_Bi .last_3BVbc .bigBtn_BvPIi.loading_3oW8c .loading_3oW8c {
            display: block; }
  .content_5bygQ .footer_1d_Bi .last_3BVbc .bigBtn_BvPIi.disabled_uGVbl {
          background: #edecfb;
          color: rgba(76, 69, 104, 0.2);
          cursor: not-allowed; }
  .content_5bygQ .footer_1d_Bi .last_3BVbc .bigBtn_BvPIi.active_31Dyn {
          background: #5366eb;
          color: #fff;
          cursor: pointer; }
  .content_5bygQ .footer_1d_Bi .last_3BVbc .bigBtn_BvPIi .loading_3oW8c {
          display: none;
          margin-right: 24px; }
  .content_5bygQ .footer_1d_Bi .last_3BVbc .bigBtn_BvPIi .small_3mo1N {
          display: inline-block;
          height: 40px;
          margin-left: 5px;
          font-size: 12px;
          line-height: 44px; }

.batchModal {
  border-radius: 16px;
  padding-top: 0;
}
.batchModal .ant-modal-content {
  border-radius: 16px;
}
.batchModal .ant-modal-content .ant-modal-body {
  border-radius: 16px;
  padding: 0;
}

.content_5M7tO {
  width: 376px;
  font-weight: 400;
  font-size: 14px;
  color: #4c4568;
  line-height: 22px; }
  .content_5M7tO .goto_2I-lX {
    color: #5366eb;
    cursor: pointer; }
  .modalContentFooter_2RfDd {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: 16px; }
  .modalContentFooter_2RfDd .btn_eOyPN {
    padding: 0 12px;
    height: 32px;
    background: #edecfb;
    border-radius: 6px;
    border: 1px solid #bcb9ce;
    font-weight: 400;
    font-size: 14px;
    color: #4c4568;
    line-height: 30px;
    text-align: center;
    cursor: pointer; }
  .modalContentFooter_2RfDd .btn_eOyPN.primary_9lLfT {
      background: #5366eb;
      color: #fff;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .modalContentFooter_2RfDd .btn_eOyPN.primary_9lLfT.disabled_1ggim {
        background: #edecfb;
        color: rgba(76, 69, 104, 0.2);
        cursor: not-allowed; }
  .modalContentFooter_2RfDd .btn_eOyPN.primary_9lLfT .warn_3-GwZ {
        margin-left: 8px;
        width: 13px;
        height: 13px;
        background: #f8f7ff;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: #5366eb;
        font-size: 12px; }

.hdWarningModal {
  border-radius: 8px;
}
.hdWarningModal .ant-modal-content {
  border-radius: 8px;
}
.hdWarningModal .ant-modal-content .ant-modal-close {
  display: block;
}
.hdWarningModal .ant-modal-content .ant-modal-body {
  border-radius: 8px;
  padding: 20px 24px;
  background-color: #f8f7ff;
}
.hdWarningModal .ant-modal-content .ant-modal-body .ant-modal-confirm-body .ant-modal-confirm-content {
  margin: 0;
  margin-top: 8px;
}
.hdWarningModal .ant-modal-content .ant-modal-confirm-btns {
  display: none;
}
.hdWarnBtnPopover {
  z-index: 100000;
  border-radius: 6px;
}
.hdWarnBtnPopover .ant-popover-content {
  border-radius: 6px;
}
.hdWarnBtnPopover .ant-popover-content .ant-popover-arrow {
  border-color: #5366eb;
}
.hdWarnBtnPopover .ant-popover-content .ant-popover-inner {
  border-radius: 6px;
  background-color: #5366eb;
}
.hdWarnBtnPopover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  border-radius: 6px;
  padding: 5px 12px;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  line-height: 22px;
}

.header2_2FX3H {
  position: fixed;
  top: 85px;
  right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 13px;
  color: #4c4568;
  line-height: 20px; }
  .header2_2FX3H .right_78HS8 {
    margin-left: auto; }
  .list_1liPR {
  margin-top: 12px;
  margin-bottom: 12px;
  height: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 16px;
  overflow: auto; }
  .list_1liPR::-webkit-scrollbar {
    width: 0; }
  .list_1liPR::-webkit-scrollbar {
    width: 0;
    height: 0; }
  .list_1liPR .loading_23wuH {
    margin-top: 200px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

.contentCenter_3ZSfA {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px;
  background: #313131;
  width: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .contentCenter_3ZSfA .header_2bARM {
    width: 100%;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .contentCenter_3ZSfA .header_2bARM .tabs_FZoUf {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 48px;
      height: 24px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .contentCenter_3ZSfA .header_2bARM .tabs_FZoUf .tab_Z_X16 {
        height: 24px;
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
        color: rgba(255, 255, 255, 0.4);
        position: relative;
        cursor: pointer; }
  .contentCenter_3ZSfA .header_2bARM .tabs_FZoUf .tab_Z_X16.active_Tjy5i {
          font-weight: bold;
          font-size: 18px;
          color: #fff;
          position: relative; }
  .contentCenter_3ZSfA .header_2bARM .tabs_FZoUf .tab_Z_X16.active_Tjy5i::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -8px;
            width: 100%;
            height: 2px;
            background: #d0102c; }
  .contentCenter_3ZSfA .header_2bARM .tabs_FZoUf .tab_Z_X16 .bar_1_S1M {
          position: absolute;
          left: 0;
          top: 7px;
          width: 100%;
          height: 10px;
          background: #b6bbf2;
          display: none;
          z-index: 1; }
  .contentCenter_3ZSfA .header_2bARM .tabs_FZoUf .tab_Z_X16 .text0_1DXTi {
          visibility: hidden; }
  .contentCenter_3ZSfA .header_2bARM .tabs_FZoUf .tab_Z_X16 .text1_2oRES {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          white-space: nowrap;
          z-index: 2;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .contentCenter_3ZSfA .header_2bARM .text_12c5V {
      font-weight: 400;
      font-size: 12px;
      color: rgba(222, 223, 222, 0.6); }
  .contentCenter_3ZSfA .notLogin_2Uf6v {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .contentCenter_3ZSfA .notLogin_2Uf6v img {
      width: 350px;
      height: 180px; }
  .contentCenter_3ZSfA .notLogin_2Uf6v .text_12c5V {
      margin-top: -24px;
      font-size: 16px;
      color: rgba(222, 223, 222, 0.4);
      text-align: center; }
  .contentCenter_3ZSfA .notLogin_2Uf6v .text1_2oRES {
      margin-top: 12px;
      font-size: 12px;
      color: rgba(222, 223, 222, 0.4);
      text-align: center; }
  .contentCenter_3ZSfA .notLogin_2Uf6v .btn_1kTPg {
      margin-top: 24px;
      width: 248px;
      height: 40px;
      background: #d0102c;
      cursor: pointer;
      font-weight: 500;
      font-size: 16px;
      color: #fff;
      line-height: 40px;
      text-align: center; }

.aiSwitch {
  background-color: rgba(8, 8, 8, 0.6);
  overflow: hidden;
}
.aiSwitch.ant-switch-checked {
  background-color: #dedfde;
}
.aiSwitch::after {
  background: #4B4B4B;
}
.shaixuanClearPopover {
  padding-top: 0;
}
.shaixuanClearPopover .ant-popover-content {
  border-radius: 6px;
}
.shaixuanClearPopover .ant-popover-content .ant-popover-arrow {
  border-color: #fff;
  top: -4px;
}
.shaixuanClearPopover .ant-popover-content .ant-popover-inner {
  border-radius: 6px;
}
.shaixuanClearPopover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  border-radius: 6px;
  padding: 0;
}

.card_20o43 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px;
  padding-top: 13px;
  width: calc((100% - 16px * 2) / 3);
  background: #605f5f;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
  border-radius: 14px;
  position: relative; }
  .card_20o43 .pic_2f6F1 {
    width: 48px;
    height: 64px;
    position: absolute;
    right: 16px;
    top: 16px; }
  .card_20o43 .pic_2f6F1 img {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain; }
  .card_20o43 .status_fZ4RG {
    width: calc(100% - 53px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .card_20o43 .status_fZ4RG .left_2xt0r {
      font-weight: 500;
      font-size: 18px;
      color: #fff; }
  .card_20o43 .status_fZ4RG .right_aY8VF {
      height: 27px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-weight: 400;
      font-size: 16px;
      color: #fff; }
  .card_20o43 .status_fZ4RG .right_aY8VF .circle_3lIjm {
        margin-right: 8px;
        width: 16px;
        height: 16px;
        background: #464544;
        border-radius: 50%; }
  .card_20o43 .id_13r_X {
    padding-right: 55px;
    margin-top: 12px;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .card_20o43 .id_13r_X .detail_3A1yi {
      font-weight: 400;
      font-size: 16px;
      color: #fff;
      cursor: pointer; }
  .card_20o43 .id_13r_X .detail_3A1yi:hover {
        color: #fff; }
  .card_20o43 .id_13r_X .detail_3A1yi:hover i {
          color: #fff; }
  .card_20o43 .id_13r_X .detail_3A1yi i {
        color: #fff;
        margin-left: 3px; }
  .card_20o43 .info_1UKfG {
    margin-top: 14px; }
  .card_20o43 .info_1UKfG .row_3mDly {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .card_20o43 .info_1UKfG .row_3mDly .rowItem_3JAbA {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        font-weight: 400;
        font-size: 14px;
        color: rgba(222, 223, 222, 0.8);
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
  .card_20o43 .info_1UKfG .row_3mDly .rowItem_3JAbA.colorItem_120rQ {
          height: 32px;
          width: 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          margin-right: 12px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .card_20o43 .info_1UKfG .row_3mDly .rowItem_3JAbA.colorItem_120rQ .text_2GAVt {
            -ms-flex-negative: 0;
                flex-shrink: 0; }
  .card_20o43 .info_1UKfG .row_3mDly .rowItem_3JAbA.colorItem_120rQ .colorContainer_21z7R {
            height: 32px;
            width: 0;
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1; }
  .card_20o43 .bar_2Fj73 {
    margin-top: 24px;
    width: 100%;
    height: 6px;
    background: #222322;
    -webkit-box-shadow: inset 0px 1px 4px 0px #000000;
            box-shadow: inset 0px 1px 4px 0px #000000;
    position: relative; }
  .card_20o43 .bar_2Fj73 .inner_2ZWm9 {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      background-color: #d0102c; }
  .card_20o43 .warnContainer_24WGu {
    margin-top: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .card_20o43 .warnContainer_24WGu .warn_2Fcyi {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      height: 32px;
      padding: 6px 12px;
      background: #fffbe6;
      border-radius: 8px;
      border: 1px solid #fff1b8;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 9px;
      font-weight: 400;
      font-size: 14px;
      color: rgba(0, 0, 0, 0.88); }
  .card_20o43 .warnContainer_24WGu .warn_2Fcyi.error_n-K8r {
        background: #fff1f0;
        border: 1px solid #ffccc7; }
  .card_20o43 .warnContainer_24WGu .warn_2Fcyi.error_n-K8r .icon_23QBx {
          margin-top: 3px;
          background: #eb5353; }
  .card_20o43 .warnContainer_24WGu .warn_2Fcyi .icon_23QBx {
        width: 16px;
        height: 16px;
        background: #faad14;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: #fff;
        font-size: 10px;
        text-align: center; }
  .card_20o43 .warnContainer_24WGu .warn_2Fcyi .day_30iTZ {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .card_20o43 .warnContainer_24WGu .warnRight_1b1UU i {
      font-size: 14px;
      margin-left: 10px;
      cursor: pointer; }
  .card_20o43 .warnContainer_24WGu .warnRight_1b1UU .shenlue_35fI6 {
      width: 16px;
      height: 16px;
      margin-left: 8px;
      cursor: pointer; }
  .card_20o43 .onlyDelete_25x5Z {
    margin-top: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 400;
    font-size: 14px;
    color: #fff; }
  .card_20o43 .onlyDelete_25x5Z i {
      font-size: 14px;
      margin-right: 8px;
      cursor: pointer; }
  .card_20o43 .fail_3mkrX {
    margin-top: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 500;
    font-size: 16px;
    color: #fff; }
  .card_20o43 .fail_3mkrX .line_7E-sr {
      margin: 0 20px;
      width: 1px;
      height: 24px;
      background-color: rgba(255, 255, 255, 0.2); }
  .card_20o43 .fail_3mkrX .again_uFBb4 {
      cursor: pointer; }
  .card_20o43 .fail_3mkrX .delete_1T4kP {
      color: #eb5353;
      cursor: pointer; }
  .a_290cu {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  position: relative; }
  .a_290cu.active_19TGA .circle_3lIjm .center_33rfy {
    display: block; }
  .a_290cu.active1_2GiQK .circle_3lIjm .center1_s-Lqp {
    display: block; }
  .a_290cu.active1_2GiQK .line_7E-sr {
    display: block; }
  .a_290cu .circle_3lIjm {
    width: 16px;
    height: 16px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .a_290cu .circle_3lIjm .center_33rfy {
      width: 9px;
      height: 9px;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      display: none; }
  .a_290cu .circle_3lIjm .center1_s-Lqp {
      width: 9px;
      height: 9px;
      background: #464544;
      border-radius: 50%;
      display: none; }
  .a_290cu .line_7E-sr {
    position: absolute;
    top: -20px;
    left: 8px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 1px;
    height: 26px;
    background-color: rgba(255, 255, 255, 0.5);
    display: none;
    z-index: 0; }
  .popoverContent_3Zngc {
  border-radius: 8px;
  width: 149px;
  background: #313131;
  -webkit-box-shadow: -8px 8px 24px 0px rgba(61, 51, 119, 0.22);
          box-shadow: -8px 8px 24px 0px rgba(61, 51, 119, 0.22);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .popoverContent_3Zngc .item_3gcfv {
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    padding-bottom: 12px;
    font-weight: 500;
    font-size: 17px;
    color: #fff;
    text-align: center;
    cursor: pointer; }
  .popoverContent_3Zngc .item1_38DVp {
    margin-top: 12px;
    font-weight: 500;
    font-size: 17px;
    color: #ff6d61;
    text-align: center;
    cursor: pointer; }

.noData_1cmlV {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .noData_1cmlV img {
    width: 350px;
    height: 180px; }
  .noData_1cmlV .text_hbuKX {
    margin-top: 24px;
    font-weight: 400;
    font-size: 16px;
    color: #ededed; }
  .noData_1cmlV .text1_2V6kQ {
    margin-top: 10px;
    font-weight: 400;
    font-size: 12px;
    color: #ededed; }

.content_2Fxg4 {
  width: 100%;
  height: 100%;
  background-color: #4b4b4b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .content_2Fxg4 .header_17i0B {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 16px 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    line-height: 24px; }
  .content_2Fxg4 .filters_6yVb5 {
    margin-top: 16px;
    padding-left: 24px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px; }
  .content_2Fxg4 .list_1kmcm {
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 16px 24px;
    padding-top: 0;
    margin-top: 16px;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    gap: 16px; }
  .content_2Fxg4 .list_1kmcm::-webkit-scrollbar {
      width: 0; }
  .content_2Fxg4 .list_1kmcm .loading_1NOt3 {
      margin-top: 200px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  .content_2Fxg4 .list_1kmcm .loading_1NOt3 .text_3Mr8l {
        margin-top: 31px;
        font-weight: 400;
        font-size: 24px;
        color: #fff; }
  .content_2Fxg4 .footer_1pmY0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 16px 24px;
    height: 64px;
    background: #605f5f;
    -webkit-box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.4);
            box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.4); }

.aiDrawer .ant-drawer-content-wrapper {
  max-width: 100vw;
}
.aiDrawer .ant-drawer-content-wrapper .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-body {
  padding: 0;
  width: 100%;
  height: 100%;
}

.offline_2eClI {
  position: fixed;
  right: 0;
  z-index: 999;
  width: 85px;
  height: 34px;
  background: #605f5f;
  border-radius: 17px 0px 0px 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font-weight: 500;
  font-size: 13px;
  color: #fff; }
  .offline_2eClI i {
    margin-left: 10px;
    margin-right: 5px;
    color: #fff;
    font-size: 16px; }
  .offline_2eClI .numbers_3pb4T {
    position: absolute;
    left: -17px;
    top: -10px;
    width: 34px;
    height: 20px;
    background: #d0102c;
    border-radius: 10px;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.main_30mhG {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .main_30mhG .content_2ESu6 {
    width: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .main_30mhG .content_2ESu6 .contentMain_8tX-0 {
      height: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }

.noData_nqSde {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .noData_nqSde img {
    width: 350px;
    height: 180px; }
  .noData_nqSde .text_1bduJ {
    margin-top: 24px;
    font-weight: 400;
    font-size: 16px;
    color: #ededed; }
  .noData_nqSde .text1_1WI1n {
    margin-top: 10px;
    font-weight: 400;
    font-size: 12px;
    color: #ededed; }
  .noData_nqSde .btn_lHmIE {
    margin-top: 15px;
    width: 248px;
    height: 40px;
    background: #d0102c;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    text-align: center; }

.collect_-ru8O {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .collect_-ru8O .main_3EdJ6 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 16px;
    width: 100%;
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    background: #4b4b4b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .collect_-ru8O .main_3EdJ6 .filters_Ni8QO {
      height: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      margin-bottom: 16px; }
  .collect_-ru8O .main_3EdJ6 .list_1MOtA {
      height: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      overflow: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-line-pack: start;
          align-content: flex-start;
      gap: 16px; }
  .collect_-ru8O .main_3EdJ6 .list_1MOtA::-webkit-scrollbar {
        width: 0; }
  .collect_-ru8O .main_3EdJ6 .list_1MOtA .myCardContainer_KlngW .cardFooter_2hYKr {
        margin-top: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .collect_-ru8O .main_3EdJ6 .list_1MOtA .myCardContainer_KlngW .cardFooter_2hYKr .text_LlLpY {
          width: 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          font-weight: 400;
          font-size: 14px;
          color: #fff;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          margin-right: 10px; }
  .collect_-ru8O .main_3EdJ6 .list_1MOtA .myCardContainer_KlngW .cardFooter_2hYKr .icon_1Zk8g {
          font-weight: 400;
          font-size: 14px;
          color: #fff;
          cursor: pointer; }
  .collect_-ru8O .main_3EdJ6 .list_1MOtA .myCardContainer_KlngW .cardFooter_2hYKr .icon_1Zk8g:hover {
            color: #d0102c; }

.table_37tsl {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .table_37tsl .tableHeader_3ngbM {
    height: 62px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .table_37tsl .tableHeader_3ngbM .tableHeaderItem_1cAiX {
      height: 100%;
      background: #605f5f;
      font-weight: 400;
      font-size: 18px;
      color: #fff;
      text-align: center;
      line-height: 62px;
      border-left: 1px solid rgba(255, 255, 255, 0.07); }
  .table_37tsl .tableHeader_3ngbM .tableHeaderItem_1cAiX:last-child {
        border-right: 1px solid rgba(255, 255, 255, 0.07); }
  .table_37tsl .tableList_218EY {
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    overflow: auto; }
  .table_37tsl .tableList_218EY::-webkit-scrollbar {
      width: 0; }
  .table_37tsl .tableList_218EY .tableItem_1vymC {
      height: 62px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .table_37tsl .tableList_218EY .tableItem_1vymC .item_2v3MF {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 6px;
        height: 100%;
        background: #4b4b4b;
        border-bottom: 1px solid rgba(255, 255, 255, 0.07);
        border-left: 1px solid rgba(255, 255, 255, 0.07);
        font-weight: 400;
        font-size: 18px;
        color: rgba(222, 223, 222, 0.8);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .table_37tsl .tableList_218EY .tableItem_1vymC .item_2v3MF:last-child {
          border-right: 1px solid rgba(255, 255, 255, 0.07); }
  .table_37tsl .tableList_218EY .tableItem_1vymC .item_2v3MF .itemContent_3UC77 {
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2; }

.content_1acft {
  height: 790px;
  border-radius: 16px;
  border-radius: 12px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .content_1acft .header_tNE_P {
    padding: 32px;
    padding-bottom: 23px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    font-weight: 500;
    font-size: 18px;
    background-color: #4b4b4b;
    color: #fff; }
  .content_1acft .close_2G_R_ {
    position: absolute;
    right: 27px;
    top: 27px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    cursor: pointer; }
  .content_1acft .list_2GBl- {
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    background: #605f5f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .content_1acft .list_2GBl- .one_2DEjH {
      margin-top: 63px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px;
      font-weight: 400;
      font-size: 24px;
      color: #fff;
      line-height: 33px; }
  .content_1acft .list_2GBl- .one_2DEjH .bold_2ZT_c {
        font-size: 32px;
        font-weight: bold; }
  .content_1acft .list_2GBl- .two_VonEY {
      margin-top: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-weight: 400;
      font-size: 24px;
      color: #fff; }
  .content_1acft .list_2GBl- .two_VonEY .bold_2ZT_c {
        margin-right: 2px;
        width: 41px;
        height: 46px;
        background: #d0102c;
        color: #fff;
        text-align: center;
        line-height: 46px; }
  .content_1acft .list_2GBl- .qrCode_3Fhhh {
      margin-top: 71px;
      width: 285px;
      height: 285px;
      position: relative; }
  .content_1acft .list_2GBl- .qrCode_3Fhhh .qrCodeInner_xvweL {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1; }
  .content_1acft .list_2GBl- .qrCode_3Fhhh .qrCodeCover_3f5Vn {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        background: rgba(0, 0, 0, 0.6);
        font-weight: bold;
        font-size: 28px;
        color: #fff;
        line-height: 40px;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
  .content_1acft .list_2GBl- .three_4lTZC {
      margin-top: 32px;
      font-weight: 400;
      font-size: 24px;
      color: #fff; }
  .content_1acft .list_2GBl- .footer_1WfX9 {
      margin-top: 24px;
      font-weight: 400;
      font-size: 16px;
      color: #fff; }
  .content_1acft .list_2GBl- .footer_1WfX9 .bold_2ZT_c {
        font-weight: bold;
        color: #fff; }

.content_1fIp2 {
  height: 566px;
  background: #4b4b4b;
  -webkit-box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.26), 0px 9px 28px 0px rgba(0, 0, 0, 0.29), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.26), 0px 9px 28px 0px rgba(0, 0, 0, 0.29), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .content_1fIp2 .header_22TFB {
    padding: 32px;
    padding-bottom: 23px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    font-weight: 500;
    font-size: 18px;
    color: #fff; }
  .content_1fIp2 .close_1ooY1 {
    position: absolute;
    right: 27px;
    top: 27px;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer; }
  .content_1fIp2 .list_3IkGG {
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 24px;
    padding-bottom: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px; }
  .content_1fIp2 .list_3IkGG .item_2pJwR {
      height: calc((100% - 48px) / 3);
      background: #605f5f;
      border-radius: 16px;
      padding: 24px 16px 32px 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  .content_1fIp2 .list_3IkGG .item_2pJwR .title_3HtkI {
        font-weight: 500;
        font-size: 18px;
        color: #fff; }
  .content_1fIp2 .list_3IkGG .item_2pJwR .detail_1YkSu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #fff; }
  .content_1fIp2 .list_3IkGG .item_2pJwR .detail_1YkSu .detailItem_pNOuQ {
          width: 33%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          gap: 8px; }
  .content_1fIp2 .list_3IkGG .item_2pJwR .detail_1YkSu .detailItem_pNOuQ .circle_1Dkgg {
            width: 16px;
            height: 16px;
            background: #5366eb;
            border-radius: 50%;
            -webkit-transform: translateY(-1px);
                -ms-transform: translateY(-1px);
                    transform: translateY(-1px); }

.noData_3mit4 {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .noData_3mit4 img {
    width: 350px;
    height: 180px; }
  .noData_3mit4 .text_2JDFr {
    margin-top: 24px;
    font-weight: 400;
    font-size: 16px;
    color: #ededed; }
  .noData_3mit4 .text1_MYJ7M {
    margin-top: 10px;
    font-weight: 400;
    font-size: 12px;
    color: #ededed; }

.content_1n6TQ {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  padding: 16px;
  background: #4b4b4b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .content_1n6TQ .filters_2-QbW {
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
    margin-bottom: 16px; }
  .content_1n6TQ .filters_2-QbW .btn_3O8Xx {
      margin-left: auto;
      width: 112px;
      height: 40px;
      background: #080808;
      border: 1px solid #080808;
      font-weight: 500;
      font-size: 16px;
      color: #fff;
      line-height: 40px;
      text-align: center;
      cursor: pointer; }
  .content_1n6TQ .filters_2-QbW .btn_3O8Xx:hover {
        background: #d0102c; }
  .content_1n6TQ .table_1Azv8 {
    margin-bottom: 16px;
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    overflow: auto; }
  .content_1n6TQ .table_1Azv8::-webkit-scrollbar {
      width: 0; }
  .content_1n6TQ .table_1Azv8 .loading_31vKF {
      margin-top: 200px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  .content_1n6TQ .table_1Azv8 .loading_31vKF .text_1rUpN {
        margin-top: 31px;
        font-weight: 400;
        font-size: 24px;
        color: #fff; }
  .status_2MJyR div {
  text-align: center; }
  .status_2MJyR .warn_2D2S9 {
  font-weight: 400;
  font-size: 14px;
  color: #ff6d61; }
  .funcs_3eDBu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px; }
  .funcs_3eDBu .fukuan_3oHUM {
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    cursor: pointer; }
  .funcs_3eDBu .cancel_3k38B {
    font-weight: 400;
    font-size: 18px;
    color: #ff6d61;
    cursor: pointer; }
  .chakan_1XL0V {
  font-weight: 400;
  font-size: 18px;
  color: #fff;
  cursor: pointer; }
  .fapiao_2UYQG {
  width: 205px; }
  .fapiao_2UYQG img {
    width: 205px;
    height: 205px; }
  .fapiao_2UYQG .text_1rUpN {
    margin-top: 6px;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    text-align: center; }

.noData_3gy-_ {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .noData_3gy-_ img {
    width: 350px;
    height: 180px; }
  .noData_3gy-_ .text_2KqUQ {
    margin-top: 24px;
    font-weight: 400;
    font-size: 16px;
    color: #ededed; }
  .noData_3gy-_ .text1_yUXnU {
    margin-top: 10px;
    font-weight: 400;
    font-size: 12px;
    color: #ededed; }

.content_1NAxl {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 16px;
  background: #4b4b4b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .content_1NAxl .filters_Dit6k {
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    margin-bottom: 16px; }
  .content_1NAxl .table_2hp4K {
    margin-bottom: 16px;
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    overflow: auto; }
  .content_1NAxl .table_2hp4K::-webkit-scrollbar {
      width: 0; }
  .content_1NAxl .table_2hp4K .loading_kQEW1 {
      margin-top: 200px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  .content_1NAxl .table_2hp4K .loading_kQEW1 .text_15aa0 {
        margin-top: 31px;
        font-weight: 400;
        font-size: 24px;
        color: #fff; }
  .shijianItem_hZ3VV {
  font-weight: 400;
  font-size: 18px;
  color: rgba(222, 223, 222, 0.8); }
  .shijianItem_hZ3VV div {
    text-align: center; }
  .shijianItem_hZ3VV .dingdan_3iYXQ {
    margin-top: 2px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(222, 223, 222, 0.8);
    cursor: pointer; }
  .beanItem_119CN div {
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  color: rgba(222, 223, 222, 0.8); }

.personalContainer_2C2lk {
  width: 100%;
  height: 100%;
  background: #313131; }
  .personalContainer_2C2lk .personal_1pfFE {
    width: calc(100% - 208px);
    height: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px; }
  .personalContainer_2C2lk .personal_1pfFE .left_2HUuo {
      margin-top: 12px;
      width: 278px;
      height: calc(100% - 12px);
      background: #4b4b4b;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .personalContainer_2C2lk .personal_1pfFE .left_2HUuo .avatar_h4Mdp {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin-top: 65px;
        border-radius: 50%;
        width: 72px;
        height: 72px;
        position: relative; }
  .personalContainer_2C2lk .personal_1pfFE .left_2HUuo .avatar_h4Mdp .img__Iv5j {
          width: 100%;
          height: 100%;
          border-radius: 50%;
          background-color: #fff;
          overflow: hidden; }
  .personalContainer_2C2lk .personal_1pfFE .left_2HUuo .avatar_h4Mdp .img__Iv5j img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover; }
  .personalContainer_2C2lk .personal_1pfFE .left_2HUuo .avatar_h4Mdp .img__Iv5j i {
            font-size: 74px;
            color: #000;
            display: block;
            -webkit-transform: translateY(-21px) translatex(-3px);
                -ms-transform: translateY(-21px) translatex(-3px);
                    transform: translateY(-21px) translatex(-3px); }
  .personalContainer_2C2lk .personal_1pfFE .left_2HUuo .avatar_h4Mdp .icon_3qo5h {
          width: 24px;
          position: absolute;
          right: 0;
          bottom: 0;
          -webkit-transform: translateX(5px);
              -ms-transform: translateX(5px);
                  transform: translateX(5px); }
  .personalContainer_2C2lk .personal_1pfFE .left_2HUuo .inviteCode_2htp- {
        font-size: 16px;
        color: rgba(222, 223, 222, 0.8); }
  .personalContainer_2C2lk .personal_1pfFE .left_2HUuo .inviteCode_2htp- span:hover {
          cursor: pointer; }
  .personalContainer_2C2lk .personal_1pfFE .left_2HUuo .name_3JKXN {
        height: 60px;
        margin-top: 24px;
        font-weight: 500;
        font-size: 24px;
        color: #dedfde; }
  .personalContainer_2C2lk .personal_1pfFE .left_2HUuo .info_3W4Gh {
        padding: 0 16px;
        width: 100%;
        margin-top: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .personalContainer_2C2lk .personal_1pfFE .left_2HUuo .info_3W4Gh .infoLeft_1VaLI {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          color: rgba(222, 223, 222, 0.8); }
  .personalContainer_2C2lk .personal_1pfFE .left_2HUuo .info_3W4Gh .infoLeft_1VaLI .big_3I7a- {
            font-size: 24px;
            font-weight: bold;
            margin-right: 3px;
            color: #dedfde; }
  .personalContainer_2C2lk .personal_1pfFE .left_2HUuo .info_3W4Gh .infoLeft_1VaLI .small_tSepJ {
            font-size: 12px; }
  .personalContainer_2C2lk .personal_1pfFE .left_2HUuo .info_3W4Gh .infoRight_2C4hn {
          color: #fff;
          cursor: pointer; }
  .personalContainer_2C2lk .personal_1pfFE .left_2HUuo .info_3W4Gh .infoRight_2C4hn:hover {
            color: #fff; }
  .personalContainer_2C2lk .personal_1pfFE .left_2HUuo .info_3W4Gh .infoRight_2C4hn i {
            color: #fff;
            margin-left: 5px; }
  .personalContainer_2C2lk .personal_1pfFE .left_2HUuo .btn_1GBZE {
        margin-top: 24px;
        cursor: pointer;
        width: 150px;
        height: 40px;
        background: #080808;
        border-radius: 20px;
        text-align: center;
        font-weight: 500;
        font-size: 16px;
        color: #fff;
        line-height: 40px; }
  .personalContainer_2C2lk .personal_1pfFE .left_2HUuo .items_1kWdQ {
        margin-top: 32px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        overflow: auto; }
  .personalContainer_2C2lk .personal_1pfFE .left_2HUuo .items_1kWdQ::-webkit-scrollbar {
          width: 0; }
  .personalContainer_2C2lk .personal_1pfFE .left_2HUuo .items_1kWdQ .item_3x5zN {
          border-top: 1px solid rgba(255, 255, 255, 0.07);
          padding: 32px 0;
          text-align: center;
          font-weight: 400;
          font-size: 24px;
          color: #dedfde;
          cursor: pointer;
          position: relative; }
  .personalContainer_2C2lk .personal_1pfFE .left_2HUuo .items_1kWdQ .item_3x5zN.active_1513z {
            background: #605f5f;
            font-weight: 500;
            color: #fff; }
  .personalContainer_2C2lk .personal_1pfFE .left_2HUuo .items_1kWdQ .item_3x5zN.active_1513z::after {
              content: "";
              position: absolute;
              left: 0;
              top: 0;
              width: 4px;
              height: 100%;
              background: #fff; }
  .personalContainer_2C2lk .personal_1pfFE .left_2HUuo .return_2dzZQ {
        margin-top: auto;
        margin-bottom: 24px;
        font-weight: 400;
        font-size: 24px;
        color: #fff;
        cursor: pointer; }
  .personalContainer_2C2lk .personal_1pfFE .right_2sOv_ {
      margin-top: 12px;
      height: calc(100% - 12px);
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  .personalContainer_2C2lk .personal_1pfFE .right_2sOv_ .rightHeader_5rx0X {
        margin-bottom: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 9px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .personalContainer_2C2lk .personal_1pfFE .right_2sOv_ .rightHeader_5rx0X .text_3HRis {
          font-weight: 400;
          font-size: 14px;
          color: rgba(222, 223, 222, 0.4); }
  .personalContainer_2C2lk .personal_1pfFE .right_2sOv_ .rightHeader_5rx0X .text1_tMUHF {
          font-weight: 500;
          font-size: 14px;
          color: #fff; }
  .personalContainer_2C2lk .personal_1pfFE .right_2sOv_ .rightHeader_5rx0X i {
          color: #fff; }
  .personalContainer_2C2lk .personal_1pfFE .right_2sOv_ .rightMain_1iTQe {
        height: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; }

.funcsIntro_1HZ3M {
  width: 100%;
  height: 100%;
  background-color: #313131;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .funcsIntro_1HZ3M .list_38diT {
    margin-bottom: 8px;
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-top: 24px;
    padding: 0 32px;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    gap: 16px 32px; }
  .funcsIntro_1HZ3M .list_38diT .item_Jwr5k {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 24px 32px;
      width: calc((100% - 32px) / 2);
      min-height: 224px;
      background: #4b4b4b;
      -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .funcsIntro_1HZ3M .list_38diT .item_Jwr5k .left_37KfF {
        margin-right: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
  .funcsIntro_1HZ3M .list_38diT .item_Jwr5k .left_37KfF .title_MxsIx {
          font-weight: 500;
          font-size: 24px;
          color: #fff; }
  .funcsIntro_1HZ3M .list_38diT .item_Jwr5k .left_37KfF .title_MxsIx .inner_1Hieg {
            display: inline-block;
            position: relative; }
  .funcsIntro_1HZ3M .list_38diT .item_Jwr5k .left_37KfF .title_MxsIx .inner_1Hieg .warnImg_3ei8Q {
              width: 64px;
              height: 20px;
              position: absolute;
              top: 0;
              left: 100%;
              z-index: 2; }
  .funcsIntro_1HZ3M .list_38diT .item_Jwr5k .left_37KfF .desc_2h5Tc {
          margin-top: 12px;
          font-weight: 400;
          font-size: 18px;
          color: #ededed;
          line-height: 25px; }
  .funcsIntro_1HZ3M .list_38diT .item_Jwr5k .left_37KfF .btn_1RCqr {
          margin-top: 16px;
          width: 230px;
          height: 40px;
          background: #222322;
          border: 1px solid #222322;
          font-weight: 500;
          font-size: 16px;
          color: #fff;
          line-height: 40px;
          text-align: center;
          cursor: pointer; }
  .funcsIntro_1HZ3M .list_38diT .item_Jwr5k .left_37KfF .btn_1RCqr:hover {
            color: #fff;
            background: #d0102c; }
  .funcsIntro_1HZ3M .list_38diT .item_Jwr5k .left_37KfF .btn_1RCqr.disabled_1wMBV {
            background: #353636;
            border: 1px solid rgba(222, 223, 222, 0.4);
            color: rgba(222, 223, 222, 0.4);
            cursor: not-allowed; }
  .funcsIntro_1HZ3M .list_38diT .item_Jwr5k .right_2RuoR {
        margin-left: auto;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        width: 264px;
        height: 176px; }
  .funcsIntro_1HZ3M .list_38diT .item_Jwr5k .right_2RuoR img {
          width: 100%;
          height: 100%; }

.mianze_2DtUw {
  width: 100%;
  height: 100%;
  background: #313131;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .mianze_2DtUw .content_DVzaF {
    margin-top: 32px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 25px 32px;
    margin-bottom: 32px;
    width: calc(100% - 64px);
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    background-image: url("https://assets.wow-trend.com/wowtrend/static/resource/images/ai/440003fb.png");
    background-repeat: no-repeat;
    background-size: cover; }
  .mianze_2DtUw .content_DVzaF .title_2ls_0 {
      margin-bottom: 16px;
      font-weight: 500;
      font-size: 24px;
      color: #fff; }
  .mianze_2DtUw .content_DVzaF .desc_2pvPY {
      margin-bottom: 32px;
      font-weight: 500;
      font-size: 18px;
      color: rgba(237, 237, 237, 0.7); }
  .mianze_2DtUw .content_DVzaF .desc_2pvPY .bold_25CoC {
        color: #ff6d61; }

.item_11_9k {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
  cursor: pointer; }
  .item_11_9k.active_1C0WG {
    border-color: #fff; }
  .item_11_9k.active_1C0WG .text_3QyZf {
      color: #fff; }
  .item_11_9k .circle_2pMiF {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .item_11_9k .circle_2pMiF img {
      width: 100%;
      height: 100%; }
  .item_11_9k .text_3QyZf {
    font-weight: 500;
    font-size: 16px;
    color: #fff; }

.feedback_U72U6 {
  width: 100%;
  height: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #353636;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .feedback_U72U6 .scroll_3hg6c {
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    overflow: auto; }
  .feedback_U72U6 .scroll_3hg6c::-webkit-scrollbar {
      width: 0; }
  .feedback_U72U6 .scroll_3hg6c .header_3vvKc {
      width: 100%;
      height: 153px;
      background-image: url("https://assets.wow-trend.com/wowtrend/static/resource/images/ai/feedback/e56594e3.png");
      background-repeat: no-repeat;
      background-size: cover;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .feedback_U72U6 .scroll_3hg6c .header_3vvKc .title_21nXl {
        margin-top: 24px;
        font-weight: bold;
        font-size: 32px;
        color: #fff;
        line-height: 57px; }
  .feedback_U72U6 .scroll_3hg6c .header_3vvKc .desc_1lIOO {
        margin-top: 12px;
        font-weight: 500;
        font-size: 24px;
        color: #fff;
        line-height: 36px; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS {
      margin: 0 auto;
      width: 62.7%;
      min-width: 1090px;
      padding: 24px 0; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .formTitle_3jbA9 {
        margin-bottom: 16px;
        height: 48px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .formTitle_3jbA9 .star_3_uLP {
          -webkit-transform: translateY(8px);
              -ms-transform: translateY(8px);
                  transform: translateY(8px);
          font-size: 32px;
          margin-right: 10px;
          color: #fff; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .formTitle_3jbA9 .text_OTSpZ {
          font-weight: 500;
          font-size: 24px;
          color: #fff; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .formContent_1mr_7 {
        width: 100%;
        margin-bottom: 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 24px 0; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .textArea_REzhM {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border: none;
        outline: none;
        resize: none;
        box-sizing: border-box;
        padding: 24px;
        width: 100%;
        height: 146px;
        background: #222322;
        font-weight: 500;
        font-size: 24px;
        color: #fff;
        line-height: 36px; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .textArea_REzhM::-webkit-input-placeholder {
          font-weight: 500;
          font-size: 16px;
          color: rgba(222, 223, 222, 0.6);
          line-height: 36px; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .textArea_REzhM::-moz-placeholder {
          font-weight: 500;
          font-size: 16px;
          color: rgba(222, 223, 222, 0.6);
          line-height: 36px; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .textArea_REzhM:-ms-input-placeholder {
          font-weight: 500;
          font-size: 16px;
          color: rgba(222, 223, 222, 0.6);
          line-height: 36px; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .textArea_REzhM::-ms-input-placeholder {
          font-weight: 500;
          font-size: 16px;
          color: rgba(222, 223, 222, 0.6);
          line-height: 36px; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .textArea_REzhM::placeholder {
          font-weight: 500;
          font-size: 16px;
          color: rgba(222, 223, 222, 0.6);
          line-height: 36px; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .uploadContainer_1VMoY {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24px; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .uploadContainer_1VMoY .upload_3Ue7K {
          position: relative;
          width: 160px;
          height: 160px;
          background: #222322;
          border: 1px solid rgba(0, 0, 0, 0.15);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          cursor: pointer; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .uploadContainer_1VMoY .upload_3Ue7K .plus_Ppfjt {
            margin-top: 35px;
            font-size: 48px;
            font-weight: bold;
            color: rgba(222, 223, 222, 0.6); }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .uploadContainer_1VMoY .upload_3Ue7K .text_OTSpZ {
            font-weight: 500;
            font-size: 16px;
            color: rgba(222, 223, 222, 0.6); }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .uploadContainer_1VMoY .upload_3Ue7K input {
            opacity: 0.01;
            position: absolute;
            z-index: 2;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            border: none;
            background: transparent;
            cursor: pointer; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .uploadContainer_1VMoY .pic_1t6Bn {
          width: 160px;
          height: 160px;
          position: relative; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .uploadContainer_1VMoY .pic_1t6Bn:hover .cover_24ou1 {
            display: block; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .uploadContainer_1VMoY .pic_1t6Bn img {
            width: 100%;
            height: 100%;
            -o-object-fit: contain;
               object-fit: contain; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .uploadContainer_1VMoY .pic_1t6Bn .cover_24ou1 {
            display: none;
            width: 160px;
            height: 160px;
            background: rgba(0, 0, 0, 0.5);
            position: absolute;
            left: 0;
            top: 0;
            z-index: 2; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .uploadContainer_1VMoY .pic_1t6Bn .cover_24ou1 .item_NkwqG {
              width: 100%;
              height: 80px;
              padding-top: 24px;
              padding-bottom: 68px;
              cursor: pointer; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .uploadContainer_1VMoY .pic_1t6Bn .cover_24ou1 .item_NkwqG .text_OTSpZ {
                font-weight: 500;
                font-size: 16px;
                color: #fff;
                text-align: center; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .uploadContainer_1VMoY .pic_1t6Bn .cover_24ou1 .item_NkwqG:first-child {
                padding-top: 41px;
                padding-bottom: 24px;
                border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .uploadWarn_3pC5c {
        margin-top: 12px;
        font-weight: 500;
        font-size: 16px;
        color: rgba(222, 223, 222, 0.6); }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .recommend_2a15Z .recommendTitle_3UGtZ {
        width: 1080px;
        font-weight: 500;
        font-size: 16px;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .recommend_2a15Z .items_18K2V {
        padding-bottom: 72px;
        width: 1080px;
        margin-top: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 40px; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .recommend_2a15Z .items_18K2V .item_NkwqG {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          width: 72px;
          height: 72px;
          background: linear-gradient(262deg, #8997fa 0%, #222322 100%);
          border: 1px solid rgba(255, 255, 255, 0.2);
          font-weight: bold;
          font-size: 24px;
          color: #080808;
          line-height: 72px;
          text-align: center;
          position: relative;
          cursor: pointer; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .recommend_2a15Z .items_18K2V .item_NkwqG.active_15glN {
            color: #fff; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .recommend_2a15Z .items_18K2V .item_NkwqG .bottom_lqJJK {
            position: absolute;
            left: -1px;
            top: 72px;
            width: 72px;
            height: 72px;
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 132, 132, 0.21)), to(rgba(185, 124, 124, 0)));
            background: linear-gradient(180deg, rgba(255, 132, 132, 0.21) 0%, rgba(185, 124, 124, 0) 100%); }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .manyidu_3Eczg .items_18K2V {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .manyidu_3Eczg .items_18K2V .item_NkwqG {
          width: 69px;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          position: relative;
          cursor: pointer; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .manyidu_3Eczg .items_18K2V .item_NkwqG.active_15glN .name_3PBAZ {
            color: #fff; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .manyidu_3Eczg .items_18K2V .item_NkwqG.active_15glN .pic_1t6Bn {
            opacity: 1; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .manyidu_3Eczg .items_18K2V .item_NkwqG:first-child {
            margin-left: 22px; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .manyidu_3Eczg .items_18K2V .item_NkwqG:last-child {
            margin-right: 22px; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .manyidu_3Eczg .items_18K2V .item_NkwqG .name_3PBAZ {
            position: absolute;
            left: 50%;
            top: 0;
            font-weight: 500;
            font-size: 16px;
            color: #fff;
            -webkit-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                    transform: translateX(-50%);
            white-space: nowrap; }
  .feedback_U72U6 .scroll_3hg6c .list_1ufLS .manyidu_3Eczg .items_18K2V .item_NkwqG .pic_1t6Bn {
            opacity: 0.4;
            margin-top: 46px;
            width: 100%;
            height: 63px; }
  .feedback_U72U6 .footer_2Jqzw {
    height: 48px;
    background: #605f5f;
    -webkit-box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.4);
            box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .feedback_U72U6 .footer_2Jqzw .inner_XTSdn {
      margin: 0 auto;
      width: 62.7%;
      min-width: 1090px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 24px; }
  .feedback_U72U6 .footer_2Jqzw .inner_XTSdn .btn_2S_VQ {
        width: 96px;
        height: 36px;
        background: #222322;
        border: 1px solid rgba(255, 255, 255, 0.2);
        cursor: pointer;
        font-weight: 500;
        font-size: 16px;
        color: #fff;
        line-height: 36px;
        text-align: center; }
  .feedback_U72U6 .footer_2Jqzw .inner_XTSdn .btn_2S_VQ.disbaled_1uMxn {
          border: 1px solid rgba(222, 223, 222, 0.4);
          background: #353636;
          font-weight: 400;
          color: rgba(222, 223, 222, 0.4);
          cursor: not-allowed; }
  .feedback_U72U6 .footer_2Jqzw .inner_XTSdn .btn_2S_VQ.primary_2qyyY {
          color: #fff;
          background: #222322; }
  .feedback_U72U6 .footer_2Jqzw .inner_XTSdn .btn_2S_VQ.primary_2qyyY:hover {
            background: #d0102c; }
  .modalContent_2E8AU {
  height: 90vh; }
  .modalContent_2E8AU img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain; }
  .modalContentError_PbOY- {
  width: 100%;
  height: 585px; }
  .modalContentError_PbOY- img {
    width: 100%;
    height: 100%; }

.feedbackModal {
  padding: 0;
}
.feedbackModal .ant-modal-content {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.feedbackModal .ant-modal-content .ant-modal-close-x {
  display: none;
}
.feedbackModal .ant-modal-content .ant-modal-body {
  padding: 0;
}

.dayHotsContent_cjFYO {
  position: relative;
  -webkit-transform: translateY(-30%);
      -ms-transform: translateY(-30%);
          transform: translateY(-30%); }
  .dayHotsContent_cjFYO .img_65kIZ {
    width: 912px;
    height: 712px; }
  .dayHotsContent_cjFYO .content_30inV {
    position: absolute;
    bottom: 41px;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .dayHotsContent_cjFYO .content_30inV .title_3JEsX {
      font-weight: bold;
      font-size: 18px;
      color: #181818;
      line-height: 26px; }
  .dayHotsContent_cjFYO .content_30inV .title_3JEsX .bold_1S6nu {
        font-weight: bold;
        color: #ff6600; }
  .dayHotsContent_cjFYO .content_30inV .salesList_3ciaX {
      margin-top: 16px;
      width: 485px;
      height: 142px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 8px 51px; }
  .dayHotsContent_cjFYO .content_30inV .salesList_3ciaX .item_2H1w7 {
        width: calc((100% - 51px) / 2);
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
  .dayHotsContent_cjFYO .content_30inV .salesList_3ciaX .item_2H1w7 .name_3jvh2 {
          color: #181818; }
  .dayHotsContent_cjFYO .content_30inV .salesList_3ciaX .item_2H1w7 .phone_xgyBO {
          color: #1677ff;
          cursor: pointer; }
  .dayHotsContent_cjFYO .close_1m-7k {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -76px;
    width: 38px;
    height: 38px;
    background: #b8b8b8;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .dayHotsContent_cjFYO .close_1m-7k i {
      font-weight: bold;
      font-size: 20px;
      color: #000; }

.ai_3Z9Yf {
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .ai_3Z9Yf .main_1pQTQ {
    width: 100%;
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .kefu_Co_wP {
  position: fixed;
  right: 24px;
  bottom: 56px;
  z-index: 1000;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 56px;
  height: 56px;
  background: #dedede;
  -webkit-box-shadow: 0px 9px 28px 0px rgba(0, 0, 0, 0.29);
          box-shadow: 0px 9px 28px 0px rgba(0, 0, 0, 0.29);
  border-radius: 12px; }
  .kefu_Co_wP:hover {
    background-color: #fff; }
  .kefu_Co_wP i {
    color: #080808;
    font-size: 20px; }
  .kefu_Co_wP .text_3dKEn {
    margin-top: 3px;
    font-weight: 400;
    font-size: 12px;
    color: #080808;
    line-height: 17px; }
  .kefuPopoverContent_3Kpqz {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px;
  border-radius: 12px;
  width: 237px;
  background: #080808;
  -webkit-box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.03), 0px 9px 28px 0px rgba(0, 0, 0, 0.05), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.03), 0px 9px 28px 0px rgba(0, 0, 0, 0.05), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .kefuPopoverContent_3Kpqz .qrCode_2RKlp {
    width: 205px;
    height: 205px; }
  .kefuPopoverContent_3Kpqz .qrCode_2RKlp img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .kefuPopoverContent_3Kpqz .title_1PYq7 {
    margin-top: 12px;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 24px; }
  .kefuPopoverContent_3Kpqz .desc_3_qH8 {
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    line-height: 24px; }

.ant-modal-mask {
  background-color: rgba(0, 0, 0, 0.6);
}
.salesPopover .ant-popover-inner-content {
  border-radius: 8px;
  padding: 16px;
}
.salesPopover .ant-popover-inner {
  border-radius: 8px;
}
.aiPopover .ant-popover-content {
  border-radius: 6px;
}
.aiPopover .ant-popover-content .ant-popover-arrow {
  border-color: #fff;
}
.aiPopover .ant-popover-content .ant-popover-inner {
  border-radius: 6px;
  background-color: #fff;
}
.aiPopover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  max-width: 272px;
  border-radius: 6px;
  color: #080808;
  padding: 5px 10px;
}
.aiPopover2 .ant-popover-content {
  border-radius: 6px;
}
.aiPopover2 .ant-popover-content .ant-popover-arrow {
  border-color: #fff;
}
.aiPopover2 .ant-popover-content .ant-popover-inner {
  border-radius: 6px;
  background-color: #fff;
}
.aiPopover2 .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  border-radius: 6px;
  color: #080808;
  padding: 5px 10px;
}
.noPaddingPopover {
  padding-top: 0;
}
.noPaddingPopover .ant-popover-content .ant-popover-arrow {
  display: none;
}
.noPaddingPopover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  padding: 0;
}
.noPaddingModal {
  padding: 0;
}
.noPaddingModal .ant-modal-content {
  background-color: transparent;
}
.noPaddingModal .ant-modal-content .ant-modal-close-x {
  display: none;
}
.noPaddingModal .ant-modal-content .ant-modal-body {
  padding: 0;
}
.aiModal {
  padding: 0;
}
.aiModal .ant-modal-content {
  background-color: transparent;
  border-radius: 24px;
}
.aiModal .ant-modal-content .ant-modal-body {
  padding: 0;
}
.aiModal {
  padding: 0;
}
.aiModal.a .ant-modal-content {
  -webkit-transform: scale(0.845);
      -ms-transform: scale(0.845);
          transform: scale(0.845);
}
.aiModal.b .ant-modal-content {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.aiModal.c .ant-modal-content {
  -webkit-transform: scale(0.83);
      -ms-transform: scale(0.83);
          transform: scale(0.83);
}
.aiModal.d .ant-modal-content {
  -webkit-transform: scale(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66);
}
.aiModal .ant-modal-content {
  background-color: transparent;
  border-radius: 24px;
}
.aiModal .ant-modal-content .ant-modal-body {
  padding: 0;
}
.fapiaoPopover .ant-popover-content {
  border-radius: 6px;
}
.fapiaoPopover .ant-popover-content .ant-popover-arrow {
  border-color: #080808;
}
.fapiaoPopover .ant-popover-content .ant-popover-inner {
  border-radius: 6px;
  background-color: #080808;
  padding: 8px 4px;
}
.fapiaoPopover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  border-radius: 6px;
  color: #fff;
  padding: 5px 10px;
}
.picViewerOffline-aiModal {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.picViewerOffline-aiModal .ant-modal-content {
  height: 100%;
  background-color: transparent;
  border-radius: 24px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.picViewerOffline-aiModal .ant-modal-content .ant-modal-body {
  height: 100%;
  padding: 0;
}
.picViewerOffline-aiModal.a .ant-modal-content {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
.picViewerOffline-aiModal.b .ant-modal-content {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}
.picViewerOffline-aiModal.c .ant-modal-content {
  -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
          transform: scale(0.75);
}
.picViewerOffline-aiModal.d .ant-modal-content {
  -webkit-transform: scale(0.68);
      -ms-transform: scale(0.68);
          transform: scale(0.68);
}
.noPaddingShenluePopover {
  border-radius: 8px;
  padding-top: 0;
}
.noPaddingShenluePopover .ant-popover-content {
  border-radius: 8px;
}
.noPaddingShenluePopover .ant-popover-content .ant-popover-arrow {
  border-color: #313131;
}
.noPaddingShenluePopover .ant-popover-content .ant-popover-inner {
  border-radius: 8px;
}
.noPaddingShenluePopover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  border-radius: 8px;
  padding: 0;
}
.tiyanziyuankuAiModal {
  padding: 0;
}
.tiyanziyuankuAiModal.a .ant-modal-content {
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
}
.tiyanziyuankuAiModal.b .ant-modal-content {
  -webkit-transform: scale(0.95);
      -ms-transform: scale(0.95);
          transform: scale(0.95);
}
.tiyanziyuankuAiModal.c .ant-modal-content {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}
.tiyanziyuankuAiModal.d .ant-modal-content {
  -webkit-transform: scale(0.65);
      -ms-transform: scale(0.65);
          transform: scale(0.65);
}
.tiyanziyuankuAiModal .ant-modal-content {
  background-color: transparent;
  border-radius: 24px;
}
.tiyanziyuankuAiModal .ant-modal-content .ant-modal-body {
  padding: 0;
}
.myUploadAiModal {
  padding: 0;
}
.myUploadAiModal.a .ant-modal-content {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
.myUploadAiModal.b .ant-modal-content {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.myUploadAiModal.c .ant-modal-content {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}
.myUploadAiModal.d .ant-modal-content {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}
.myUploadAiModal .ant-modal-content {
  background-color: transparent;
  border-radius: 24px;
}
.myUploadAiModal .ant-modal-content .ant-modal-body {
  padding: 0;
}
.addOpenModal {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.addOpenModal .ant-modal-content {
  height: 100%;
  background-color: transparent;
  border-radius: 24px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.addOpenModal .ant-modal-content .ant-modal-body {
  height: 100%;
  padding: 0;
}
.hdPopover {
  border-radius: 6px;
  background-color: #4B4B4B;
  padding-left: 0;
}
.hdPopover .ant-popover-content {
  border-radius: 6px;
  background-color: #4B4B4B;
}
.hdPopover .ant-popover-content .ant-popover-arrow {
  border-color: #4B4B4B;
}
.hdPopover .ant-popover-content .ant-popover-inner {
  border-radius: 6px;
  background-color: #4B4B4B;
}
.hdPopover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  background-color: #4B4B4B;
  border-radius: 6px;
  padding: 0;
}
.ant-message {
  z-index: 9999999999999;
}
.rc-autoresponsive-container {
  width: 100%;
}
.kefuPopover {
  padding-top: 0;
  border-radius: 12px;
}
.kefuPopover .ant-popover-content {
  border-radius: 12px;
}
.kefuPopover .ant-popover-content .ant-popover-arrow {
  border-color: #080808;
}
.kefuPopover .ant-popover-content .ant-popover-inner {
  border-radius: 12px;
}
.kefuPopover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  padding: 0;
  border-radius: 12px;
}

.tip_2Opkk .content_23de_ {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.tip_2Opkk .cursor_2seXE {
  display: none;
  position: absolute;
  color: #000;
  font-size: 20px; }

.tip_2Opkk .text_1gorq {
  display: none;
  width: auto;
  height: 24px;
  line-height: 24px;
  background: #000000;
  border-radius: 3px;
  color: #fff;
  padding: 0 6px;
  white-space: nowrap; }

.tip_2Opkk:hover .text_1gorq {
  display: block; }

.tip_2Opkk:hover .cursor_2seXE {
  display: block; }

.InsCard_2vNv- {
  padding: 25px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background: #fafafa;
  cursor: pointer; }
  .InsCard_2vNv-.clicked_2unNv .top_2rHwi .info_NKABh .firstLine_97abr .title_3NRuZ {
    color: rgba(0, 0, 0, 0.5); }
  .InsCard_2vNv-.clicked_2unNv .top_2rHwi .info_NKABh .secondLine_1kZzt {
    color: rgba(0, 0, 0, 0.5); }
  .InsCard_2vNv-.clicked_2unNv .top_2rHwi .info_NKABh .desc_jtyrH {
    color: rgba(0, 0, 0, 0.5); }
  .InsCard_2vNv-:hover {
    -webkit-box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.16); }
  .InsCard_2vNv- .top_2rHwi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .InsCard_2vNv- .top_2rHwi .avatar_2LcVl {
      width: 100px;
      height: 100px;
      border-radius: 50%;
      overflow: hidden;
      margin-right: 20px; }
  .InsCard_2vNv- .top_2rHwi .avatar_2LcVl img {
        width: 100%;
        height: 100%; }
  .InsCard_2vNv- .top_2rHwi .info_NKABh {
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      height: 100px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  .InsCard_2vNv- .top_2rHwi .info_NKABh .firstLine_97abr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .InsCard_2vNv- .top_2rHwi .info_NKABh .firstLine_97abr .title_3NRuZ {
          height: 22px;
          font-size: 16px;
          font-weight: bold;
          color: #000000;
          line-height: 22px;
          cursor: pointer;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
  .InsCard_2vNv- .top_2rHwi .info_NKABh .firstLine_97abr .title_3NRuZ::after {
            content: "";
            display: block; }
  .InsCard_2vNv- .top_2rHwi .info_NKABh .firstLine_97abr .block_3iulY {
          width: 10px;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
  .InsCard_2vNv- .top_2rHwi .info_NKABh .firstLine_97abr .love_2aBIw {
          height: 24px;
          background: #000000;
          border-radius: 4px;
          border: 1px solid #000000;
          margin-left: 42px;
          padding: 0 15px;
          cursor: pointer;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          font-size: 12px;
          font-weight: 400;
          color: #ffffff;
          line-height: 24px; }
  .InsCard_2vNv- .top_2rHwi .info_NKABh .firstLine_97abr .love_2aBIw:hover {
            background: rgba(0, 0, 0, 0.8); }
  .InsCard_2vNv- .top_2rHwi .info_NKABh .firstLine_97abr .love_2aBIw i {
            margin-right: 4px; }
  .InsCard_2vNv- .top_2rHwi .info_NKABh .firstLine_97abr .love_2aBIw.loved_3jKh0 {
            background: #fff;
            color: #000; }
  .InsCard_2vNv- .top_2rHwi .info_NKABh .firstLine_97abr .love_2aBIw.loved_3jKh0:hover {
              background: rgba(0, 0, 0, 0.06); }
  .InsCard_2vNv- .top_2rHwi .info_NKABh .secondLine_1kZzt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 14px;
        font-weight: 400;
        color: #000000; }
  .InsCard_2vNv- .top_2rHwi .info_NKABh .secondLine_1kZzt i {
          margin-right: 4px; }
  .InsCard_2vNv- .top_2rHwi .info_NKABh .thirldLine_3t0kq {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        overflow: hidden; }
  .InsCard_2vNv- .top_2rHwi .info_NKABh .thirldLine_3t0kq .item_2XLC4 {
          height: 14px;
          font-size: 12px;
          font-weight: 400;
          color: #555c70;
          line-height: 14px;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          cursor: pointer;
          border-left: 1px solid rgba(0, 0, 0, 0.6);
          padding: 0 12px; }
  .InsCard_2vNv- .top_2rHwi .info_NKABh .thirldLine_3t0kq .item_2XLC4:hover {
            color: #333847; }
  .InsCard_2vNv- .top_2rHwi .info_NKABh .thirldLine_3t0kq .item_2XLC4:first-child {
            padding-left: 0;
            border-left: none; }
  .InsCard_2vNv- .top_2rHwi .info_NKABh .desc_jtyrH {
        height: 16px;
        font-size: 12px;
        font-weight: 400;
        color: #000000;
        line-height: 16px;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .InsCard_2vNv- .top_2rHwi .info_NKABh .desc_jtyrH::after {
          content: "";
          display: block; }
  .InsCard_2vNv- .top_2rHwi .info_NKABh .firstLineTitle_1k67E {
        -webkit-transform: translateY(20px);
            -ms-transform: translateY(20px);
                transform: translateY(20px);
        font-size: 12px; }
  .InsCard_2vNv- .top_2rHwi .info_NKABh .descTitle_nGZ-j {
        padding: 6px;
        max-width: 280px;
        white-space: pre-wrap;
        height: auto;
        -webkit-transform: translateY(20px);
            -ms-transform: translateY(20px);
                transform: translateY(20px);
        font-size: 12px; }
  .InsCard_2vNv- .pics_puV1o {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 220px; }
  .InsCard_2vNv- .pics_puV1o .pic_3IlPT {
      width: 170px;
      height: 100%;
      margin-right: 16px; }
  .InsCard_2vNv- .pics_puV1o .pic_3IlPT:last-child {
        margin-right: 0; }
  .InsCard_2vNv- .pics_puV1o .pic_3IlPT img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
  .popContent_2WM7D {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 12px;
  padding-top: 0;
  max-width: 280px; }
  .popContent_2WM7D .keyword_1VKqo {
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    line-height: 16px;
    margin-top: 12px;
    cursor: pointer;
    border-left: 1px solid rgba(255, 255, 255, 0.8);
    padding: 0 12px; }
  .popContent_2WM7D .keyword_1VKqo:hover {
      color: #fff; }
  .popContent_2WM7D .keyword_1VKqo:first-child {
      padding-left: 0;
      border-left: none; }

.ins-card-popover {
  z-index: 999;
}
.ins-card-popover.ant-popover-placement-bottomRight {
  padding-top: 0;
}
.ins-card-popover .ant-popover-inner-content {
  background: #eceef1;
  padding: 0;
  background-color: #000;
  border-radius: 3px;
}
.ins-card-popover .ant-popover-content .ant-popover-arrow {
  border-color: #000;
  -webkit-transform: translateY(-10px) rotate(45deg);
      -ms-transform: translateY(-10px) rotate(45deg);
          transform: translateY(-10px) rotate(45deg);
}

.InsCard_2Bjfq {
  padding: 32px;
  border-radius: 4px;
  background: #fff;
  cursor: pointer; }
  .InsCard_2Bjfq.clicked_1SFSI .top_-snrx .info_11y0G .firstLine_2BM7_ .title_IwXlh {
    color: rgba(0, 0, 0, 0.5); }
  .InsCard_2Bjfq.clicked_1SFSI .top_-snrx .info_11y0G .secondLine_3kmfd {
    color: rgba(0, 0, 0, 0.5); }
  .InsCard_2Bjfq.clicked_1SFSI .desc_301s0 {
    color: rgba(0, 0, 0, 0.5); }
  .InsCard_2Bjfq:hover {
    -webkit-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.08); }
  .InsCard_2Bjfq .top_-snrx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .InsCard_2Bjfq .top_-snrx .avatar_1p-XS {
      width: 64px;
      height: 64px;
      border-radius: 50%;
      overflow: hidden;
      margin-right: 20px; }
  .InsCard_2Bjfq .top_-snrx .avatar_1p-XS img {
        width: 100%;
        height: 100%; }
  .InsCard_2Bjfq .top_-snrx .info_11y0G {
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      height: 64px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 8px 0; }
  .InsCard_2Bjfq .top_-snrx .info_11y0G .firstLine_2BM7_ {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .InsCard_2Bjfq .top_-snrx .info_11y0G .firstLine_2BM7_ .titleContainer_3dLC6 {
          max-width: calc(100% - 154px); }
  .InsCard_2Bjfq .top_-snrx .info_11y0G .firstLine_2BM7_ .titleContainer_3dLC6 .title_IwXlh {
            height: 22px;
            font-size: 16px;
            font-weight: bold;
            color: #000000;
            line-height: 22px;
            cursor: pointer;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
  .InsCard_2Bjfq .top_-snrx .info_11y0G .firstLine_2BM7_ .titleContainer_3dLC6 .title_IwXlh::after {
              content: "";
              display: block; }
  .InsCard_2Bjfq .top_-snrx .info_11y0G .firstLine_2BM7_ .block_2J4oL {
          width: 10px;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
  .InsCard_2Bjfq .top_-snrx .info_11y0G .firstLine_2BM7_ .love_UeYsu {
          height: 24px;
          background: #000000;
          border-radius: 4px;
          border: 1px solid #000000;
          padding: 0 15px;
          cursor: pointer;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          font-size: 12px;
          font-weight: 400;
          color: #ffffff;
          line-height: 24px; }
  .InsCard_2Bjfq .top_-snrx .info_11y0G .firstLine_2BM7_ .love_UeYsu:hover {
            background: rgba(0, 0, 0, 0.8); }
  .InsCard_2Bjfq .top_-snrx .info_11y0G .firstLine_2BM7_ .love_UeYsu i {
            margin-right: 4px; }
  .InsCard_2Bjfq .top_-snrx .info_11y0G .firstLine_2BM7_ .love_UeYsu.loved_1L35N {
            background: #fff;
            color: #000; }
  .InsCard_2Bjfq .top_-snrx .info_11y0G .firstLine_2BM7_ .love_UeYsu.loved_1L35N:hover {
              background: rgba(0, 0, 0, 0.06); }
  .InsCard_2Bjfq .top_-snrx .info_11y0G .secondLine_3kmfd {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        font-weight: 400;
        color: #000000; }
  .InsCard_2Bjfq .top_-snrx .info_11y0G .secondLine_3kmfd i {
          margin-right: 4px; }
  .InsCard_2Bjfq .top_-snrx .info_11y0G .firstLineTitle_2it5h {
        -webkit-transform: translateY(20px);
            -ms-transform: translateY(20px);
                transform: translateY(20px);
        font-size: 12px; }
  .InsCard_2Bjfq .desc_301s0 {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    line-height: 16px;
    height: 32px;
    cursor: pointer;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; }
  .InsCard_2Bjfq .desc_301s0::after {
      content: "";
      display: block; }
  .InsCard_2Bjfq .line_3woQ5 {
    margin: 24px 0;
    height: 1px;
    background: rgba(0, 0, 0, 0.06); }
  .InsCard_2Bjfq .descTitle_lU0M8 {
    padding: 6px;
    max-width: 280px;
    white-space: pre-wrap;
    height: auto;
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
    font-size: 12px; }
  .InsCard_2Bjfq .pics_1UbkL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 136px; }
  .InsCard_2Bjfq .pics_1UbkL .pic_3Gi67 {
      width: calc((100% - 12px) / 2);
      margin-bottom: 12px; }
  .InsCard_2Bjfq .pics_1UbkL .pic_3Gi67 img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
  .InsCard_2Bjfq .thirldLine_2b0wX {
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    height: 24px; }
  .InsCard_2Bjfq .thirldLine_2b0wX .item_1VTDq {
      margin-left: 12px;
      padding: 0 13px;
      height: 24px;
      background: rgba(0, 0, 0, 0.04);
      border-radius: 12px;
      font-size: 12px;
      font-weight: 400;
      color: #686767;
      line-height: 24px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      cursor: pointer;
      -webkit-transition: none;
      transition: none; }
  .InsCard_2Bjfq .thirldLine_2b0wX .item_1VTDq:first-child {
        margin-left: 0; }
  .InsCard_2Bjfq .thirldLine_2b0wX .item_1VTDq:hover {
        color: #fff;
        background: #000; }
  .popContent_1pKzJ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 12px;
  padding-top: 0;
  max-width: 280px; }
  .popContent_1pKzJ .keyword_2xggO {
    margin-top: 12px;
    margin-right: 12px;
    padding: 0 13px;
    height: 24px;
    background: rgba(255, 255, 255, 0.24);
    border-radius: 12px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    line-height: 24px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    cursor: pointer;
    -webkit-transition: none;
    transition: none; }
  .popContent_1pKzJ .keyword_2xggO:hover {
      background: #fff;
      color: #000; }

.ins-card-popover {
  z-index: 999;
}
.ins-card-popover.ant-popover-placement-bottomRight {
  padding-top: 0;
}
.ins-card-popover .ant-popover-inner-content {
  background: #eceef1;
  padding: 0;
  background-color: #000;
  border-radius: 3px;
}
.ins-card-popover .ant-popover-content .ant-popover-arrow {
  border-color: #000;
  -webkit-transform: translateX(12px) translateY(-10px) rotate(45deg);
      -ms-transform: translateX(12px) translateY(-10px) rotate(45deg);
          transform: translateX(12px) translateY(-10px) rotate(45deg);
}

.modalContent_3mLcE {
  width: 100vw;
  height: 100vh;
  background-color: #000;
  position: relative; }
  .modalContent_3mLcE .close_3GlIJ {
    z-index: 10000000;
    position: absolute;
    top: 48px;
    right: 0;
    width: 70px;
    height: 70px;
    background: #565b65;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .modalContent_3mLcE .close_3GlIJ i {
      display: block;
      font-size: 16px;
      color: #fff; }
  .modalContent_3mLcE .arrow_-5NzY {
    z-index: 10000000;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    top: 50%;
    width: 60px;
    height: 136px;
    background: #565b65;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .modalContent_3mLcE .arrow_-5NzY i {
      display: block;
      font-size: 16px;
      color: #fff; }
  .modalContent_3mLcE .imgContent_3zCkf {
    width: 100%;
    height: 100%; }
  .modalContent_3mLcE .list_3PPBs {
    position: absolute;
    top: 40px;
    left: 84px;
    height: calc(100% - 80px);
    overflow: auto; }
  .modalContent_3mLcE .list_3PPBs::-webkit-scrollbar {
      width: 0; }
  .modalContent_3mLcE .list_3PPBs .listPic_2J5j- {
      width: 110px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      background-color: #fff;
      padding: 4px;
      cursor: pointer; }
  .modalContent_3mLcE .list_3PPBs .listPic_2J5j- img {
        width: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        -o-object-position: center top;
           object-position: center top; }

.contact_3NWTI {
  width: 282px;
  background: #fff;
  -webkit-box-shadow: 0px 25px 40px 0px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 25px 40px 0px rgba(0, 0, 0, 0.4);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 16px; }
  .contact_3NWTI .qrcode_1KNOl {
    width: 250px;
    height: 250px;
    position: relative; }
  .contact_3NWTI .qrcode_1KNOl img {
      width: 100%;
      height: 100%; }
  .contact_3NWTI .qrcode_1KNOl .realImg_3cJ9a {
      top: 25px;
      left: 35px;
      width: 180px;
      height: 180px;
      position: absolute; }
  .contact_3NWTI .qrcode_1KNOl .text_wZfKE {
      width: 100%;
      font-weight: bold;
      font-size: 12px;
      color: #000;
      position: absolute;
      bottom: 15px;
      left: 0;
      text-align: center; }
  .contact_3NWTI .info_1GnLq {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
  .contact_3NWTI .info_1GnLq .left_13Iby {
      width: 50%;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      border-right: 1px solid rgba(0, 0, 0, 0.08);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 10px; }
  .contact_3NWTI .info_1GnLq .left_13Iby .item_2F7vd {
        font-weight: 400;
        font-size: 9px;
        color: rgba(0, 0, 0, 0.7);
        line-height: 13px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
  .contact_3NWTI .info_1GnLq .left_13Iby .item_2F7vd .name_2KOku {
          margin-right: 5px; }
  .contact_3NWTI .info_1GnLq .left_13Iby .item_2F7vd .value_2he0o {
          margin-right: 5px;
          width: 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          word-break: break-all;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          gap: 10px; }
  .contact_3NWTI .info_1GnLq .left_13Iby .item_2F7vd .value_2he0o .honor_3urU2 {
            color: #43c8e0; }
  .contact_3NWTI .info_1GnLq .right_12eMX {
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .contact_3NWTI .info_1GnLq .right_12eMX .imgContainer_sluhR {
        width: 103px;
        height: 103px; }
  .contact_3NWTI .info_1GnLq .right_12eMX .imgContainer_sluhR img {
          width: 100%;
          height: 100%;
          -o-object-fit: contain;
             object-fit: contain; }

.mianliaoContactPopover .ant-popover-content .ant-popover-inner {
  border-radius: 5px;
  overflow: hidden;
}
.mianliaoContactPopover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  padding: 0;
}

.product_3yZ3k {
  max-width: 630px;
  border-radius: 8px;
  padding: 16px;
  background-color: #313131;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  line-height: 20px; }

.keywords_6Khoa {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  position: relative;
  overflow: hidden; }
  .keywords_6Khoa .more_ktEHF {
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 28px;
    background: #080808;
    border-radius: 14px;
    cursor: pointer;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 20px; }
  .keyword_3lh33 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0 10px;
  height: 28px;
  background: #ededed;
  border-radius: 14px;
  font-weight: 500;
  font-size: 12px;
  color: #282828;
  line-height: 26px;
  pointer-events: none;
  visibility: hidden; }
  .keyword_3lh33.visible_jKau0 {
    pointer-events: auto;
    visibility: visible; }
  .popoverContent_30W7X {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  background: #fff;
  border-radius: 8px; }

.card_hmtls {
  width: calc((100% - 29px) / 2);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  cursor: pointer; }
  .card_hmtls:hover {
    -webkit-box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.16); }
  .card_hmtls .cardHeader_33sQK {
    height: 138px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .card_hmtls .cardHeader_33sQK .avatar_i3B5P {
      width: 138px;
      height: 138px; }
  .card_hmtls .cardHeader_33sQK .avatar_i3B5P img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain; }
  .card_hmtls .cardHeader_33sQK .info_12VwX {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      height: 100%;
      margin-left: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 12px; }
  .card_hmtls .cardHeader_33sQK .info_12VwX .title_ZyRF_ {
        font-weight: bold;
        font-size: 16px;
        color: #000;
        line-height: 22px; }
  .card_hmtls .cardHeader_33sQK .info_12VwX .text_3VXxj {
        font-weight: 400;
        font-size: 14px;
        color: #000;
        line-height: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .card_hmtls .cardHeader_33sQK .info_12VwX .text_3VXxj .line_2GnId {
          width: 1px;
          height: 14px;
          margin: 0 7.5px;
          background-color: #000; }
  .card_hmtls .cardHeader_33sQK .info_12VwX .text_3VXxj i {
          margin-right: 4px; }
  .card_hmtls .cardHeader_33sQK .info_12VwX .product_3tjjZ {
        height: 38px;
        font-weight: 400;
        font-size: 14px;
        color: #000;
        line-height: 19px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
  .card_hmtls .cardHeader_33sQK .info_12VwX .product_3tjjZ .rightText_1Bbms {
          width: 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          height: 38px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          line-clamp: 2;
          -webkit-box-orient: vertical;
          line-height: 19px; }
  .card_hmtls .cardHeader_33sQK .info_12VwX .product_3tjjZ .rightText_1Bbms:hover {
            text-decoration: underline; }
  .card_hmtls .cardHeader_33sQK .btns_2_aMZ {
      position: absolute;
      right: 0;
      top: 12px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 16px; }
  .card_hmtls .cardHeader_33sQK .btns_2_aMZ .btn_gYF__ {
        height: 26px;
        border-radius: 4px;
        border: 1px solid #000;
        padding: 0 16px;
        font-weight: 400;
        font-size: 12px;
        color: #000;
        line-height: 24px;
        cursor: pointer; }
  .card_hmtls .cardHeader_33sQK .btns_2_aMZ .btn_gYF__:hover {
          background: #000;
          color: #fff; }
  .card_hmtls .cardHeader_33sQK .btns_2_aMZ .btn_gYF__ i {
          margin-right: 5px;
          font-size: 14px; }
  .card_hmtls .pics_1zSY3 {
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px; }
  .card_hmtls .pics_1zSY3 .pic_2d8DD {
      width: calc((100% - 40px) / 3); }
  .card_hmtls .pics_1zSY3 .pic_2d8DD .imgContainer_1rKd3 {
        width: 100%;
        padding-bottom: 69%;
        position: relative; }
  .card_hmtls .pics_1zSY3 .pic_2d8DD .imgContainer_1rKd3 img {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }

.contentContainer_3hipm {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .contentContainer_3hipm .content_1Gj9D {
    max-width: 1820px;
    min-width: 1300px;
    min-height: 100vh;
    margin: 0 auto;
    border-left: 2px solid #000000;
    border-right: 2px solid #000000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .contentContainer_3hipm .content_1Gj9D .header_2U9TE {
      background-color: #fafafa;
      position: sticky;
      top: 74px;
      z-index: 10;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: calc(100% - 46px);
      margin: 0 auto;
      border-bottom: 1px solid #afafaf;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .contentContainer_3hipm .content_1Gj9D .header_2U9TE .left_1CMWZ {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 25px;
        -webkit-transform: translateY(18px);
            -ms-transform: translateY(18px);
                transform: translateY(18px); }
  .contentContainer_3hipm .content_1Gj9D .header_2U9TE .left_1CMWZ .title_3f7FQ {
          height: 25px;
          font-weight: bold;
          font-size: 18px;
          color: #000;
          line-height: 25px; }
  .contentContainer_3hipm .content_1Gj9D .header_2U9TE .left_1CMWZ .lineContainer_3HozN {
          width: 1px;
          height: 25px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          margin-left: 14px;
          margin-right: 28px; }
  .contentContainer_3hipm .content_1Gj9D .header_2U9TE .left_1CMWZ .lineContainer_3HozN .line_iJxCp {
            width: 1px;
            height: 14px;
            background-color: #000; }
  .contentContainer_3hipm .content_1Gj9D .header_2U9TE .left_1CMWZ .itemsContainer_3Rdte {
          height: 25px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .contentContainer_3hipm .content_1Gj9D .header_2U9TE .left_1CMWZ .itemsContainer_3Rdte .items_1nUOu {
            height: 22px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 38px; }
  .contentContainer_3hipm .content_1Gj9D .header_2U9TE .left_1CMWZ .itemsContainer_3Rdte .items_1nUOu .item_1ZS4V {
              height: 22px;
              font-weight: 400;
              font-size: 16px;
              color: rgba(0, 0, 0, 0.6);
              line-height: 22px;
              cursor: pointer;
              position: relative; }
  .contentContainer_3hipm .content_1Gj9D .header_2U9TE .left_1CMWZ .itemsContainer_3Rdte .items_1nUOu .item_1ZS4V::after {
                content: "";
                position: absolute;
                width: 100%;
                height: 4px;
                left: 0;
                bottom: -10px;
                background: #000;
                display: none; }
  .contentContainer_3hipm .content_1Gj9D .header_2U9TE .left_1CMWZ .itemsContainer_3Rdte .items_1nUOu .item_1ZS4V.active_1pjfI {
                color: #000;
                font-weight: 500; }
  .contentContainer_3hipm .content_1Gj9D .header_2U9TE .left_1CMWZ .itemsContainer_3Rdte .items_1nUOu .item_1ZS4V.active_1pjfI::after {
                  display: block; }
  .contentContainer_3hipm .content_1Gj9D .header_2U9TE .center_RZrHJ {
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        margin: 0 23px;
        -webkit-transform: translateY(18px);
            -ms-transform: translateY(18px);
                transform: translateY(18px); }
  .contentContainer_3hipm .content_1Gj9D .header_2U9TE .searchBox_3dwhb {
        width: 389px;
        position: relative;
        overflow: unset;
        padding-top: 22px;
        padding-bottom: 16px; }
  .contentContainer_3hipm .content_1Gj9D .header_2U9TE .searchBox_3dwhb .right_1ilof {
          width: 100%;
          height: 38px; }
  .contentContainer_3hipm .content_1Gj9D .header_2U9TE .searchBox_3dwhb .search_myL2C {
          position: absolute;
          left: 15px;
          top: 0px;
          z-index: 2;
          border-radius: 5px;
          color: #111;
          cursor: pointer; }
  .contentContainer_3hipm .content_1Gj9D .header_2U9TE .searchBox_3dwhb .search_myL2C .text_1x2iA {
            font-size: 18px;
            line-height: 38px; }
  .contentContainer_3hipm .content_1Gj9D .header_2U9TE .searchBox_3dwhb .closeSeach_37Vbx {
          position: absolute;
          top: 0;
          right: 0px;
          width: 38px;
          height: 38px;
          text-align: center;
          cursor: pointer; }
  .contentContainer_3hipm .content_1Gj9D .header_2U9TE .searchBox_3dwhb .closeSeach_37Vbx > i {
            line-height: 38px;
            font-size: 12px;
            color: #111; }
  .contentContainer_3hipm .content_1Gj9D .list_15P5F {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 24px 47px 0 47px;
      min-height: 800px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-line-pack: start;
          align-content: flex-start;
      gap: 0; }
  .contentContainer_3hipm .content_1Gj9D .list_15P5F .loadSvg_2VAs3 {
        margin-top: 50px;
        width: 100%;
        height: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .contentContainer_3hipm .content_1Gj9D .list_15P5F .loadSvg_2VAs3 > img {
          width: 40px; }
  .contentContainer_3hipm .content_1Gj9D .list_15P5F .pagination_t_8gW {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        width: 100%;
        padding: 42px 0 36px 0; }
  .contentContainer_3hipm .content_1Gj9D .list_15P5F .noData_2VKzK {
        width: 100%;
        height: 800px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-top: 40px; }
  .contentContainer_3hipm .content_1Gj9D .list_15P5F .noData_2VKzK img {
          width: 160px;
          height: 160px; }
  .contentContainer_3hipm .content_1Gj9D .list_15P5F .noData_2VKzK .text_1x2iA {
          font-weight: 400;
          font-size: 16px;
          color: rgba(0, 0, 0, 0.4);
          line-height: 22px; }

.mianliao-detail-modal.ant-modal {
  top: 0;
  padding: 0;
}
.mianliao-detail-modal .ant-modal-body {
  padding: 0;
}
.mianliaoProductPopover {
  border-radius: 8px;
}
.mianliaoProductPopover .ant-popover-content {
  border-radius: 8px;
}
.mianliaoProductPopover .ant-popover-content .ant-popover-arrow {
  display: none;
}
.mianliaoProductPopover .ant-popover-content .ant-popover-inner {
  border-radius: 8px;
  overflow: hidden;
}
.mianliaoProductPopover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  border-radius: 8px;
  padding: 0;
}
.mianliaoKeywordsPopover {
  border-radius: 8px;
}
.mianliaoKeywordsPopover .ant-popover-content {
  border-radius: 8px;
}
.mianliaoKeywordsPopover .ant-popover-content .ant-popover-arrow {
  display: none;
}
.mianliaoKeywordsPopover .ant-popover-content .ant-popover-inner {
  border-radius: 8px;
  overflow: hidden;
}
.mianliaoKeywordsPopover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  border-radius: 8px;
  padding: 0;
}

.contactInfo_dndem {
  padding: 16px 24px; }
  .contactInfo_dndem .title_1T_0J {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    line-height: 24px; }
  .contactInfo_dndem .name_2QKFW {
    margin-top: 6px;
    font-size: 12px;
    font-weight: 400;
    color: #000; }
  .contactInfo_dndem .name_2QKFW .bold_fXWFj {
      color: #0048D9;
      cursor: pointer; }
  .contactInfo_dndem .warn_zwi7g {
    margin-top: 6px;
    font-weight: 500;
    font-size: 12px;
    color: rgba(8, 8, 8, 0.5); }

.video_3QbkE {
  width: 100%;
  height: 100%; }

.mianliaofactoryDetailVideo .video-react-video {
  -o-object-fit: cover;
     object-fit: cover;
}
.mianliaofactoryDetailVideo:hover .video-react-big-play-button {
  background: #fff;
}
.mianliaofactoryDetailVideo .video-react-big-play-button {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.5);
}
.mianliaofactoryDetailVideo .video-react-big-play-button:before {
  color: #000;
  -webkit-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
          transform: translateY(-4px);
}

.modalContent_2jdxu {
  width: 1408px;
  height: 792px;
  position: relative; }
  .modalContent_2jdxu .video_1hF5M {
    width: 100%;
    height: 100%;
    background-color: #fff; }
  .modalContent_2jdxu .video_1hF5M video {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain; }
  .modalContent_2jdxu .picture_2nZ9x {
    width: 100%;
    height: 100%; }
  .modalContent_2jdxu .picture_2nZ9x img {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain; }
  .modalContent_2jdxu .close_3fSR0 {
    position: absolute;
    top: -16px;
    right: -16px;
    width: 32px;
    height: 32px;
    cursor: pointer; }
  .btn_2ryu1 {
  position: fixed;
  bottom: 50%;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
  z-index: 3;
  width: 60px;
  height: 60px;
  background: #fffeff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .btn_2ryu1 i {
    font-size: 34px;
    color: #080808; }

.main_3f2Gn {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .main_3f2Gn .left_2xwk5 {
    width: 312px;
    height: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
            box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .main_3f2Gn .left_2xwk5 .avatar_22N21 {
      margin-top: 32px;
      width: 138px;
      height: 138px; }
  .main_3f2Gn .left_2xwk5 .avatar_22N21 img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain; }
  .main_3f2Gn .left_2xwk5 .title_1JuUx {
      margin-top: 16px;
      margin-bottom: 25px;
      font-weight: 600;
      font-size: 22px;
      color: #000;
      line-height: 30px;
      max-width: calc(100% - 48px); }
  .main_3f2Gn .left_2xwk5 .text_3iTWk {
      margin-top: 24px;
      width: calc(100% - 48px);
      font-weight: 500;
      font-size: 14px;
      color: #000;
      line-height: 16px; }
  .main_3f2Gn .left_2xwk5 .product_P4oWk {
      margin-top: 8px;
      width: calc(100% - 48px);
      font-weight: 400;
      font-size: 14px;
      color: #000;
      line-height: 20px; }
  .main_3f2Gn .left_2xwk5 .keywords_34JqC {
      margin-top: 16px;
      margin-bottom: 48px;
      width: calc(100% - 48px);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 16px; }
  .main_3f2Gn .left_2xwk5 .keywords_34JqC .keyword_1p-fM {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        padding: 0 10px;
        height: 28px;
        background: #ededed;
        border-radius: 14px;
        font-weight: 500;
        font-size: 12px;
        color: #282828;
        line-height: 26px; }
  .main_3f2Gn .left_2xwk5 .btn_2NPCi {
      width: 256px;
      height: 40px;
      background: #fff;
      border-radius: 20px;
      border: 1px solid #747683;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-weight: 400;
      font-size: 16px;
      color: #000;
      line-height: 16px;
      cursor: pointer; }
  .main_3f2Gn .left_2xwk5 .btn_2NPCi:hover {
        background: #000;
        color: #fff; }
  .main_3f2Gn .left_2xwk5 .btn_2NPCi:hover i {
          color: #fff; }
  .main_3f2Gn .left_2xwk5 .btn_2NPCi i {
        font-weight: 400;
        font-size: 16px;
        color: #000;
        line-height: 16px;
        margin-right: 12px; }
  .main_3f2Gn .right_7s-V_ {
    margin-left: 16px;
    height: 100%;
    width: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    overflow: auto; }
  .main_3f2Gn .right_7s-V_::-webkit-scrollbar {
      width: 0; }
  .main_3f2Gn .right_7s-V_ .top_2c3mj {
      width: 100%;
      padding-bottom: 40.8%;
      position: relative;
      overflow: hidden; }
  .main_3f2Gn .right_7s-V_ .top_2c3mj .topMode_2wRE1 {
        position: absolute;
        left: 50%;
        bottom: 24px;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        z-index: 2;
        width: 268px;
        height: 54px;
        background: rgba(0, 0, 0, 0.6);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        border-radius: 27px; }
  .main_3f2Gn .right_7s-V_ .top_2c3mj .topMode_2wRE1 .topModeItem_3xhwL {
          width: 50%;
          height: 100%;
          padding: 0 32px;
          border-radius: 27px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          gap: 16px;
          cursor: pointer;
          font-weight: bold;
          font-size: 24px;
          color: #fff; }
  .main_3f2Gn .right_7s-V_ .top_2c3mj .topMode_2wRE1 .topModeItem_3xhwL i {
            font-size: 36px;
            color: #fff; }
  .main_3f2Gn .right_7s-V_ .top_2c3mj .topMode_2wRE1 .topModeItem_3xhwL.active_1CuZL {
            background: #fff;
            color: #080808;
            width: calc(50% + 1px); }
  .main_3f2Gn .right_7s-V_ .top_2c3mj .topMode_2wRE1 .topModeItem_3xhwL.active_1CuZL i {
              color: #080808; }
  .main_3f2Gn .right_7s-V_ .top_2c3mj .btn_2NPCi {
        position: absolute;
        bottom: 50%;
        -webkit-transform: translateY(50%);
            -ms-transform: translateY(50%);
                transform: translateY(50%);
        z-index: 3;
        width: 60px;
        height: 60px;
        background: #fffeff;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
  .main_3f2Gn .right_7s-V_ .top_2c3mj .btn_2NPCi i {
          font-size: 34px;
          color: #080808; }
  .main_3f2Gn .right_7s-V_ .top_2c3mj .topContent_228X_ {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1; }
  .main_3f2Gn .right_7s-V_ .top_2c3mj .topContent_228X_ .topContentSlide_3V-l9 {
          height: 100%;
          position: relative; }
  .main_3f2Gn .right_7s-V_ .top_2c3mj .topContent_228X_ .topContentSlide_3V-l9 .topContentItem_mI7oc {
            position: absolute;
            top: 0px;
            height: 100%;
            width: calc((100% - 12px) * 0.76);
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out; }
  .main_3f2Gn .right_7s-V_ .topFooter_zg-B2 {
      padding-left: 18px;
      width: 100%;
      height: 48px;
      background: #393F47;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-weight: 400;
      font-size: 18px;
      color: #fff; }
  .main_3f2Gn .right_7s-V_ .topFooter_zg-B2 i {
        font-size: 24px;
        margin-right: 6px; }
  .main_3f2Gn .right_7s-V_ .info_2_GC3 {
      margin-top: 12px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 12px; }
  .main_3f2Gn .right_7s-V_ .info_2_GC3 .infoItem_27v6f {
        width: calc(100% - 12px);
        height: 183px; }
  .main_3f2Gn .right_7s-V_ .info_2_GC3 .infoItemLeft_2ZSin {
        padding: 24px 0;
        background: #f5f5f5;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .main_3f2Gn .right_7s-V_ .info_2_GC3 .infoItemLeft_2ZSin .leftItem_1wbXc {
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          gap: 28px; }
  .main_3f2Gn .right_7s-V_ .info_2_GC3 .infoItemLeft_2ZSin .leftItem_1wbXc .leftItemTitle_2qAkW {
            font-weight: bold;
            font-size: 32px;
            color: #080808; }
  .main_3f2Gn .right_7s-V_ .info_2_GC3 .infoItemLeft_2ZSin .leftItem_1wbXc .leftItemDesc_3dzGx {
            font-weight: 400;
            font-size: 16px;
            color: rgba(8, 8, 8, 0.7); }
  .main_3f2Gn .right_7s-V_ .info_2_GC3 .infoItemRight_EjRH1 {
        position: relative;
        background: #f5f5f5;
        background-image: url("https://assets.wow-trend.com/wowtrend/static/resource/images/mianliao/8c0d80ec.png");
        background-repeat: no-repeat;
        background-size: cover; }
  .main_3f2Gn .right_7s-V_ .info_2_GC3 .infoItemRight_EjRH1 .areaName_1LgWe {
          max-width: calc(100% - 130px);
          position: absolute;
          left: 25px;
          top: 32px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          font-weight: 500;
          font-size: 24px;
          color: #000; }
  .main_3f2Gn .right_7s-V_ .info_2_GC3 .infoItemRight_EjRH1 .areaName_1LgWe i {
            font-size: 24px;
            margin-right: 5px; }
  .main_3f2Gn .right_7s-V_ .info_2_GC3 .infoItemRight_EjRH1 .contact_3ZzSQ {
          position: absolute;
          left: 20px;
          bottom: 30px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          gap: 24px; }
  .main_3f2Gn .right_7s-V_ .info_2_GC3 .infoItemRight_EjRH1 .contact_3ZzSQ .contactBtn_18l6p {
            width: 120px;
            height: 42px;
            border-radius: 23px;
            background: rgba(255, 255, 255, 0.7);
            border: 1px solid rgba(40, 40, 40, 0.2);
            font-weight: 500;
            font-size: 14px;
            color: #000;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            gap: 6px;
            cursor: pointer; }
  .main_3f2Gn .right_7s-V_ .info_2_GC3 .infoItemRight_EjRH1 .contact_3ZzSQ .contactBtn_18l6p:hover {
              background: rgba(0, 0, 0, 0.7);
              border: 1px solid rgba(40, 40, 40, 0.5);
              color: #fff; }
  .main_3f2Gn .right_7s-V_ .info_2_GC3 .infoItemRight_EjRH1 .contact_3ZzSQ .contactBtn_18l6p:hover i {
                color: #fff; }
  .main_3f2Gn .right_7s-V_ .info_2_GC3 .infoItemRight_EjRH1 .mapLink_1XRMi {
          position: absolute;
          right: 16px;
          top: 32px;
          cursor: pointer;
          font-weight: 500;
          font-size: 18px;
          color: #0086FF;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .main_3f2Gn .right_7s-V_ .info2_1OszC {
      padding: 24px;
      padding-bottom: 68px;
      margin-top: 12px;
      background: #fff; }
  .main_3f2Gn .right_7s-V_ .info2_1OszC .title_1JuUx {
        font-weight: 500;
        font-size: 24px;
        color: #000; }
  .main_3f2Gn .right_7s-V_ .info2_1OszC .desc_3iFsU {
        margin-top: 16px;
        font-weight: 500;
        font-size: 18px;
        color: rgba(0, 0, 0, 0.6); }
  .main_3f2Gn .right_7s-V_ .info2_1OszC .table_1upjB {
        margin-top: 16px;
        border: 1px solid rgba(0, 0, 0, 0.2); }
  .main_3f2Gn .right_7s-V_ .info2_1OszC .table_1upjB .row_3rdqp {
          border-bottom: 1px solid rgba(0, 0, 0, 0.2);
          min-height: 68px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
  .main_3f2Gn .right_7s-V_ .info2_1OszC .table_1upjB .row_3rdqp.bottomRow_3YZ3D {
            border-bottom: none; }
  .main_3f2Gn .right_7s-V_ .info2_1OszC .table_1upjB .row_3rdqp .cell_3uhN6 {
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            padding: 16px;
            width: 0;
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
            border-right: 1px solid rgba(0, 0, 0, 0.2);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            font-weight: 500;
            font-size: 20px; }
  .main_3f2Gn .right_7s-V_ .info2_1OszC .table_1upjB .row_3rdqp .cell_3uhN6:nth-child(even) {
              background: #fff;
              color: #000; }
  .main_3f2Gn .right_7s-V_ .info2_1OszC .table_1upjB .row_3rdqp .cell_3uhN6:nth-child(odd) {
              background: #f5f5f5;
              color: rgba(0, 0, 0, 0.6); }
  .main_3f2Gn .right_7s-V_ .info2_1OszC .table_1upjB .row_3rdqp .cell_3uhN6.rightCell_1qFZy {
              border-right: none; }
  .mapLinkContent_29dVu {
  width: 143px;
  height: 38px;
  background: #282828;
  -webkit-box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  font-weight: 400;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.mianliao-factory-detail-video-and-pic-modal .ant-modal-content {
  background-color: transparent;
}
.mianliao-factory-detail-video-and-pic-modal .ant-modal-content .ant-modal-body {
  padding: 0;
}

.content_2LUfd {
  min-width: 1440px;
  width: 100vw;
  height: 100vh; }
  .content_2LUfd .main_1FOwH {
    width: 100%;
    height: calc(100% - 41px);
    background: #fafafa;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 38px 38px 0 38px; }
  .content_2LUfd .footer_FG7Im {
    width: 100vw;
    height: 38px;
    padding: 0 38px;
    border-top: 1px solid #393f48;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    z-index: 20;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #393f48; }
  .content_2LUfd .footer_FG7Im .navigation_2vZZI .nav_2aKXn a {
      height: 12px;
      font-size: 12px;
      line-height: 12px;
      font-weight: 400;
      color: #333333; }
  .content_2LUfd .footer_FG7Im .navigation_2vZZI .nav_2aKXn a:hover {
        text-decoration: underline; }
  .content_2LUfd .footer_FG7Im .navigation_2vZZI .nav_2aKXn span {
      height: 12px;
      font-size: 12px;
      line-height: 12px;
      font-weight: 400;
      color: #333333; }

.mianliaoContactPopover .ant-popover-content .ant-popover-inner {
  border-radius: 5px;
  overflow: hidden;
}
.mianliaoContactPopover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  padding: 0;
}
.mianliao-detail-modal.ant-modal {
  top: 0;
  padding: 0;
}
.mianliao-detail-modal .ant-modal-body {
  padding: 0;
}
.mapLinkPopover .ant-popover-content .ant-popover-arrow {
  border-color: #282828;
}
.mapLinkPopover .ant-popover-content .ant-popover-inner {
  border-radius: 5px;
  overflow: hidden;
}
.mapLinkPopover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  padding: 0;
}
.contactInfoPopover .ant-popover-content .ant-popover-inner {
  border-radius: 8px;
  overflow: hidden;
}
.contactInfoPopover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  padding: 0;
}

.list_3X1uz {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 24px 47px 0 47px;
  min-height: 800px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 0; }
  .list_3X1uz .loadSvg_fcUY1 {
    margin-top: 50px;
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .list_3X1uz .loadSvg_fcUY1 > img {
      width: 40px; }
  .list_3X1uz .pagination_3NhZk {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 100%;
    padding: 42px 0 36px 0; }
  .list_3X1uz .noData_3LynY {
    width: 100%;
    height: 800px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 40px; }
  .list_3X1uz .noData_3LynY img {
      width: 160px;
      height: 160px; }
  .list_3X1uz .noData_3LynY .text_2SLz5 {
      font-weight: 400;
      font-size: 16px;
      color: rgba(0, 0, 0, 0.4);
      line-height: 22px; }

.card_W1dvm {
  width: calc((100% - 29px) / 2);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  cursor: pointer; }
  .card_W1dvm:hover {
    -webkit-box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.16); }
  .card_W1dvm .cardHeader_3L-2j {
    height: 100px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .card_W1dvm .cardHeader_3L-2j .avatar_yfwcf {
      width: 100px;
      height: 100px;
      border-radius: 50%;
      overflow: hidden; }
  .card_W1dvm .cardHeader_3L-2j .avatar_yfwcf img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain; }
  .card_W1dvm .cardHeader_3L-2j .info_3RaEe {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      height: 100px;
      margin-left: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      gap: 10px; }
  .card_W1dvm .cardHeader_3L-2j .info_3RaEe .title_3LQqx {
        font-weight: bold;
        font-size: 16px;
        color: #000;
        line-height: 22px; }
  .card_W1dvm .cardHeader_3L-2j .info_3RaEe .text_3BAid {
        font-weight: 400;
        font-size: 14px;
        color: #000;
        line-height: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .card_W1dvm .cardHeader_3L-2j .info_3RaEe .text_3BAid .line_EhFoW {
          width: 1px;
          height: 14px;
          margin: 0 7.5px;
          background-color: #000; }
  .card_W1dvm .cardHeader_3L-2j .info_3RaEe .text_3BAid i {
          margin-right: 4px; }
  .card_W1dvm .cardHeader_3L-2j .info_3RaEe .product_2ZXRP {
        height: 32px;
        font-weight: 400;
        font-size: 14px;
        color: #000;
        line-height: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
  .card_W1dvm .cardHeader_3L-2j .info_3RaEe .product_2ZXRP .rightText_3Je1D {
          width: 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          height: 32px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          line-height: 16px; }
  .card_W1dvm .cardHeader_3L-2j .btns_1PLPB {
      position: absolute;
      right: 0;
      top: 12px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 16px; }
  .card_W1dvm .cardHeader_3L-2j .btns_1PLPB .btn_3MFa8 {
        height: 26px;
        border-radius: 4px;
        border: 1px solid #000;
        padding: 0 16px;
        font-weight: 400;
        font-size: 12px;
        color: #000;
        line-height: 24px;
        cursor: pointer; }
  .card_W1dvm .cardHeader_3L-2j .btns_1PLPB .btn_3MFa8:hover {
          background: #000;
          color: #fff; }
  .card_W1dvm .cardHeader_3L-2j .btns_1PLPB .btn_3MFa8 i {
          margin-right: 5px;
          font-size: 14px; }
  .card_W1dvm .pics_2sH1L {
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px; }
  .card_W1dvm .pics_2sH1L .pic_1gBKN {
      width: calc((100% - 40px) / 3); }
  .card_W1dvm .pics_2sH1L .pic_1gBKN .imgContainer_HgeP4 {
        width: 100%;
        padding-bottom: 69%;
        position: relative; }
  .card_W1dvm .pics_2sH1L .pic_1gBKN .imgContainer_HgeP4 img {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }

.list_2efgL {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 24px 47px 0 47px;
  min-height: 800px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 0; }
  .list_2efgL .loadSvg_3IJKt {
    margin-top: 50px;
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .list_2efgL .loadSvg_3IJKt > img {
      width: 40px; }
  .list_2efgL .pagination_1Rt2_ {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 100%;
    padding: 42px 0 36px 0; }
  .list_2efgL .noData_330wS {
    width: 100%;
    height: 800px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 40px; }
  .list_2efgL .noData_330wS img {
      width: 160px;
      height: 160px; }
  .list_2efgL .noData_330wS .text_1X60n {
      font-weight: 400;
      font-size: 16px;
      color: rgba(0, 0, 0, 0.4);
      line-height: 22px; }

.card_2CWFh {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer; }
  .card_2CWFh:hover {
    -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2); }
  .card_2CWFh .biaozhi_ucuF6 {
    position: absolute;
    top: 7px;
    left: 7px;
    width: 42px;
    height: 42px;
    z-index: 10; }
  .card_2CWFh .imgContainer_2TIWh {
    overflow: hidden;
    position: relative; }
  .card_2CWFh .imgContainer_2TIWh:hover .love_1mSaQ {
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0); }
  .card_2CWFh .imgContainer_2TIWh .love_1mSaQ {
      position: absolute;
      right: 0;
      top: 0;
      width: 50px;
      height: 50px;
      background: rgba(0, 0, 0, 0.5);
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      -webkit-transform: translateY(-100%);
          -ms-transform: translateY(-100%);
              transform: translateY(-100%); }
  .card_2CWFh .imgContainer_2TIWh .love_1mSaQ i {
        color: #fff; }
  .card_2CWFh .imgContainer_2TIWh .love_1mSaQ:hover {
        background: #000; }
  .card_2CWFh .imgContainer_2TIWh img {
      width: 100%;
      height: 100%; }
  .card_2CWFh .info_39NV1 {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 16px;
    padding-bottom: 4px;
    background-color: #fff; }
  .card_2CWFh .info_39NV1 .title_2Pq_g {
      font-weight: 500;
      font-size: 16px;
      color: #000;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .card_2CWFh .info_39NV1 .title_2Pq_g .text_2nIF1 {
        max-height: 48px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: break-all;
        position: relative; }
  .card_2CWFh .info_39NV1 .title_2Pq_g .text_2nIF1.two_1nk26::before {
          content: "";
          float: right;
          width: 0;
          height: 24px; }
  .card_2CWFh .info_39NV1 .title_2Pq_g .text_2nIF1 .btn_3jH4J {
          float: right;
          width: 24px;
          height: 24px;
          clear: both;
          line-height: 25px; }
  .card_2CWFh .info_39NV1 .title_2Pq_g .text_2nIF1 .btn_3jH4J img {
            width: 24px;
            height: 24px; }
  .card_2CWFh .info_39NV1 .title_2Pq_g .text_2nIF1 .underline_3FDnC {
          position: relative; }
  .card_2CWFh .info_39NV1 .title_2Pq_g .text_2nIF1 .underline_3FDnC::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0px;
            width: 0;
            height: 1px;
            background-color: #000;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease; }
  .card_2CWFh .info_39NV1 .title_2Pq_g .text_2nIF1 .underline_3FDnC:hover::after {
            width: 100%; }
  .card_2CWFh .info_39NV1 .keywords_1i7Vm {
      margin-top: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 10px;
      overflow: hidden; }
  .card_2CWFh .info_39NV1 .keywords_1i7Vm .keyword_3G8T9 {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        font-size: 12px;
        height: 28px;
        line-height: 26px;
        background: #fff;
        border-radius: 14px;
        border: 1px solid #282828;
        padding: 0 10px;
        flex-shrink: 0;
        cursor: pointer; }
  .card_2CWFh .info_39NV1 .keywords_1i7Vm .keyword_3G8T9:hover {
          background: #000;
          color: #fff; }
  .card_2CWFh .info_39NV1 .desc_2jiJ- {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      margin-top: 10px;
      max-height: 54px;
      font-weight: 500;
      font-size: 12px;
      color: rgba(0, 0, 0, 0.5);
      line-height: 18px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical; }
  .card_2CWFh .info_39NV1 .line_vPsFK {
      margin-top: 10px;
      width: 100%;
      height: 1px;
      background-color: #d8d8d8; }
  .card_2CWFh .info_39NV1 .footer_PpYyR {
      margin-top: 6px;
      padding-bottom: 4px;
      height: 26px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  .card_2CWFh .info_39NV1 .footer_PpYyR .left_1Ub9q {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 26px;
        font-weight: 500;
        font-size: 12px;
        color: rgba(0, 0, 0, 0.5);
        line-height: 26px; }
  .card_2CWFh .info_39NV1 .footer_PpYyR .left_1Ub9q i {
          font-size: 12px;
          display: block;
          margin-right: 3px; }
  .card_2CWFh .info_39NV1 .footer_PpYyR .btn_3jH4J {
        height: 26px;
        border-radius: 4px;
        border: 1px solid #000;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 12px;
        font-weight: 400;
        font-size: 12px;
        color: #000;
        line-height: 24px;
        cursor: pointer; }
  .popoverContent_2ZGwg {
  width: 185px;
  height: 38px;
  background: #282828;
  -webkit-box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 38px;
  cursor: pointer; }

.list_yd73K {
  margin-top: 24px;
  padding: 0 23px 50px 23px;
  position: relative; }
  .list_yd73K .loadSvg_hy607 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .list_yd73K .loadSvg_hy607 > img {
      width: 40px; }
  .list_yd73K .noData_2tSbo {
    width: 100%;
    height: 800px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 40px; }
  .list_yd73K .noData_2tSbo img {
      width: 160px;
      height: 160px; }
  .list_yd73K .noData_2tSbo .text_3Tpc3 {
      font-weight: 400;
      font-size: 16px;
      color: rgba(0, 0, 0, 0.4);
      line-height: 22px; }

.contentContainer_2q1pa {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .contentContainer_2q1pa .content_2T4k_ {
    width: calc(100% - 104px);
    min-width: 1300px;
    min-height: 100vh;
    margin: 0 auto;
    border-left: 2px solid #000000;
    border-right: 2px solid #000000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .contentContainer_2q1pa .content_2T4k_ .header_kNlUW {
      background-color: #fafafa;
      position: sticky;
      top: 74px;
      z-index: 10;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: calc(100% - 46px);
      margin: 0 auto;
      border-bottom: 1px solid #afafaf;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .contentContainer_2q1pa .content_2T4k_ .header_kNlUW .left_2rmpP {
        height: 48px;
        border-radius: 14px;
        border: 1px solid rgba(0, 0, 0, 0.15);
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 6px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
  .contentContainer_2q1pa .content_2T4k_ .header_kNlUW .left_2rmpP .btn_1EQjf {
          width: 82px;
          height: 36px;
          border-radius: 9px;
          font-weight: 500;
          font-size: 14px;
          color: #000;
          line-height: 34px;
          text-align: center;
          cursor: pointer; }
  .contentContainer_2q1pa .content_2T4k_ .header_kNlUW .left_2rmpP .btn_1EQjf.active_3e1-B {
            background: #000;
            color: #fff; }
  .contentContainer_2q1pa .content_2T4k_ .header_kNlUW .center_1hXI4 {
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        margin: 0 23px; }
  .contentContainer_2q1pa .content_2T4k_ .header_kNlUW .searchBox_3pW-s {
        width: 389px;
        position: relative;
        overflow: unset;
        padding-top: 22px;
        padding-bottom: 16px; }
  .contentContainer_2q1pa .content_2T4k_ .header_kNlUW .searchBox_3pW-s .right_7eE-k {
          width: 100%;
          height: 38px; }
  .contentContainer_2q1pa .content_2T4k_ .header_kNlUW .searchBox_3pW-s .search_2ffPO {
          position: absolute;
          left: 15px;
          top: 0px;
          z-index: 2;
          border-radius: 5px;
          color: #111;
          cursor: pointer; }
  .contentContainer_2q1pa .content_2T4k_ .header_kNlUW .searchBox_3pW-s .search_2ffPO .text_22mpD {
            font-size: 18px;
            line-height: 38px; }
  .contentContainer_2q1pa .content_2T4k_ .header_kNlUW .searchBox_3pW-s .closeSeach_2Nuam {
          position: absolute;
          top: 0;
          right: 0px;
          width: 38px;
          height: 38px;
          text-align: center;
          cursor: pointer; }
  .contentContainer_2q1pa .content_2T4k_ .header_kNlUW .searchBox_3pW-s .closeSeach_2Nuam > i {
            line-height: 38px;
            font-size: 12px;
            color: #111; }

.mianliao-popover .ant-popover-content .ant-popover-arrow {
  border-color: #282828;
}
.mianliao-popover .ant-popover-content .ant-popover-inner {
  border-radius: 5px;
  overflow: hidden;
}
.mianliao-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  padding: 0;
}

.recommendContainer_18vYD {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 24px 70px;
  background: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
  .recommendContainer_18vYD.shadow_1cx0z:hover {
    -webkit-box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.16); }
  .recommendContainer_18vYD .info_1oLDL {
    width: 350px;
    height: 345px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-right: 1px solid #d8d8d8;
    padding-right: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .recommendContainer_18vYD .info_1oLDL .title_37rYh {
      width: 100%;
      height: 28px;
      font-size: 18px;
      font-weight: 500;
      color: #000;
      line-height: 28px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
  .recommendContainer_18vYD .info_1oLDL .keywords_3Kdoj {
      margin: 0;
      padding-top: 24px;
      max-height: 96px;
      margin-bottom: 16px; }
  .recommendContainer_18vYD .info_1oLDL .keywords_3Kdoj .keywordContainer_3kdlS {
        width: 100%;
        height: 100%;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-line-pack: start;
            align-content: flex-start;
        gap: 16px;
        position: relative; }
  .recommendContainer_18vYD .info_1oLDL .keywords_3Kdoj .keywordContainer_3kdlS::-webkit-scrollbar {
          width: 4px;
          background: transparent; }
  .recommendContainer_18vYD .info_1oLDL .keywords_3Kdoj .keywordContainer_3kdlS::-webkit-scrollbar-thumb {
          background: rgba(0, 0, 0, 0.1);
          border: none; }
  .recommendContainer_18vYD .info_1oLDL .keywords_3Kdoj .keywordContainer_3kdlS::-webkit-scrollbar-track-piece {
          background: #fafbfa; }
  .recommendContainer_18vYD .info_1oLDL .keywords_3Kdoj .keywordContainer_3kdlS .keyword_1ZzfU {
          padding: 4px 8px;
          height: 28px;
          border-radius: 14px;
          border: 1px solid #282828;
          font-size: 12px;
          font-weight: 400;
          color: #282828;
          line-height: 18px;
          cursor: pointer; }
  .recommendContainer_18vYD .info_1oLDL .keywords_3Kdoj .keywordContainer_3kdlS .keyword_1ZzfU:hover {
            background: #000;
            color: #fff;
            border-color: #000; }
  .recommendContainer_18vYD .info_1oLDL .desc_1qPjo {
      height: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      width: calc(100% + 8px);
      font-size: 14px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.5);
      line-height: 23px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical; }
  .recommendContainer_18vYD .info_1oLDL .desc_1qPjo::after {
        content: "...";
        float: right;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end; }
  .recommendContainer_18vYD .info_1oLDL .desc_1qPjo::-webkit-scrollbar {
        width: 4px;
        background: transparent; }
  .recommendContainer_18vYD .info_1oLDL .desc_1qPjo::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.1);
        border: none; }
  .recommendContainer_18vYD .info_1oLDL .desc_1qPjo::-webkit-scrollbar-track-piece {
        background: #fafbfa; }
  .recommendContainer_18vYD .info_1oLDL .footer_T_CIr {
      margin-top: 16px;
      border-top: 1px solid #d8d8d8;
      padding-top: 10px;
      height: 26px;
      font-weight: 500;
      font-size: 12px;
      color: rgba(0, 0, 0, 0.5);
      line-height: 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .recommendContainer_18vYD .pics_3ta-3 {
    margin-left: 48px;
    width: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px; }
  .recommendContainer_18vYD .pics_3ta-3 .pic_3iT7x {
      width: calc((100% - 16px * 3) / 4);
      height: 345px; }
  .recommendContainer_18vYD .pics_3ta-3 .pic_3iT7x img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }

.contentContainer_2BEe9 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .contentContainer_2BEe9 .content_1PQJC {
    max-width: 1820px;
    min-width: 1300px;
    min-height: 100vh;
    margin: 0 auto;
    border-left: 2px solid #000000;
    border-right: 2px solid #000000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .contentContainer_2BEe9 .content_1PQJC .header_2ur-R {
      background-color: #fafafa;
      position: sticky;
      top: 74px;
      z-index: 10;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: calc(100% - 46px);
      margin: 0 auto;
      border-bottom: 1px solid #afafaf;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .contentContainer_2BEe9 .content_1PQJC .header_2ur-R .left_1HlJn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 25px;
        -webkit-transform: translateY(18px);
            -ms-transform: translateY(18px);
                transform: translateY(18px); }
  .contentContainer_2BEe9 .content_1PQJC .header_2ur-R .left_1HlJn .title_2F2Bm {
          height: 25px;
          font-weight: bold;
          font-size: 18px;
          color: #000;
          line-height: 25px; }
  .contentContainer_2BEe9 .content_1PQJC .header_2ur-R .left_1HlJn .lineContainer_7Mzqu {
          width: 1px;
          height: 25px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          margin-left: 14px;
          margin-right: 28px; }
  .contentContainer_2BEe9 .content_1PQJC .header_2ur-R .left_1HlJn .lineContainer_7Mzqu .line_2dVfS {
            width: 1px;
            height: 14px;
            background-color: #000; }
  .contentContainer_2BEe9 .content_1PQJC .header_2ur-R .left_1HlJn .itemsContainer_1Xjm6 {
          height: 25px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .contentContainer_2BEe9 .content_1PQJC .header_2ur-R .left_1HlJn .itemsContainer_1Xjm6 .items_1jJyl {
            height: 22px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 38px; }
  .contentContainer_2BEe9 .content_1PQJC .header_2ur-R .left_1HlJn .itemsContainer_1Xjm6 .items_1jJyl .item_1h3XM {
              height: 22px;
              font-weight: 400;
              font-size: 16px;
              color: rgba(0, 0, 0, 0.6);
              line-height: 22px;
              cursor: pointer;
              position: relative; }
  .contentContainer_2BEe9 .content_1PQJC .header_2ur-R .left_1HlJn .itemsContainer_1Xjm6 .items_1jJyl .item_1h3XM::after {
                content: "";
                position: absolute;
                width: 100%;
                height: 4px;
                left: 0;
                bottom: -10px;
                background: #000;
                display: none; }
  .contentContainer_2BEe9 .content_1PQJC .header_2ur-R .left_1HlJn .itemsContainer_1Xjm6 .items_1jJyl .item_1h3XM.active_17Kom {
                color: #000;
                font-weight: 500; }
  .contentContainer_2BEe9 .content_1PQJC .header_2ur-R .left_1HlJn .itemsContainer_1Xjm6 .items_1jJyl .item_1h3XM.active_17Kom::after {
                  display: block; }
  .contentContainer_2BEe9 .content_1PQJC .header_2ur-R .center_OjEhQ {
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        margin: 0 23px;
        -webkit-transform: translateY(18px);
            -ms-transform: translateY(18px);
                transform: translateY(18px); }
  .contentContainer_2BEe9 .content_1PQJC .header_2ur-R .searchBox_H1abS {
        width: 389px;
        position: relative;
        overflow: unset;
        padding-top: 22px;
        padding-bottom: 16px; }
  .contentContainer_2BEe9 .content_1PQJC .header_2ur-R .searchBox_H1abS .right_2ws82 {
          width: 100%;
          height: 38px; }
  .contentContainer_2BEe9 .content_1PQJC .header_2ur-R .searchBox_H1abS .search_3uFKd {
          position: absolute;
          left: 15px;
          top: 0px;
          z-index: 2;
          border-radius: 5px;
          color: #111;
          cursor: pointer; }
  .contentContainer_2BEe9 .content_1PQJC .header_2ur-R .searchBox_H1abS .search_3uFKd .text_cmqQL {
            font-size: 18px;
            line-height: 38px; }
  .contentContainer_2BEe9 .content_1PQJC .header_2ur-R .searchBox_H1abS .closeSeach_b7nrM {
          position: absolute;
          top: 0;
          right: 0px;
          width: 38px;
          height: 38px;
          text-align: center;
          cursor: pointer; }
  .contentContainer_2BEe9 .content_1PQJC .header_2ur-R .searchBox_H1abS .closeSeach_b7nrM > i {
            line-height: 38px;
            font-size: 12px;
            color: #111; }
  .contentContainer_2BEe9 .content_1PQJC .list_24IJ1 {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 24px 47px 0 47px;
      min-height: 800px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-line-pack: start;
          align-content: flex-start;
      gap: 0; }
  .contentContainer_2BEe9 .content_1PQJC .list_24IJ1 .loadSvg_2VIxG {
        margin-top: 50px;
        width: 100%;
        height: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .contentContainer_2BEe9 .content_1PQJC .list_24IJ1 .loadSvg_2VIxG > img {
          width: 40px; }
  .contentContainer_2BEe9 .content_1PQJC .list_24IJ1 .pagination_2Gc2N {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        width: 100%;
        padding: 42px 0 36px 0; }
  .contentContainer_2BEe9 .content_1PQJC .list_24IJ1 .noData_3EpWr {
        width: 100%;
        height: 800px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-top: 40px; }
  .contentContainer_2BEe9 .content_1PQJC .list_24IJ1 .noData_3EpWr img {
          width: 160px;
          height: 160px; }
  .contentContainer_2BEe9 .content_1PQJC .list_24IJ1 .noData_3EpWr .text_cmqQL {
          font-weight: 400;
          font-size: 16px;
          color: rgba(0, 0, 0, 0.4);
          line-height: 22px; }

.mianliao-detail-modal.ant-modal {
  top: 0;
  padding: 0;
}
.mianliao-detail-modal .ant-modal-body {
  padding: 0;
}

.card_2W9tK {
  width: 100%;
  height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.9);
  cursor: pointer; }
  .card_2W9tK .imgContainer_1qRDm {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden; }
  .card_2W9tK .imgContainer_1qRDm:hover .love_2P-7h {
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0); }
  .card_2W9tK .imgContainer_1qRDm .love_2P-7h {
      position: absolute;
      right: 0;
      top: 0;
      width: 50px;
      height: 50px;
      background: rgba(0, 0, 0, 0.5);
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      -webkit-transform: translateY(-100%);
          -ms-transform: translateY(-100%);
              transform: translateY(-100%); }
  .card_2W9tK .imgContainer_1qRDm .love_2P-7h i {
        color: #fff; }
  .card_2W9tK .imgContainer_1qRDm .love_2P-7h:hover {
        background: #000; }
  .card_2W9tK .footer_3RTlX {
    margin-top: 10px;
    margin-bottom: 11px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .card_2W9tK .footer_3RTlX .item_2sSij {
      max-width: 32%;
      height: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      cursor: pointer; }
  .card_2W9tK .footer_3RTlX .item_2sSij .content_1AEyP {
        height: 20px;
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative; }
  .card_2W9tK .footer_3RTlX .item_2sSij .content_1AEyP::after {
          content: "";
          position: absolute;
          left: 0;
          bottom: 1px;
          width: 0;
          height: 1px;
          background-color: #000;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; }
  .card_2W9tK .footer_3RTlX .item_2sSij .content_1AEyP:hover::after {
          width: 100%; }
  .card_2W9tK .footer_3RTlX .line_3sNlp {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 1px;
      height: 12px;
      background-color: #000;
      margin: 0 7.5px;
      -webkit-transform: translateY(2px);
          -ms-transform: translateY(2px);
              transform: translateY(2px); }

.main_2yAn7 {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .main_2yAn7 .left_15DHO {
    width: 312px;
    height: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
            box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .main_2yAn7 .left_15DHO .avatar_1wcm2 {
      margin-top: 32px;
      width: 110px;
      height: 110px;
      border-radius: 50%;
      overflow: hidden; }
  .main_2yAn7 .left_15DHO .avatar_1wcm2 img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain; }
  .main_2yAn7 .left_15DHO .title_30vYK {
      margin-top: 16px;
      margin-bottom: 25px;
      font-weight: 600;
      font-size: 22px;
      color: #000;
      line-height: 30px;
      max-width: calc(100% - 48px); }
  .main_2yAn7 .left_15DHO .text_C8LXB {
      width: calc(100% - 124px);
      font-weight: 400;
      font-size: 14px;
      color: #000;
      line-height: 16px;
      margin-bottom: 12px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      display: flex; }
  .main_2yAn7 .left_15DHO .text_C8LXB i {
        font-weight: 400;
        font-size: 14px;
        color: #000;
        line-height: 16px; }
  .main_2yAn7 .left_15DHO .text_C8LXB .line_UO41J {
        width: 1px;
        height: 16px;
        background: #000;
        margin: 0 7.5px; }
  .main_2yAn7 .left_15DHO .text_C8LXB .rightText_3TVP_ {
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        word-break: break-all; }
  .main_2yAn7 .left_15DHO .text_C8LXB .honor_1XWMa {
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        color: #43c8e0;
        cursor: pointer; }
  .main_2yAn7 .left_15DHO .btn_2qXtN {
      width: 256px;
      height: 40px;
      background: #fff;
      border-radius: 20px;
      border: 1px solid #747683;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-weight: 400;
      font-size: 16px;
      color: #000;
      line-height: 16px;
      cursor: pointer; }
  .main_2yAn7 .left_15DHO .btn_2qXtN:hover {
        background: #000;
        color: #fff; }
  .main_2yAn7 .left_15DHO .btn_2qXtN:hover i {
          color: #fff; }
  .main_2yAn7 .left_15DHO .btn_2qXtN i {
        font-weight: 400;
        font-size: 16px;
        color: #000;
        line-height: 16px;
        margin-right: 12px; }
  .main_2yAn7 .right_bykDc {
    margin-left: 16px;
    height: 100%;
    width: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .main_2yAn7 .right_bykDc .list_EQL_a {
      width: 100%;
      height: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      overflow-x: hidden;
      overflow-y: auto; }
  .main_2yAn7 .right_bykDc .list_EQL_a::-webkit-scrollbar {
        width: 0; }
  .main_2yAn7 .right_bykDc .list_EQL_a .loadSvg_2xpda {
        margin-top: 50px;
        width: 100%;
        height: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .main_2yAn7 .right_bykDc .list_EQL_a .loadSvg_2xpda > img {
          width: 40px; }
  .main_2yAn7 .right_bykDc .pagination_1NW5m {
      width: 100%;
      padding: 10px 0; }

.content_1wDsJ {
  width: 100vw;
  height: 100vh; }
  .content_1wDsJ .main_1Oj3d {
    width: 100%;
    height: calc(100% - 41px);
    background: #fafafa;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 38px 38px 0 38px; }
  .content_1wDsJ .footer_z47Cz {
    width: 100vw;
    height: 38px;
    padding: 0 38px;
    border-top: 1px solid #393f48;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    z-index: 20;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #393f48; }
  .content_1wDsJ .footer_z47Cz .navigation_A0C1I .nav_3O9IS a {
      height: 12px;
      font-size: 12px;
      line-height: 12px;
      font-weight: 400;
      color: #333333; }
  .content_1wDsJ .footer_z47Cz .navigation_A0C1I .nav_3O9IS a:hover {
        text-decoration: underline; }
  .content_1wDsJ .footer_z47Cz .navigation_A0C1I .nav_3O9IS span {
      height: 12px;
      font-size: 12px;
      line-height: 12px;
      font-weight: 400;
      color: #333333; }

.mianliaoContactPopover .ant-popover-content .ant-popover-inner {
  border-radius: 5px;
  overflow: hidden;
}
.mianliaoContactPopover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  padding: 0;
}
.mianliao-detail-modal.ant-modal {
  top: 0;
  padding: 0;
}
.mianliao-detail-modal .ant-modal-body {
  padding: 0;
}

.hotRecommend_3D4ji {
  background-color: #f0f0f0;
  width: 100%;
  height: 100%;
  padding: 20px;
  overflow: auto;
  color: #111;
  position: relative; }
  .hotRecommend_3D4ji .title_3Yha0 {
    font-size: 18px;
    margin-bottom: 8px;
    height: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .hotRecommend_3D4ji .title_3Yha0 .more_3gk5I {
      display: block;
      color: #fff;
      margin-left: auto;
      cursor: pointer; }
  .hotRecommend_3D4ji .list_189NG {
    height: calc(100% - 35px);
    overflow: auto; }
  .hotRecommend_3D4ji .list_189NG::-webkit-scrollbar {
      height: 0;
      width: 0; }
  .hotRecommend_3D4ji .cardItem_3UTOC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-bottom: 14px;
    min-width: 108px;
    cursor: pointer; }
  .hotRecommend_3D4ji .cardItem_3UTOC .imgBox_160Ib {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      height: 0px;
      padding-bottom: 30.67%;
      position: relative; }
  .hotRecommend_3D4ji .cardItem_3UTOC .imgBox_160Ib > img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center top;
           object-position: center top; }
  .hotRecommend_3D4ji .cardItem_3UTOC .titleBox_1tQr7 {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: #fafafa;
      max-height: 102px;
      color: #333333;
      -webkit-transition: background-color 0.2s ease;
      transition: background-color 0.2s ease; }
  .hotRecommend_3D4ji .cardItem_3UTOC .titleBox_1tQr7 > div {
        font-size: 12px;
        font-weight: 600;
        width: 108px; }
  .hotRecommend_3D4ji .cardItem_3UTOC .rankIndex_79Dot {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 40px;
      height: 40px;
      border-radius: 20px;
      font-size: 22px;
      line-height: 40px;
      text-align: center;
      color: #fff;
      background-color: #555c70;
      -webkit-transition: background-color 0.2s ease;
      transition: background-color 0.2s ease; }
  .hotRecommend_3D4ji .cardItem_3UTOC:hover .rankIndex_79Dot {
      background-color: #00e9a4; }
  .hotRecommend_3D4ji .cardItem_3UTOC:hover .titleBox_1tQr7 {
      background-color: #f6f6f6; }
  .hotRecommend_3D4ji .cardItem_3UTOC:hover .titleBox_1tQr7 div {
        color: rgba(0, 0, 0, 0.65); }
  .hotRecommend_3D4ji .cardItem_3UTOC.active_3FHkq:hover .titleBox_1tQr7 {
      background-color: #f6f6f6; }
  .hotRecommend_3D4ji .cardItem_3UTOC.active_3FHkq:hover .titleBox_1tQr7 div {
        color: rgba(0, 0, 0, 0.65); }
  .hotRecommend_3D4ji .cardItem_3UTOC.active_3FHkq .titleBox_1tQr7 {
      background-color: #e7e7e7; }
  .hotRecommend_3D4ji .cardItem_3UTOC.active_3FHkq .titleBox_1tQr7 div {
        color: rgba(51, 51, 51, 0.5); }
  .hotRecommend_3D4ji .cardBrandItem_3WujJ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .hotRecommend_3D4ji .cardBrandItem_3WujJ:nth-last-of-type(1) .info_3hDVC {
      border-bottom: none; }
  .hotRecommend_3D4ji .cardBrandItem_3WujJ .rank_3RWUa {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      font-size: 44px;
      font-weight: 600;
      text-align: left;
      color: #00e9a4; }
  .hotRecommend_3D4ji .cardBrandItem_3WujJ .info_3hDVC {
      position: relative;
      -webkit-box-flex: 6;
          -ms-flex: 6;
              flex: 6;
      min-width: 0;
      padding: 9px 0px;
      color: #fff;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .hotRecommend_3D4ji .cardBrandItem_3WujJ .info_3hDVC .brandName_MVdLp {
        font-size: 16px;
        cursor: pointer;
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out; }
  .hotRecommend_3D4ji .cardBrandItem_3WujJ .info_3hDVC .title_3Yha0 {
        font-size: 12px;
        line-height: 20px;
        cursor: pointer;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out; }
  .hotRecommend_3D4ji .cardBrandItem_3WujJ .info_3hDVC .view_1M5MY {
        position: absolute;
        right: 0;
        top: 16px;
        font-size: 12px;
        color: rgba(255, 255, 255, 0.3);
        vertical-align: middle; }
  .hotRecommend_3D4ji .cardBrandItem_3WujJ .info_3hDVC .view_1M5MY > i {
          font-size: 12px; }
  .hotRecommend_3D4ji .cardBrandItem_3WujJ .info_3hDVC:hover .brandName_MVdLp,
      .hotRecommend_3D4ji .cardBrandItem_3WujJ .info_3hDVC:hover .title_3Yha0 {
        color: #00e9a4; }
  .hotRecommend_3D4ji .cardBrandItem_3WujJ.active_3FHkq .brandName_MVdLp,
    .hotRecommend_3D4ji .cardBrandItem_3WujJ.active_3FHkq .title_3Yha0 {
      color: rgba(255, 255, 255, 0.5); }
  .keywords_2CBAT {
  width: 100%;
  height: 100%;
  padding: 20px;
  color: #111;
  background-color: #fff;
  border: 1px solid #233753;
  position: relative;
  z-index: 2; }
  .keywords_2CBAT .title_3Yha0 {
    height: 38px;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    line-height: 19px;
    color: #233753;
    border-bottom: 1px solid #b4b4b4; }
  .keywords_2CBAT .keywordsContainer_1_dP6 {
    width: 100%;
    height: calc(100% - 35px);
    overflow-x: hidden;
    overflow-y: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    padding-top: 20px; }
  .keywords_2CBAT .keywordsContainer_1_dP6 .keyword_3tu9q {
      padding: 0 13px;
      height: 36px;
      line-height: 32.5px;
      margin-right: 10px;
      margin-bottom: 10px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      cursor: pointer;
      background: #ffffff;
      border: 1px solid #eeeeee;
      border-radius: 18px;
      color: #666; }
  .keywords_2CBAT .keywordsContainer_1_dP6 .keyword_3tu9q:hover {
        background-color: #555c70;
        color: #fff; }
  .backCover_oNkr_ {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 10px;
  top: 10px;
  background-color: #233753;
  z-index: 1; }

.main_gty-B .recommend_3khYb {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 32px;
  cursor: pointer; }
  .main_gty-B .recommend_3khYb .banner_3fR3t {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .main_gty-B .recommend_3khYb .banner_3fR3t .carsoul_1FipZ {
      position: relative;
      width: 74.2671%;
      height: 0;
      padding-bottom: 28.01303%;
      margin-right: 10px; }
  .main_gty-B .recommend_3khYb .banner_3fR3t .carsoulBox_3wLFp {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }
  .main_gty-B .recommend_3khYb .hotRecommend_2BEHP {
    position: relative;
    width: 23.84365%;
    height: 0;
    padding-bottom: 28.01303%; }
  .main_gty-B .recommend_3khYb .hotRecommend_2BEHP .hotRecommendBox_2UgqU {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }
  .main_gty-B .content_2bY7h .header_LKPt3 {
  height: 35px; }
  .main_gty-B .content_2bY7h .header_LKPt3.fixed_1kF77 {
    position: fixed;
    top: 74px;
    z-index: 10;
    background: #fafbfa;
    height: 63px; }
  .main_gty-B .content_2bY7h .header_LKPt3 .title_DIh7E {
    height: 25px;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    line-height: 25px; }
  .main_gty-B .content_2bY7h .header_LKPt3 .headerContent_11YYm {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-bottom: 10px;
    border-bottom: 1px solid #afafaf; }
  .main_gty-B .content_2bY7h .header_LKPt3 .headerContent_11YYm .left_BxAce {
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      margin-right: 20px; }
  .main_gty-B .content_2bY7h .header_LKPt3 .headerContent_11YYm .right_1yQwo {
      -webkit-transform: translateY(-5px);
          -ms-transform: translateY(-5px);
              transform: translateY(-5px);
      margin-left: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 30px; }
  .main_gty-B .content_2bY7h .header_LKPt3 .headerContent_11YYm .right_1yQwo .searchBox_VXk_I {
        width: 250px;
        position: relative;
        overflow: unset;
        float: left;
        margin-right: 7px; }
  .main_gty-B .content_2bY7h .header_LKPt3 .headerContent_11YYm .right_1yQwo .searchBox_VXk_I .right1_2zath {
          width: 100%;
          height: 30px; }
  .main_gty-B .content_2bY7h .header_LKPt3 .headerContent_11YYm .right_1yQwo .searchBox_VXk_I .search_hniS4 {
          position: absolute;
          left: 15px;
          top: 0px;
          z-index: 2;
          border-radius: 5px;
          color: #111;
          cursor: pointer; }
  .main_gty-B .content_2bY7h .header_LKPt3 .headerContent_11YYm .right_1yQwo .searchBox_VXk_I .search_hniS4 .text_2-SCK {
            font-size: 18px;
            line-height: 30px; }
  .main_gty-B .content_2bY7h .header_LKPt3 .headerContent_11YYm .right_1yQwo .searchBox_VXk_I .closeSeach_3ugEW {
          position: absolute;
          top: 0;
          right: 0px;
          width: 30px;
          height: 30px;
          text-align: center;
          cursor: pointer; }
  .main_gty-B .content_2bY7h .header_LKPt3 .headerContent_11YYm .right_1yQwo .searchBox_VXk_I .closeSeach_3ugEW > i {
            line-height: 30px;
            font-size: 12px;
            color: #111; }
  .main_gty-B .content_2bY7h .noRecommendMore_1o5-G {
  margin-top: 16px;
  margin-bottom: 10px;
  height: 20px; }
  .main_gty-B .content_2bY7h .noRecommendMore_1o5-G.fixed_1kF77 {
    position: fixed;
    top: 143px;
    z-index: 10;
    background: #fafbfa;
    height: 46px;
    margin: 0; }
  .main_gty-B .content_2bY7h .noRecommendMore_1o5-G.fixed_1kF77 .more_1Sqfk {
      margin-top: 16px; }
  .main_gty-B .content_2bY7h .noRecommendMore_1o5-G .more_1Sqfk {
    padding: 0 8px;
    padding-right: 4px;
    height: 20px;
    background: #000000;
    border-radius: 2px;
    cursor: pointer;
    float: right;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    line-height: 18px;
    border: 1px solid #000; }
  .main_gty-B .content_2bY7h .noRecommendMore_1o5-G .more_1Sqfk:hover {
      background: #fff;
      color: #000; }
  .main_gty-B .content_2bY7h .list_3bznj {
  margin-top: 24px;
  padding-bottom: 50px;
  position: relative; }
  .main_gty-B .content_2bY7h .list_3bznj .loadSvg_bnLEg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .main_gty-B .content_2bY7h .list_3bznj .loadSvg_bnLEg > img {
      width: 40px; }
  .main_gty-B .content_2bY7h .noData_3Agr3 {
  width: 100%;
  height: 800px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 40px; }
  .main_gty-B .content_2bY7h .noData_3Agr3 img {
    width: 160px; }
  .main_gty-B .content_2bY7h .noData_3Agr3 .text_2-SCK {
    font-weight: 400;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.4);
    line-height: 22px; }

.mianliao-popover .ant-popover-content .ant-popover-arrow {
  border-color: #282828;
}
.mianliao-popover .ant-popover-content .ant-popover-inner {
  border-radius: 5px;
  overflow: hidden;
}
.mianliao-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
  padding: 0;
}

.contentContainer_lJYoB .content_2awKB {
  max-width: 1820px;
  min-width: 1300px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 0px 40px 0px 40px;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000; }

@media screen and (max-width: 1820px) {
  .contentContainer_lJYoB .contentContainer_lJYoB {
    width: 100%; } }

.contentContainer_lJYoB .headerFilter_3eiWE {
  position: relative;
  left: 0;
  height: 80px;
  width: 100%;
  background-color: #FAFAFA;
  z-index: 50; }

.contentContainer_lJYoB .headerFilter_3eiWE .leftSpace_3LpuW,
  .contentContainer_lJYoB .headerFilter_3eiWE .rightSpace_3ShoA {
    width: calc((100% - 1760px) / 2);
    position: absolute;
    height: 30px;
    top: 0;
    background-color: #FAFAFA; }

.contentContainer_lJYoB .headerFilter_3eiWE .leftSpace_3LpuW {
    left: 0; }

.contentContainer_lJYoB .headerFilter_3eiWE .rightSpace_3ShoA {
    right: 0; }

.contentContainer_lJYoB .headerFilter_3eiWE .middleSpace_3alRy {
    width: 1820px;
    padding: 0 40px;
    height: 80px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-left: 2px solid #000000;
    border-right: 2px solid #000000; }

@media screen and (max-width: 1820px) {
      .contentContainer_lJYoB .headerFilter_3eiWE .middleSpace_3alRy {
        width: 100%; } }

.contentContainer_lJYoB .headerFilter_3eiWE .middleSpace_3alRy .middleSpaceBox_2gB52 {
      width: 100%;
      border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.contentContainer_lJYoB .headerFilter_3eiWE .middleSpace_3alRy .listTitle2_3CBMb {
      width: 100%;
      height: 73px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.contentContainer_lJYoB .headerFilter_3eiWE .middleSpace_3alRy .listTitle2_3CBMb .item_1mPHe {
        height: 73px;
        line-height: 73px;
        font-size: 20px;
        color: #999;
        font-weight: bold;
        margin-right: 42px;
        cursor: pointer; }

.contentContainer_lJYoB .headerFilter_3eiWE .middleSpace_3alRy .listTitle2_3CBMb .item_1mPHe.active_3kJ5E {
          color: #111111; }

.contentContainer_lJYoB .headerFilter_3eiWE .middleSpace_3alRy .center_fYEF9 {
      float: left;
      width: 70.91954%;
      height: 80px;
      padding-top: 24px; }

.contentContainer_lJYoB .headerFilter_3eiWE .middleSpace_3alRy .center_fYEF9 .pathAndFilter_2qKrA {
        position: relative;
        height: 55px;
        background-color: #FAFAFA; }

.contentContainer_lJYoB .headerFilter_3eiWE .middleSpace_3alRy .center_fYEF9 .pathAndFilter_2qKrA .map_1rohZ {
          position: absolute;
          left: -10px;
          top: 0;
          width: 40px;
          height: 40px;
          z-index: 10; }

.contentContainer_lJYoB .headerFilter_3eiWE .middleSpace_3alRy .center_fYEF9 .pathAndFilter_2qKrA .map_1rohZ:hover {
            background-color: #eee; }

.contentContainer_lJYoB .headerFilter_3eiWE .middleSpace_3alRy .center_fYEF9 .pathAndFilter_2qKrA .map_1rohZ .icon_2g5RP {
            position: absolute;
            left: 10px;
            top: 1px;
            line-height: 30px;
            cursor: pointer;
            font-size: 18px;
            color: #111; }

.contentContainer_lJYoB .headerFilter_3eiWE .middleSpace_3alRy .center_fYEF9 .pathAndFilter_2qKrA .map_1rohZ .modalWrap_1wfVM {
            width: 1143px;
            height: 0;
            overflow: hidden;
            margin-left: 10px;
            margin-top: 59px;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease; }

.contentContainer_lJYoB .headerFilter_3eiWE .middleSpace_3alRy .center_fYEF9 .pathAndFilter_2qKrA .map_1rohZ:hover .modalWrap_1wfVM {
            height: 420px; }

.contentContainer_lJYoB .headerFilter_3eiWE .middleSpace_3alRy .center_fYEF9 .pathAndFilter_2qKrA .crumbs_3xO5u {
          position: absolute;
          height: 30px;
          line-height: 30px;
          left: 30px;
          top: 0; }

.contentContainer_lJYoB .headerFilter_3eiWE .middleSpace_3alRy .center_fYEF9 .filterBarContainer_11kAU {
        position: absolute;
        left: 190px;
        top: 5.5px;
        width: calc(100% - 200px); }

.contentContainer_lJYoB .headerFilter_3eiWE .middleSpace_3alRy .searchBox_GbWtB {
      width: 29.08046%;
      max-width: 500px;
      position: relative;
      overflow: unset;
      padding-top: 20px;
      float: left; }

.contentContainer_lJYoB .headerFilter_3eiWE .middleSpace_3alRy .searchBox_GbWtB .right_1Wm1E {
        width: 100%;
        height: 38px; }

.contentContainer_lJYoB .headerFilter_3eiWE .middleSpace_3alRy .searchBox_GbWtB .search_1tuhC {
        position: absolute;
        left: 15px;
        top: 0px;
        z-index: 2;
        border-radius: 5px;
        color: #111;
        cursor: pointer; }

.contentContainer_lJYoB .headerFilter_3eiWE .middleSpace_3alRy .searchBox_GbWtB .search_1tuhC .text_3RfQY {
          font-size: 18px;
          line-height: 38px; }

.contentContainer_lJYoB .headerFilter_3eiWE .middleSpace_3alRy .searchBox_GbWtB .closeSeach_1ut59 {
        position: absolute;
        top: 0;
        right: 0px;
        width: 38px;
        height: 38px;
        text-align: center;
        cursor: pointer; }

.contentContainer_lJYoB .headerFilter_3eiWE .middleSpace_3alRy .searchBox_GbWtB .closeSeach_1ut59 > i {
          line-height: 38px;
          font-size: 12px;
          color: #111; }

.contentContainer_lJYoB .headerFilter_3eiWE.beFixed_NibYt {
    position: sticky;
    top: 74px;
    left: 0;
    width: 100%; }

.contentContainer_lJYoB .headerFilter_3eiWE.top110_2UOY9 {
    top: 110px; }

@media screen and (max-width: 1760px) {
    .contentContainer_lJYoB .headerFilter_3eiWE .leftSpace_3LpuW,
    .contentContainer_lJYoB .headerFilter_3eiWE .rightSpace_3ShoA {
      width: 0; }
    .contentContainer_lJYoB .headerFilter_3eiWE .middleSpace_3alRy {
      width: 100%; }
    .contentContainer_lJYoB .headerFilter_3eiWE.beFixed_NibYt {
      -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
              transform: translateX(0); } }

.contentContainer_lJYoB .mainContainer_10BHz {
  position: relative; }

.contentContainer_lJYoB .loadSvg_2GCUY {
  position: absolute;
  top: 74px;
  left: -21px;
  width: 170px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.contentContainer_lJYoB .loadSvg_2GCUY > img {
    width: 40px; }

.contentContainer_lJYoB .leftFilter_3p9pb {
  position: absolute;
  width: 172px;
  height: 100%;
  overflow: hidden;
  border-right: 1px solid rgba(0, 0, 0, 0.3);
  float: left; }

.contentContainer_lJYoB .leftFilter_3p9pb .filterBox_14Huy {
    position: absolute;
    top: 0; }

.contentContainer_lJYoB .leftFilter_3p9pb .filterBox_14Huy .header_mwHCB {
      height: 74px;
      width: 191px;
      padding: 19px 19px 12px;
      border-bottom: 1px solid #ff7030;
      color: #ff7030;
      background-color: #FAFAFA;
      margin-top: 2px; }

.contentContainer_lJYoB .leftFilter_3p9pb .filterBox_14Huy .header_mwHCB p {
        margin: 0px; }

.contentContainer_lJYoB .leftFilter_3p9pb .filterBox_14Huy .header_mwHCB .title_1eMip {
        font-size: 22px;
        font-weight: bold; }

.contentContainer_lJYoB .leftFilter_3p9pb .filterBox_14Huy .header_mwHCB .enTitle_11uLr {
        font-size: 12px;
        margin-top: -6px; }

.contentContainer_lJYoB .leftFilter_3p9pb.beFixed_NibYt {
    position: sticky;
    z-index: 2;
    top: 110px;
    left: calc((100% - $max-layout - 40px) / 2);
    height: calc(100vh - 110px); }

.contentContainer_lJYoB .leftFilter_3p9pb.top190_3gITF {
    top: 190px; }

.contentContainer_lJYoB .rightContent_1bEQI {
  width: calc(100% - 172px);
  padding-left: 30px;
  float: right; }

.contentContainer_lJYoB .rightContent_1bEQI .banner_AJmYU {
    width: 100%;
    height: 100%;
    margin-bottom: 31px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }

.contentContainer_lJYoB .rightContent_1bEQI .banner_AJmYU .carsoul_2IFm1 {
      position: relative;
      width: 74.2671%;
      height: 0;
      padding-bottom: 28.01303%;
      margin-right: 10px; }

.contentContainer_lJYoB .rightContent_1bEQI .banner_AJmYU .carsoulBox_3EI-L {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }

.contentContainer_lJYoB .rightContent_1bEQI .hotRecommend_2UNXD {
    position: relative;
    width: 23.84365%;
    height: 0;
    padding-bottom: 28.01303%; }

.contentContainer_lJYoB .rightContent_1bEQI .hotRecommend_2UNXD .hotRecommendBox_126Jp {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }

.contentContainer_lJYoB .resultList_X6-tp {
  min-height: 750px; }

.contentContainer_lJYoB .list_nFSGp {
  min-height: 750px; }

.contentContainer_lJYoB .list_nFSGp .empty_2ddAL {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 40px; }

.contentContainer_lJYoB .list_nFSGp .empty_2ddAL img {
      width: 400px; }

.contentContainer_lJYoB .listTitle_3HgsJ {
  font-size: 18px;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
  color: #111; }

.contentContainer_lJYoB .listTitle_3HgsJ .listTitleRight_dt-Gs {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 34px; }

.contentContainer_lJYoB .listTitle_3HgsJ .listTitleRight_dt-Gs .right_1Wm1E {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-right: 50px; }

.contentContainer_lJYoB .listTitle_3HgsJ .listTitleRight_dt-Gs .right_1Wm1E .download_v5YtG {
        height: 25px;
        padding: 0 16px;
        font-size: 12px;
        line-height: 25px;
        font-weight: 400;
        color: black; }

.contentContainer_lJYoB .listTitle_3HgsJ .listTitleRight_dt-Gs .right_1Wm1E .download_v5YtG i {
          font-size: 16px;
          line-height: 25px;
          font-weight: 400;
          color: black; }

.contentContainer_lJYoB .listTitle_3HgsJ .listTitleRight_dt-Gs .right_1Wm1E .download_v5YtG:hover {
          background-color: #d4d4d4; }

.contentContainer_lJYoB .listTitle_3HgsJ .listTitleRight_dt-Gs .right_1Wm1E i {
        cursor: pointer;
        color: #cdcdcd;
        font-size: 24px; }

.contentContainer_lJYoB .listTitle_3HgsJ .listTitleRight_dt-Gs .right_1Wm1E i.active_3kJ5E {
          color: #2c2c2c; }

.contentContainer_lJYoB .listTitle_3HgsJ .listTitleRight_dt-Gs .listTitleRightItem_6k4mt {
      font-size: 21px;
      font-weight: bold;
      color: #888888;
      line-height: 29px;
      cursor: pointer; }

.contentContainer_lJYoB .listTitle_3HgsJ .listTitleRight_dt-Gs .listTitleRightItem_6k4mt.active_3kJ5E {
        font-weight: bold;
        color: #000;
        position: relative; }

.contentContainer_lJYoB .listTitle_3HgsJ .listTitleRight_dt-Gs .listTitleRightItem_6k4mt.active_3kJ5E::after {
          content: "";
          position: absolute;
          width: 100%;
          height: 4px;
          left: 0;
          bottom: -2px;
          background-color: #000; }

.contentContainer_lJYoB .loadingPage_3qTtY {
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.contentContainer_lJYoB .pagination_Topo7 {
  margin-top: 40px;
  height: 103px; }

.content_2DbwB {
  max-width: 1820px;
  min-width: 1300px;
  min-height: 100vh;
  margin: 0 auto;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media screen and (max-width: 1820px) {
    .content_2DbwB .content_2DbwB {
      width: 100%;
      margin: 0 auto; } }
  .content_2DbwB .headerContainer_1D2_2 {
    padding: 0 36px;
    background-color: #fafafa;
    position: sticky;
    top: 74px;
    z-index: 10; }
  .content_2DbwB .headerContainer_1D2_2 .header_2T_9G {
      height: 80px;
      padding-top: 24px;
      padding-bottom: 16px;
      border-bottom: 1px solid #afafaf;
      background-color: #fafafa;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  .content_2DbwB .headerContainer_1D2_2 .header_2T_9G .left_MbPp1 {
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 20px; }
  .content_2DbwB .headerContainer_1D2_2 .header_2T_9G .left_MbPp1 .select2_3hm2q {
          border: none;
          background-color: #fff; }
  .content_2DbwB .headerContainer_1D2_2 .header_2T_9G .center_12od0 {
        height: 40px;
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        margin: 0 20px; }
  .content_2DbwB .headerContainer_1D2_2 .header_2T_9G .right_3O9D_ {
        width: 250px;
        height: 38px;
        position: relative; }
  .content_2DbwB .headerContainer_1D2_2 .header_2T_9G .right_3O9D_ .search_2OqOe {
          position: absolute;
          left: 15px;
          top: 4px;
          z-index: 2;
          border-radius: 5px;
          color: #111;
          cursor: pointer; }
  .content_2DbwB .headerContainer_1D2_2 .header_2T_9G .right_3O9D_ .search_2OqOe .text_2xH0B {
            font-size: 18px;
            line-height: 30px; }
  .content_2DbwB .main_1Jjjh {
    padding: 0 36px;
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px; }
  .content_2DbwB .main_1Jjjh .loadSvg_3_DCe {
      margin-top: 50px;
      width: 100%;
      height: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .content_2DbwB .main_1Jjjh .loadSvg_3_DCe > img {
        width: 40px; }
  .content_2DbwB .main_1Jjjh .recommendContainer_14zQW {
      -webkit-box-sizing: content-box;
              box-sizing: content-box;
      padding: 24px 70px;
      background: #fff;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .content_2DbwB .main_1Jjjh .recommendContainer_14zQW:hover {
        -webkit-box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.16);
                box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.16); }
  .content_2DbwB .main_1Jjjh .recommendContainer_14zQW .info_2gsku {
        width: 350px;
        height: 345px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border-right: 1px solid #d8d8d8;
        padding-right: 48px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
  .content_2DbwB .main_1Jjjh .recommendContainer_14zQW .info_2gsku .title_ZjhkB {
          height: 28px;
          font-size: 18px;
          font-weight: 500;
          color: #000;
          line-height: 28px; }
  .content_2DbwB .main_1Jjjh .recommendContainer_14zQW .info_2gsku .keywords_2FKVD {
          margin: 0;
          padding-top: 24px;
          height: 96px;
          margin-bottom: 16px; }
  .content_2DbwB .main_1Jjjh .recommendContainer_14zQW .info_2gsku .keywords_2FKVD .keywordContainer_2dflJ {
            width: 100%;
            height: 100%;
            overflow: hidden;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            -ms-flex-line-pack: start;
                align-content: flex-start;
            gap: 16px; }
  .content_2DbwB .main_1Jjjh .recommendContainer_14zQW .info_2gsku .keywords_2FKVD .keywordContainer_2dflJ::-webkit-scrollbar {
              width: 4px;
              background: transparent; }
  .content_2DbwB .main_1Jjjh .recommendContainer_14zQW .info_2gsku .keywords_2FKVD .keywordContainer_2dflJ::-webkit-scrollbar-thumb {
              background: rgba(0, 0, 0, 0.1);
              border: none; }
  .content_2DbwB .main_1Jjjh .recommendContainer_14zQW .info_2gsku .keywords_2FKVD .keywordContainer_2dflJ::-webkit-scrollbar-track-piece {
              background: #fafbfa; }
  .content_2DbwB .main_1Jjjh .recommendContainer_14zQW .info_2gsku .keywords_2FKVD .keywordContainer_2dflJ .keyword_2nb6G {
              padding: 4px 8px;
              height: 28px;
              border-radius: 14px;
              border: 1px solid #282828;
              font-size: 12px;
              font-weight: 400;
              color: #282828;
              line-height: 18px;
              cursor: pointer; }
  .content_2DbwB .main_1Jjjh .recommendContainer_14zQW .info_2gsku .keywords_2FKVD .keywordContainer_2dflJ .keyword_2nb6G:hover {
                background: #000;
                color: #fff;
                border-color: #000; }
  .content_2DbwB .main_1Jjjh .recommendContainer_14zQW .info_2gsku .desc_2JFpU {
          height: 147px;
          width: calc(100% + 8px);
          font-size: 14px;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.5);
          line-height: 21px;
          overflow-x: hidden;
          overflow-y: auto;
          padding-bottom: 12px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 7;
          -webkit-box-orient: vertical; }
  .content_2DbwB .main_1Jjjh .recommendContainer_14zQW .info_2gsku .desc_2JFpU::-webkit-scrollbar {
            width: 4px;
            background: transparent; }
  .content_2DbwB .main_1Jjjh .recommendContainer_14zQW .info_2gsku .desc_2JFpU::-webkit-scrollbar-thumb {
            background: rgba(0, 0, 0, 0.1);
            border: none; }
  .content_2DbwB .main_1Jjjh .recommendContainer_14zQW .info_2gsku .desc_2JFpU::-webkit-scrollbar-track-piece {
            background: #fafbfa; }
  .content_2DbwB .main_1Jjjh .recommendContainer_14zQW .info_2gsku .footer_ecYzk {
          margin-top: 16px;
          border-top: 1px solid #d8d8d8;
          padding-top: 10px;
          height: 26px;
          font-weight: 500;
          font-size: 12px;
          color: rgba(0, 0, 0, 0.5);
          line-height: 16px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
  .content_2DbwB .main_1Jjjh .recommendContainer_14zQW .pics_kFJEm {
        margin-left: 48px;
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 16px; }
  .content_2DbwB .main_1Jjjh .recommendContainer_14zQW .pics_kFJEm .pic_3vjKj {
          width: calc((100% - 16px * 3) / 4);
          height: 345px; }
  .content_2DbwB .main_1Jjjh .recommendContainer_14zQW .pics_kFJEm .pic_3vjKj img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover; }
  .content_2DbwB .main_1Jjjh .noData_2Vs3C {
      width: 100%;
      height: 800px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 40px; }
  .content_2DbwB .main_1Jjjh .noData_2Vs3C img {
        width: 160px; }
  .content_2DbwB .main_1Jjjh .noData_2Vs3C .text_2xH0B {
        font-weight: 400;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.4);
        line-height: 22px; }

.main_3ZF1h .recommend_3X74I {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 48px;
  cursor: pointer; }
  .main_3ZF1h .recommend_3X74I .banner_5AMvY {
    width: 100%;
    height: 100%;
    margin-bottom: 31px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .main_3ZF1h .recommend_3X74I .banner_5AMvY .carsoul_Ae3a9 {
      position: relative;
      width: 74.2671%;
      height: 0;
      padding-bottom: 28.01303%;
      margin-right: 10px; }
  .main_3ZF1h .recommend_3X74I .banner_5AMvY .carsoulBox_1o-Pg {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }
  .main_3ZF1h .recommend_3X74I .hotRecommend_3iCGH {
    position: relative;
    width: 23.84365%;
    height: 0;
    padding-bottom: 28.01303%; }
  .main_3ZF1h .recommend_3X74I .hotRecommend_3iCGH .hotRecommendBox_1EakG {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }
  .main_3ZF1h .content_1G_7k .header_1p5ZP {
  height: 35px; }
  .main_3ZF1h .content_1G_7k .header_1p5ZP.fixed_60mAs {
    position: fixed;
    top: 74px;
    z-index: 10;
    background: #fafbfa;
    height: 63px; }
  .main_3ZF1h .content_1G_7k .header_1p5ZP .title_1lYo2 {
    height: 25px;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    line-height: 25px; }
  .main_3ZF1h .content_1G_7k .header_1p5ZP .headerContent_3m85y {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-bottom: 10px;
    border-bottom: 1px solid #afafaf; }
  .main_3ZF1h .content_1G_7k .header_1p5ZP .headerContent_3m85y .left_wYq9Z {
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      margin-right: 20px; }
  .main_3ZF1h .content_1G_7k .header_1p5ZP .headerContent_3m85y .right_2gVqQ {
      -webkit-transform: translateY(-5px);
          -ms-transform: translateY(-5px);
              transform: translateY(-5px);
      margin-left: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 30px; }
  .main_3ZF1h .content_1G_7k .header_1p5ZP .headerContent_3m85y .right_2gVqQ .searchBox_1frVO {
        width: 250px;
        position: relative;
        overflow: unset;
        float: left; }
  .main_3ZF1h .content_1G_7k .header_1p5ZP .headerContent_3m85y .right_2gVqQ .searchBox_1frVO .right1_1CTPo {
          width: 100%;
          height: 30px; }
  .main_3ZF1h .content_1G_7k .header_1p5ZP .headerContent_3m85y .right_2gVqQ .searchBox_1frVO .search_pCqrs {
          position: absolute;
          left: 15px;
          top: 0px;
          z-index: 2;
          border-radius: 5px;
          color: #111;
          cursor: pointer; }
  .main_3ZF1h .content_1G_7k .header_1p5ZP .headerContent_3m85y .right_2gVqQ .searchBox_1frVO .search_pCqrs .text_1argR {
            font-size: 18px;
            line-height: 30px; }
  .main_3ZF1h .content_1G_7k .header_1p5ZP .headerContent_3m85y .right_2gVqQ .searchBox_1frVO .closeSeach_6QWGP {
          position: absolute;
          top: 0;
          right: 0px;
          width: 30px;
          height: 30px;
          text-align: center;
          cursor: pointer; }
  .main_3ZF1h .content_1G_7k .header_1p5ZP .headerContent_3m85y .right_2gVqQ .searchBox_1frVO .closeSeach_6QWGP > i {
            line-height: 30px;
            font-size: 12px;
            color: #111; }
  .main_3ZF1h .content_1G_7k .noRecommendMore_2XReq {
  margin-top: 16px;
  margin-bottom: 10px;
  height: 20px; }
  .main_3ZF1h .content_1G_7k .noRecommendMore_2XReq.fixed_60mAs {
    position: fixed;
    top: 143px;
    z-index: 10;
    background: #fafbfa;
    height: 46px;
    margin: 0; }
  .main_3ZF1h .content_1G_7k .noRecommendMore_2XReq.fixed_60mAs .more_1gcxl {
      margin-top: 16px; }
  .main_3ZF1h .content_1G_7k .noRecommendMore_2XReq .more_1gcxl {
    padding: 0 8px;
    padding-right: 4px;
    height: 20px;
    background: #000000;
    border-radius: 2px;
    cursor: pointer;
    float: right;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    line-height: 18px;
    border: 1px solid #000; }
  .main_3ZF1h .content_1G_7k .noRecommendMore_2XReq .more_1gcxl:hover {
      background: #fff;
      color: #000; }
  .main_3ZF1h .content_1G_7k .list_1VfJz {
  margin-top: 24px;
  padding-bottom: 50px;
  position: relative; }
  .main_3ZF1h .content_1G_7k .list_1VfJz .loadSvg_2w77m {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .main_3ZF1h .content_1G_7k .list_1VfJz .loadSvg_2w77m > img {
      width: 40px; }
  .main_3ZF1h .content_1G_7k .noData_3KxXW {
  width: 100%;
  height: 800px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 40px; }
  .main_3ZF1h .content_1G_7k .noData_3KxXW img {
    width: 160px; }
  .main_3ZF1h .content_1G_7k .noData_3KxXW .text_1argR {
    font-weight: 400;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.4);
    line-height: 22px; }

.contentContainer_qMOjP .content_cXg-M {
  max-width: 1820px;
  min-width: 1300px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 0px 40px 0px 40px;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000; }

@media screen and (max-width: 1820px) {
  .contentContainer_qMOjP .contentContainer_qMOjP {
    width: 100%; } }

.contentContainer_qMOjP .headerFilter_3uqJt {
  position: relative;
  left: 0;
  height: 80px;
  width: 100%;
  background-color: #FAFAFA;
  z-index: 50; }

.contentContainer_qMOjP .headerFilter_3uqJt .leftSpace_1zPyM,
  .contentContainer_qMOjP .headerFilter_3uqJt .rightSpace_2rrn6 {
    width: calc((100% - 1760px) / 2);
    position: absolute;
    height: 30px;
    top: 0;
    background-color: #FAFAFA; }

.contentContainer_qMOjP .headerFilter_3uqJt .leftSpace_1zPyM {
    left: 0; }

.contentContainer_qMOjP .headerFilter_3uqJt .rightSpace_2rrn6 {
    right: 0; }

.contentContainer_qMOjP .headerFilter_3uqJt .middleSpace_3hF56 {
    width: 1820px;
    padding: 0 40px;
    height: 80px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-left: 2px solid #000000;
    border-right: 2px solid #000000; }

@media screen and (max-width: 1820px) {
      .contentContainer_qMOjP .headerFilter_3uqJt .middleSpace_3hF56 {
        width: 100%; } }

.contentContainer_qMOjP .headerFilter_3uqJt .middleSpace_3hF56 .middleSpaceBox_3amng {
      width: 100%;
      border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.contentContainer_qMOjP .headerFilter_3uqJt .middleSpace_3hF56 .listTitle2_1Rf-i {
      width: 100%;
      height: 73px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.contentContainer_qMOjP .headerFilter_3uqJt .middleSpace_3hF56 .listTitle2_1Rf-i .item_3f-J4 {
        height: 73px;
        line-height: 73px;
        font-size: 20px;
        color: #999;
        font-weight: bold;
        margin-right: 42px;
        cursor: pointer; }

.contentContainer_qMOjP .headerFilter_3uqJt .middleSpace_3hF56 .listTitle2_1Rf-i .item_3f-J4.active_CBHaN {
          color: #111111; }

.contentContainer_qMOjP .headerFilter_3uqJt .middleSpace_3hF56 .center_2AxSx {
      float: left;
      width: 70.91954%;
      height: 80px;
      padding-top: 24px; }

.contentContainer_qMOjP .headerFilter_3uqJt .middleSpace_3hF56 .center_2AxSx .pathAndFilter_3Yaha {
        position: relative;
        height: 55px;
        background-color: #FAFAFA; }

.contentContainer_qMOjP .headerFilter_3uqJt .middleSpace_3hF56 .center_2AxSx .pathAndFilter_3Yaha .map_1Jc73 {
          position: absolute;
          left: -10px;
          top: 0;
          width: 40px;
          height: 40px;
          z-index: 10; }

.contentContainer_qMOjP .headerFilter_3uqJt .middleSpace_3hF56 .center_2AxSx .pathAndFilter_3Yaha .map_1Jc73:hover {
            background-color: #eee; }

.contentContainer_qMOjP .headerFilter_3uqJt .middleSpace_3hF56 .center_2AxSx .pathAndFilter_3Yaha .map_1Jc73 .icon_26ZJ7 {
            position: absolute;
            left: 10px;
            top: 1px;
            line-height: 30px;
            cursor: pointer;
            font-size: 18px;
            color: #111; }

.contentContainer_qMOjP .headerFilter_3uqJt .middleSpace_3hF56 .center_2AxSx .pathAndFilter_3Yaha .map_1Jc73 .modalWrap_3Ywac {
            width: 1143px;
            height: 0;
            overflow: hidden;
            margin-left: 10px;
            margin-top: 59px;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease; }

.contentContainer_qMOjP .headerFilter_3uqJt .middleSpace_3hF56 .center_2AxSx .pathAndFilter_3Yaha .map_1Jc73:hover .modalWrap_3Ywac {
            height: 420px; }

.contentContainer_qMOjP .headerFilter_3uqJt .middleSpace_3hF56 .center_2AxSx .pathAndFilter_3Yaha .crumbs_3NZi3 {
          position: absolute;
          height: 30px;
          line-height: 30px;
          left: 30px;
          top: 0; }

.contentContainer_qMOjP .headerFilter_3uqJt .middleSpace_3hF56 .center_2AxSx .filterBarContainer_3Qrt7 {
        position: absolute;
        left: 190px;
        top: 5.5px;
        width: calc(100% - 200px); }

.contentContainer_qMOjP .headerFilter_3uqJt .middleSpace_3hF56 .searchBox_3LxV_ {
      width: 29.08046%;
      max-width: 500px;
      position: relative;
      overflow: unset;
      padding-top: 20px;
      float: left; }

.contentContainer_qMOjP .headerFilter_3uqJt .middleSpace_3hF56 .searchBox_3LxV_ .right_3r2VB {
        width: 100%;
        height: 38px; }

.contentContainer_qMOjP .headerFilter_3uqJt .middleSpace_3hF56 .searchBox_3LxV_ .search_3U16p {
        position: absolute;
        left: 15px;
        top: 0px;
        z-index: 2;
        border-radius: 5px;
        color: #111;
        cursor: pointer; }

.contentContainer_qMOjP .headerFilter_3uqJt .middleSpace_3hF56 .searchBox_3LxV_ .search_3U16p .text_2gEGS {
          font-size: 18px;
          line-height: 38px; }

.contentContainer_qMOjP .headerFilter_3uqJt .middleSpace_3hF56 .searchBox_3LxV_ .closeSeach_1tTaY {
        position: absolute;
        top: 0;
        right: 0px;
        width: 38px;
        height: 38px;
        text-align: center;
        cursor: pointer; }

.contentContainer_qMOjP .headerFilter_3uqJt .middleSpace_3hF56 .searchBox_3LxV_ .closeSeach_1tTaY > i {
          line-height: 38px;
          font-size: 12px;
          color: #111; }

.contentContainer_qMOjP .headerFilter_3uqJt.beFixed_2RAH3 {
    position: sticky;
    top: 74px;
    left: 0;
    width: 100%; }

.contentContainer_qMOjP .headerFilter_3uqJt.top110_2X7G2 {
    top: 110px; }

@media screen and (max-width: 1760px) {
    .contentContainer_qMOjP .headerFilter_3uqJt .leftSpace_1zPyM,
    .contentContainer_qMOjP .headerFilter_3uqJt .rightSpace_2rrn6 {
      width: 0; }
    .contentContainer_qMOjP .headerFilter_3uqJt .middleSpace_3hF56 {
      width: 100%; }
    .contentContainer_qMOjP .headerFilter_3uqJt.beFixed_2RAH3 {
      -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
              transform: translateX(0); } }

.contentContainer_qMOjP .mainContainer_2OkWX {
  position: relative; }

.contentContainer_qMOjP .loadSvg_2BpSb {
  position: absolute;
  top: 74px;
  left: -21px;
  width: 170px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.contentContainer_qMOjP .loadSvg_2BpSb > img {
    width: 40px; }

.contentContainer_qMOjP .leftFilter_1uvGD {
  position: absolute;
  width: 172px;
  height: 100%;
  overflow: hidden;
  border-right: 1px solid rgba(0, 0, 0, 0.3);
  float: left; }

.contentContainer_qMOjP .leftFilter_1uvGD .filterBox_1XmRn {
    position: absolute;
    top: 0; }

.contentContainer_qMOjP .leftFilter_1uvGD .filterBox_1XmRn .header_23JeM {
      height: 74px;
      width: 191px;
      padding: 19px 19px 12px;
      border-bottom: 1px solid #ff7030;
      color: #ff7030;
      background-color: #FAFAFA;
      margin-top: 2px; }

.contentContainer_qMOjP .leftFilter_1uvGD .filterBox_1XmRn .header_23JeM p {
        margin: 0px; }

.contentContainer_qMOjP .leftFilter_1uvGD .filterBox_1XmRn .header_23JeM .title_3Oe6r {
        font-size: 22px;
        font-weight: bold; }

.contentContainer_qMOjP .leftFilter_1uvGD .filterBox_1XmRn .header_23JeM .enTitle_2_6SW {
        font-size: 12px;
        margin-top: -6px; }

.contentContainer_qMOjP .leftFilter_1uvGD.beFixed_2RAH3 {
    position: sticky;
    z-index: 2;
    top: 110px;
    left: calc((100% - $max-layout - 40px) / 2);
    height: calc(100vh - 110px); }

.contentContainer_qMOjP .leftFilter_1uvGD.top190_AkZXD {
    top: 190px; }

.contentContainer_qMOjP .rightContent_2mbPK {
  width: calc(100% - 172px);
  padding-left: 30px;
  float: right; }

.contentContainer_qMOjP .rightContent_2mbPK .banner_XXSVe {
    width: 100%;
    height: 100%;
    margin-bottom: 31px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }

.contentContainer_qMOjP .rightContent_2mbPK .banner_XXSVe .carsoul_3-HuI {
      position: relative;
      width: 74.2671%;
      height: 0;
      padding-bottom: 28.01303%;
      margin-right: 10px; }

.contentContainer_qMOjP .rightContent_2mbPK .banner_XXSVe .carsoulBox_1TKQ_ {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }

.contentContainer_qMOjP .rightContent_2mbPK .hotRecommend_12u58 {
    position: relative;
    width: 23.84365%;
    height: 0;
    padding-bottom: 28.01303%; }

.contentContainer_qMOjP .rightContent_2mbPK .hotRecommend_12u58 .hotRecommendBox_3H42m {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }

.contentContainer_qMOjP .resultList_1MP5U {
  min-height: 750px; }

.contentContainer_qMOjP .list_s-Ftz {
  min-height: 750px; }

.contentContainer_qMOjP .list_s-Ftz .empty_2RGFM {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 40px; }

.contentContainer_qMOjP .list_s-Ftz .empty_2RGFM img {
      width: 400px; }

.contentContainer_qMOjP .listTitle_lXUeL {
  font-size: 18px;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
  color: #111; }

.contentContainer_qMOjP .listTitle_lXUeL .listTitleRight_1SLBf {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 34px; }

.contentContainer_qMOjP .listTitle_lXUeL .listTitleRight_1SLBf .right_3r2VB {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-right: 50px; }

.contentContainer_qMOjP .listTitle_lXUeL .listTitleRight_1SLBf .right_3r2VB .download_1CI4J {
        height: 25px;
        padding: 0 16px;
        font-size: 12px;
        line-height: 25px;
        font-weight: 400;
        color: black; }

.contentContainer_qMOjP .listTitle_lXUeL .listTitleRight_1SLBf .right_3r2VB .download_1CI4J i {
          font-size: 16px;
          line-height: 25px;
          font-weight: 400;
          color: black; }

.contentContainer_qMOjP .listTitle_lXUeL .listTitleRight_1SLBf .right_3r2VB .download_1CI4J:hover {
          background-color: #d4d4d4; }

.contentContainer_qMOjP .listTitle_lXUeL .listTitleRight_1SLBf .right_3r2VB i {
        cursor: pointer;
        color: #cdcdcd;
        font-size: 24px; }

.contentContainer_qMOjP .listTitle_lXUeL .listTitleRight_1SLBf .right_3r2VB i.active_CBHaN {
          color: #2c2c2c; }

.contentContainer_qMOjP .listTitle_lXUeL .listTitleRight_1SLBf .listTitleRightItem_3U0Cx {
      font-size: 21px;
      font-weight: bold;
      color: #888888;
      line-height: 29px;
      cursor: pointer; }

.contentContainer_qMOjP .listTitle_lXUeL .listTitleRight_1SLBf .listTitleRightItem_3U0Cx.active_CBHaN {
        font-weight: bold;
        color: #000;
        position: relative; }

.contentContainer_qMOjP .listTitle_lXUeL .listTitleRight_1SLBf .listTitleRightItem_3U0Cx.active_CBHaN::after {
          content: "";
          position: absolute;
          width: 100%;
          height: 4px;
          left: 0;
          bottom: -2px;
          background-color: #000; }

.contentContainer_qMOjP .loadingPage_1iy9w {
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.contentContainer_qMOjP .pagination_2zKsz {
  margin-top: 40px;
  height: 103px; }

.info-modal-radio {
  color: #ADADC3;
  font-size: 12px;
  cursor: pointer;
}
.feed-pack-download {
  color: rgba(11, 11, 11, 0.7);
}
/* antd 的样式覆盖 */
.detail-modal-inputnumber {
  width: 34px;
}
.detail-modal-inputnumber .ant-input-number-handler-wrap {
  display: none;
}
.detail-modal-inputnumber.ant-input-number {
  border: 1px solid #70708B;
  background-color: #35383E;
}
.detail-modal-inputnumber.ant-input-number:hover {
  border: 1px solid #fff;
}
.detail-modal-inputnumber .ant-input-number-input {
  background-color: #212327;
  color: #ADADC3;
  text-align: center;
}
.detail-modal-inputnumber.ant-input-number-focused {
  -webkit-box-shadow: 0 0 0 2px #70708B;
          box-shadow: 0 0 0 2px #70708B;
}
.detail-modal-swtich {
  min-width: 42px;
}
.detail-modal-swtich.ant-switch-checked {
  background-color: #5B6275;
}
.picview-progress .ant-progress-success-bg,
.picview-progress .ant-progress-bg {
  background-color: #35383e;
}
.picview-progress .ant-progress-inner {
  background-color: #666;
}
.picview-message-container .ant-message {
  width: calc(100% - 230px);
}

.content_1AIVe {
  max-width: 1820px;
  min-width: 1300px;
  margin: 0 auto;
  padding: 30px 40px 0px 40px;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  min-height: calc(100vh - 173px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media screen and (max-width: 1820px) {
    .content_1AIVe .content_1AIVe {
      width: 100%;
      margin: 0 auto;
      padding: 0px 40px 0px 40px; } }
  .content_1AIVe .header_2m7vv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px; }
  .content_1AIVe .header_2m7vv.fixed_38Sbj {
      position: fixed;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      background: #fafafa;
      max-width: 1820px;
      min-width: 1300px;
      width: 100%;
      margin: 0 auto;
      padding: 0 40px;
      z-index: 10;
      border-left: 2px solid #000000;
      border-right: 2px solid #000000; }
  .content_1AIVe .header_2m7vv .searchBox_itYdK {
      width: 566px; }
  .content_1AIVe .header_2m7vv .searchBox_itYdK > div {
        -webkit-transform: translateX(-5px);
            -ms-transform: translateX(-5px);
                transform: translateX(-5px); }
  .content_1AIVe .header_2m7vv .searchBox_itYdK input {
        padding-left: 16px;
        width: calc(100% - 32px);
        height: 32px;
        border: none;
        outline: none; }
  .content_1AIVe .header_2m7vv .searchBox_itYdK .searchIcon_zgPNZ {
        position: absolute;
        right: 12px;
        top: 6px;
        cursor: pointer; }
  .content_1AIVe .header_2m7vv .right_2dQDO {
      margin-left: 15px;
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      border-bottom: 1px solid #000;
      padding-bottom: 6px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: end; }
  .content_1AIVe .header_2m7vv .right_2dQDO .platform_3IhDf > span {
        font-size: 14px;
        margin-left: 20px;
        cursor: pointer;
        color: rgba(0, 0, 0, 0.4);
        font-weight: bold; }
  .content_1AIVe .header_2m7vv .right_2dQDO .platform_3IhDf > span:first-child {
          margin-left: 0; }
  .content_1AIVe .header_2m7vv .right_2dQDO .platform_3IhDf > span.active_5lGTd {
          color: #000; }
  .content_1AIVe .header_2m7vv .right_2dQDO .platform_3IhDf > span:hover {
          color: #000; }
  .content_1AIVe .header_2m7vv .right_2dQDO .funcs_1CYAz {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .content_1AIVe .header_2m7vv .right_2dQDO .funcs_1CYAz .item_V7aU6 {
          margin-right: 26px;
          font-size: 14px;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.6);
          line-height: 16px;
          cursor: pointer; }
  .content_1AIVe .header_2m7vv .right_2dQDO .funcs_1CYAz > i {
          margin-left: 21px;
          color: #c9c9c9;
          cursor: pointer; }
  .content_1AIVe .header_2m7vv .right_2dQDO .funcs_1CYAz > i.active_5lGTd {
            color: #343434; }
  .content_1AIVe .list_1MbIC {
    padding: 24px 0; }
  .content_1AIVe .list_1MbIC .errorMain_1_gHB {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin: 0 auto;
      font-size: 14px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.9);
      line-height: 20px; }
  .content_1AIVe .list_1MbIC .errorMain_1_gHB img {
        width: 240px;
        height: 160px;
        margin-top: 80px; }
  .content_1AIVe .list_1MbIC .errorMain_1_gHB .text_1Ml_M {
        margin-top: 24px; }
  .content_1AIVe .list_1MbIC .errorMain_1_gHB .errAndLoadMore_26F2t {
        margin: 20px 0;
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #000;
        line-height: 20px;
        cursor: pointer; }
  .content_1AIVe .list_1MbIC .errorMain_1_gHB .errAndLoadMore_26F2t > i {
          margin-left: 7px; }
  .content_1AIVe .list_1MbIC .errorMain_1_gHB .errAndLoadMore_26F2t:hover {
          color: rgba(0, 0, 0, 0.8); }
  .content_1AIVe .list_1MbIC .errorMain_1_gHB .retryBtn_3Cy8C {
        margin-top: 32px;
        width: 124px;
        height: 32px;
        border: 1px solid #000000;
        background: #000000;
        text-align: center;
        line-height: 30px;
        cursor: pointer;
        color: #fff; }
  .content_1AIVe .list_1MbIC .errorMain_1_gHB .retryBtn_3Cy8C:hover {
          background: #fafafa;
          color: #000; }
  .content_1AIVe .list_1MbIC .loading_1EWW9 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  .content_1AIVe .list_1MbIC .first_3z4v0 {
      position: relative; }
  .content_1AIVe .list_1MbIC .first_3z4v0 > img {
        width: 100%;
        height: 100%; }
  .content_1AIVe .list_1MbIC .first_3z4v0 .selectArea_EuXN6 {
        position: absolute;
        border: 4px solid #ffffff; }
  .content_1AIVe .list_1MbIC .first_3z4v0:hover .hover_3TuLj {
        visibility: visible; }
  .content_1AIVe .list_1MbIC .first_3z4v0 .hover_3TuLj {
        visibility: hidden;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .content_1AIVe .list_1MbIC .first_3z4v0 .hover_3TuLj .btn_39g8o {
          width: 204px;
          height: 40px;
          border: 1px solid #ffffff;
          font-size: 18px;
          font-weight: 400;
          color: rgba(255, 255, 255, 0.99);
          line-height: 36px;
          text-align: center;
          cursor: pointer;
          position: relative; }
  .content_1AIVe .list_1MbIC .first_3z4v0 .hover_3TuLj .btn_39g8o:hover {
            background-color: rgba(255, 255, 255, 0.1); }
  .content_1AIVe .list_1MbIC .first_3z4v0 .hover_3TuLj .btn_39g8o:first-child {
            margin-bottom: 32px; }
  .content_1AIVe .list_1MbIC .first_3z4v0 .hover_3TuLj .btn_39g8o > input {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer; }
  .content_1AIVe .list_1MbIC .noData_3PGX5 {
      padding-top: 24px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .content_1AIVe .list_1MbIC .noData_3PGX5 img {
        width: 80px;
        height: 80px; }
  .content_1AIVe .list_1MbIC .noData_3PGX5 .text_1Ml_M {
        margin-top: 44px;
        height: 22px;
        font-size: 16px;
        font-weight: bold;
        font-weight: normal;
        color: rgba(0, 0, 0, 0.4);
        line-height: 22px; }
  .content_1AIVe .list_1MbIC .listItem_26Vzz .zhiyiItem_2qAIR {
      width: 100%;
      height: 100%;
      background-color: #ccc;
      position: relative;
      overflow: hidden; }
  .content_1AIVe .list_1MbIC .listItem_26Vzz .zhiyiItem_2qAIR:hover .mask_20ycf {
        display: block; }
  .content_1AIVe .list_1MbIC .listItem_26Vzz .zhiyiItem_2qAIR:hover .operator_1CNrI {
        top: 0; }
  .content_1AIVe .list_1MbIC .listItem_26Vzz .zhiyiItem_2qAIR img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center top;
           object-position: center top; }
  .content_1AIVe .list_1MbIC .listItem_26Vzz .zhiyiItem_2qAIR .mask_20ycf {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        display: none;
        cursor: pointer; }
  .content_1AIVe .list_1MbIC .listItem_26Vzz .zhiyiItem_2qAIR .mask_20ycf .info_-M3yY {
          position: absolute;
          bottom: 0px;
          padding: 10px;
          left: 0; }
  .content_1AIVe .list_1MbIC .listItem_26Vzz .zhiyiItem_2qAIR .mask_20ycf .info_-M3yY > span {
            display: inline-block;
            padding: 2px 6px;
            color: #fff;
            font-size: 12px;
            font-size: 11px;
            line-height: 16px;
            height: 18px;
            color: #000000;
            background: #ffffff;
            -webkit-box-shadow: 0px 0px 10px 0px rgba(139, 139, 139, 0.5);
                    box-shadow: 0px 0px 10px 0px rgba(139, 139, 139, 0.5);
            border-radius: 12px;
            padding: 0 5px;
            margin-right: 4px; }
  .content_1AIVe .list_1MbIC .listItem_26Vzz .zhiyiItem_2qAIR .mask_20ycf .info_-M3yY > span:hover {
              background: #f0f0f0; }
  .content_1AIVe .list_1MbIC .listItem_26Vzz .zhiyiItem_2qAIR .operator_1CNrI {
        position: absolute;
        top: -90px;
        right: 0;
        -webkit-transition: top 0.5s ease;
        transition: top 0.5s ease; }
  .content_1AIVe .list_1MbIC .listItem_26Vzz .zhiyiItem_2qAIR .operator_1CNrI .download_Y__9L,
        .content_1AIVe .list_1MbIC .listItem_26Vzz .zhiyiItem_2qAIR .operator_1CNrI .reSearch_1Kz0V {
          width: 44px;
          height: 44px;
          background-color: rgba(0, 0, 0, 0.7);
          margin-bottom: 1px;
          cursor: pointer;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .content_1AIVe .list_1MbIC .listItem_26Vzz .zhiyiItem_2qAIR .operator_1CNrI .download_Y__9L i,
          .content_1AIVe .list_1MbIC .listItem_26Vzz .zhiyiItem_2qAIR .operator_1CNrI .reSearch_1Kz0V i {
            color: #fff; }
  .content_1AIVe .list_1MbIC .listItem_26Vzz .zhiyiItem_2qAIR .operator_1CNrI .download_Y__9L:hover,
          .content_1AIVe .list_1MbIC .listItem_26Vzz .zhiyiItem_2qAIR .operator_1CNrI .reSearch_1Kz0V:hover {
            background-color: black; }
  .content_1AIVe .list_1MbIC .listItem_26Vzz .footer_i7uHE {
      height: 36px;
      border-bottom: 1px solid #000;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .content_1AIVe .list_1MbIC .listItem_26Vzz .footer_i7uHE .item_V7aU6 {
        font-size: 12px;
        font-weight: 500;
        color: #000000;
        line-height: 16px;
        cursor: pointer;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border-right: 1.5px solid #000;
        padding: 0 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .content_1AIVe .list_1MbIC .listItem_26Vzz .footer_i7uHE .item_V7aU6:first-child {
          padding-left: 0; }
  .content_1AIVe .list_1MbIC .listItem_26Vzz .footer_i7uHE .item_V7aU6:last-child {
          padding-right: 0;
          border: none; }
  .content_1AIVe .list_1MbIC .noMore_2hWRo {
      width: 100%;
      height: 70px;
      font-size: 14px;
      font-weight: 400;
      color: #000;
      line-height: 20px;
      text-align: center; }
  .content_1AIVe .fixedBackToTop_mNyTk {
    position: fixed;
    right: 3px;
    bottom: -44px;
    z-index: 100;
    width: 44px;
    height: 44px;
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.32);
            box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.32);
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #000000;
    -webkit-transition: bottom 0.55s cubic-bezier(0.785, 0.135, 0.04, 0.995);
    transition: bottom 0.55s cubic-bezier(0.785, 0.135, 0.04, 0.995); }
  .content_1AIVe .fixedBackToTop_mNyTk:hover {
      color: #ffffff;
      background: #000000; }
  .content_1AIVe .fixedBackToTop_mNyTk.backToTop_3uwJI.active_5lGTd {
      bottom: 32px;
      -webkit-transition-delay: 0.4s;
              transition-delay: 0.4s; }
  .content_1AIVe .fixedBackToTop_mNyTk.linggantuijian_cR_k3.active_5lGTd {
      bottom: 100px;
      -webkit-transition-delay: 0.2s;
              transition-delay: 0.2s; }
  .content_1AIVe .fixedBackToTop_mNyTk.xiangji_dBdrK {
      background: #000000;
      color: #fff;
      -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
              box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08); }
  .content_1AIVe .fixedBackToTop_mNyTk.xiangji_dBdrK:hover {
        background: #333333; }
  .content_1AIVe .fixedBackToTop_mNyTk.xiangji_dBdrK.active_5lGTd {
        bottom: 168px; }
  .content_1AIVe .fixedBackToTop_mNyTk > input {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      cursor: pointer; }
  .permissionContainer_1z9Ef {
  height: calc(100vh - 124px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .dragOverlay_3FSve {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px); }
  .dragOverlay_3FSve .dragContent_3cpBf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 400px;
    height: 280px;
    background: #ffffff;
    border-radius: 12px;
    border: 2px dashed #000000;
    color: #000000;
    -webkit-animation: dragPulse_1vAgl 1.5s ease-in-out infinite;
            animation: dragPulse_1vAgl 1.5s ease-in-out infinite; }
  .dragOverlay_3FSve .dragContent_3cpBf .iconfont_1llLV {
      color: #000000; }
  .dragOverlay_3FSve .dragText_1qcEr {
    font-size: 20px;
    font-weight: 500;
    color: #000000; }
  .dragOverlay_3FSve .dragTip_1kx4c {
    margin-top: 12px;
    font-size: 14px;
    color: #666666; }
  @-webkit-keyframes dragPulse_1vAgl {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1); }
  50% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    -webkit-box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15); } }
  @keyframes dragPulse_1vAgl {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1); }
  50% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    -webkit-box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15); } }

.zhiyi-select .ant-select-selection {
  border-radius: 0;
}
.zhiyi-select .ant-select-selection:hover {
  border-color: #000;
}
.zhiyi-select .ant-select-focused .ant-select-selection,
.zhiyi-select .ant-select-selection:focus,
.zhiyi-select .ant-select-selection:active {
  border-color: #000;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.zhiyi-select-option.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #d4d4d4 !important;
  color: #fff;
  border-radius: 0;
}
.zhiyi-select-option.ant-select-dropdown-menu-item-active {
  background-color: #d4d4d4 !important;
  color: #fff;
  border-radius: 0;
}
.hideScroll::-webkit-scrollbar {
  width: 0;
}

.tip_JBYXM .content_2Jq5o {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.tip_JBYXM .cursor_3JUMR {
  display: none;
  position: absolute;
  color: #000;
  font-size: 20px; }

.tip_JBYXM .text_17m01 {
  display: none;
  width: auto;
  height: 24px;
  line-height: 24px;
  background: #000000;
  border-radius: 3px;
  color: #fff;
  padding: 0 6px;
  white-space: nowrap; }

.tip_JBYXM:hover .text_17m01 {
  display: block; }

.tip_JBYXM:hover .cursor_3JUMR {
  display: block; }

.searchPage-pictureList-container .card {
  text-align: left;
}
.searchPage-pictureList-container .card:hover {
  z-index: 1;
}
.searchPage-pictureList-container .card .card-footer {
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #000;
  background: #fafafa;
}
.searchPage-pictureList-container .card .card-footer .card-footer-item {
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  border-right: 1px solid rgba(0, 0, 0, 0.6);
  position: relative;
  cursor: pointer;
  color: #000;
}

.columnsContent_3H7w4 .headerFilter_3b-R2 {
  position: relative;
  left: 0;
  height: 80px;
  width: 100%;
  background-color: #FAFAFA;
  z-index: 50; }
  .columnsContent_3H7w4 .headerFilter_3b-R2 .leftSpace_1RbM6,
  .columnsContent_3H7w4 .headerFilter_3b-R2 .rightSpace_XHN4o {
    width: calc((100% - 1760px) / 2);
    position: absolute;
    height: 30px;
    top: 0;
    background-color: #FAFAFA; }
  .columnsContent_3H7w4 .headerFilter_3b-R2 .leftSpace_1RbM6 {
    left: 0; }
  .columnsContent_3H7w4 .headerFilter_3b-R2 .rightSpace_XHN4o {
    right: 0; }
  .columnsContent_3H7w4 .headerFilter_3b-R2 .middleSpace_1bbyE {
    width: 1820px;
    padding: 0 40px;
    height: 80px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-left: 2px solid #000000;
    border-right: 2px solid #000000; }
  @media screen and (max-width: 1820px) {
      .columnsContent_3H7w4 .headerFilter_3b-R2 .middleSpace_1bbyE {
        width: 100%; } }
  @media screen and (max-width: 1760px) {
      .columnsContent_3H7w4 .headerFilter_3b-R2 .middleSpace_1bbyE .leftSpace_1RbM6,
      .columnsContent_3H7w4 .headerFilter_3b-R2 .middleSpace_1bbyE .rightSpace_XHN4o {
        width: 0; }
      .columnsContent_3H7w4 .headerFilter_3b-R2 .middleSpace_1bbyE .middleSpace_1bbyE {
        width: 100%; }
      .columnsContent_3H7w4 .headerFilter_3b-R2 .middleSpace_1bbyE.beFixed_2JG8X {
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0); } }
  .columnsContent_3H7w4 .headerFilter_3b-R2 .middleSpace_1bbyE .middleSpaceBox_2MKjE {
      width: 100%;
      border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
  .columnsContent_3H7w4 .headerFilter_3b-R2 .middleSpace_1bbyE .center_3spP9 {
      float: left;
      width: 70.91954%;
      height: 80px;
      padding-top: 24px; }
  .columnsContent_3H7w4 .headerFilter_3b-R2 .middleSpace_1bbyE .center_3spP9 .pathAndFilter_26x98 {
        position: relative;
        height: 55px;
        background-color: #FAFAFA; }
  .columnsContent_3H7w4 .headerFilter_3b-R2 .middleSpace_1bbyE .center_3spP9 .pathAndFilter_26x98 .map__Sa_7 {
          position: absolute;
          left: -10px;
          top: 0;
          width: 40px;
          height: 40px;
          z-index: 10; }
  .columnsContent_3H7w4 .headerFilter_3b-R2 .middleSpace_1bbyE .center_3spP9 .pathAndFilter_26x98 .map__Sa_7:hover {
            background-color: #eee; }
  .columnsContent_3H7w4 .headerFilter_3b-R2 .middleSpace_1bbyE .center_3spP9 .pathAndFilter_26x98 .map__Sa_7 .icon_2vQpt {
            position: absolute;
            left: 10px;
            top: 1px;
            line-height: 30px;
            cursor: pointer;
            font-size: 18px;
            color: #111; }
  .columnsContent_3H7w4 .headerFilter_3b-R2 .middleSpace_1bbyE .center_3spP9 .pathAndFilter_26x98 .map__Sa_7 .modalWrap_2rk_l {
            width: 1143px;
            height: 0;
            overflow: hidden;
            margin-left: 10px;
            margin-top: 59px;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease; }
  .columnsContent_3H7w4 .headerFilter_3b-R2 .middleSpace_1bbyE .center_3spP9 .pathAndFilter_26x98 .map__Sa_7:hover .modalWrap_2rk_l {
            height: 420px; }
  .columnsContent_3H7w4 .headerFilter_3b-R2 .middleSpace_1bbyE .center_3spP9 .pathAndFilter_26x98 .crumbs_3pauR {
          position: absolute;
          height: 30px;
          line-height: 30px;
          left: 3px;
          top: 0; }
  .columnsContent_3H7w4 .headerFilter_3b-R2 .middleSpace_1bbyE .center_3spP9 .filterBar_Q76v9 {
        position: absolute;
        left: 190px;
        top: 5.5px;
        width: calc(100% - 200px); }
  .columnsContent_3H7w4 .headerFilter_3b-R2 .middleSpace_1bbyE .searchBox_1fg2s {
      width: 29.08046%;
      max-width: 500px;
      position: relative;
      overflow: unset;
      padding-top: 20px;
      float: left; }
  .columnsContent_3H7w4 .headerFilter_3b-R2 .middleSpace_1bbyE .right_1I6fo {
      width: 100%;
      height: 38px; }
  .columnsContent_3H7w4 .headerFilter_3b-R2 .middleSpace_1bbyE .search_1SKK3 {
      position: absolute;
      left: 15px;
      top: 0px;
      z-index: 2;
      border-radius: 5px;
      color: #111;
      cursor: pointer; }
  .columnsContent_3H7w4 .headerFilter_3b-R2 .middleSpace_1bbyE .search_1SKK3 .text_30Ox4 {
        font-size: 18px;
        line-height: 42px; }
  .columnsContent_3H7w4 .headerFilter_3b-R2 .middleSpace_1bbyE .closeSeach_301Dx {
      position: absolute;
      top: 0;
      right: 0px;
      width: 38px;
      height: 38px;
      text-align: center;
      cursor: pointer; }
  .columnsContent_3H7w4 .headerFilter_3b-R2 .middleSpace_1bbyE .closeSeach_301Dx > i {
        line-height: 38px;
        font-size: 12px;
        color: #111; }
  .columnsContent_3H7w4 .headerFilter_3b-R2.beFixed_2JG8X {
    position: sticky;
    top: -1px;
    left: 0;
    width: 100%; }
  .columnsContent_3H7w4 .headerFilter_3b-R2.top110_6ZHYS {
    top: 110px; }
  @media screen and (max-width: 1820px) {
  .columnsContent_3H7w4 .content_2LiTn {
    width: 100%;
    margin: 0 auto;
    padding: 0px 40px 0px 40px; } }
  .columnsContent_3H7w4 .content_2LiTn {
  max-width: 1820px;
  min-width: 1300px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 0px 40px 0px 40px;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000; }
  .columnsContent_3H7w4 .content_2LiTn .mainContainer_3RGXV {
    position: relative; }
  .columnsContent_3H7w4 .content_2LiTn .mainContainer_3RGXV .loadSvg_26ZQm {
      position: absolute;
      top: 74px;
      left: -21px;
      width: 170px;
      height: 80px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .columnsContent_3H7w4 .content_2LiTn .mainContainer_3RGXV .loadSvg_26ZQm > img {
        width: 40px; }
  .columnsContent_3H7w4 .content_2LiTn .mainContainer_3RGXV .leftFilter_yYaF9 {
      position: absolute;
      width: 172px;
      height: 100%;
      overflow: hidden;
      border-right: 1px solid rgba(0, 0, 0, 0.3);
      float: left; }
  .columnsContent_3H7w4 .content_2LiTn .mainContainer_3RGXV .leftFilter_yYaF9 .filterBox_2CwvD {
        position: absolute;
        top: 0; }
  .columnsContent_3H7w4 .content_2LiTn .mainContainer_3RGXV .leftFilter_yYaF9 .filterBox_2CwvD .header_1erxH {
          height: 74px;
          width: 191px;
          padding: 19px 19px 12px;
          border-bottom: 1px solid #ff7030;
          color: #ff7030;
          background-color: #FAFAFA;
          margin-top: 2px; }
  .columnsContent_3H7w4 .content_2LiTn .mainContainer_3RGXV .leftFilter_yYaF9 .filterBox_2CwvD .header_1erxH p {
            margin: 0px; }
  .columnsContent_3H7w4 .content_2LiTn .mainContainer_3RGXV .leftFilter_yYaF9 .filterBox_2CwvD .header_1erxH .title___Xvj {
            font-size: 22px;
            font-weight: bold; }
  .columnsContent_3H7w4 .content_2LiTn .mainContainer_3RGXV .leftFilter_yYaF9 .filterBox_2CwvD .header_1erxH .enTitle_3CP-4 {
            font-size: 12px;
            margin-top: -6px; }
  .columnsContent_3H7w4 .content_2LiTn .mainContainer_3RGXV .leftFilter_yYaF9.beFixed_2JG8X {
        position: sticky;
        z-index: 2;
        top: 110px;
        left: calc((100% - $max-layout - 40px) / 2);
        height: calc(100vh - 110px); }
  .columnsContent_3H7w4 .content_2LiTn .mainContainer_3RGXV .leftFilter_yYaF9.top140_39DXM {
        top: 140px; }
  .columnsContent_3H7w4 .content_2LiTn .mainContainer_3RGXV .rightContent_1VuxX {
      width: calc(100% - 172px);
      padding-left: 30px;
      float: right; }
  .columnsContent_3H7w4 .content_2LiTn .mainContainer_3RGXV .rightContent_1VuxX .rightContentHeader_32flO {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: #fafafa;
        padding: 0 0 14px;
        border-bottom: 1px solid #d8d8d8;
        margin-bottom: 24px;
        z-index: 4; }
  .columnsContent_3H7w4 .content_2LiTn .mainContainer_3RGXV .rightContent_1VuxX .rightContentHeader_32flO .left_1s5JD {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1; }
  .columnsContent_3H7w4 .content_2LiTn .mainContainer_3RGXV .rightContent_1VuxX .rightContentHeader_32flO .left_1s5JD .item_39Fdy {
            -webkit-box-sizing: content-box;
                    box-sizing: content-box;
            height: 17px;
            padding: 3px 8px 2px;
            cursor: pointer;
            background: #ffffff;
            border: 1px solid #555c70;
            font-size: 12px;
            font-weight: 400;
            color: #000000;
            line-height: 15.5px; }
  .columnsContent_3H7w4 .content_2LiTn .mainContainer_3RGXV .rightContent_1VuxX .rightContentHeader_32flO .left_1s5JD .item_39Fdy + .item_39Fdy {
              margin-left: 10px; }
  .columnsContent_3H7w4 .content_2LiTn .mainContainer_3RGXV .rightContent_1VuxX .rightContentHeader_32flO .left_1s5JD .item_39Fdy.selected_9r4Q6, .columnsContent_3H7w4 .content_2LiTn .mainContainer_3RGXV .rightContent_1VuxX .rightContentHeader_32flO .left_1s5JD .item_39Fdy:hover {
              background: #555c70;
              border: 1px solid #555c70;
              color: #ffffff; }
  .columnsContent_3H7w4 .content_2LiTn .mainContainer_3RGXV .rightContent_1VuxX .rightContentHeader_32flO .right_1I6fo {
          margin-left: auto;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .columnsContent_3H7w4 .content_2LiTn .mainContainer_3RGXV .rightContent_1VuxX .rightContentHeader_32flO .right_1I6fo .download_20jgW {
            height: 25px;
            padding: 0 16px;
            font-size: 12px;
            line-height: 25px;
            font-weight: 400;
            color: black; }
  .columnsContent_3H7w4 .content_2LiTn .mainContainer_3RGXV .rightContent_1VuxX .rightContentHeader_32flO .right_1I6fo .download_20jgW i {
              font-size: 16px;
              line-height: 25px;
              font-weight: 400;
              color: black; }
  .columnsContent_3H7w4 .content_2LiTn .mainContainer_3RGXV .rightContent_1VuxX .rightContentHeader_32flO .right_1I6fo .download_20jgW:hover {
              background-color: #d4d4d4; }
  .columnsContent_3H7w4 .content_2LiTn .mainContainer_3RGXV .rightContent_1VuxX .rightContentHeader_32flO .right_1I6fo i {
            cursor: pointer;
            color: #cdcdcd; }
  .columnsContent_3H7w4 .content_2LiTn .mainContainer_3RGXV .rightContent_1VuxX .rightContentHeader_32flO .right_1I6fo i.active_rsvfQ {
              color: #2c2c2c; }
  .columnsContent_3H7w4 .content_2LiTn .mainContainer_3RGXV .rightContent_1VuxX .empty_3TEJp {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-top: 40px; }
  .columnsContent_3H7w4 .content_2LiTn .mainContainer_3RGXV .rightContent_1VuxX .empty_3TEJp img {
          width: 400px; }

.scrollBarBox_3t4zx {
  width: 100%; }
  .scrollBarBox_3t4zx .scrollBar_2NGJx {
    position: relative;
    width: 100%;
    height: 22px;
    border-radius: 14px;
    background-color: #fff; }
  .scrollBarBox_3t4zx .scrollBarInner_2DkpA {
    position: absolute;
    top: 0;
    width: 25%;
    height: 22px;
    background-color: #ba8cf2;
    border-radius: 14px;
    cursor: pointer; }

.content_3TtrN {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #111;
  border: 2px solid #000000;
  border-top: none;
  border-bottom: none;
  background-color: #fff; }
  .content_3TtrN img {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
    -o-object-fit: cover;
       object-fit: cover; }
  .content_3TtrN img:hover {
      -webkit-transform: scale(1.05);
          -ms-transform: scale(1.05);
              transform: scale(1.05); }
  .content_3TtrN .keywords_3HhgH {
    width: 100%;
    padding-bottom: 39%;
    position: relative;
    border-bottom: 2px solid #000; }
  .content_3TtrN .keywords_3HhgH.keywords0_3yap3 .keywordsContent_3B94j .keywordsHeader_i428O {
      border-color: rgba(255, 255, 255, 0.17); }
  .content_3TtrN .keywords_3HhgH.keywords0_3yap3 .keywordsContent_3B94j .keywordsHeader_i428O .keywordsHeaderLeft_3ohsd {
        color: #fff; }
  .content_3TtrN .keywords_3HhgH.keywords0_3yap3 .keyword_2DBAU {
      color: #fff; }
  .content_3TtrN .keywords_3HhgH.keywords0_3yap3 .keyword_2DBAU.active_1JTYi {
        font-weight: bold;
        color: #fee86b; }
  .content_3TtrN .keywords_3HhgH.keywords0_3yap3 .keyword_2DBAU .hot_1b3DV,
      .content_3TtrN .keywords_3HhgH.keywords0_3yap3 .keyword_2DBAU .new_PLRlr {
        color: #fff; }
  .content_3TtrN .keywords_3HhgH.keywords0_3yap3 .keyword_2DBAU .hot_1b3DV .text_1K0Xh,
        .content_3TtrN .keywords_3HhgH.keywords0_3yap3 .keyword_2DBAU .new_PLRlr .text_1K0Xh {
          color: #000; }
  .content_3TtrN .keywords_3HhgH.keywords1_kuEdx .keywordsContent_3B94j .keywordsHeader_i428O {
      border-color: rgba(0, 0, 0, 0.07); }
  .content_3TtrN .keywords_3HhgH.keywords1_kuEdx .keywordsContent_3B94j .keywordsHeader_i428O .keywordsHeaderLeft_3ohsd {
        color: #000; }
  .content_3TtrN .keywords_3HhgH.keywords1_kuEdx .keyword_2DBAU {
      color: #000; }
  .content_3TtrN .keywords_3HhgH.keywords1_kuEdx .keyword_2DBAU.active_1JTYi {
        font-weight: bold;
        color: #e75d38; }
  .content_3TtrN .keywords_3HhgH.keywords1_kuEdx .keyword_2DBAU .hot_1b3DV,
      .content_3TtrN .keywords_3HhgH.keywords1_kuEdx .keyword_2DBAU .new_PLRlr {
        color: #000; }
  .content_3TtrN .keywords_3HhgH.keywords1_kuEdx .keyword_2DBAU .hot_1b3DV .text_1K0Xh,
        .content_3TtrN .keywords_3HhgH.keywords1_kuEdx .keyword_2DBAU .new_PLRlr .text_1K0Xh {
          color: #fff; }
  .content_3TtrN .keywords_3HhgH.keywords2_2Ie2t .keywordsContent_3B94j .keywordsHeader_i428O {
      border-color: rgba(255, 255, 255, 0.17); }
  .content_3TtrN .keywords_3HhgH.keywords2_2Ie2t .keywordsContent_3B94j .keywordsHeader_i428O .keywordsHeaderLeft_3ohsd {
        color: #fff; }
  .content_3TtrN .keywords_3HhgH.keywords2_2Ie2t .keyword_2DBAU {
      color: #fff; }
  .content_3TtrN .keywords_3HhgH.keywords2_2Ie2t .keyword_2DBAU.active_1JTYi {
        font-weight: bold;
        color: #e84de9; }
  .content_3TtrN .keywords_3HhgH.keywords2_2Ie2t .keyword_2DBAU .hot_1b3DV,
      .content_3TtrN .keywords_3HhgH.keywords2_2Ie2t .keyword_2DBAU .new_PLRlr {
        color: #fff; }
  .content_3TtrN .keywords_3HhgH.keywords2_2Ie2t .keyword_2DBAU .hot_1b3DV .text_1K0Xh,
        .content_3TtrN .keywords_3HhgH.keywords2_2Ie2t .keyword_2DBAU .new_PLRlr .text_1K0Xh {
          color: #fff; }
  .content_3TtrN .keywords_3HhgH.keywords3_jcKHH .keywordsContent_3B94j .keywordsHeader_i428O {
      border-color: rgba(0, 0, 0, 0.07); }
  .content_3TtrN .keywords_3HhgH.keywords3_jcKHH .keywordsContent_3B94j .keywordsHeader_i428O .keywordsHeaderLeft_3ohsd {
        color: #000; }
  .content_3TtrN .keywords_3HhgH.keywords3_jcKHH .keyword_2DBAU {
      color: #000; }
  .content_3TtrN .keywords_3HhgH.keywords3_jcKHH .keyword_2DBAU.active_1JTYi {
        font-weight: bold;
        color: #d33840; }
  .content_3TtrN .keywords_3HhgH.keywords3_jcKHH .keyword_2DBAU .hot_1b3DV,
      .content_3TtrN .keywords_3HhgH.keywords3_jcKHH .keyword_2DBAU .new_PLRlr {
        color: #000; }
  .content_3TtrN .keywords_3HhgH.keywords3_jcKHH .keyword_2DBAU .hot_1b3DV .text_1K0Xh,
        .content_3TtrN .keywords_3HhgH.keywords3_jcKHH .keyword_2DBAU .new_PLRlr .text_1K0Xh {
          color: #fff; }
  .content_3TtrN .keywords_3HhgH.keywords4_19LUR .keywordsContent_3B94j .keywordsHeader_i428O {
      border-color: rgba(255, 255, 255, 0.17); }
  .content_3TtrN .keywords_3HhgH.keywords4_19LUR .keywordsContent_3B94j .keywordsHeader_i428O .keywordsHeaderLeft_3ohsd {
        color: #fff; }
  .content_3TtrN .keywords_3HhgH.keywords4_19LUR .keyword_2DBAU {
      color: #fff; }
  .content_3TtrN .keywords_3HhgH.keywords4_19LUR .keyword_2DBAU.active_1JTYi {
        font-weight: bold;
        color: #6b60da; }
  .content_3TtrN .keywords_3HhgH.keywords4_19LUR .keyword_2DBAU .hot_1b3DV,
      .content_3TtrN .keywords_3HhgH.keywords4_19LUR .keyword_2DBAU .new_PLRlr {
        color: #fff; }
  .content_3TtrN .keywords_3HhgH.keywords5_3Kosf .keywordsContent_3B94j .keywordsHeader_i428O {
      border-color: rgba(0, 0, 0, 0.07); }
  .content_3TtrN .keywords_3HhgH.keywords5_3Kosf .keywordsContent_3B94j .keywordsHeader_i428O .keywordsHeaderLeft_3ohsd {
        color: #000; }
  .content_3TtrN .keywords_3HhgH.keywords5_3Kosf .keyword_2DBAU {
      color: #000; }
  .content_3TtrN .keywords_3HhgH.keywords5_3Kosf .keyword_2DBAU.active_1JTYi {
        font-weight: bold;
        color: #dbff7b; }
  .content_3TtrN .keywords_3HhgH.keywords5_3Kosf .keyword_2DBAU .hot_1b3DV,
      .content_3TtrN .keywords_3HhgH.keywords5_3Kosf .keyword_2DBAU .new_PLRlr {
        color: #000; }
  .content_3TtrN .keywords_3HhgH.keywords5_3Kosf .keyword_2DBAU .hot_1b3DV .text_1K0Xh,
        .content_3TtrN .keywords_3HhgH.keywords5_3Kosf .keyword_2DBAU .new_PLRlr .text_1K0Xh {
          color: #000; }
  .content_3TtrN .keywords_3HhgH.keywords6_vAoQo .keywordsContent_3B94j .keywordsHeader_i428O {
      border-color: rgba(0, 0, 0, 0.07); }
  .content_3TtrN .keywords_3HhgH.keywords6_vAoQo .keywordsContent_3B94j .keywordsHeader_i428O .keywordsHeaderLeft_3ohsd {
        color: #000; }
  .content_3TtrN .keywords_3HhgH.keywords6_vAoQo .keyword_2DBAU {
      color: #000; }
  .content_3TtrN .keywords_3HhgH.keywords6_vAoQo .keyword_2DBAU.active_1JTYi {
        font-weight: bold;
        color: #fb683f; }
  .content_3TtrN .keywords_3HhgH.keywords6_vAoQo .keyword_2DBAU .hot_1b3DV,
      .content_3TtrN .keywords_3HhgH.keywords6_vAoQo .keyword_2DBAU .new_PLRlr {
        color: #000; }
  .content_3TtrN .keywords_3HhgH.keywords6_vAoQo .keyword_2DBAU .hot_1b3DV .text_1K0Xh,
        .content_3TtrN .keywords_3HhgH.keywords6_vAoQo .keyword_2DBAU .new_PLRlr .text_1K0Xh {
          color: #fff; }
  .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsHeader_i428O {
        width: 100%;
        height: 16.8%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.17);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 30px 40px; }
  .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsHeader_i428O .keywordsHeaderLeft_3ohsd .title_1TAIK {
          font-size: 24px;
          font-weight: bold;
          line-height: 33px; }
  .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsHeader_i428O .keywordsHeaderLeft_3ohsd .desc_H7qmF {
          font-size: 14px;
          font-weight: 400;
          line-height: 20px;
          margin-top: 6px; }
  .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsHeader_i428O .keywordsHeaderLeft_3ohsd .title0_1Fwof {
          width: 203px;
          height: 28px;
          background: #f4f7fa; }
  .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsHeader_i428O .keywordsHeaderLeft_3ohsd .desc0_30u4u {
          margin-top: 12px;
          width: 145px;
          height: 18px;
          background: #f4f7fa; }
  .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsHeader_i428O .keywordsHeaderRight_1IbyD {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
  .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsHeader_i428O .keywordsHeaderRight_1IbyD .arrow_3cgk5 {
            margin-top: auto;
            width: 33px; }
  .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsMain_21YOQ {
        height: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        padding: 30px 40px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
  .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsMain_21YOQ .keywordsLeft_2oRF1 {
          width: 20%;
          height: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
  .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsMain_21YOQ .keywordsLeft_2oRF1 .keywordsLeftMain_3h-ZN {
            width: 100%;
            height: 0;
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column; }
  .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsMain_21YOQ .keywordsLeft_2oRF1 .keywordsLeftMain_3h-ZN .keyword_2DBAU {
              font-size: 20px;
              line-height: 28px;
              cursor: pointer;
              font-weight: 400; }
  .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsMain_21YOQ .keywordsLeft_2oRF1 .keywordsLeftMain_3h-ZN .keyword_2DBAU .num_3Ot10 {
                font-family: special_column_num; }
  .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsMain_21YOQ .keywordsLeft_2oRF1 .keywordsLeftMain_3h-ZN .keyword_2DBAU .hot_1b3DV,
              .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsMain_21YOQ .keywordsLeft_2oRF1 .keywordsLeftMain_3h-ZN .keyword_2DBAU .new_PLRlr {
                margin-left: 4px;
                display: inline-block;
                width: 14px;
                height: 14px;
                position: relative; }
  .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsMain_21YOQ .keywordsLeft_2oRF1 .keywordsLeftMain_3h-ZN .keyword_2DBAU .hot_1b3DV:hover .warn_3dsi1,
                .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsMain_21YOQ .keywordsLeft_2oRF1 .keywordsLeftMain_3h-ZN .keyword_2DBAU .new_PLRlr:hover .warn_3dsi1 {
                  display: block; }
  .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsMain_21YOQ .keywordsLeft_2oRF1 .keywordsLeftMain_3h-ZN .keyword_2DBAU .hot_1b3DV i,
                .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsMain_21YOQ .keywordsLeft_2oRF1 .keywordsLeftMain_3h-ZN .keyword_2DBAU .new_PLRlr i {
                  font-size: 14px;
                  position: absolute;
                  top: -6px; }
  .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsMain_21YOQ .keywordsLeft_2oRF1 .keywordsLeftMain_3h-ZN .keyword_2DBAU .hot_1b3DV .warn_3dsi1,
                .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsMain_21YOQ .keywordsLeft_2oRF1 .keywordsLeftMain_3h-ZN .keyword_2DBAU .new_PLRlr .warn_3dsi1 {
                  display: none;
                  position: absolute;
                  width: 90px;
                  height: 24px;
                  left: 14px;
                  top: 50%;
                  -webkit-transform: translateY(-50%);
                      -ms-transform: translateY(-50%);
                          transform: translateY(-50%);
                  font-weight: 400;
                  height: 24px; }
  .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsMain_21YOQ .keywordsLeft_2oRF1 .keywordsLeftMain_3h-ZN .keyword_2DBAU .hot_1b3DV .warn_3dsi1 img,
                  .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsMain_21YOQ .keywordsLeft_2oRF1 .keywordsLeftMain_3h-ZN .keyword_2DBAU .new_PLRlr .warn_3dsi1 img {
                    position: absolute;
                    left: 5px;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    float: left;
                    pointer-events: none; }
  .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsMain_21YOQ .keywordsLeft_2oRF1 .keywordsLeftMain_3h-ZN .keyword_2DBAU .hot_1b3DV .warn_3dsi1 .text_1K0Xh,
                  .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsMain_21YOQ .keywordsLeft_2oRF1 .keywordsLeftMain_3h-ZN .keyword_2DBAU .new_PLRlr .warn_3dsi1 .text_1K0Xh {
                    position: absolute;
                    left: 5px;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    font-size: 12px;
                    font-weight: 500;
                    line-height: 24px;
                    text-align: center; }
  .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsMain_21YOQ .keywordsLeft_2oRF1 .keywordsLeftMain_3h-ZN .keywordNoData_1VFqO {
              width: 122px;
              height: 28px;
              background: #f5f5f5; }
  .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsMain_21YOQ .keywordsRight_246tt {
          margin-left: 40px;
          width: 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1; }
  .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsMain_21YOQ .keywordsRight_246tt .pics_2SSqQ {
            width: 100%;
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 16px; }
  .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsMain_21YOQ .keywordsRight_246tt .pics_2SSqQ .pic_2d7vx {
              width: calc((100% - 60px) / 4);
              height: 100%;
              overflow: hidden;
              background: #f5f5f5;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center; }
  .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsMain_21YOQ .keywordsRight_246tt .pics_2SSqQ .pic_2d7vx img {
                width: 100%;
                height: 100%;
                -webkit-transform: none;
                    -ms-transform: none;
                        transform: none;
                -webkit-transition: none;
                transition: none; }
  .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsMain_21YOQ .keywordsRight_246tt .pics_2SSqQ .pic2_3Ko_X {
              width: calc((100% - 60px) / 4);
              height: 100%;
              overflow: hidden;
              background: #f5f5f5;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center; }
  .content_3TtrN .keywords_3HhgH .keywordsContent_3B94j .keywordsMain_21YOQ .keywordsRight_246tt .pics_2SSqQ .pic2_3Ko_X img {
                -webkit-transform: none;
                    -ms-transform: none;
                        transform: none;
                -webkit-transition: none;
                transition: none; }
  .content_3TtrN .style_eNd_e {
    width: 100%;
    padding-bottom: 45%;
    position: relative;
    border-bottom: 2px solid #000; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 img {
        width: 100%; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .imgBg_N0ntl {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 197px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
        z-index: 10;
        pointer-events: none; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .brand_1137c {
        z-index: 11;
        position: absolute;
        left: 42px;
        bottom: 80px;
        font-size: 38px;
        font-weight: 600;
        color: #fff;
        line-height: 53px;
        max-width: calc(100% - 84px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .season_3if2T {
        z-index: 11;
        position: absolute;
        left: 42px;
        bottom: 32px;
        padding: 6px 16px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        font-size: 14px;
        font-weight: 400;
        color: #000;
        line-height: 20px; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .brand0_RRcMu {
        position: absolute;
        left: 42px;
        bottom: 79px;
        width: 295px;
        height: 54px;
        background: #fff;
        z-index: 10; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .season0_3bU29 {
        position: absolute;
        left: 42px;
        bottom: 32px;
        padding: 6px 16px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 124px;
        height: 32px;
        background: #fff;
        z-index: 10; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW {
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .header_3_H-d {
          height: 14.5%;
          border-bottom: 2px solid #000;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          padding: 30px 40px; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .header_3_H-d .title_1TAIK {
            font-size: 24px;
            font-weight: bold;
            color: #000;
            line-height: 33px; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .header_3_H-d .desc_H7qmF {
            margin-top: 6px;
            font-size: 14px;
            color: #000;
            line-height: 20px; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .header_3_H-d .title0_1Fwof {
            width: 96px;
            height: 28px;
            background: #f4f7fa; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .header_3_H-d .desc0_30u4u {
            margin-top: 12px;
            width: 140px;
            height: 18px;
            background: #f4f7fa; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt {
          height: 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .leftMainLeft_1PVDX {
            width: 0;
            height: 100%;
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
            overflow: hidden;
            position: relative; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO {
            width: 37%;
            height: 100%;
            border-left: 2px solid #000;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .pic_2d7vx {
              height: 71.7%;
              border-bottom: 2px solid #000;
              overflow: hidden;
              position: relative; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T {
              height: 0;
              -webkit-box-flex: 1;
                  -ms-flex-positive: 1;
                      flex-grow: 1;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .pickBtn_3zs9l {
                width: 100%;
                height: 67px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                font-size: 20px;
                font-weight: bold;
                background-size: 73.25px 104.61px; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .buttenBox_1wnga {
                width: 302px;
                height: 97px; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .buttonWarp_2WlQb {
                padding: 2px 14px 14px 2px;
                overflow: hidden; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .button_3EswH {
                position: relative;
                border: 2px solid #000; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .button_3EswH:after {
                left: 100%;
                margin-left: 2px;
                -webkit-transform: skewY(45deg);
                    -ms-transform: skewY(45deg);
                        transform: skewY(45deg);
                top: 5px;
                bottom: -10px;
                width: 14px;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .button_3EswH:before {
                top: 100%;
                margin-top: 2px;
                -webkit-transform: skew(45deg);
                    -ms-transform: skew(45deg);
                        transform: skew(45deg);
                left: 5px;
                right: -9px;
                height: 14px;
                -webkit-box-sizing: border-box;
                        box-sizing: border-box; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .button_3EswH:after,
              .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .button_3EswH:before {
                position: absolute;
                content: ""; }
  @-webkit-keyframes stripes_2JkTv {
  0% {
    background-position: 0 0; }
  to {
    background-position: 73.25px 0; } }
  @keyframes stripes_2JkTv {
  0% {
    background-position: 0 0; }
  to {
    background-position: 73.25px 0; } }
  @-webkit-keyframes button-pulse_3gjxT {
  50% {
    -webkit-transform: translate(4px, 4px);
            transform: translate(4px, 4px); } }
  @keyframes button-pulse_3gjxT {
  50% {
    -webkit-transform: translate(4px, 4px);
            transform: translate(4px, 4px); } }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .colorStyleMore_3We8p {
                letter-spacing: 5px;
                -webkit-animation: stripes_2JkTv 1.5s linear infinite, button-pulse_3gjxT 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
                        animation: stripes_2JkTv 1.5s linear infinite, button-pulse_3gjxT 1s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .colorStyleMore_3We8p.color0_2gsEP {
                  color: #fff;
                  background-image: linear-gradient(-55deg, #94c2fb 20.83%, #235490 0, #235490 50%, #94c2fb 0, #94c2fb 70.83%, #235490 0, #235490); }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .colorStyleMore_3We8p.color0_2gsEP::after {
                    background-color: #26436f; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .colorStyleMore_3We8p.color0_2gsEP::before {
                    background-color: #26436f; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .colorStyleMore_3We8p.color1_3ywiT {
                  color: #fff;
                  background-image: linear-gradient(-55deg, #a08069 20.83%, #f1ebd5 0, #f1ebd5 50%, #a08069 0, #a08069 70.83%, #f1ebd5 0, #f1ebd5); }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .colorStyleMore_3We8p.color1_3ywiT::after {
                    background-color: #8c6c55; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .colorStyleMore_3We8p.color1_3ywiT::before {
                    background-color: #8c6c55; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .colorStyleMore_3We8p.color2_2nTmm {
                  color: #fff;
                  background-image: linear-gradient(-55deg, #2e713b 20.83%, #aee3cd 0, #aee3cd 50%, #2e713b 0, #2e713b 70.83%, #aee3cd 0, #aee3cd); }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .colorStyleMore_3We8p.color2_2nTmm::after {
                    background-color: #1f592a; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .colorStyleMore_3We8p.color2_2nTmm::before {
                    background-color: #1f592a; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .colorStyleMore_3We8p.color3_mIYEC {
                  color: #fff;
                  background-image: linear-gradient(-55deg, #c39b78 20.83%, #e4cab1 0, #e4cab1 50%, #c39b78 0, #c39b78 70.83%, #e4cab1 0, #e4cab1); }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .colorStyleMore_3We8p.color3_mIYEC::after {
                    background-color: #b68356; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .colorStyleMore_3We8p.color3_mIYEC::before {
                    background-color: #b68356; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .colorStyleMore_3We8p.color4_rOdAA {
                  color: #000;
                  background-image: linear-gradient(-55deg, #f0a1c0 20.83%, #ffd8e7 0, #ffd8e7 50%, #f0a1c0 0, #f0a1c0 70.83%, #ffd8e7 0, #ffd8e7); }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .colorStyleMore_3We8p.color4_rOdAA::after {
                    background-color: #ea699a; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .colorStyleMore_3We8p.color4_rOdAA::before {
                    background-color: #ea699a; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .colorStyleMore_3We8p.color5_h4ctJ {
                  color: #000;
                  background-image: linear-gradient(-55deg, #d6fff1 20.83%, #a1c0dd 0, #a1c0dd 50%, #d6fff1 0, #d6fff1 70.83%, #a1c0dd 0, #a1c0dd); }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .colorStyleMore_3We8p.color5_h4ctJ::after {
                    background-color: #1e4e89; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .colorStyleMore_3We8p.color5_h4ctJ::before {
                    background-color: #1e4e89; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .colorStyleMore_3We8p.color6_2vK8W {
                  color: #000;
                  background-image: linear-gradient(-55deg, #eee3df 20.83%, #fa8363 0, #fa8363 50%, #eee3df 0, #eee3df 70.83%, #fa8363 0, #fa8363); }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .colorStyleMore_3We8p.color6_2vK8W::after {
                    background-color: #fb683f; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more_35N3T .colorStyleMore_3We8p.color6_2vK8W::before {
                    background-color: #fb683f; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more0_3FBYz {
              height: 0;
              -webkit-box-flex: 1;
                  -ms-flex-positive: 1;
                      flex-grow: 1; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .left__VZuW .leftMain_CnNWt .right_3FNtO .more0_3FBYz > div {
                width: 317px;
                height: 82px;
                background: #dae2e9;
                margin: 47px auto 0 auto; }
  .content_3TtrN .style_eNd_e .styleContent_25W86 .right_3FNtO {
        width: 36.89%;
        height: 100%;
        border-left: 2px solid #000;
        overflow: hidden;
        position: relative; }
  .content_3TtrN .recommendBrand_2TQJ7 {
    width: 100%; }
  .content_3TtrN .recommendBrand_2TQJ7 .head_3UL69 {
      width: 100%;
      padding-bottom: 6.66%;
      position: relative; }
  .content_3TtrN .recommendBrand_2TQJ7 .head_3UL69 .textContainer_NT462 {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 40px;
        border-bottom: 2px solid #000; }
  .content_3TtrN .recommendBrand_2TQJ7 .head_3UL69 .textContainer_NT462 .bold_3B4ua {
          font-size: 24px;
          font-weight: bold;
          color: #000;
          line-height: 33px;
          margin-bottom: 6px; }
  .content_3TtrN .recommendBrand_2TQJ7 .head_3UL69 .textContainer_NT462 .normal_23hGB {
          font-size: 14px;
          font-weight: 400;
          color: #000;
          line-height: 20px; }
  .content_3TtrN .recommendBrand_2TQJ7 .head_3UL69 .textContainer_NT462 .bold0_3lV_X {
          width: 168px;
          height: 28px;
          background: #f4f7fa; }
  .content_3TtrN .recommendBrand_2TQJ7 .head_3UL69 .textContainer_NT462 .normal0_19ViY {
          margin-top: 12px;
          width: 378px;
          height: 18px;
          background: #f4f7fa; }
  .content_3TtrN .recommendBrand_2TQJ7 .main_v_qVl {
      padding-top: 30px;
      padding-bottom: 56px; }
  .content_3TtrN .recommendBrand_2TQJ7 .main_v_qVl .mainContent_1rEC_ {
        width: calc(100% - 60px);
        margin-left: 30px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        height: 100%;
        overflow: hidden; }
  .content_3TtrN .recommendBrand_2TQJ7 .main_v_qVl .mainContent_1rEC_ .cardList_3X_0r {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
          -webkit-transition: all 1s ease;
          transition: all 1s ease; }
  .content_3TtrN .recommendBrand_2TQJ7 .main_v_qVl .mainContent_1rEC_ .cardList_3X_0r .card_FQ43W {
            width: calc((100% - 30px) / 3);
            -ms-flex-negative: 0;
                flex-shrink: 0; }
  .content_3TtrN .recommendBrand_2TQJ7 .main_v_qVl .mainContent_1rEC_ .cardList_3X_0r .card_FQ43W + .card_FQ43W {
              margin-left: 15px; }
  .content_3TtrN .recommendBrand_2TQJ7 .main_v_qVl .mainContent_1rEC_ .cardList_3X_0r .card_FQ43W .picsContainer_2v9Ha {
              width: 100%;
              padding-bottom: 87%;
              position: relative; }
  .content_3TtrN .recommendBrand_2TQJ7 .main_v_qVl .mainContent_1rEC_ .cardList_3X_0r .card_FQ43W .picsContainer_2v9Ha .pic_2d7vx {
                position: absolute;
                left: 0;
                top: 0;
                width: 50%;
                height: 100%;
                overflow: hidden; }
  .content_3TtrN .recommendBrand_2TQJ7 .main_v_qVl .mainContent_1rEC_ .cardList_3X_0r .card_FQ43W .picsContainer_2v9Ha .pic_2d7vx + .pic_2d7vx {
                  left: 50%; }
  .content_3TtrN .recommendBrand_2TQJ7 .main_v_qVl .mainContent_1rEC_ .cardList_3X_0r .card_FQ43W .picsContainer_2v9Ha .pic_2d7vx img {
                  width: 100%;
                  height: 100%; }
  .content_3TtrN .recommendBrand_2TQJ7 .main_v_qVl .mainContent_1rEC_ .cardList_3X_0r .card_FQ43W .footer_3dwm5 {
              width: 100%;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box;
              padding: 15px 30px 30px 30px;
              background: #235490; }
  .content_3TtrN .recommendBrand_2TQJ7 .main_v_qVl .mainContent_1rEC_ .cardList_3X_0r .card_FQ43W .footer_3dwm5 .header_3_H-d {
                padding-bottom: 32px;
                border-bottom: 1px solid rgba(255, 248, 236, 0.2);
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                        justify-content: space-between;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                font-size: 30px;
                font-weight: bold;
                line-height: 42px; }
  .content_3TtrN .recommendBrand_2TQJ7 .main_v_qVl .mainContent_1rEC_ .cardList_3X_0r .card_FQ43W .footer_3dwm5 .header_3_H-d .brandCircle_3knW4 {
                  border-radius: 50%;
                  width: 42px;
                  height: 42px;
                  cursor: pointer; }
  .content_3TtrN .recommendBrand_2TQJ7 .main_v_qVl .mainContent_1rEC_ .cardList_3X_0r .card_FQ43W .footer_3dwm5 .header_3_H-d img {
                  -webkit-transform: translateY(4.5px);
                      -ms-transform: translateY(4.5px);
                          transform: translateY(4.5px);
                  width: 42px;
                  cursor: pointer; }
  .content_3TtrN .recommendBrand_2TQJ7 .main_v_qVl .mainContent_1rEC_ .cardList_3X_0r .card_FQ43W .footer_3dwm5 .header_3_H-d .brand0_RRcMu {
                  width: 295px;
                  height: 54px;
                  background: #f4f7fa; }
  .content_3TtrN .recommendBrand_2TQJ7 .main_v_qVl .mainContent_1rEC_ .cardList_3X_0r .card_FQ43W .footer_3dwm5 .header_3_H-d .circle0_38-1M {
                  width: 42px;
                  height: 42px;
                  background: #f4f7fa;
                  border-radius: 50%; }
  .content_3TtrN .recommendBrand_2TQJ7 .main_v_qVl .mainContent_1rEC_ .cardList_3X_0r .card_FQ43W .footer_3dwm5 .text_1K0Xh {
                margin-top: 24px;
                font-size: 16px;
                font-weight: 400;
                color: #fff;
                line-height: 22px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex; }
  .content_3TtrN .recommendBrand_2TQJ7 .main_v_qVl .mainContent_1rEC_ .cardList_3X_0r .card_FQ43W .footer_3dwm5 .text_1K0Xh .item0_1NdLD {
                  width: 50%;
                  height: 32px;
                  background: #f4f7fa; }
  .content_3TtrN .recommendBrand_2TQJ7 .main_v_qVl .mainContent_1rEC_ .cardList_3X_0r .card_FQ43W .footer_3dwm5 .text_1K0Xh .item1_1n3g- {
                  width: 50%;
                  height: 32px;
                  background: #f4f7fa; }
  .content_3TtrN .recommendBrand_2TQJ7 .main_v_qVl .scrollBarContainer_35Bu7 {
        margin-top: 56px;
        margin-left: 30px;
        width: calc(100% - 60px); }

.articleList_1oUBb {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: left; }
  .articleList_1oUBb .card_136By {
    width: calc((100% - 72px) / 4);
    margin-bottom: 48px; }
  .articleList_1oUBb .card_136By .picture_nEz1F {
      width: 100%;
      padding-bottom: 62%;
      border: 1px solid #f6f6f6;
      cursor: pointer;
      position: relative; }
  .articleList_1oUBb .card_136By .picture_nEz1F > img {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center top;
           object-position: center top;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
  .articleList_1oUBb .card_136By .picture_nEz1F:hover .imgMask_2A4z1 {
        opacity: 1; }
  .articleList_1oUBb .card_136By .picture_nEz1F:hover .showCollectIcon_JL11H {
        display: none; }
  .articleList_1oUBb .card_136By .picture_nEz1F .showCollectIcon_JL11H {
        position: absolute;
        right: 13px;
        bottom: 9px;
        width: 32px;
        height: 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: #333; }
  .articleList_1oUBb .card_136By .picture_nEz1F .imgMask_2A4z1 {
        position: absolute;
        opacity: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 20px;
        color: #333;
        font-weight: bold;
        background-color: rgba(255, 255, 255, 0.7);
        -webkit-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
        padding-top: 16px;
        padding-left: 16px;
        background: rgba(0, 0, 0, 0.65); }
  .articleList_1oUBb .card_136By .picture_nEz1F .imgMask_2A4z1 .container_U7igJ {
          position: absolute;
          width: 92%;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
  .articleList_1oUBb .card_136By .picture_nEz1F .imgMask_2A4z1 .imgMaskTitle_QPHZJ {
          max-width: 100%;
          margin-bottom: 20px;
          font-size: 14px;
          text-align: center; }
  .articleList_1oUBb .card_136By .picture_nEz1F .imgMask_2A4z1 .imgMaskWow_JoOlB {
          text-align: center;
          margin-bottom: 16px; }
  .articleList_1oUBb .card_136By .picture_nEz1F .imgMask_2A4z1 .imgMaskWow_JoOlB > img {
            display: inline-block;
            width: 42%;
            height: unset; }
  .articleList_1oUBb .card_136By .picture_nEz1F .imgMask_2A4z1 .imgMaskDesc_1kQRC {
          font-size: 22px;
          text-align: center; }
  .articleList_1oUBb .card_136By .picture_nEz1F .imgMask_2A4z1 .collect_30nV4 {
          position: absolute;
          right: 13px;
          bottom: 9px;
          width: 32px;
          height: 32px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .articleList_1oUBb .card_136By .picture_nEz1F .imgMask_2A4z1 .isNotCollect_2I9uk {
          color: #fff; }
  .articleList_1oUBb .card_136By .picture_nEz1F .imgMask_2A4z1 .isCollect_3Yq8L {
          color: #fff; }
  .articleList_1oUBb .card_136By .picture_nEz1F .imgMask_2A4z1 .logoWhite_w_yIY {
          width: 15%; }
  .articleList_1oUBb .card_136By .picture_nEz1F .imgMask_2A4z1 .maskContent_VmH1e {
          color: #FFFFFF;
          border: 1px solid #FFFFFF;
          border-left: none;
          border-right: none;
          width: 76%;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          text-align: center;
          padding: 15px 0px; }
  .articleList_1oUBb .card_136By .picture_nEz1F .imgMask_2A4z1 .maskContent_VmH1e .contentHeader_TejDI {
            height: 33px;
            font-size: 23px;
            font-weight: 400;
            line-height: 32px;
            margin-bottom: 2px; }
  .articleList_1oUBb .card_136By .picture_nEz1F .imgMask_2A4z1 .maskContent_VmH1e .contentFooter_bVhRI {
            height: 20px;
            font-size: 14px;
            font-weight: 400;
            line-height: 20px; }
  .articleList_1oUBb .card_136By .articleFooter_XKX0r {
      margin-top: 13px; }
  .articleList_1oUBb .card_136By .articleFooter_XKX0r .title_1NP20 {
        width: 100%;
        height: 16px;
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #111111;
        line-height: 16px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
        display: inline-block;
        position: relative;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
  .articleList_1oUBb .card_136By .articleFooter_XKX0r .title_1NP20:hover::before {
          right: 0%; }
  .articleList_1oUBb .card_136By .articleFooter_XKX0r .title_1NP20::before {
          content: "";
          position: absolute;
          z-index: 10;
          left: 0;
          right: 100%;
          bottom: 0;
          background: #073f58;
          height: 1.25px;
          -webkit-transition-property: right;
          transition-property: right;
          -webkit-transition-duration: 0.3s;
                  transition-duration: 0.3s;
          -webkit-transition-timing-function: ease-out;
                  transition-timing-function: ease-out; }
  .articleList_1oUBb .card_136By .articleFooter_XKX0r .info_3_69h {
        margin-top: 9px;
        height: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .articleList_1oUBb .card_136By .articleFooter_XKX0r .info_3_69h .icon_1U5Ad {
          height: 12px;
          font-size: 12px;
          line-height: 14.5px;
          color: #aaaaaa; }
  .articleList_1oUBb .card_136By .articleFooter_XKX0r .info_3_69h .text_3geIa {
          height: 12px;
          font-size: 12px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #999999;
          line-height: 12px;
          margin-left: 4px; }
  .articleList_1oUBb .card_136By .articleFooter_XKX0r .info_3_69h .right_2GaF0 {
          height: 12px;
          font-size: 12px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #999999;
          line-height: 12px;
          margin-left: auto; }
  .articleList_1oUBb .card_136By .articleFooter_XKX0r .description_2i1yv {
        height: 63px;
        margin-top: 19px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical; }

.compositionList_3h5Ot {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: left; }
  .compositionList_3h5Ot .card_35yqF {
    width: calc((100% - 72px) / 4);
    margin-bottom: 61px; }
  .compositionList_3h5Ot .card_35yqF .picture_wlIHU {
      width: 100%;
      padding-bottom: 56.285%;
      border: 1px solid #f6f6f6;
      cursor: pointer;
      position: relative;
      overflow: hidden; }
  .compositionList_3h5Ot .card_35yqF .picture_wlIHU:hover .ai_r3jUt {
        top: 0; }
  .compositionList_3h5Ot .card_35yqF .picture_wlIHU .ai_r3jUt {
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        position: absolute;
        right: 0;
        top: -45px;
        width: 44px;
        height: 44px;
        background-color: rgba(0, 0, 0, 0.5);
        color: #fff;
        font-size: 17px;
        text-align: center;
        line-height: 44px;
        display: inline-block;
        z-index: 11; }
  .compositionList_3h5Ot .card_35yqF .picture_wlIHU .ai_r3jUt:hover {
          background-color: black; }
  .compositionList_3h5Ot .card_35yqF .picture_wlIHU > img {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        -o-object-fit: contain;
           object-fit: contain; }
  .compositionList_3h5Ot .card_35yqF .picture_wlIHU:hover .imgMask_1Leg9 {
        opacity: 1; }
  .compositionList_3h5Ot .card_35yqF .picture_wlIHU .imgMask_1Leg9 {
        position: absolute;
        opacity: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.2);
        -webkit-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out; }
  .compositionList_3h5Ot .card_35yqF .compositionFooter_eMJyK {
      margin-top: 12px;
      height: 14px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .compositionList_3h5Ot .card_35yqF .compositionFooter_eMJyK .left_C1GPz {
        display: block;
        width: 0;
        height: 16px;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; }
  .compositionList_3h5Ot .card_35yqF .compositionFooter_eMJyK .left_C1GPz .title_3xDnW {
          width: 100%;
          height: 16px;
          font-size: 14px;
          font-family: Microsoft YaHei;
          font-weight: bold;
          color: #111111;
          line-height: 16px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          cursor: pointer;
          display: inline-block;
          position: relative; }
  .compositionList_3h5Ot .card_35yqF .compositionFooter_eMJyK .left_C1GPz .title_3xDnW:hover::before {
            right: 0%; }
  .compositionList_3h5Ot .card_35yqF .compositionFooter_eMJyK .left_C1GPz .title_3xDnW::before {
            content: "";
            position: absolute;
            z-index: 10;
            left: 0;
            right: 100%;
            bottom: 0;
            background: #073f58;
            height: 1.25px;
            -webkit-transition-property: right;
            transition-property: right;
            -webkit-transition-duration: 0.3s;
                    transition-duration: 0.3s;
            -webkit-transition-timing-function: ease-out;
                    transition-timing-function: ease-out; }
  .compositionList_3h5Ot .card_35yqF .compositionFooter_eMJyK .right_1hGtn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
  .compositionList_3h5Ot .card_35yqF .compositionFooter_eMJyK .right_1hGtn .item_3P-YY {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-left: 10px; }
  .compositionList_3h5Ot .card_35yqF .compositionFooter_eMJyK .right_1hGtn .icon_3i9hN {
          height: 12px;
          font-size: 12px;
          line-height: 14.5px;
          color: #aaaaaa; }
  .compositionList_3h5Ot .card_35yqF .compositionFooter_eMJyK .right_1hGtn .text_Oe4xZ {
          height: 12px;
          font-size: 12px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #999999;
          line-height: 12px;
          margin-left: 4px; }

.trend-brand-content-style {
  width: 632px;
  max-height: 484px;
  background: #f6f6f6;
  padding-top: 20px;
}
.trend-brand-content-style .brand-search-style {
  width: calc(100% - 32px);
  height: 42px;
  background: #fff;
  border-radius: 30px;
  margin: 0 auto;
}
.trend-brand-content-style .brand-search-style i {
  font-size: 18px;
  margin-left: 20px;
  margin-top: 20px;
  height: 60px;
  color: #999999;
}
.trend-brand-content-style .brand-search-style input {
  margin-top: 5px;
  width: 80%;
  background-color: #fff;
  border: none;
  outline: none;
  margin-left: 3px;
  padding-left: 10px;
  /* 改变input的placeholder的字体颜色 开始 */
  /* 改变input的placeholder的字体颜色 结束 */
}
.trend-brand-content-style .brand-search-style input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: rgba(0, 0, 0, 0.6);
}
.trend-brand-content-style .brand-search-style input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(0, 0, 0, 0.6);
}
.trend-brand-content-style .brand-search-style input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(0, 0, 0, 0.6);
}
.trend-brand-content-style .brand-search-style input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: rgba(0, 0, 0, 0.6);
}
.trend-brand-content-style .brand-select-data {
  width: calc(100% - 64px);
  margin: 0 auto;
}
.trend-brand-content-style .brand-select-data div {
  width: 18.6px;
  text-align: center;
  cursor: pointer;
  float: left;
  font-size: 12px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  line-height: 17px;
}
.trend-brand-content-style .brand-select-data div:first-child {
  width: 32px;
}
.trend-brand-content-style .brand-select-data div:hover {
  color: #fff;
  background-color: #000;
}
.trend-brand-content-style .brand-select-active-style {
  color: #fff;
  background-color: #000;
}
.trend-brand-content-style .brand-select-disabled-style {
  opacity: 0.4;
}
.trend-brand-content-style .brand-item-data {
  margin-left: 12px;
  max-height: 385px;
  min-height: 180px;
  overflow-y: auto;
  padding: 0 24px;
}
.trend-brand-content-style .brand-item-data::-webkit-scrollbar {
  width: 0;
  background-color: #fff;
}
.trend-brand-content-style .brand-item-data::-webkit-scrollbar-track {
  background-color: #f7f7f7;
  display: none;
}
.trend-brand-content-style .brand-item-data::-webkit-scrollbar-track-piece {
  background-color: #fff;
}
.trend-brand-content-style .brand-item-data::-webkit-scrollbar-thumb {
  background-color: #f7f7f7;
  border-radius: 3px;
}
.trend-brand-content-style .brand-item-data::-webkit-scrollbar-thumb:hover {
  background-color: #d9dfe6;
  border-radius: 3px;
  border: none;
}
.trend-brand-content-style .brand-item-select-label-style {
  width: 17px;
  height: 33px;
  font-size: 24px;
  font-family: PingFangSC-Medium;
  font-weight: 600;
  color: #000;
  line-height: 33px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.trend-brand-content-style .brand-item-data-info {
  display: inline-block;
  width: 49%;
  max-width: 240px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
}
.trend-brand-content-style .brand-item-data-info:nth-child(odd) {
  margin-left: 2%;
}
.trend-brand-content-style .brand-item-data-info div {
  width: 100%;
  margin-top: 5px;
  cursor: pointer;
  float: left;
  font-size: 14px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  color: #000000;
  line-height: 20px;
  padding-right: 10px;
  padding-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.trend-brand-content-style .brand-item-data-info div:hover {
  color: #fff;
  background-color: #000;
}
.trend-brand-content-style .ant-modal-body {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media screen and (max-width: 1600px) {
  .trend-brand-content-style .brand-search-style {
    width: 100%;
  }
  .trend-brand-content-style .brand-search-style input {
    width: 80%;
  }
  .trend-brand-content-style .brand-select-data {
    width: 100%;
    margin: 0;
  }
  .trend-brand-content-style .brand-select-data > div {
    display: inline-block;
    float: none;
  }
  .trend-brand-content-style .brand-item-data {
    max-height: 202px;
  }
  .trend-brand-content-style .brand-item-data-info div {
    font-size: 13px;
  }
}

.season-content-style {
  width: 700px;
  background: #ffffff;
  overflow-y: auto;
}
.season-content-style::-webkit-scrollbar {
  width: 0;
  background-color: #fff;
}
.season-content-style::-webkit-scrollbar-track {
  background-color: #f7f7f7;
  display: none;
}
.season-content-style::-webkit-scrollbar-track-piece {
  background-color: #fff;
}
.season-content-style::-webkit-scrollbar-thumb {
  background-color: #f7f7f7;
  border-radius: 3px;
}
.season-content-style::-webkit-scrollbar-thumb:hover {
  background-color: #d9dfe6;
  border-radius: 3px;
  border: none;
}
.season-content-info-style {
  height: 38px;
  padding-left: 10px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  line-height: 38px;
}
.season-content-info-style.active {
  color: #fff;
  background-color: #000;
}
.season-content-info-style:hover {
  color: #fff;
  background-color: #000;
}
.season-content-info-title {
  font-size: 20px;
  font-weight: 600;
  color: #000;
  line-height: 28px;
}
.season-content-info-line {
  width: 97%;
  height: 1px;
  background: #eaeaea;
  margin-top: 8px;
  margin-bottom: 8px;
}
.season-content-info-children {
  width: 90px;
  float: left;
  margin-top: 8px;
}
.season-content-info-children div {
  float: left;
  font-size: 12px;
  font-weight: 400;
  color: #000;
  line-height: 17px;
  cursor: pointer;
  padding: 3px 10px;
}
.season-content-info-children div:hover {
  color: #3868ca;
}
@media screen and (max-width: 1368px) {
  .season-content-style {
    width: 350px !important;
    max-height: 188px !important;
  }
}

.city-content-style {
  width: 160px;
  background: #ffffff;
  overflow: hidden;
  /**右侧城市样式**/
}
.city-content-style .city-item {
  height: 38px;
  padding-left: 10px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  line-height: 38px;
}
.city-content-style .city-item.active {
  color: #fff;
  background-color: #000;
}
.city-content-style .city-item:hover {
  color: #fff;
  background-color: #000;
}
.city-content-style .city-search-style {
  width: 580px;
  height: 50px;
  background-color: #f7f7f7;
  border-radius: 30px;
  margin: 20px auto 20px auto;
}
.city-content-style .city-icon-style {
  display: inline-block;
  width: 7%;
  font-size: 18px;
  color: #999;
  padding-left: 20px;
}
.city-content-style .city-search-style input {
  display: inline-block;
  width: 90%;
  height: 100%;
  background-color: #f7f7f7;
  border: none;
  outline: none;
  padding-left: 10px;
  letter-spacing: 1px;
  color: #000;
  font-size: 14px;
  /* 改变input的placeholder的字体颜色 开始 */
  /* 改变input的placeholder的字体颜色 结束 */
}
.city-content-style .city-search-style input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #ccc;
}
.city-content-style .city-search-style input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ccc;
}
.city-content-style .city-search-style input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ccc;
}
.city-content-style .city-search-style input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #ccc;
}
.city-content-style .content-left {
  width: 17%;
  min-height: 150px;
  height: 80%;
  background-color: #f7f7f7;
  display: inline-block;
}
.city-content-style .left-item {
  text-align: center;
  cursor: pointer;
  width: 120px;
  height: 54px;
  background: #f7f7f7;
}
.city-content-style .left-item-active {
  width: 120px;
  height: 54px;
  background: #ffffff;
}
.city-content-style .clear-float {
  clear: both;
}
.city-content-style .line-active {
  position: relative;
  width: 2px;
  height: 20px;
  background: #3868ca;
  border-radius: 1px;
  top: 18px;
}
.city-content-style .title-active {
  position: relative;
  height: 22px;
  font-size: 20px;
  font-weight: 600;
  color: #3868ca;
  line-height: 22px;
  cursor: pointer;
  text-align: center;
  letter-spacing: 5px;
  margin-top: -4px;
}
.city-content-style .title {
  height: 22px;
  font-size: 18px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
  text-align: center;
  letter-spacing: 5px;
}
.city-content-style .line {
  position: relative;
  border-radius: 1px;
  top: 20px;
  width: 40px;
  height: 22px;
  font-size: 16px;
  font-weight: 400;
  color: #4a4a4a;
  line-height: 22px;
}
.city-content-style .city-content-right {
  width: 83%;
  display: inline-block;
  height: 70%;
  vertical-align: top;
  padding-left: 30px;
  overflow-y: auto;
}
.city-content-style .city-right-title {
  display: inline-block;
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 600;
  padding-left: 5px;
  color: #000000;
  margin-bottom: 10px;
  letter-spacing: 4px;
  cursor: pointer;
}
.city-content-style .city-right-title:hover {
  color: #3868ca;
}
.city-content-style .right-item {
  cursor: pointer;
  height: 20px;
  font-size: 13px;
  font-weight: 400;
  color: #000000;
  line-height: 20px;
  padding-left: 8px;
  padding-right: 8px;
  display: inline-block;
  margin-right: 11px;
  margin-bottom: 10px;
  letter-spacing: 3px;
}
.city-content-style .right-item:hover {
  color: #3868ca;
}
.city-content-style .content-info {
  margin-top: 20px;
}
.city-content-style .right-item-active {
  width: 48px;
  height: 24px;
  background: #ff69a4;
}
.city-content-style .city-content-line {
  height: 7px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #eaeaea;
  margin-left: 5px;
  margin-bottom: 10px;
}
.city-content-style .ant-modal-close {
  top: 10px !important;
  right: 10px !important;
}
.city-content-style .ant-modal-body {
  padding-left: 0px !important;
  padding-bottom: 0px !important;
}
@media screen and (max-width: 1368px) {
  .city-content-style {
    width: 400px;
    max-height: 340px;
  }
  .city-content-style .city-search-style {
    width: 320px;
    margin: 10px;
    height: 30px;
  }
  .city-content-style .city-search-style input {
    font-size: 12px;
  }
  .city-content-style .city-icon-style {
    padding-left: 2px;
  }
  .city-content-style .title,
  .city-content-style .title-active {
    height: 18px;
    font-size: 18px;
    line-height: 18px;
  }
  .city-content-style .city-right-title {
    font-size: 14px;
  }
  .city-content-style .content-left {
    height: 80%;
    width: 30%;
  }
  .city-content-style .city-content-right {
    width: 69%;
    height: 80%;
    padding-left: 0px;
  }
}

.first_1Cpfc {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #e4e1dc; }
  .first_1Cpfc img {
    width: 100%;
    height: 100%; }
  .first_1Cpfc .left_3s941 {
    width: 80.8%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 30px 79px; }
  .first_1Cpfc .left_3s941 .tabs_I4u2D {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 26px;
      padding-bottom: 20px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.32); }
  .first_1Cpfc .left_3s941 .tabs_I4u2D .tab_3Un-y {
        width: 96px;
        height: 33px;
        font-size: 24px;
        font-weight: bold;
        color: rgba(0, 0, 0, 0.2);
        line-height: 33px;
        cursor: pointer; }
  .first_1Cpfc .left_3s941 .tabs_I4u2D .tab_3Un-y.active_3LEJk {
          color: rgba(0, 0, 0, 0.99); }
  .first_1Cpfc .left_3s941 .area_3E6a8 {
      margin-top: 40px; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .slider_1UdOj {
        position: relative;
        width: 100%;
        padding-bottom: 15.35%; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .slider_1UdOj .arrow_3NTrh {
          position: absolute;
          top: calc(50% - 20px);
          width: 32px;
          height: 32px;
          border-radius: 50%;
          background-color: #000;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          cursor: pointer;
          text-align: center;
          line-height: 32px; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .slider_1UdOj .arrow_3NTrh.disabled_3kvOb {
            cursor: auto;
            background: rgba(0, 0, 0, 0.1); }
  .first_1Cpfc .left_3s941 .area_3E6a8 .slider_1UdOj .arrow_3NTrh i {
            color: #fff; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .slider_1UdOj .sliderContent_2avyc {
          position: absolute;
          width: 100%;
          height: 100%;
          overflow: hidden; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .slider_1UdOj .sliderContent_2avyc .aaa_2U0JX {
            position: absolute;
            width: 100%;
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            gap: 32px;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .slider_1UdOj .sliderContent_2avyc .aaa_2U0JX .sliderItem_2B5lw {
              -ms-flex-negative: 0;
                  flex-shrink: 0;
              width: calc((100% - 32px * 6) / 7); }
  .first_1Cpfc .left_3s941 .area_3E6a8 .slider_1UdOj .sliderContent_2avyc .aaa_2U0JX .sliderItem_2B5lw.active_3LEJk .center_3XH4Y, .first_1Cpfc .left_3s941 .area_3E6a8 .slider_1UdOj .sliderContent_2avyc .aaa_2U0JX .sliderItem_2B5lw:hover .center_3XH4Y {
                border: 1px solid rgba(24, 24, 24, 0.89); }
  .first_1Cpfc .left_3s941 .area_3E6a8 .slider_1UdOj .sliderContent_2avyc .aaa_2U0JX .sliderItem_2B5lw.active_3LEJk .center_3XH4Y::before, .first_1Cpfc .left_3s941 .area_3E6a8 .slider_1UdOj .sliderContent_2avyc .aaa_2U0JX .sliderItem_2B5lw.active_3LEJk .center_3XH4Y::after,
                .first_1Cpfc .left_3s941 .area_3E6a8 .slider_1UdOj .sliderContent_2avyc .aaa_2U0JX .sliderItem_2B5lw.active_3LEJk .center_3XH4Y .cube0_xmyBa,
                .first_1Cpfc .left_3s941 .area_3E6a8 .slider_1UdOj .sliderContent_2avyc .aaa_2U0JX .sliderItem_2B5lw.active_3LEJk .center_3XH4Y .cube1_3UDv3, .first_1Cpfc .left_3s941 .area_3E6a8 .slider_1UdOj .sliderContent_2avyc .aaa_2U0JX .sliderItem_2B5lw:hover .center_3XH4Y::before, .first_1Cpfc .left_3s941 .area_3E6a8 .slider_1UdOj .sliderContent_2avyc .aaa_2U0JX .sliderItem_2B5lw:hover .center_3XH4Y::after,
                .first_1Cpfc .left_3s941 .area_3E6a8 .slider_1UdOj .sliderContent_2avyc .aaa_2U0JX .sliderItem_2B5lw:hover .center_3XH4Y .cube0_xmyBa,
                .first_1Cpfc .left_3s941 .area_3E6a8 .slider_1UdOj .sliderContent_2avyc .aaa_2U0JX .sliderItem_2B5lw:hover .center_3XH4Y .cube1_3UDv3 {
                  visibility: visible; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .slider_1UdOj .sliderContent_2avyc .aaa_2U0JX .sliderItem_2B5lw .center_3XH4Y {
                position: relative;
                border: 1px solid rgba(0, 0, 0, 0.09);
                left: 0;
                top: 0;
                width: 100%;
                padding-bottom: 100%;
                background-color: #fff;
                z-index: 1;
                cursor: pointer;
                -webkit-transition: all 0.4s ease;
                transition: all 0.4s ease; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .slider_1UdOj .sliderContent_2avyc .aaa_2U0JX .sliderItem_2B5lw .center_3XH4Y::before {
                  visibility: hidden;
                  display: block;
                  content: "";
                  position: absolute;
                  -webkit-transform: translateX(1px);
                      -ms-transform: translateX(1px);
                          transform: translateX(1px);
                  width: 6.67px;
                  top: 6.67px;
                  right: -6.67px;
                  height: calc(100% - 5.67px);
                  background-color: #f2d556; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .slider_1UdOj .sliderContent_2avyc .aaa_2U0JX .sliderItem_2B5lw .center_3XH4Y .cube0_xmyBa {
                  visibility: hidden;
                  position: absolute;
                  -webkit-transform: translateX(1px);
                      -ms-transform: translateX(1px);
                          transform: translateX(1px);
                  right: -6.67px;
                  z-index: 2;
                  width: 0;
                  height: 0;
                  border-top: 3.5px solid transparent;
                  border-right: 3.5px solid transparent;
                  border-bottom: 3.5px solid #f2d556;
                  border-left: 3.5px solid #f2d556; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .slider_1UdOj .sliderContent_2avyc .aaa_2U0JX .sliderItem_2B5lw .center_3XH4Y::after {
                  visibility: hidden;
                  display: block;
                  content: "";
                  position: absolute;
                  -webkit-transform: translateY(1px);
                      -ms-transform: translateY(1px);
                          transform: translateY(1px);
                  height: 6.67px;
                  left: 6.67px;
                  bottom: -6.67px;
                  width: calc(100% + 1px);
                  background-color: #f2d556; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .slider_1UdOj .sliderContent_2avyc .aaa_2U0JX .sliderItem_2B5lw .center_3XH4Y .cube1_3UDv3 {
                  visibility: hidden;
                  position: absolute;
                  -webkit-transform: translateY(1px);
                      -ms-transform: translateY(1px);
                          transform: translateY(1px);
                  bottom: -6.67px;
                  z-index: 2;
                  width: 0;
                  height: 0;
                  border-top: 3.5px solid #f2d556;
                  border-right: 3.5px solid #f2d556;
                  border-bottom: 3.5px solid transparent;
                  border-left: 3.5px solid transparent; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .slider_1UdOj .sliderContent_2avyc .aaa_2U0JX .sliderItem_2B5lw .center_3XH4Y img {
                  position: absolute;
                  width: 100%;
                  height: 100%; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .slider_1UdOj .sliderContent_2avyc .aaa_2U0JX .sliderItem_2B5lw .center_3XH4Y .text1_2cDHE {
                  position: absolute;
                  width: 100%;
                  height: 100%;
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-box-pack: center;
                      -ms-flex-pack: center;
                          justify-content: center;
                  -webkit-box-align: center;
                      -ms-flex-align: center;
                          align-items: center;
                  text-align: center;
                  font-size: 14px;
                  font-weight: 500;
                  color: #000; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .slider_1UdOj .sliderContent_2avyc .aaa_2U0JX .sliderItem_2B5lw .text_1KZZs {
                margin-top: 16px;
                font-size: 16px;
                font-weight: 500;
                color: rgba(0, 0, 0, 0.9);
                line-height: 24px;
                text-align: center; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .info_1qh8N {
        margin-top: 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        visibility: hidden; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .info_1qh8N.visible_2kyG_ {
          visibility: visible; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .info_1qh8N .text_1KZZs {
          width: 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          margin-right: 42px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          padding-bottom: 28px;
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .info_1qh8N .text_1KZZs .avatar_GIRs0 {
            width: 56px;
            height: 56px;
            border: 1px solid rgba(24, 24, 24, 0.89);
            border-radius: 50%;
            text-align: center;
            line-height: 56px;
            overflow: hidden;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .info_1qh8N .text_1KZZs .avatar_GIRs0 img {
              width: 58px;
              height: 58px; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .info_1qh8N .text_1KZZs .avatar_GIRs0 .text1_2cDHE {
              width: 58px;
              height: 58px;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              text-align: center;
              font-size: 12px;
              font-weight: 500;
              color: #000;
              background-color: #fff; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .info_1qh8N .text_1KZZs .a_16hHn {
            margin-left: 12px;
            height: 56px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .info_1qh8N .text_1KZZs .a_16hHn .title_31e62 {
              font-size: 18px;
              font-weight: bold;
              color: #000;
              line-height: 25px; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .info_1qh8N .text_1KZZs .a_16hHn .desc_3VD0M {
              margin-top: 2px;
              font-size: 12px;
              font-weight: 500;
              color: rgba(0, 0, 0, 0.5);
              line-height: 17px; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .info_1qh8N .text_1KZZs .btn_3TrOt {
            right: 0;
            top: 13px;
            position: absolute;
            width: 72px;
            height: 24px;
            background: #000;
            border-radius: 4px;
            cursor: pointer;
            font-size: 12px;
            font-weight: 400;
            color: #fff;
            line-height: 24px;
            text-align: center; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .info_1qh8N .text_1KZZs .textArea_3Rwkx {
            position: absolute;
            width: 100%;
            top: 88px;
            left: 0;
            color: rgba(0, 0, 0, 0.6);
            line-height: 22px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 6;
            -webkit-box-orient: vertical; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .info_1qh8N .bigInfoPic_3bHAZ {
          width: calc(32px + 2 * (100% - 32px * 6) / 7); }
  .first_1Cpfc .left_3s941 .area_3E6a8 .info_1qh8N .bigInfoPic_3bHAZ .imgContainer_3KYGg {
            width: 100%;
            padding-bottom: 61.7%;
            position: relative;
            cursor: pointer;
            display: block; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .info_1qh8N .bigInfoPic_3bHAZ .imgContainer_3KYGg .img_1oR07 {
              position: absolute;
              width: 100%;
              height: 100%; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .info_1qh8N .bigInfoPic_3bHAZ .footer_6LuUL {
            margin-top: 4px;
            height: 24px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            font-size: 12px;
            font-weight: 500;
            color: rgba(0, 0, 0, 0.9);
            line-height: 24px; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .info_1qh8N .infoPic_2F5ge {
          width: calc((100% - 32px * 6) / 7); }
  .first_1Cpfc .left_3s941 .area_3E6a8 .info_1qh8N .infoPic_2F5ge .imgContainer_3KYGg {
            width: 100%;
            padding-bottom: 135%;
            position: relative;
            cursor: pointer;
            overflow: hidden; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .info_1qh8N .infoPic_2F5ge .imgContainer_3KYGg .img_1oR07 {
              position: absolute;
              width: 100%;
              height: 100%;
              -o-object-fit: cover;
                 object-fit: cover; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .info_1qh8N .infoPic_2F5ge .footer_6LuUL {
            margin-top: 4px;
            line-height: 24px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            font-size: 12px;
            font-weight: 500;
            color: rgba(0, 0, 0, 0.9); }
  .first_1Cpfc .left_3s941 .area_3E6a8 .info_1qh8N .infoPic_2F5ge .footer_6LuUL .tag_1_8lK {
              display: block;
              color: #000;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              cursor: pointer; }
  .first_1Cpfc .left_3s941 .area_3E6a8 .info_1qh8N .infoPic_2F5ge .footer_6LuUL .line_mTFvZ {
              margin: 0 5px;
              height: 14px;
              width: 1px;
              background: #000; }
  .first_1Cpfc .left_3s941 .list_S0byj {
      margin-top: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      gap: 32px;
      padding-bottom: 22px; }
  .first_1Cpfc .left_3s941 .list_S0byj .item_1tUzB {
        width: calc((100% - 32px * 6) / 7);
        padding-bottom: 38px; }
  .first_1Cpfc .left_3s941 .list_S0byj .item_1tUzB .imgContainer_3KYGg {
          width: 100%;
          padding-bottom: 100%;
          position: relative;
          background-color: #fff;
          border: 1px solid rgba(0, 0, 0, 0.09); }
  .first_1Cpfc .left_3s941 .list_S0byj .item_1tUzB .imgContainer_3KYGg .img_1oR07 {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            cursor: pointer; }
  .first_1Cpfc .left_3s941 .list_S0byj .item_1tUzB .imgContainer_3KYGg .cover_30e4o {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 10;
            background-color: rgba(0, 0, 0, 0.7);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            font-size: 24px;
            font-weight: bold;
            color: #fff; }
  .first_1Cpfc .left_3s941 .list_S0byj .item_1tUzB .imgContainer_3KYGg .text1_2cDHE {
            position: absolute;
            width: 100%;
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            text-align: center;
            font-size: 14px;
            font-weight: 500;
            color: #000; }
  .first_1Cpfc .left_3s941 .list_S0byj .item_1tUzB .name_tNH73 {
          margin-top: 16px;
          width: 100%;
          font-size: 16px;
          font-weight: 500;
          color: rgba(0, 0, 0, 0.9);
          line-height: 24px;
          text-align: center; }
  .first_1Cpfc .right_2r0pD {
    width: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 100%;
    background: #1e1c1f;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 20px 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .first_1Cpfc .right_2r0pD .title_31e62 {
      padding-left: 20px;
      height: 33px;
      font-size: 24px;
      font-weight: bold;
      color: rgba(255, 255, 255, 0.99);
      line-height: 33px; }
  .first_1Cpfc .right_2r0pD .season_2bQmJ {
      padding-left: 20px;
      height: 16px;
      font-size: 12px;
      font-weight: 400;
      color: #fff;
      line-height: 16px; }
  .first_1Cpfc .right_2r0pD .line_mTFvZ {
      width: calc(100% - 40px);
      padding-left: 20px;
      margin: 0 auto;
      margin-top: 13px;
      height: 1px;
      background: rgba(255, 255, 255, 0.32); }
  .first_1Cpfc .right_2r0pD .more_1a0s7 {
      cursor: pointer;
      position: absolute;
      top: 39px;
      right: 27px;
      height: 16px;
      font-size: 16px;
      font-weight: 400;
      color: #fff;
      line-height: 16px; }
  .first_1Cpfc .right_2r0pD .list_S0byj {
      margin-top: 8px;
      padding-left: 20px;
      padding-right: 16px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 100%;
      height: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .first_1Cpfc .right_2r0pD .list_S0byj .item_1tUzB {
        margin-top: 26px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        cursor: pointer;
        color: #000; }
  .first_1Cpfc .right_2r0pD .list_S0byj .item_1tUzB:hover .img_1oR07 .index_1Q9yH.normal_2vwWw {
          background: #f2d556; }
  .first_1Cpfc .right_2r0pD .list_S0byj .item_1tUzB .img_1oR07 {
          width: 80px;
          height: 80px;
          position: relative;
          background-color: #fff; }
  .first_1Cpfc .right_2r0pD .list_S0byj .item_1tUzB .img_1oR07 .index_1Q9yH {
            position: absolute;
            width: 26px;
            height: 26px;
            border-radius: 50%;
            top: -13px;
            right: -13px;
            background: #f2d556;
            text-align: center;
            line-height: 26px; }
  .first_1Cpfc .right_2r0pD .list_S0byj .item_1tUzB .img_1oR07 .index_1Q9yH.normal_2vwWw {
              background: #e4e1dc; }
  .first_1Cpfc .right_2r0pD .list_S0byj .item_1tUzB .text_1KZZs {
          margin-left: 10px;
          width: 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1; }
  .first_1Cpfc .right_2r0pD .list_S0byj .item_1tUzB .text_1KZZs .rightItemtitle_2t7KM {
            height: 25px;
            font-size: 18px;
            font-weight: bold;
            color: #fff;
            line-height: 25px;
            margin-left: 2px; }
  .first_1Cpfc .right_2r0pD .list_S0byj .item_1tUzB .text_1KZZs .desc_3VD0M {
            font-size: 14px;
            font-weight: 500;
            color: rgba(255, 255, 255, 0.5);
            line-height: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical; }
  .modal_3pWSc {
  width: 1117px;
  background: #fff;
  -webkit-box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.12);
  padding-bottom: 24px; }
  .modal_3pWSc .header_3QZjS {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 24px;
    width: 100%;
    height: 50px;
    background: #f2d556;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .modal_3pWSc .header_3QZjS .left_3s941 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .modal_3pWSc .header_3QZjS .left_3s941 .title_31e62 {
        font-size: 16px;
        font-weight: bold;
        color: #111;
        text-shadow: 3px 3px 12px rgba(0, 0, 0, 0.12);
        margin-right: 12px; }
  .modal_3pWSc .header_3QZjS .left_3s941 .text_1KZZs {
        font-size: 12px;
        font-weight: 400;
        color: #111; }
  .modal_3pWSc .header_3QZjS .close_1tWyP {
      width: 50px;
      height: 50px;
      text-align: center;
      line-height: 50px;
      font-size: 14px;
      color: #1a1311;
      cursor: pointer;
      -webkit-transform: translateX(24px);
          -ms-transform: translateX(24px);
              transform: translateX(24px); }
  .modal_3pWSc .header_3QZjS .close_1tWyP img {
        width: 16px;
        height: 16px; }
  .modal_3pWSc .list_S0byj {
    width: 100%;
    height: 394px;
    margin-top: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .modal_3pWSc .list_S0byj .item_1tUzB {
      width: calc((100% - 16px * 4) / 5);
      height: calc((100% - 16px * 9) / 10);
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 18px;
      font-weight: bold;
      color: #000;
      line-height: 25px;
      cursor: pointer; }
  .modal_3pWSc .list_S0byj .item_1tUzB.active_3LEJk .index_1Q9yH {
        background: #f2d556; }
  .modal_3pWSc .list_S0byj .item_1tUzB .index_1Q9yH {
        width: 26px;
        height: 26px;
        text-align: center;
        line-height: 26px;
        border-radius: 50%;
        margin-right: 11px; }
  .modal_3pWSc .list_S0byj .item_1tUzB:hover .text_1KZZs {
        color: #f2d556; }
  .modal_3pWSc .list_S0byj .item_1tUzB .text_1KZZs {
        width: 0;
        height: 100%;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }

.llj-modal .ant-modal-body {
  padding: 0;
}
.llj-modal .ant-modal-close-x {
  display: none;
}

.second_1HQLi {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .second_1HQLi .item_2yi69 {
    width: 50%;
    height: 100%;
    position: relative; }
  .second_1HQLi .item_2yi69 .cover_2gLPv {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      border: 1px solid #000; }
  .second_1HQLi .item_2yi69 .cover_2gLPv img {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1; }
  .second_1HQLi .item_2yi69 .cover_2gLPv .coverMain_37zjJ {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1;
        background: rgba(0, 0, 0, 0.52);
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 30px 138px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
  .second_1HQLi .item_2yi69 .cover_2gLPv .coverMain_37zjJ .text0_6rww9 {
          font-size: 24px;
          font-weight: bold;
          color: rgba(255, 255, 255, 0.9);
          line-height: 33px;
          z-index: 2; }
  .second_1HQLi .item_2yi69 .cover_2gLPv .coverMain_37zjJ .text1_1AheZ {
          margin-top: 6px;
          z-index: 2;
          font-size: 16px;
          font-weight: 500;
          color: rgba(255, 255, 255, 0.9);
          line-height: 24px; }
  .second_1HQLi .item_2yi69 .cover_2gLPv .coverMain_37zjJ .tags_28tRz {
          margin-top: 16px;
          width: 100%;
          height: 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          gap: 16px;
          z-index: 2; }
  .second_1HQLi .item_2yi69 .cover_2gLPv .coverMain_37zjJ .tags_28tRz .tag_wSiil {
            padding: 0 21px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            width: calc((100% - 64px) / 5);
            height: 32px;
            border-radius: 16px;
            border: 1px solid #fff;
            font-size: 12px;
            font-weight: 600;
            color: #fff;
            line-height: 32px;
            text-align: center;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            cursor: pointer; }
  .second_1HQLi .item_2yi69 .cover_2gLPv .coverMain_37zjJ .tags_28tRz .tag_wSiil:hover, .second_1HQLi .item_2yi69 .cover_2gLPv .coverMain_37zjJ .tags_28tRz .tag_wSiil.active_1-hr6 {
              background-color: #f2d556;
              color: #000;
              border: 1px solid transparent; }

.letters_D_Um3 {
  padding-bottom: 40px; }
  .letters_D_Um3 .title_3Me-e {
    width: calc(100% - 96px);
    margin: 0 auto;
    padding-right: 8px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 18px;
    font-weight: 600;
    color: #111; }
  .letters_D_Um3 .title_3Me-e .titleFont_2aPBc {
      float: right;
      font-size: 12px;
      line-height: 32px;
      width: 8px;
      cursor: pointer; }
  .letters_D_Um3 .list_Nnuii {
    width: calc(100% - 64px);
    margin: 27px auto 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.6); }
  .letters_D_Um3 .list_Nnuii .c_3zKOy {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: calc((100% - 33px * 4) / 5);
      margin-bottom: 24px;
      margin-left: 33px;
      position: relative; }
  .letters_D_Um3 .list_Nnuii .c_3zKOy:nth-child(5n + 1) {
        margin-left: 0; }
  .letters_D_Um3 .list_Nnuii .c_3zKOy.active_NjfIL .main_2h10p {
        background-color: #000;
        color: #fff; }
  .letters_D_Um3 .list_Nnuii .c_3zKOy .main_2h10p {
        cursor: pointer;
        position: absolute;
        left: -1px;
        top: -2px;
        padding: 2px 1px; }

.third_3j2Ja {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .third_3j2Ja .left_1TSa9 {
    width: 236px;
    height: 100%;
    background: #e4e1dc;
    border-right: 1px solid #000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 24px 0;
    overflow-x: hidden;
    overflow-y: auto; }
  .third_3j2Ja .left_1TSa9::-webkit-scrollbar {
      width: 0;
      display: none; }
  .third_3j2Ja .left_1TSa9 .total_3LhOG {
      margin-left: 28px;
      font-size: 12px;
      font-weight: 400;
      color: rgba(24, 24, 24, 0.89);
      line-height: 17px;
      margin-bottom: 23px; }
  .third_3j2Ja .left_1TSa9 .input_35gZv {
      margin-left: 28px;
      margin-bottom: 30px;
      width: 180px;
      height: 28px;
      background: #fafafa;
      border: 1px solid #000;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0 13px;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      position: relative;
      z-index: 19; }
  .third_3j2Ja .left_1TSa9 .input_35gZv i {
        font-size: 14px;
        margin-right: 3px;
        cursor: pointer; }
  .third_3j2Ja .left_1TSa9 .input_35gZv input {
        width: 0;
        height: 17px;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        display: block;
        outline: none;
        border: none; }
  .third_3j2Ja .left_1TSa9 .input_35gZv input::-webkit-input-placeholder {
          font-size: 12px;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.4);
          line-height: 17px; }
  .third_3j2Ja .left_1TSa9 .input_35gZv input::-moz-placeholder {
          font-size: 12px;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.4);
          line-height: 17px; }
  .third_3j2Ja .left_1TSa9 .input_35gZv input:-ms-input-placeholder {
          font-size: 12px;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.4);
          line-height: 17px; }
  .third_3j2Ja .left_1TSa9 .input_35gZv input::-ms-input-placeholder {
          font-size: 12px;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.4);
          line-height: 17px; }
  .third_3j2Ja .left_1TSa9 .input_35gZv input::placeholder {
          font-size: 12px;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.4);
          line-height: 17px; }
  .third_3j2Ja .left_1TSa9 .input_35gZv .dropdown_1t_Ww {
        position: absolute;
        width: 100%;
        left: 0;
        top: 28px; }
  .third_3j2Ja .left_1TSa9 .input_35gZv .dropdown_1t_Ww .item_1M_Yg {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          padding: 0 6px;
          width: 100%;
          height: 38px;
          background: #fff;
          font-size: 12px;
          font-weight: 500;
          color: #000;
          line-height: 38px;
          cursor: pointer; }
  .third_3j2Ja .left_1TSa9 .input_35gZv .dropdown_1t_Ww .item_1M_Yg:hover {
            background: #000;
            color: #fff; }
  .third_3j2Ja .main_Pw3ze {
    width: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 100%;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .third_3j2Ja .main_Pw3ze .header_1fEjK {
      width: 100%;
      height: 66px;
      background: #f2d556;
      border: 1px solid #000;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-right: none;
      border-left: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .third_3j2Ja .main_Pw3ze .header_1fEjK .title_2h6HK {
        margin-left: 24px;
        font-size: 24px;
        font-weight: 600;
        color: #000; }
  .third_3j2Ja .main_Pw3ze .header_1fEjK .fiterText_1fIeZ {
        margin-left: 17px;
        font-size: 12px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.4); }
  .third_3j2Ja .main_Pw3ze .header_1fEjK .filter_3wYZM {
        height: 24px;
        background: #000;
        border-radius: 12px;
        line-height: 24px;
        padding: 0 13px;
        font-size: 12px;
        font-weight: 400;
        color: #fff;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
  .third_3j2Ja .main_Pw3ze .header_1fEjK .filter_3wYZM .close_3wPbz {
          margin-left: 4px; }
  .third_3j2Ja .main_Pw3ze .header_1fEjK .clear_1E6aA {
        margin-left: 6px;
        height: 24px;
        background: transparent;
        border-radius: 12px;
        line-height: 24px;
        border: 1px solid #ff6a69;
        padding: 0 13px;
        font-size: 12px;
        font-weight: 400;
        color: #ff6a69;
        cursor: pointer; }
  .third_3j2Ja .main_Pw3ze .content_2J0YM {
      height: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 32px 25px;
      background-color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  .third_3j2Ja .main_Pw3ze .content_2J0YM .list_drLmB {
        height: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 24px;
        overflow-x: hidden;
        overflow-y: auto; }
  .third_3j2Ja .main_Pw3ze .content_2J0YM .list_drLmB::-webkit-scrollbar {
          display: none; }
  .third_3j2Ja .main_Pw3ze .content_2J0YM .list_drLmB .noPic_nE2p0 {
          width: 100%;
          height: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .third_3j2Ja .main_Pw3ze .content_2J0YM .list_drLmB .noPic_nE2p0 img {
            margin-top: 296px;
            width: 160px;
            height: 160px; }
  .third_3j2Ja .main_Pw3ze .content_2J0YM .list_drLmB .noPic_nE2p0 .text_a-tUy {
            margin-top: 36px;
            font-weight: 400;
            font-size: 16px;
            color: rgba(0, 0, 0, 0.4);
            line-height: 22px;
            font-style: normal; }
  .third_3j2Ja .main_Pw3ze .content_2J0YM .list_drLmB .item_1M_Yg {
          width: calc((100% - 24px * 7) / 8);
          padding-bottom: calc((100% - 24px * 7) / 8);
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          border: 1px solid rgba(0, 0, 0, 0.09);
          position: relative; }
  .third_3j2Ja .main_Pw3ze .content_2J0YM .list_drLmB .item_1M_Yg .img_3rqSn {
            position: absolute;
            width: 100%;
            height: 100%; }
  .third_3j2Ja .main_Pw3ze .content_2J0YM .list_drLmB .item_1M_Yg .text_a-tUy {
            position: absolute;
            width: 100%;
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            text-align: center;
            font-size: 14px;
            font-weight: 500;
            color: #000; }
  .third_3j2Ja .main_Pw3ze .content_2J0YM .list_drLmB .item_1M_Yg:hover .cover_tw6hx {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
  .third_3j2Ja .main_Pw3ze .content_2J0YM .list_drLmB .item_1M_Yg .cover_tw6hx {
            z-index: 5;
            display: none;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            border: 1px solid rgba(0, 0, 0, 0.09);
            font-size: 14px;
            font-weight: 500;
            color: #fff;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
  .third_3j2Ja .main_Pw3ze .content_2J0YM .list_drLmB .pagination_NUMR7 {
          margin-top: auto;
          width: 100%; }

.indexContent_2sl9k {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #111;
  border: 2px solid #000000;
  border-top: none;
  border-bottom: none;
  background-color: #FAFAFA; }
  .indexContent_2sl9k .first_ucf2F {
    width: 100%;
    height: 0;
    padding-bottom: 35.88%;
    position: relative; }
  .indexContent_2sl9k .second_D3asc {
    width: 100%;
    height: 0;
    padding-bottom: 11.87%;
    position: relative; }
  .indexContent_2sl9k .third_1QwK9 {
    width: 100%;
    height: 0;
    padding-bottom: 58.9%;
    position: relative; }
  .Permission_Ct4NQ {
  width: 100%;
  height: 1000px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.tip_1X_yN {
  cursor: pointer; }
  .tip_1X_yN .content_3djH0 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .tip_1X_yN .cursor_387DI {
    display: none;
    position: absolute;
    color: #000;
    font-size: 20px; }
  .tip_1X_yN .text_c8xsU {
    display: none;
    width: auto;
    height: 24px;
    line-height: 24px;
    background: #000000;
    border-radius: 3px;
    color: #fff;
    padding: 0 6px;
    white-space: nowrap; }
  .tip_1X_yN:hover .text_c8xsU {
    display: block; }
  .tip_1X_yN:hover .cursor_387DI {
    display: block; }

.searchPage-pictureList-container .card {
  text-align: left;
}
.searchPage-pictureList-container .card:hover {
  z-index: 1;
}
.searchPage-pictureList-container .card .card-footer {
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #000;
  background: #fafafa;
}
.searchPage-pictureList-container .card .card-footer .card-footer-item {
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  border-right: 1px solid rgba(0, 0, 0, 0.6);
  position: relative;
  cursor: pointer;
  color: #000;
}

.card_N9SwW {
  width: 100%;
  height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.9);
  cursor: pointer; }
  .card_N9SwW img {
    width: 100%;
    height: 100%; }
  .card_N9SwW .footer_Z-vcp {
    margin-top: 10px;
    margin-bottom: 11px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .card_N9SwW .footer_Z-vcp .item_21K9Y {
      max-width: 32%;
      height: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      cursor: pointer; }
  .card_N9SwW .footer_Z-vcp .item_21K9Y .content_Qfkob {
        height: 20px;
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative; }
  .card_N9SwW .footer_Z-vcp .item_21K9Y .content_Qfkob::after {
          content: "";
          position: absolute;
          left: 0;
          bottom: 1px;
          width: 0;
          height: 1px;
          background-color: #000;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; }
  .card_N9SwW .footer_Z-vcp .item_21K9Y .content_Qfkob:hover::after {
          width: 100%; }
  .card_N9SwW .footer_Z-vcp .line_1ktBI {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 1px;
      height: 12px;
      background-color: #000;
      margin: 0 7.5px;
      -webkit-transform: translateY(2px);
          -ms-transform: translateY(2px);
              transform: translateY(2px); }

.content_1MPsp {
  background: #fafafa; }
  .content_1MPsp .filters_1npnw {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 24px 50px 10px 50px;
    margin-bottom: 10px;
    height: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
  .content_1MPsp .filters_1npnw .filter_2--R8 {
      margin-right: 48px;
      height: 20px;
      font-size: 14px;
      font-weight: 400;
      color: #000000;
      line-height: 20px; }
  .content_1MPsp .filters_1npnw .filter_2--R8.last_211jX {
        margin-left: auto;
        margin-right: 0; }
  .content_1MPsp .filters_1npnw .filter_2--R8.disabled_3O08W {
        pointer-events: none; }
  .content_1MPsp .filters_1npnw .funcs_1cMt4 {
      position: absolute;
      bottom: 2px;
      right: 200px;
      height: 16px;
      font-size: 14px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.6);
      line-height: 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .content_1MPsp .filters_1npnw .funcs_1cMt4.fixed_3NYaR {
        height: 48px;
        position: fixed;
        top: 114px;
        z-index: 10;
        width: 100%;
        right: 0;
        background: #fafafa;
        padding: 16px 27px 16px 0; }
  .content_1MPsp .filters_1npnw .funcs_1cMt4.fixed_3NYaR.inspiration_3jPS3 {
          top: 114px; }
  .content_1MPsp .filters_1npnw .funcs_1cMt4.fixed_3NYaR.singlePalette_3km_I {
          top: 74px; }
  .content_1MPsp .filters_1npnw .funcs_1cMt4.fixed_3NYaR .item_1AzvJ:first-child {
          margin-left: auto; }
  .content_1MPsp .filters_1npnw .funcs_1cMt4.hide_2TdsL {
        visibility: hidden;
        pointer-events: none; }
  .content_1MPsp .filters_1npnw .funcs_1cMt4 .item_1AzvJ {
        margin-right: 26px;
        cursor: pointer; }
  .content_1MPsp .list_2boxf {
    width: calc(100% - 100px);
    min-height: 100vh;
    margin: 0 auto;
    padding-bottom: 48px; }
  .content_1MPsp .list_2boxf .card_2QYRx {
      cursor: pointer; }
  .content_1MPsp .list_2boxf .card_2QYRx img {
        width: 100%;
        height: 100%; }
  .content_1MPsp .list_2boxf .card_2QYRx .colors_Yti0c {
        padding-top: 10px;
        width: 100%;
        height: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .content_1MPsp .list_2boxf .card_2QYRx .colors_Yti0c .colorContainer_2NIe0 {
          width: 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          overflow: hidden; }
  .content_1MPsp .list_2boxf .card_2QYRx .colors_Yti0c .colorContainer_2NIe0 .color_3Twse {
            -ms-flex-negative: 0;
                flex-shrink: 0;
            width: 20px;
            height: 20px;
            margin-right: 8px;
            border-radius: 50%;
            cursor: pointer; }
  .content_1MPsp .list_2boxf .card_2QYRx .colors_Yti0c .releaseTime_1B69L {
          font-size: 12px;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.6);
          line-height: 16px; }
  .content_1MPsp .list_2boxf .card_2QYRx .colors_Yti0c .colorsHover_19QJj {
          position: absolute;
          width: 100%;
          height: 30px;
          left: 0;
          top: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          overflow: hidden; }
  .content_1MPsp .list_2boxf .card_2QYRx .colors_Yti0c .colorsHover_19QJj .colorBlock_1p-ST {
            position: relative;
            top: -30px;
            height: 100%;
            -webkit-transition: top 0.2s cubic-bezier(0.57, 0.005, 0.055, 0.995);
            transition: top 0.2s cubic-bezier(0.57, 0.005, 0.055, 0.995);
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1; }
  .content_1MPsp .list_2boxf .card_2QYRx:hover .color_3Twse {
        visibility: hidden; }
  .content_1MPsp .list_2boxf .card_2QYRx:hover .colorsHover_19QJj .colorBlock_1p-ST {
        top: 0; }
  .content_1MPsp .list_2boxf .card_2QYRx .cardFooter_t2fK6 {
        margin: 10px 0;
        font-weight: 500;
        font-size: 12px;
        color: #000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .content_1MPsp .list_2boxf .card_2QYRx .cardFooter_t2fK6 .attrs_3u1JF {
          width: 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          overflow: hidden;
          padding-right: 10px; }
  .content_1MPsp .list_2boxf .card_2QYRx .cardFooter_t2fK6 .attrs_3u1JF .item_1AzvJ {
            font-size: 12px;
            font-weight: 500;
            color: #000;
            line-height: 16px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            border-right: 1.5px solid #000;
            padding: 0 8px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            cursor: pointer; }
  .content_1MPsp .list_2boxf .card_2QYRx .cardFooter_t2fK6 .attrs_3u1JF .item_1AzvJ:first-child {
              padding-left: 0; }
  .content_1MPsp .list_2boxf .card_2QYRx .cardFooter_t2fK6 .attrs_3u1JF .item_1AzvJ:last-child {
              padding-right: 0;
              border: none; }
  .content_1MPsp .list_2boxf .card_2QYRx .cardFooter_t2fK6 .line_2iLxu {
          width: 1px;
          height: 13px;
          margin: 0 7.5px;
          background-color: #000; }
  .content_1MPsp .list_2boxf .card2_3-vKk {
      border-bottom: 1px solid rgba(0, 0, 0, 0.9);
      cursor: pointer; }
  .content_1MPsp .list_2boxf .card2_3-vKk img {
        width: 100%;
        height: 100%; }
  .content_1MPsp .list_2boxf .card2_3-vKk .footer_2Zizi {
        overflow: hidden;
        margin-top: 10px;
        margin-bottom: 11px;
        height: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .content_1MPsp .list_2boxf .card2_3-vKk .footer_2Zizi .item_1AzvJ {
          max-width: 32%;
          height: 20px;
          font-weight: 500;
          font-size: 12px;
          line-height: 16px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          cursor: pointer;
          position: relative; }
  .content_1MPsp .list_2boxf .card2_3-vKk .footer_2Zizi .item_1AzvJ::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 1px;
            width: 0;
            height: 1px;
            background-color: #000;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease; }
  .content_1MPsp .list_2boxf .card2_3-vKk .footer_2Zizi .item_1AzvJ:hover::after {
            width: 100%; }
  .content_1MPsp .list_2boxf .card2_3-vKk .footer_2Zizi .line_2iLxu {
          -ms-flex-negative: 0;
              flex-shrink: 0;
          width: 1px;
          height: 12px;
          background-color: #000;
          margin: 0 5px;
          -webkit-transform: translateY(-1px);
              -ms-transform: translateY(-1px);
                  transform: translateY(-1px); }
  .content_1MPsp .list_2boxf .loadSvg_1wj23 {
      margin-top: 50px;
      width: 100%;
      height: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .content_1MPsp .list_2boxf .loadSvg_1wj23 > img {
        width: 40px; }
  .content_1MPsp .list_2boxf .loading_3TbMT {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-bottom: 20px; }

.list_2ASo5 {
  width: 100%; }
  .list_2ASo5.hide_1QdoB {
    visibility: hidden;
    pointer-events: none; }
  .list_2ASo5 .cardFooter_2PfLt {
    margin: 10px 0;
    font-weight: 500;
    font-size: 12px;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .list_2ASo5 .cardFooter_2PfLt .attrs_cn4E5 {
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      overflow: hidden;
      padding-right: 10px; }
  .list_2ASo5 .cardFooter_2PfLt .attrs_cn4E5 .item_a4Do2 {
        font-size: 12px;
        font-weight: 500;
        color: #000;
        line-height: 16px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border-right: 1.5px solid #000;
        padding: 0 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer; }
  .list_2ASo5 .cardFooter_2PfLt .attrs_cn4E5 .item_a4Do2:first-child {
          padding-left: 0; }
  .list_2ASo5 .cardFooter_2PfLt .attrs_cn4E5 .item_a4Do2:last-child {
          padding-right: 0;
          border: none; }
  .list_2ASo5 .cardFooter_2PfLt .line_3mID2 {
      width: 1px;
      height: 13px;
      margin: 0 7.5px;
      background-color: #000; }
  .list_2ASo5 .loadSvg_1s2Pv {
    margin-top: 50px;
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .list_2ASo5 .loadSvg_1s2Pv > img {
      width: 40px; }
  .list_2ASo5 .noData_7pEPG {
    padding: 144px 0 181px 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .list_2ASo5 .noData_7pEPG img {
      width: 160px; }
  .list_2ASo5 .noData_7pEPG .text_3wOS7 {
      font-weight: 400;
      font-size: 16px;
      color: rgba(0, 0, 0, 0.4);
      line-height: 22px; }

.list_299Nr {
  width: 100%; }
  .list_299Nr.hide_3CPUY {
    visibility: hidden;
    pointer-events: none; }
  .list_299Nr .card_38NyX {
    overflow: hidden;
    cursor: pointer; }
  .list_299Nr .card_38NyX .imgContainer_kVFj0 {
      width: 100%;
      height: calc(100% - 28px);
      position: relative; }
  .list_299Nr .card_38NyX .imgContainer_kVFj0:hover .love_3A49j {
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0); }
  .list_299Nr .card_38NyX .imgContainer_kVFj0 .love_3A49j {
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 50px;
        background: rgba(0, 0, 0, 0.5);
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
                transform: translateY(-100%); }
  .list_299Nr .card_38NyX .imgContainer_kVFj0 .love_3A49j i {
          color: #fff; }
  .list_299Nr .card_38NyX .imgContainer_kVFj0 .love_3A49j:hover {
          background: #000; }
  .list_299Nr .card_38NyX .imgContainer_kVFj0 img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
  .list_299Nr .card_38NyX .info_3xTzw {
      margin-top: 12px;
      height: 16px;
      font-weight: 500;
      font-size: 12px;
      color: #000;
      line-height: 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  .list_299Nr .card_38NyX .info_3xTzw .left_LIhYm {
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .list_299Nr .card_38NyX .info_3xTzw .right_oFp6B {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .list_299Nr .card_38NyX .info_3xTzw .right_oFp6B i {
          display: block;
          margin-right: 5px; }
  .list_299Nr .loadSvg_2UDVU {
    margin-top: 50px;
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .list_299Nr .loadSvg_2UDVU > img {
      width: 40px; }
  .list_299Nr .noData_OYNgG {
    padding: 144px 0 181px 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .list_299Nr .noData_OYNgG img {
      width: 160px; }
  .list_299Nr .noData_OYNgG .text_2xC_D {
      font-weight: 400;
      font-size: 16px;
      color: rgba(0, 0, 0, 0.4);
      line-height: 22px; }

.footer_QQ7Jq {
  min-height: 600px;
  background: #fafafa;
  padding: 0 132px 0 132px; }
  @media screen and (max-width: 1550px) {
    .footer_QQ7Jq {
      padding: 0 32px 0 32px; } }
  .footer_QQ7Jq .top_1RoYP {
    position: sticky;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 32px;
    padding-bottom: 24px;
    z-index: 100;
    background-color: #fafafa; }
  .footer_QQ7Jq .top_1RoYP .left_1-ZMf {
      height: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 38px; }
  .footer_QQ7Jq .top_1RoYP .left_1-ZMf .title_3NKPf {
        font-weight: 500;
        font-size: 22px;
        color: #747683;
        line-height: 30px;
        cursor: pointer; }
  .footer_QQ7Jq .top_1RoYP .left_1-ZMf .title_3NKPf.active_UmHQ0 {
          font-weight: bold;
          color: #000; }
  .footer_QQ7Jq .top_1RoYP .left_1-ZMf .title_3NKPf.disabled_24Vm8 {
          cursor: auto; }
  .footer_QQ7Jq .top_1RoYP .right_3CY_P {
      height: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 25px; }
  .footer_QQ7Jq .top_1RoYP .right_3CY_P .item_ITgMc {
        font-weight: 400;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.7);
        line-height: 30px;
        cursor: pointer; }
  .footer_QQ7Jq .top_1RoYP .right2_1bNXx {
      cursor: pointer;
      height: 30px;
      font-weight: 500;
      font-size: 18px;
      color: #000;
      line-height: 30px; }
  .footer_QQ7Jq .top_1RoYP .right2_1bNXx i {
        font-weight: 500;
        font-size: 18px;
        color: #000;
        line-height: 30px; }

.zoomContainer_xj7fn {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; }
  .zoomContainer_xj7fn .zoomImgBox_3EWFW {
    position: absolute;
    overflow: hidden; }
  .zoomContainer_xj7fn .zoomImgBox_3EWFW .img_uuWyH {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 2;
      cursor: pointer; }
  .zoomContainer_xj7fn .zoomImgBox_3EWFW .maskdata_23E2S {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      position: absolute;
      z-index: 11;
      border: 3px solid #d0102c; }
  .zoomContainer_xj7fn .zoomImgBox_3EWFW .maskdata1_3uUWt {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 11; }
  .zoomContainer_xj7fn .zoomOperation_D9qPP {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    overflow: hidden;
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 40px;
    padding: 6px 20px;
    background-color: rgba(0, 0, 0, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .zoomContainer_xj7fn .zoomOperation_D9qPP .operationItem_BT9w8 {
      float: left;
      padding: 2px 2px;
      margin-right: 21px;
      cursor: pointer; }
  .zoomContainer_xj7fn .zoomOperation_D9qPP .operationItem_BT9w8 > i {
        color: #fff;
        font-size: 18px; }
  .zoomContainer_xj7fn .zoomOperation_D9qPP .operationItem_BT9w8:nth-last-of-type(1) {
        margin-right: 0px; }
  .zoomContainer_xj7fn .right_TEoEd {
    position: absolute;
    bottom: 16px; }

.modalContent_gvPF- {
  width: 100vw;
  height: 100vh;
  background-color: #000;
  position: relative; }
  .modalContent_gvPF- .close_1usgd {
    z-index: 10000000;
    position: absolute;
    top: 48px;
    right: 0;
    width: 70px;
    height: 70px;
    background: #565b65;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .modalContent_gvPF- .close_1usgd i {
      display: block;
      font-size: 16px;
      color: #fff; }
  .modalContent_gvPF- .arrow_yaj8p {
    z-index: 10000000;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    top: 50%;
    width: 60px;
    height: 136px;
    background: #565b65;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .modalContent_gvPF- .arrow_yaj8p i {
      display: block;
      font-size: 16px;
      color: #fff; }
  .modalContent_gvPF- .imgContent_1jo8X {
    width: 100%;
    height: 100%; }
  .modalContent_gvPF- .list_36Hgl {
    position: absolute;
    top: 40px;
    left: 84px;
    height: calc(100% - 80px);
    overflow: auto; }
  .modalContent_gvPF- .list_36Hgl::-webkit-scrollbar {
      width: 0; }
  .modalContent_gvPF- .list_36Hgl .listPic_3KJbo {
      width: 110px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      background-color: #fff;
      padding: 4px;
      cursor: pointer; }
  .modalContent_gvPF- .list_36Hgl .listPic_3KJbo img {
        width: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        -o-object-position: center top;
           object-position: center top; }

.main_1ARMA {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto;
  background: #fff; }
  .main_1ARMA::-webkit-scrollbar {
    width: 0; }
  .main_1ARMA .content_u3dbF {
    padding: 31px 132px 24px 132px; }
  @media screen and (max-width: 1550px) {
      .main_1ARMA .content_u3dbF {
        padding: 31px 32px 24px 32px; } }
  .main_1ARMA .content_u3dbF .btn_-r_zB {
      height: 36px;
      border-radius: 4px;
      border: 1px solid #000;
      cursor: pointer;
      font-size: 12px;
      color: #000;
      line-height: 36px;
      padding: 0 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 5px; }
  .main_1ARMA .content_u3dbF .btn_-r_zB i {
        display: block; }
  .main_1ARMA .content_u3dbF .btn_-r_zB:hover {
        background-color: #000;
        color: #fff; }
  .main_1ARMA .content_u3dbF .btns_24siG {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 16px; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D {
      margin-top: 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 40px; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .mainPic_31Tl0 {
        width: 743px;
        height: 668px;
        border: 1px solid #979797;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 24px;
        position: relative;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  @media screen and (max-width: 1550px) {
          .main_1ARMA .content_u3dbF .contentMain_3hk_D .mainPic_31Tl0 {
            width: 617px;
            height: 555px; } }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .mainPic_31Tl0 .carousel_1mjJA {
          width: 100%;
          height: 100%; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .mainPic_31Tl0 .carousel_1mjJA .item_30Aw5 {
            width: 695px;
            height: 620px; }
  @media screen and (max-width: 1550px) {
              .main_1ARMA .content_u3dbF .contentMain_3hk_D .mainPic_31Tl0 .carousel_1mjJA .item_30Aw5 {
                width: 569px;
                height: 507px; } }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .mainPic_31Tl0 .carousel_1mjJA .item_30Aw5 img {
              width: 100%;
              height: 100%;
              cursor: pointer;
              -o-object-fit: cover;
                 object-fit: cover; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .mainPic_31Tl0 .arrow_dMJXj {
          z-index: 10;
          position: absolute;
          width: 60px;
          height: 60px;
          background: #fffefe;
          cursor: pointer;
          top: 50%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .mainPic_31Tl0 .arrow_dMJXj.disabled_2SAVr {
            color: #dcdde1;
            cursor: auto; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .mainPic_31Tl0 .arrow_dMJXj i {
            display: block; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 {
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        height: 668px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
  @media screen and (max-width: 1550px) {
          .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 {
            height: 555px; } }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .name_3sTZF {
          -ms-flex-negative: 0;
              flex-shrink: 0;
          font-weight: 500;
          font-size: 18px;
          color: #747683;
          line-height: 25px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .name_3sTZF i {
            font-size: 24px;
            display: block; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .top_27y0G {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .top_27y0G .left_knmDP {
            width: 0;
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
            height: 45px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .top_27y0G .left_knmDP .title_2fDwd {
              font-weight: 500;
              font-size: 32px;
              color: #111;
              line-height: 45px;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow-x: hidden; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .top_27y0G .left_knmDP .title_2fDwd::-webkit-scrollbar {
                width: 0;
                height: 0;
                display: none; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .top_27y0G .left_knmDP .title_2fDwd .underline_2htBr {
                position: relative;
                cursor: pointer; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .top_27y0G .left_knmDP .title_2fDwd .underline_2htBr::after {
                  content: "";
                  position: absolute;
                  left: 0;
                  bottom: 0px;
                  width: 0;
                  height: 3px;
                  background-color: #000;
                  -webkit-transition: all 0.5s ease;
                  transition: all 0.5s ease; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .top_27y0G .left_knmDP .title_2fDwd .underline_2htBr:hover::after {
                  width: 100%; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .top_27y0G .left_knmDP .zhijian_3yJ22 {
              width: 32px;
              height: 32px;
              cursor: pointer; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .top_27y0G .right_1TVWc {
            height: 45px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            gap: 16px;
            -ms-flex-negative: 0;
                flex-shrink: 0; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .second_1z5wr {
          margin-top: 16px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          gap: 24px;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          line-height: 25px; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .second_1z5wr .areaName_3NCWr {
            font-size: 18px;
            color: #000; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .scroll_1aIcC {
          height: 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          overflow: auto; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .scroll_1aIcC::-webkit-scrollbar {
            width: 0; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .scroll_1aIcC .sehao_1IWWH {
            margin-top: 24px; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .scroll_1aIcC .sehao_1IWWH .pics_3OR9J {
              margin-top: 16px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
              gap: 16px; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .scroll_1aIcC .sehao_1IWWH .pics_3OR9J .pic_28wgy {
                width: 111px;
                height: 111px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                cursor: pointer; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .scroll_1aIcC .sehao_1IWWH .pics_3OR9J .pic_28wgy.active_2NwsB img {
                  width: 91px;
                  height: 91px; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .scroll_1aIcC .sehao_1IWWH .pics_3OR9J .pic_28wgy img {
                  display: block;
                  width: 100%;
                  height: 100%;
                  -o-object-fit: cover;
                     object-fit: cover; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .scroll_1aIcC .zhijian_3yJ22 {
            margin-top: 24px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .scroll_1aIcC .zhijian_3yJ22 .zhijianName_LqjBo {
              margin-left: 18px;
              font-size: 18px;
              color: #43c8e0;
              line-height: 25px;
              cursor: pointer; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .scroll_1aIcC .infos_vLuse {
            margin-top: 16px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            gap: 16px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            padding: 16px;
            background: #fafafa; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .scroll_1aIcC .infos_vLuse .item_30Aw5 {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: start;
                  -ms-flex-align: start;
                      align-items: flex-start; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .scroll_1aIcC .infos_vLuse .item_30Aw5.left_knmDP {
                width: 30%; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .scroll_1aIcC .infos_vLuse .item_30Aw5.right_1TVWc {
                width: calc(70% - 16px); }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .scroll_1aIcC .infos_vLuse .item_30Aw5 .value_2d4Sf {
                width: 0;
                -webkit-box-flex: 1;
                    -ms-flex-positive: 1;
                        flex-grow: 1;
                margin-left: 5px;
                font-size: 18px;
                color: #000;
                line-height: 25px; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .scroll_1aIcC .infos_vLuse .keywords_1hzeq {
              margin-top: 6px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
              gap: 10px; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .scroll_1aIcC .infos_vLuse .keywords_1hzeq .keyword_OR-PR {
                padding: 0 10px;
                height: 24px;
                border-radius: 12px;
                border: 1px solid #000;
                font-weight: 400;
                font-size: 12px;
                color: #000;
                line-height: 22px;
                cursor: pointer; }
  .main_1ARMA .content_u3dbF .contentMain_3hk_D .info_2oWf4 .scroll_1aIcC .infos_vLuse .keywords_1hzeq .keyword_OR-PR:hover {
                  background: #000;
                  color: #fff; }
  .main_1ARMA .content_u3dbF .desc_25Eq6 {
      margin-top: 16px;
      font-weight: 500;
      font-size: 18px;
      color: #747683;
      line-height: 25px;
      padding-bottom: 12px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
  .main_1ARMA .content_u3dbF .descValue_2FC5w {
      margin-top: 12px;
      font-size: 18px;
      color: #000;
      line-height: 25px; }
  .main_1ARMA .backToTop_2oYXJ {
    position: fixed;
    right: 53px;
    bottom: 23px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #282828;
    -webkit-box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.16);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    cursor: pointer;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.mianliao-detail-modal.ant-modal {
  top: 0;
  padding: 0;
}
.mianliao-detail-modal .ant-modal-body {
  padding: 0;
}

.detail_1LpFA {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .detail_1LpFA .header_gHz5U {
    border-bottom: 1px solid #000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    height: 53px; }
  .detail_1LpFA .header_gHz5U .headerWrap_1yvoG {
      position: absolute;
      width: 100%;
      height: 53px;
      padding: 0 30px;
      padding-right: 37px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-transition: opacity 0.5s ease-out;
      transition: opacity 0.5s ease-out; }
  .detail_1LpFA .header_gHz5U .headerWrap_1yvoG.show_1FI-W {
        opacity: 1;
        z-index: 1; }
  .detail_1LpFA .header_gHz5U .headerWrap_1yvoG.hide_1S869 {
        opacity: 0;
        z-index: 0; }
  .detail_1LpFA .header_gHz5U .headerWrap_1yvoG .left_Zbkhm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .detail_1LpFA .header_gHz5U .headerWrap_1yvoG .left_Zbkhm .logo_1mPdS {
          width: 90px;
          height: 34px;
          background: url("https://assets.wow-trend.com/wowtrend/static/resource/images/wowlogo/6d682f00.svg") no-repeat;
          background-size: 100% 100%;
          margin-right: 20px;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
  .detail_1LpFA .header_gHz5U .headerWrap_1yvoG .left_Zbkhm .logo_1mPdS a {
            display: inline-block;
            width: 100%;
            height: 100%; }

.color-data-item {
  padding-top: 40px;
  padding-bottom: 40px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
.color-data-item.un-active {
  -webkit-transform: translateY(10%) scale(0.99);
      -ms-transform: translateY(10%) scale(0.99);
          transform: translateY(10%) scale(0.99);
  opacity: 0.1;
}
.color-data-item .title1 {
  height: 25px;
  font-size: 24px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.99);
  line-height: 25px;
  margin-bottom: 16px;
  text-align: center;
}
.color-data-item .main {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 228px;
  padding: 0;
}
.color-data-item .main .colors {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.color-data-item .main .colors .active0 {
  width: calc((100% - 70px) * 0.6003 + 10px);
  padding-left: 5px;
  padding-right: 5px;
}
.color-data-item .main .colors .active0:first-child {
  width: calc((100% - 70px) * 0.6003 + 5px);
  padding-left: 0;
  padding-right: 5px;
}
.color-data-item .main .colors .active0:last-child {
  width: calc((100% - 70px) * 0.6003 + 5px);
  padding-left: 5px;
  padding-right: 0;
}
.color-data-item .main .colors .item0 {
  width: calc((100% - 70px) * 0.0571 + 10px);
  padding-left: 5px;
  padding-right: 5px;
}
.color-data-item .main .colors .item0:hover {
  padding-left: 3px;
  padding-right: 3px;
}
.color-data-item .main .colors .item0:first-child {
  width: calc((100% - 70px) * 0.0571 + 5px);
  padding-left: 0;
  padding-right: 5px;
}
.color-data-item .main .colors .item0:first-child:hover {
  padding-right: 1px;
}
.color-data-item .main .colors .item0:last-child {
  width: calc((100% - 70px) * 0.0571 + 5px);
  padding-left: 5px;
  padding-right: 0;
}
.color-data-item .main .colors .item0:last-child:hover {
  padding-left: 1px;
}
.color-data-item .main .colors .active1 {
  width: calc((100% - 70px) * 0.5051 + 10px);
  padding-left: 5px;
  padding-right: 5px;
}
.color-data-item .main .colors .active1:first-child {
  width: calc((100% - 70px) * 0.5051 + 5px);
  padding-left: 0;
  padding-right: 5px;
}
.color-data-item .main .colors .active1:last-child {
  width: calc((100% - 70px) * 0.5051 + 5px);
  padding-left: 5px;
  padding-right: 0;
}
.color-data-item .main .colors .item1 {
  width: calc((100% - 70px) * 0.0707 + 10px);
  padding-left: 5px;
  padding-right: 5px;
}
.color-data-item .main .colors .item1:hover {
  padding-left: 3px;
  padding-right: 3px;
}
.color-data-item .main .colors .item1:first-child {
  width: calc((100% - 70px) * 0.0707 + 5px);
  padding-left: 0;
  padding-right: 5px;
}
.color-data-item .main .colors .item1:first-child:hover {
  padding-right: 1px;
}
.color-data-item .main .colors .item1:last-child {
  width: calc((100% - 70px) * 0.0707 + 5px);
  padding-left: 5px;
  padding-right: 0;
}
.color-data-item .main .colors .item1:last-child:hover {
  padding-left: 1px;
}
.color-data-item .main .colors .active2 {
  width: calc((100% - 70px) * 0.4435 + 10px);
  padding-left: 5px;
  padding-right: 5px;
}
.color-data-item .main .colors .active2:first-child {
  width: calc((100% - 70px) * 0.4435 + 5px);
  padding-left: 0;
  padding-right: 5px;
}
.color-data-item .main .colors .active2:last-child {
  width: calc((100% - 70px) * 0.4435 + 5px);
  padding-left: 5px;
  padding-right: 0;
}
.color-data-item .main .colors .item2 {
  width: calc((100% - 70px) * 0.0795 + 10px);
  padding-left: 5px;
  padding-right: 5px;
}
.color-data-item .main .colors .item2:hover {
  padding-left: 3px;
  padding-right: 3px;
}
.color-data-item .main .colors .item2:first-child {
  width: calc((100% - 70px) * 0.0795 + 5px);
  padding-left: 0;
  padding-right: 5px;
}
.color-data-item .main .colors .item2:first-child:hover {
  padding-right: 1px;
}
.color-data-item .main .colors .item2:last-child {
  width: calc((100% - 70px) * 0.0795 + 5px);
  padding-left: 5px;
  padding-right: 0;
}
.color-data-item .main .colors .item2:last-child:hover {
  padding-left: 1px;
}
.color-data-item .main .colors .active {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.color-data-item .main .colors .active .detail {
  width: 662px;
  height: 100%;
  -webkit-box-flex: 662;
      -ms-flex-positive: 662;
          flex-grow: 662;
  cursor: pointer;
  border-radius: 4px 0px 0px 4px;
  position: relative;
}
.color-data-item .main .colors .active .detail.no-child {
  border-radius: 4px;
}
.color-data-item .main .colors .active .detail .detail-content {
  width: 100%;
  height: 100%;
  padding: 20px;
}
.color-data-item .main .colors .active .detail .detail-content .desc {
  height: 116px;
  font-size: 12px;
  color: #ffffff;
  font-weight: 400;
}
.color-data-item .main .colors .active .detail .detail-content .top {
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  line-height: 25px;
  margin-bottom: 3px;
  font-weight: bold;
}
.color-data-item .main .colors .active .detail .detail-content .bottom {
  position: absolute;
  left: 24px;
  bottom: 24px;
  width: 100%;
  height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.color-data-item .main .colors .active .detail .detail-content .bottom .bottom-item {
  height: 22px;
  border-radius: 11px;
  background: rgba(0, 0, 0, 0.15);
  font-size: 12px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  line-height: 20px;
  padding: 0 12px;
  margin-right: 16px;
  position: relative;
}
.color-data-item .main .colors .active .detail .detail-content .bottom .bottom-item:hover {
  color: #ffffff;
}
.color-data-item .main .colors .active .detail .detail-content .bottom .bottom-item .copy-messaage {
  position: absolute;
  right: 6px;
  top: -36px;
  padding: 0 7px;
  height: 23px;
  background: #515151;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  line-height: 23px;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  display: none;
}
.color-data-item .main .colors .active .detail .detail-content .bottom .bottom-item .copy-messaage.show {
  display: block;
}
.color-data-item .main .colors .active .child-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.color-data-item .main .colors .active .child-container .child {
  width: 1px;
  -webkit-box-flex: 48;
      -ms-flex-positive: 48;
          flex-grow: 48;
  height: 100%;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.color-data-item .main .colors .active .child-container .child:hover {
  -webkit-box-flex: 88;
      -ms-flex-positive: 88;
          flex-grow: 88;
}
.color-data-item .main .colors .active .child-container .child.child-selected {
  -webkit-box-flex: 88;
      -ms-flex-positive: 88;
          flex-grow: 88;
  border: 4px solid rgba(255, 255, 255, 0.55);
}
.color-data-item .main .colors .active .child-container .child:last-child {
  border-radius: 0px 4px 4px 0px;
}
.color-data-item .main .colors .item {
  height: 100%;
  background-color: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.color-data-item .main .colors .item.item0 .item-content {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 5px;
  padding-top: 20px;
}
.color-data-item .main .colors .item .item-content {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
  font-size: 16px;
  color: #fff;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.color-data-item .main .colors .item .item-content .text {
  position: absolute;
  left: 16px;
  bottom: 16px;
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
}
.color-data-item .title2 {
  height: 22px;
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.8);
  line-height: 22px;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 12px;
}
.color-data-item .recommend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
}
.color-data-item .recommend .recommend-item {
  width: calc(25% - 24px + 32px);
  padding-left: 16px;
  padding-right: 16px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
}
.color-data-item .recommend .recommend-item:hover,
.color-data-item .recommend .recommend-item.selected {
  padding-left: 12px;
  padding-right: 12px;
}
.color-data-item .recommend .recommend-item:first-child {
  width: calc(25% - 24px + 16px);
  padding-left: 0;
  padding-right: 16px;
}
.color-data-item .recommend .recommend-item:first-child:hover,
.color-data-item .recommend .recommend-item:first-child.selected {
  padding-left: 0;
  padding-right: 8px;
}
.color-data-item .recommend .recommend-item:last-child {
  width: calc(25% - 24px + 16px);
  padding-left: 16px;
  padding-right: 0;
}
.color-data-item .recommend .recommend-item:last-child:hover,
.color-data-item .recommend .recommend-item:last-child.selected {
  padding-left: 8px;
  padding-right: 0;
}
.color-data-item .recommend .recommend-item.selected .recommend-item-child:nth-child(1) {
  border: 4px solid rgba(255, 255, 255, 0.55);
  border-right: none;
}
.color-data-item .recommend .recommend-item.selected .recommend-item-child:nth-child(2) {
  border: 4px solid rgba(255, 255, 255, 0.55);
  border-left: none;
}
.color-data-item .recommend .recommend-item:nth-child(1) {
  margin-left: 0;
}
.color-data-item .recommend .recommend-item .recommend-item-child {
  height: 100%;
  border-radius: 0px 4px 4px 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.color-data-item .recommend .recommend-item .recommend-item-child:nth-child(1) {
  border-radius: 4px 0px 0px 4px;
}
.color-data-item .color-data-pics {
  margin-top: 16px;
}
.color-data-item .color-data-pics .more {
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #50596d;
  line-height: 20px;
  margin-bottom: 10px;
  cursor: pointer;
}
.color-data-item .color-data-pics .more:hover {
  color: #000;
}
.color-data-item .color-data-pics .more i {
  color: #50596d;
  font-size: 14px;
}
.color-data-item .color-data-pics .more .btn {
  float: right;
}
.color-data-item .color-data-pics .pics-container {
  width: 100%;
  position: relative;
}
.color-data-item .color-data-pics .pics-container .pic-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.color-data-item .color-data-pics .pics-container .pic-content .loading {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.color-data-item .color-data-pics .pics-container .pic-content .pic-item {
  height: 100%;
  margin-left: 20px;
  cursor: pointer;
  position: relative;
}
.color-data-item .color-data-pics .pics-container .pic-content .pic-item:nth-child(1) {
  margin-left: 0;
}
.color-data-item .color-data-pics .pics-container .pic-content .pic-item .img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.popularColor_1ihjy {
  padding: 0 50px 50px 50px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .popularColor_1ihjy.unActive_2-8OU {
    -webkit-transform: translateY(8.33vh) scale(0.99);
        -ms-transform: translateY(8.33vh) scale(0.99);
            transform: translateY(8.33vh) scale(0.99);
    opacity: 0.1; }
  .popularColor_1ihjy .loading_3BwOf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .popularColor_1ihjy .noMore_1gd2W {
    width: 100%;
    height: 70px;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    line-height: 120px;
    text-align: center; }

.popularColorResult_1Inin {
  width: 100%; }
  .popularColorResult_1Inin .header_YZDu6 {
    width: 100%;
    padding-bottom: 7.28%;
    position: relative;
    overflow: hidden; }
  .popularColorResult_1Inin .header_YZDu6 .slider_2FSEZ {
      width: 100%;
      padding-bottom: 7.28%;
      position: absolute;
      z-index: 50; }
  .popularColorResult_1Inin .header_YZDu6 .slider_2FSEZ.fixedHeader_3KWUc {
        width: 100%;
        padding-bottom: 40px;
        position: fixed;
        left: 0;
        top: 74px; }
  .popularColorResult_1Inin .header_YZDu6 .slider_2FSEZ.fixedHeader_3KWUc .sliderContainer_bmlix {
          visibility: hidden; }
  .popularColorResult_1Inin .header_YZDu6 .slider_2FSEZ.fixedHeader_3KWUc .fixedColors_2pAEx {
          visibility: visible; }
  .popularColorResult_1Inin .header_YZDu6 .slider_2FSEZ.fixedHeader_3KWUc:hover, .popularColorResult_1Inin .header_YZDu6 .slider_2FSEZ.fixedHeader_3KWUc.longHover_2f5cW {
          padding-bottom: 7.28%; }
  .popularColorResult_1Inin .header_YZDu6 .slider_2FSEZ.fixedHeader_3KWUc:hover .sliderContainer_bmlix, .popularColorResult_1Inin .header_YZDu6 .slider_2FSEZ.fixedHeader_3KWUc.longHover_2f5cW .sliderContainer_bmlix {
            visibility: visible; }
  .popularColorResult_1Inin .header_YZDu6 .slider_2FSEZ.fixedHeader_3KWUc:hover .fixedColors_2pAEx, .popularColorResult_1Inin .header_YZDu6 .slider_2FSEZ.fixedHeader_3KWUc.longHover_2f5cW .fixedColors_2pAEx {
            visibility: hidden; }
  .popularColorResult_1Inin .header_YZDu6 .slider_2FSEZ .fixedColors_2pAEx {
        visibility: hidden;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
  .popularColorResult_1Inin .header_YZDu6 .slider_2FSEZ .fixedColors_2pAEx .colorItem_1vsXm {
          width: 0;
          height: 100%; }
  .popularColorResult_1Inin .header_YZDu6 .slider_2FSEZ .sliderContainer_bmlix {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
  .popularColorResult_1Inin .header_YZDu6 .slider_2FSEZ .sliderContainer_bmlix:hover .addColor_3Lwu1, .popularColorResult_1Inin .header_YZDu6 .slider_2FSEZ .sliderContainer_bmlix.contentLongHover_15jXs .addColor_3Lwu1 {
          -webkit-box-flex: 2.6;
              -ms-flex-positive: 2.6;
                  flex-grow: 2.6;
          visibility: visible; }
  .popularColorResult_1Inin .header_YZDu6 .slider_2FSEZ .sliderContainer_bmlix .colorSliderContainer_3ivQh {
          height: 100%;
          width: 0;
          -webkit-box-flex: 97.4;
              -ms-flex-positive: 97.4;
                  flex-grow: 97.4; }
  .popularColorResult_1Inin .header_YZDu6 .slider_2FSEZ .sliderContainer_bmlix .addColor_3Lwu1 {
          width: 0;
          -webkit-box-flex: 0;
              -ms-flex-positive: 0;
                  flex-grow: 0;
          height: 100%;
          background: #eee;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          cursor: pointer;
          visibility: hidden; }
  .popularColorResult_1Inin .upload_Bxpjq {
    padding-bottom: 2px;
    height: 74px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .popularColorResult_1Inin .upload_Bxpjq .btn_3gef8 {
      height: 40px;
      border-radius: 20px;
      border: 1px solid #000000;
      padding: 0 32px;
      line-height: 38px;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .popularColorResult_1Inin .upload_Bxpjq .btn_3gef8:hover {
        background: rgba(0, 0, 0, 0.04); }
  .popularColorResult_1Inin .upload_Bxpjq .btn_3gef8:nth-child(2) {
        margin-left: 24px; }
  .popularColorResult_1Inin .filters_2UXS0 {
    padding: 0 50px;
    margin-bottom: 10px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
  .popularColorResult_1Inin .filters_2UXS0 .filter_2EuzW {
      margin-right: 48px;
      height: 20px;
      font-size: 14px;
      font-weight: 400;
      color: #000000;
      line-height: 20px; }
  .popularColorResult_1Inin .filters_2UXS0 .filter_2EuzW:last-child {
        margin-left: auto;
        margin-right: 0; }
  .popularColorResult_1Inin .filters_2UXS0 .filter_2EuzW.disabled_1ffYh {
        pointer-events: none; }
  .popularColorResult_1Inin .filters_2UXS0 .funcs_3bvzh {
      position: absolute;
      bottom: 2px;
      right: 200px;
      height: 16px;
      font-size: 14px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.6);
      line-height: 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .popularColorResult_1Inin .filters_2UXS0 .funcs_3bvzh.fixed_1nm4j {
        height: 48px;
        position: fixed;
        top: 114px;
        z-index: 10;
        width: 100%;
        right: 0;
        background: #fafafa;
        padding: 16px 27px 16px 0; }
  .popularColorResult_1Inin .filters_2UXS0 .funcs_3bvzh.fixed_1nm4j.inspiration_3VroD {
          top: 114px; }
  .popularColorResult_1Inin .filters_2UXS0 .funcs_3bvzh.fixed_1nm4j.singlePalette_3DaT9 {
          top: 74px; }
  .popularColorResult_1Inin .filters_2UXS0 .funcs_3bvzh.fixed_1nm4j .item_3YcDV:first-child {
          margin-left: auto; }
  .popularColorResult_1Inin .filters_2UXS0 .funcs_3bvzh.hide_2cNOn {
        visibility: hidden;
        pointer-events: none; }
  .popularColorResult_1Inin .filters_2UXS0 .funcs_3bvzh .item_3YcDV {
        margin-right: 26px;
        cursor: pointer; }
  .popularColorResult_1Inin .list_aaQki {
    width: calc(100% - 100px);
    margin: 0 auto;
    padding-bottom: 48px;
    position: relative; }
  .popularColorResult_1Inin .list_aaQki .loadingContainer_2Z4_8 {
      position: absolute;
      width: 100%;
      height: 48px;
      left: 0;
      bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .popularColorResult_1Inin .list_aaQki .loadingContainer_2Z4_8 > div {
        margin: 0; }
  .popularColorResult_1Inin .first_1BBVn {
    position: relative; }
  .popularColorResult_1Inin .first_1BBVn:hover .cover_3_G1R {
      opacity: 1;
      pointer-events: auto; }
  .popularColorResult_1Inin .first_1BBVn .cover_3_G1R {
      opacity: 0;
      pointer-events: none;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      cursor: pointer;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.7);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .popularColorResult_1Inin .first_1BBVn .cover_3_G1R .btn_3gef8 {
        width: 204px;
        height: 40px;
        border: 1px solid #ffffff;
        font-size: 18px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.99);
        line-height: 40px;
        text-align: center; }
  .popularColorResult_1Inin .first_1BBVn .cover_3_G1R .btn_3gef8:hover {
          background-color: rgba(255, 255, 255, 0.1); }
  .popularColorResult_1Inin .first_1BBVn .cover_3_G1R .btn_3gef8:active {
          background-color: rgba(255, 255, 255, 0.3); }
  .popularColorResult_1Inin .first_1BBVn .selectArea_2Z3Yn {
      position: absolute;
      -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2);
              box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2);
      border: 4px solid #ffffff;
      pointer-events: none; }
  .popularColorResult_1Inin .noData_34AME {
    padding: 0 50px; }
  .popularColorResult_1Inin .noData_34AME .warnContainer_3duKe {
      width: 100%;
      padding-bottom: 8%;
      position: relative;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .popularColorResult_1Inin .noData_34AME .warnContainer_3duKe .warn_1DNpJ {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 16px;
        font-weight: bold;
        color: rgba(0, 0, 0, 0.4); }
  .popularColorResult_1Inin .noData_34AME .title_1ScaT {
      margin-top: 40px;
      margin-bottom: 10px;
      height: 30px;
      font-size: 22px;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.99);
      line-height: 30px; }
  .popularColorResult_1Inin .noData3_3ZP8l {
    margin-top: 128px;
    height: calc(100vh - 358px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .popularColorResult_1Inin .noData3_3ZP8l .img_2ixIV {
      width: 80px;
      height: 80px; }
  .popularColorResult_1Inin .noData3_3ZP8l .text_3LrZa {
      margin-top: 44px;
      height: 22px;
      font-size: 16px;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.4);
      line-height: 22px; }
  .popularColorResult_1Inin .noData2_3tB3f {
    padding: 0 50px; }
  .popularColorResult_1Inin .noData2_3tB3f .warn_1DNpJ {
      height: 95px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 16px;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.4); }
  .popularColorResult_1Inin .noData2_3tB3f .title_1ScaT {
      margin-top: 40px;
      height: 30px;
      font-size: 22px;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.99);
      line-height: 30px; }
  .popularColorResult_1Inin .picCardStyle_120SP {
    border: none; }
  .popularColorResult_1Inin .colors_1fhvO {
    padding-top: 10px;
    width: 100%;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .popularColorResult_1Inin .colors_1fhvO .colorContainer_2NPlN {
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      overflow: hidden; }
  .popularColorResult_1Inin .colors_1fhvO .colorContainer_2NPlN .color_1XPGv {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        width: 20px;
        height: 20px;
        margin-right: 8px;
        border-radius: 50%;
        cursor: pointer; }
  .popularColorResult_1Inin .colors_1fhvO .releaseTime_20a9I {
      font-size: 12px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.6);
      line-height: 16px; }
  .popularColorResult_1Inin .colors_1fhvO .colorsHover_22GAY {
      position: absolute;
      width: 100%;
      height: 30px;
      left: 0;
      top: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      overflow: hidden; }
  .popularColorResult_1Inin .colors_1fhvO .colorsHover_22GAY .colorBlock_2EfnN {
        position: relative;
        top: -30px;
        height: 100%;
        -webkit-transition: top 0.2s cubic-bezier(0.57, 0.005, 0.055, 0.995);
        transition: top 0.2s cubic-bezier(0.57, 0.005, 0.055, 0.995);
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; }
  .popularColorResult_1Inin .loading_1Gj1h {
    width: 100%;
    margin-top: 77px;
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .popularColorResult_1Inin .loading_1Gj1h .center_ZVABe {
      width: 67px;
      height: 13px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  .popularColorResult_1Inin .loading_1Gj1h .center_ZVABe .item_3YcDV {
        width: 13px;
        height: 13px;
        border-radius: 50%; }
  .popularColorResult_1Inin .loading_1Gj1h .center_ZVABe .item_3YcDV:nth-child(1) {
          background: #4065f9; }
  .popularColorResult_1Inin .loading_1Gj1h .center_ZVABe .item_3YcDV:nth-child(2) {
          background: #f8ea00; }
  .popularColorResult_1Inin .loading_1Gj1h .center_ZVABe .item_3YcDV:nth-child(3) {
          background: #00b90f; }
  .popularColorResult_1Inin .loading_1Gj1h .center_ZVABe .item_3YcDV:nth-child(4) {
          background: #ff0000; }
  .popularColorResult_1Inin .noMore_2RCNJ {
    width: 100%;
    height: 70px;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    line-height: 20px;
    text-align: center; }
  .fixedUploadPic_q0GgA {
  -webkit-transform: translateY(-96px);
      -ms-transform: translateY(-96px);
          transform: translateY(-96px); }
  .fixedBackToTop_1KJAa {
  position: fixed;
  right: 3px;
  bottom: -44px;
  z-index: 100;
  width: 44px;
  height: 44px;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.32);
          box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.32);
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000000;
  -webkit-transition: bottom 0.55s cubic-bezier(0.785, 0.135, 0.04, 0.995);
  transition: bottom 0.55s cubic-bezier(0.785, 0.135, 0.04, 0.995); }
  .fixedBackToTop_1KJAa.active_3pI8L:nth-child(1) {
    bottom: 32px;
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s; }
  .fixedBackToTop_1KJAa.active_3pI8L:nth-child(2) {
    bottom: 100px;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s; }
  .fixedBackToTop_1KJAa.active_3pI8L:nth-child(3) {
    bottom: 168px; }
  .fixedBackToTop_1KJAa:hover {
    color: #ffffff;
    background: #000000; }
  .fixedBackToTop_1KJAa.xiangji_3Sdqa {
    background: #000000;
    color: #fff;
    -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08); }
  .fixedBackToTop_1KJAa.xiangji_3Sdqa:hover {
      background: #333333; }
  .permissionContainer_3Ng6o {
  height: calc(100vh - 124px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .colorSelectItem_2MRmT {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .colorSelectItem_2MRmT .color_1XPGv {
    width: 16px;
    height: 16px;
    background: #3a6a90;
    border-radius: 50%;
    margin-right: 12px; }

.rc-autoresponsive-container > div:hover .circle-color {
  visibility: hidden;
}
.rc-autoresponsive-container > div:hover .colors-hover .colorBlock {
  top: 0;
}

.colorSelect_1jxyV {
  width: 100%; }
  .colorSelect_1jxyV .header_1kpiI {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .colorSelect_1jxyV .header_1kpiI .btn_3GcKL {
      width: 56px;
      height: 24px;
      background-color: #fff;
      border: 1px solid #50596d;
      font-size: 12px;
      font-weight: 500;
      color: #555b70;
      line-height: 22px;
      text-align: center;
      cursor: pointer; }
  .colorSelect_1jxyV .header_1kpiI .btn_3GcKL.selected_2puLc {
        background-color: #555b70;
        color: #fff; }
  .colorSelect_1jxyV .header_1kpiI .btn_3GcKL:nth-child(2) {
        margin-left: 16px; }
  .colorSelect_1jxyV .main_3y6gI {
    margin-top: 16px;
    height: 414px; }
  .pantoneSelect_3vHSs .types_2p44N {
  margin-bottom: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .pantoneSelect_3vHSs .types_2p44N .item_1QuqY {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    cursor: pointer;
    position: relative; }
  .pantoneSelect_3vHSs .types_2p44N .item_1QuqY::after {
      content: "";
      position: absolute;
      left: -2px;
      top: -2px;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      border: 1px solid #000;
      visibility: hidden; }
  .pantoneSelect_3vHSs .types_2p44N .item_1QuqY.selected_2puLc::after {
      visibility: visible; }
  .pantoneSelect_3vHSs .inputContainer_29GnF {
  position: relative; }
  .pantoneSelect_3vHSs .inputContainer_29GnF .input_1Dxw3 {
    display: inline-block;
    width: 100%;
    height: 30px;
    background: rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    margin-bottom: 12px;
    border: none;
    outline: none;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.4);
    line-height: 30px; }
  .pantoneSelect_3vHSs .inputContainer_29GnF .input_1Dxw3::-webkit-input-placeholder {
      font-size: 12px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.4);
      line-height: 30px; }
  .pantoneSelect_3vHSs .inputContainer_29GnF .iconfont_3qEZh {
    position: absolute;
    top: 3px;
    right: 12px;
    cursor: pointer; }
  .pantoneSelect_3vHSs .colors_1tLBI {
  width: 355px;
  padding-right: 16px;
  height: 336px;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start; }
  .pantoneSelect_3vHSs .colors_1tLBI::-webkit-scrollbar {
    width: 4px; }
  .pantoneSelect_3vHSs .colors_1tLBI .item_1QuqY {
    width: 20px;
    height: 20px;
    margin-bottom: 1px;
    cursor: pointer; }
  .hexSelect_3KSpD {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .hexSelect_3KSpD .hexSelectContent_ayVla {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .hexSelect_3KSpD .item_1QuqY {
    width: 24px;
    height: 24px;
    margin-bottom: 1px;
    cursor: pointer; }

.small-color-slider {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.small-color-slider .item {
  position: relative;
  height: 100%;
  cursor: url(https://assets.wow-trend.com/wowtrend/static/resource/images/46007d85.svg) 2 2, default;
}
.small-color-slider .item:first-child {
  border-radius: 8px 0px 0px 8px;
}
.small-color-slider .item:hover .color-slider-hover {
  visibility: visible;
}
.small-color-slider .item .color-slider-hover {
  position: absolute;
  height: 16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 18px;
  visibility: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.small-color-slider .item .color-slider-hover .hover-btn {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  color: #fff;
  text-align: center;
  line-height: 16px;
  cursor: pointer;
}
.small-color-slider .item .color-slider-hover .hover-btn i {
  display: block;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.15);
}
.small-color-slider .item .color-slider-hover .hover-btn:nth-child(2) {
  margin-left: 10px;
}
.small-color-slider .item .index {
  position: absolute;
  width: 26px;
  height: 68px;
  right: -13px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: transparent;
  z-index: 10;
  cursor: col-resize;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.small-color-slider .item .index .icon-container {
  width: 10px;
  height: 44px;
  border-radius: 4px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.small-color-slider .copy-text-style {
  position: absolute;
  top: 0;
  left: 0;
  height: 23px;
  background: #515151;
  border-radius: 3px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 17px;
  padding: 3px 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: none;
  z-index: 12;
}
.small-color-slider .panton-info-tip {
  display: none;
  position: fixed;
  left: 0;
  background: #000000;
  border-radius: 3px;
  color: #FFFFFF;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 18px;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
  height: 124px;
  z-index: 11;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.small-color-slider .panton-info-tip .panton-tip-title {
  padding: 8px 12px;
  border-bottom: 1px solid rgba(250, 250, 250, 0.2);
}
.small-color-slider .panton-info-tip .panton-tip-arrow {
  position: absolute;
  top: -4px;
  z-index: -1;
  border-color: #000000;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}
.small-color-slider .panton-info-tip .panton-tip-content {
  padding: 8px 12px;
}
.small-color-slider .panton-info-tip span {
  position: relative;
}
.small-color-slider .panton-info-tip span::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.5px;
  width: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #FFFFFF;
}
.small-color-slider .panton-info-tip:hover span::before {
  width: 100%;
}

.searchPicByColor_2-klh {
  padding: 0 50px; }
  .searchPicByColor_2-klh .step_3xkoI {
    float: right;
    position: sticky;
    top: 0;
    width: 375px;
    height: calc(100vh - 124px);
    background: #ffffff;
    padding: 0 20px;
    overflow: auto;
    overflow-x: hidden; }
  .searchPicByColor_2-klh .step_3xkoI.fixed_1X0xR {
      top: 74px;
      height: calc(100vh - 74px); }
  .searchPicByColor_2-klh .step_3xkoI .title_2isT- {
      height: 31px;
      font-size: 24px;
      color: #000000;
      line-height: 31px; }
  .searchPicByColor_2-klh .step_3xkoI .desc_2IgUk {
      height: 20px;
      font-size: 14px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.4);
      line-height: 20px; }
  .searchPicByColor_2-klh .step_3xkoI .main_2vh9h {
      margin-top: 20px;
      position: relative; }
  .searchPicByColor_2-klh .step_3xkoI .main_2vh9h .warn_3lHWo {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
                transform: translate3d(-50%, -50%, 0);
        z-index: 10;
        height: 23px;
        background: #515151;
        border-radius: 3px;
        white-space: nowrap;
        font-size: 12px;
        font-weight: 400;
        color: #ffffff;
        line-height: 23px;
        padding: 0 8px; }
  .searchPicByColor_2-klh .step_3xkoI .step1_2A3MF {
      margin-top: 34px; }
  .searchPicByColor_2-klh .step_3xkoI .step2_22_7v {
      margin-top: 40px;
      position: relative; }
  .searchPicByColor_2-klh .step_3xkoI .step2_22_7v .add_1HB7q {
        height: 17px;
        font-size: 12px;
        font-weight: 400;
        color: #555b70;
        line-height: 17px;
        cursor: pointer;
        position: absolute;
        right: 0; }
  .searchPicByColor_2-klh .step_3xkoI .step2_22_7v .colorSliderContainer_z72sS {
        margin-top: 20px;
        height: 100px;
        padding: 10px;
        border-radius: 8px;
        border: 1px solid rgba(0, 0, 0, 0.1); }
  .searchPicByColor_2-klh .content_2_QwP {
    padding-top: 32px;
    background-color: #fafafa;
    margin-right: 375px;
    padding-right: 20px; }
  .searchPicByColor_2-klh .content_2_QwP .header_19eaD {
      height: 16px;
      margin-bottom: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  .searchPicByColor_2-klh .content_2_QwP .header_19eaD .headerLeft_3Hrlb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .searchPicByColor_2-klh .content_2_QwP .header_19eaD .headerLeft_3Hrlb .filter_2bA6q {
          margin-right: 48px;
          height: 20px;
          font-size: 14px;
          font-weight: 400;
          color: #000000;
          line-height: 20px; }
  .searchPicByColor_2-klh .content_2_QwP .header_19eaD .headerLeft_3Hrlb .filter_2bA6q:last-child {
            margin-left: auto;
            margin-right: 0; }
  .searchPicByColor_2-klh .content_2_QwP .header_19eaD .headerLeft_3Hrlb .filter_2bA6q.disabled_3IDs7 {
            pointer-events: none; }
  .searchPicByColor_2-klh .content_2_QwP .header_19eaD .headerRight_1aJDi {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
  .searchPicByColor_2-klh .content_2_QwP .header_19eaD .headerRight_1aJDi .filter_2bA6q {
          margin-left: 40px;
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1; }
  .searchPicByColor_2-klh .content_2_QwP .header_19eaD .funcs_a9JMV {
        height: 16px;
        font-size: 14px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.6);
        line-height: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .searchPicByColor_2-klh .content_2_QwP .header_19eaD .funcs_a9JMV.fixed_1X0xR {
          height: 48px;
          position: fixed;
          top: 74px;
          z-index: 10;
          width: 100%;
          right: 427px;
          background: #fafafa;
          padding: 16px 20px 16px 0; }
  .searchPicByColor_2-klh .content_2_QwP .header_19eaD .funcs_a9JMV.fixed_1X0xR .item_13lGc:first-child {
            margin-left: auto; }
  .searchPicByColor_2-klh .content_2_QwP .header_19eaD .funcs_a9JMV.hide_1-VHq {
          visibility: hidden;
          pointer-events: none; }
  .searchPicByColor_2-klh .content_2_QwP .header_19eaD .funcs_a9JMV .item_13lGc {
          margin-right: 26px;
          cursor: pointer; }
  .searchPicByColor_2-klh .content_2_QwP .header_19eaD .funcs_a9JMV .item_13lGc:last-child {
            margin-right: 5px; }
  .searchPicByColor_2-klh .content_2_QwP .list_nD9_s {
      padding-bottom: 48px;
      position: relative; }
  .searchPicByColor_2-klh .content_2_QwP .list_nD9_s .loadingContainer_2nDol {
        position: absolute;
        width: 100%;
        height: 48px;
        left: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .searchPicByColor_2-klh .content_2_QwP .list_nD9_s .loadingContainer_2nDol > div {
          margin: 0; }
  .searchPicByColor_2-klh .content_2_QwP .noData_2WF6V .text_3-1Ry {
      height: 142px;
      font-size: 16px;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.4);
      line-height: 22px;
      padding-top: 80px;
      padding-bottom: 40px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      text-align: center; }
  .searchPicByColor_2-klh .content_2_QwP .noData_2WF6V .title_2isT- {
      margin-top: 40px;
      margin-bottom: 16px;
      height: 30px;
      font-size: 22px;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.99);
      line-height: 30px; }
  .searchPicByColor_2-klh .content_2_QwP .colors_1YlOi {
      padding-top: 10px;
      width: 100%;
      height: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .searchPicByColor_2-klh .content_2_QwP .colors_1YlOi .colorContainer_2MEBC {
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden; }
  .searchPicByColor_2-klh .content_2_QwP .colors_1YlOi .colorContainer_2MEBC .color_2YiVO {
          -ms-flex-negative: 0;
              flex-shrink: 0;
          width: 20px;
          height: 20px;
          margin-right: 8px;
          border-radius: 50%;
          cursor: pointer; }
  .searchPicByColor_2-klh .content_2_QwP .colors_1YlOi .releaseTime_3jpHj {
        font-size: 12px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.6);
        line-height: 16px; }
  .searchPicByColor_2-klh .content_2_QwP .colors_1YlOi .colorsHover_1Iys5 {
        position: absolute;
        width: 100%;
        height: 30px;
        left: 0;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden; }
  .searchPicByColor_2-klh .content_2_QwP .colors_1YlOi .colorsHover_1Iys5 .colorBlock_3uILL {
          position: relative;
          top: -30px;
          height: 100%;
          -webkit-transition: top 0.2s cubic-bezier(0.57, 0.005, 0.055, 0.995);
          transition: top 0.2s cubic-bezier(0.57, 0.005, 0.055, 0.995);
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1; }
  .searchPicByColor_2-klh .content_2_QwP .noMore_3pTU_ {
      width: 100%;
      height: 70px;
      font-size: 14px;
      font-weight: 400;
      color: #000000;
      line-height: 20px;
      text-align: center; }
  .permissionContainer_3ikbx {
  height: calc(100vh - 124px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.rc-autoresponsive-container > div:hover .circle-color {
  visibility: hidden;
}
.rc-autoresponsive-container > div:hover .colors-hover .colorBlock {
  top: 0 !important;
}

.drag_2bwJa {
  width: 110px;
  height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-right: 20px; }
  .drag_2bwJa .main_B2ZvD {
    width: 60px;
    height: 16px;
    text-align: center;
    position: relative;
    cursor: pointer; }
  .drag_2bwJa .main_B2ZvD .line_8gyKQ {
      position: absolute;
      top: 5.5px;
      left: 0;
      width: 60px;
      height: 2px;
      background: #d7d5d5; }
  .drag_2bwJa .main_B2ZvD .cube_1Tf0h {
      position: absolute;
      width: 8px;
      height: 14px;
      top: -0.5px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border: 1px solid #333333;
      background-color: #fff; }

.card_1xtTB {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  position: relative;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }
  .card_1xtTB .imgMask_1HuXG {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    z-index: 10;
    pointer-events: none; }
  .card_1xtTB:hover {
    background-color: #fafafa; }
  .card_1xtTB:hover .imgMask_1HuXG {
      opacity: 1; }
  .card_1xtTB.visited_3mG5i .title_2IIMj {
    color: #b5b5b5d9; }
  .card_1xtTB.visited_3mG5i .title_2IIMj > span::before {
      background: #a8a6a7; }
  .card_1xtTB.visited_3mG5i .time_2WfBc i,
  .card_1xtTB.visited_3mG5i .look_2LvnS i,
  .card_1xtTB.visited_3mG5i .tupian_JgmVe i,
  .card_1xtTB.visited_3mG5i .shipin_3Zn_W i {
    color: #b5b5b5d9; }
  .card_1xtTB.visited_3mG5i .tags_1Y2B1 > span {
    color: #b5b5b5d9; }
  .card_1xtTB .cardImgBox_26Zr5 {
    position: relative;
    width: 100%;
    border: 1px solid #f6f6f6;
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
    background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
    background-size: 800% 100%; }
  .card_1xtTB .cardImgBox_26Zr5 .cardImgWrap_l-Cmi {
      width: 100%;
      position: relative; }
  .card_1xtTB .cardImgBox_26Zr5 .cardImgWrap_l-Cmi .keyword_1LWsh {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 33px;
        background: rgba(0, 0, 0, 0.4);
        font-size: 14px;
        font-weight: 400;
        color: #ffffff;
        line-height: 33px;
        padding: 0 20px;
        z-index: 11; }
  .card_1xtTB .cardImgBox_26Zr5 .cardImgWrap_l-Cmi .keyword_1LWsh .text_3AL9m {
          position: relative; }
  .card_1xtTB .cardImgBox_26Zr5 .cardImgWrap_l-Cmi .keyword_1LWsh .text_3AL9m:hover::before {
            right: 0%; }
  .card_1xtTB .cardImgBox_26Zr5 .cardImgWrap_l-Cmi .keyword_1LWsh .text_3AL9m::before {
            content: "";
            position: absolute;
            z-index: 10;
            left: 0;
            right: 100%;
            bottom: -2px;
            background: #fff;
            height: 1px;
            -webkit-transition-property: right;
            transition-property: right;
            -webkit-transition-duration: 0.3s;
                    transition-duration: 0.3s;
            -webkit-transition-timing-function: ease-out;
                    transition-timing-function: ease-out; }
  .card_1xtTB .cardImgBox_26Zr5 .cardImgWrap_l-Cmi .video-icon_1vKuC {
        position: absolute;
        width: 25px;
        height: 20px;
        background-color: #fff;
        top: 10px;
        right: 10px;
        background: transparent;
        border: 1px solid #fff;
        border-radius: 1px;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
                box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .card_1xtTB .cardImgBox_26Zr5 .cardImgWrap_l-Cmi .video-icon_1vKuC .text_3AL9m {
          width: 20px;
          height: 15px;
          text-align: center;
          line-height: 15px;
          -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
                  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .card_1xtTB .cardImgBox_26Zr5 .cardImgWrap_l-Cmi .video-icon_1vKuC .text_3AL9m .triangle_2DlLF {
            width: 0;
            height: 0;
            border-top: 5px solid transparent;
            border-right: 5px solid transparent;
            border-bottom: 5px solid transparent;
            border-left: 5px solid #fff;
            position: relative;
            left: 2.5px;
            -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));
                    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.2)); }
  .card_1xtTB .cardImgBox_26Zr5 .cardImgWrap_l-Cmi .picture-icon_WNMYK {
        position: absolute;
        width: 25px;
        height: 20px;
        background-color: #fff;
        top: 10px;
        right: 10px;
        background: transparent;
        border: 1px solid #fff;
        border-radius: 1px;
        z-index: 5;
        color: #fff;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
                box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .card_1xtTB .cardImgBox_26Zr5 .cardImgWrap_l-Cmi .picture-icon_WNMYK .text_3AL9m {
          width: 20px;
          height: 15px;
          text-align: center;
          line-height: 15px; }
  .card_1xtTB .cardImgBox_26Zr5 .cardImgWrap_l-Cmi .picture-icon_WNMYK .line1_2EjSe {
          position: absolute;
          left: 5px;
          top: -6px;
          width: 1px;
          height: 5px;
          background: #fff;
          -webkit-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.2);
                  box-shadow: 1px 0 4px rgba(0, 0, 0, 0.2); }
  .card_1xtTB .cardImgBox_26Zr5 .cardImgWrap_l-Cmi .picture-icon_WNMYK .line2_3Bl8F {
          position: absolute;
          left: 6px;
          top: -6px;
          width: 22px;
          height: 1px;
          background: #fff;
          -webkit-box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.2);
                  box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.2); }
  .card_1xtTB .cardImgBox_26Zr5 .cardImgWrap_l-Cmi .picture-icon_WNMYK .line3_bii0I {
          position: absolute;
          left: 27px;
          top: -6px;
          width: 1px;
          height: 19px;
          background: #fff;
          -webkit-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.2);
                  box-shadow: 1px 0 4px rgba(0, 0, 0, 0.2); }
  .card_1xtTB .cardImgBox_26Zr5 .cardImgWrap_l-Cmi .picture-icon_WNMYK .line4_2gRqg {
          position: absolute;
          left: 24px;
          top: 12px;
          width: 4px;
          height: 1px;
          background: #fff;
          -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
                  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
  .card_1xtTB .cardImgBox_26Zr5 img {
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center top;
         object-position: center top; }
  .card_1xtTB .title_2IIMj {
    position: relative;
    margin-top: 10px;
    height: 18px;
    width: 80%;
    line-height: 18px;
    font-weight: bold;
    color: #111111;
    cursor: pointer; }
  .card_1xtTB .title_2IIMj > span {
      position: relative;
      display: inline-block;
      font-size: 14px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 100%; }
  .card_1xtTB .title_2IIMj > span::before {
        background: #111; }
  .card_1xtTB .title_2IIMj .isNew_1gfhh {
      margin-left: 10px;
      position: absolute;
      top: 3px; }
  .card_1xtTB .words_eZIYb {
    width: 100%;
    margin-top: 14px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 10px; }
  .card_1xtTB .words_eZIYb .word_1JRr5 {
      display: inline-block;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      height: 28px;
      line-height: 24px;
      border: 1px solid #f0f2f7;
      border-radius: 14px;
      font-size: 14px;
      font-weight: 400;
      color: #6381ce;
      padding: 0 7px;
      margin-right: 6px;
      margin-bottom: 6px;
      cursor: pointer;
      background: #f8faff;
      padding: 0 13px;
      border: 1px solid #f0f2f7; }
  .card_1xtTB .words_eZIYb .word_1JRr5:hover {
        background-color: #f0f2f7; }
  .card_1xtTB .desc_MTnUX {
    width: 100%;
    margin-top: 7px;
    font-weight: 400;
    color: #333333;
    padding-bottom: 2px;
    border-bottom: 1px solid #eee;
    padding: 0 20px 25px 20px; }
  .card_1xtTB .desc_MTnUX > div {
      -webkit-line-clamp: 10;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
  .card_1xtTB .desc_MTnUX > div p {
        font-size: 14px;
        line-height: 24px; }
  .card_1xtTB .desc_MTnUX > div a {
        color: #6381ce;
        position: relative; }
  .card_1xtTB .desc_MTnUX > div a::after {
          content: "";
          height: 1px;
          width: 100%;
          position: absolute;
          right: 0;
          bottom: -4px;
          background-color: #6381ce; }
  .card_1xtTB .info_WfB7N {
    height: 42px;
    line-height: 42px;
    padding: 0 10px; }
  .card_1xtTB .like_3q5l9 {
    float: right; }
  .card_1xtTB .like_3q5l9 i,
  .card_1xtTB .time_2WfBc i,
  .card_1xtTB .look_2LvnS i {
    font-size: 12px;
    color: #666;
    margin-right: 2px; }
  .card_1xtTB .look_2LvnS {
    margin-left: 12px; }
  .card_1xtTB .tupian_JgmVe,
  .card_1xtTB .shipin_3Zn_W {
    margin-left: 12px; }
  .card_1xtTB .tupian_JgmVe i,
    .card_1xtTB .shipin_3Zn_W i {
      font-size: 12px;
      color: #666;
      margin-right: 4px; }
  .card_1xtTB .tags_1Y2B1 {
    margin-top: 8px;
    height: 24px;
    overflow: hidden; }
  .card_1xtTB .tags_1Y2B1 > span {
      display: inline-block;
      padding: 6px 8px;
      border-radius: 12px;
      border: 1px solid #d7dae2;
      font-size: 12px;
      line-height: 10px;
      margin-right: 6px;
      cursor: pointer; }
  .card_1xtTB .tags_1Y2B1 > span:hover {
        background-color: #111;
        color: #fff; }

.RealButton_2PcuE {
  color: #111;
  font-size: 12px;
  cursor: pointer; }

.newVersionTip_7G0RK {
  width: 100%;
  height: 40px;
  background-color: #111111;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  cursor: pointer; }
  .newVersionTip_7G0RK .newVersionTipText_S9BwA {
    font-size: 14px;
    color: #ffffff;
    letter-spacing: 0.5px; }
  .newVersionTip_7G0RK .newVersionTipClose_2hTZH {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ffffff;
    color: #111111;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
    font-weight: bold; }
  .newVersionTip_7G0RK .newVersionTipClose_2hTZH:hover {
      background-color: #eeeeee; }
  .content_nqnM1 {
  width: 100%;
  max-width: 1820px;
  min-height: 1200px;
  margin: 0 auto;
  background-color: #fafafa;
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .content_nqnM1 .main_1xc1d {
    width: 100%;
    padding-top: 150px;
    min-height: 100vh; }
  .content_nqnM1 .main_1xc1d .header_Gd0O_ {
      position: sticky;
      top: -1px;
      width: 100%;
      z-index: 5;
      background-color: #fafafa; }
  .content_nqnM1 .main_1xc1d .header_Gd0O_.picture_cIBbw {
        height: 168px;
        margin-top: -150px;
        padding: 0 40px; }
  .content_nqnM1 .main_1xc1d .header_Gd0O_.otherType_3Eqpv {
        height: 132px;
        margin-top: -150px;
        padding: 0 40px; }
  .content_nqnM1 .main_1xc1d .header_Gd0O_ .top_3tAG2 {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 20px 0 12px; }
  .content_nqnM1 .main_1xc1d .header_Gd0O_ .top_3tAG2 .item_1sGP2 {
          width: 108px;
          height: 28px;
          line-height: 28px;
          text-align: center;
          -webkit-box-shadow: 3px 3px 0px 1px #555c70;
                  box-shadow: 3px 3px 0px 1px #555c70;
          font-weight: bold; }
  .content_nqnM1 .main_1xc1d .header_Gd0O_ .line_2Wpwb {
        width: 100%;
        height: 1px;
        background: #aaaaaa; }
  .content_nqnM1 .main_1xc1d .header_Gd0O_ .tags_3wmYw {
        width: 100%;
        height: 28px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 12px;
        font-weight: 500;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .content_nqnM1 .main_1xc1d .header_Gd0O_ .tags_3wmYw .item_1sGP2 {
          margin-top: 4px;
          height: 23px;
          line-height: 23px;
          background: #111111;
          border-radius: 12px;
          color: #fff;
          margin-left: 10px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          padding: 0 15px;
          cursor: pointer; }
  .content_nqnM1 .main_1xc1d .header_Gd0O_ .tags_3wmYw .item_1sGP2 .close_3RXXt {
            margin-left: 10px; }
  .content_nqnM1 .main_1xc1d .header_Gd0O_ .tags_3wmYw .inline_2bfG6 {
          margin-top: 4px; }
  .content_nqnM1 .main_1xc1d .header_Gd0O_ .tags_3wmYw .save_2S8f5 {
          margin-top: 4px;
          width: 100px;
          height: 23px;
          line-height: 23px;
          text-align: center;
          color: #aaa;
          border: 1px solid #aaa;
          border-radius: 12px;
          margin-left: 40px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          cursor: pointer; }
  .content_nqnM1 .main_1xc1d .header_Gd0O_ .tags_3wmYw .save_2S8f5.active_3kSJ7 {
            color: #333333;
            border: 1px solid #333333;
            font-weight: 500; }
  .content_nqnM1 .main_1xc1d .header_Gd0O_ .tags_3wmYw .clear_3wZTF {
          margin-top: 4px;
          width: 88px;
          height: 23px;
          line-height: 23px;
          text-align: center;
          border: 1px solid #ff6a69;
          border-radius: 12px;
          color: #ff6a69;
          margin-left: 10px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          cursor: pointer; }
  .content_nqnM1 .main_1xc1d .header_Gd0O_ .result_DUYX7 {
        position: relative;
        width: 100%;
        height: 58px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .content_nqnM1 .main_1xc1d .header_Gd0O_ .result_DUYX7 .left_2MZ6h {
          font-size: 12px;
          font-weight: 400;
          color: #666666;
          height: 20px;
          line-height: 20px;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          margin-right: 30px; }
  .content_nqnM1 .main_1xc1d .header_Gd0O_ .result_DUYX7 .middle_1_iK7 {
          width: calc(100% - 212px - 276px);
          overflow: hidden;
          margin-top: -5px; }
  .content_nqnM1 .main_1xc1d .header_Gd0O_ .result_DUYX7 .right_ZiSZ5 {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
  .content_nqnM1 .main_1xc1d .header_Gd0O_ .result_DUYX7 .right_ZiSZ5 .item_1sGP2 {
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            border: 1px solid #d7d6d6;
            width: 80px;
            height: 34px;
            text-align: center;
            line-height: 32px;
            font-size: 14px;
            font-weight: 400;
            cursor: pointer; }
  .content_nqnM1 .main_1xc1d .header_Gd0O_ .result_DUYX7 .right_ZiSZ5 .item_1sGP2 .icon_3mRXY {
              font-size: 14px; }
  .content_nqnM1 .main_1xc1d .header_Gd0O_ .result_DUYX7 .right_ZiSZ5 .item_1sGP2:hover {
              border-color: #d4d4d4;
              background: #d4d4d4;
              color: #fff; }
  .content_nqnM1 .main_1xc1d .header_Gd0O_ .result_DUYX7 .right_ZiSZ5 .item_1sGP2.canNotClick_3Wo4l {
              border: 1px solid #d7d6d6;
              color: #d7d6d6;
              background-color: #fff; }
  .content_nqnM1 .main_1xc1d .header_Gd0O_ .result_DUYX7 .right_ZiSZ5 .item_1sGP2.canNotClick_3Wo4l:hover {
                color: #d7d6d6;
                background-color: #fff; }
  .content_nqnM1 .main_1xc1d .header_Gd0O_ .result_DUYX7 .right_ZiSZ5 .download_2fiUY {
            margin-left: 10px;
            margin-right: 20px; }
  .content_nqnM1 .main_1xc1d .header_Gd0O_ .aside_gD8LT {
        position: absolute;
        left: 2.2%;
        top: 132px;
        width: 10%;
        max-width: 170px;
        border: 1px solid #e0e1e2;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        background-color: #fff; }
  .content_nqnM1 .main_1xc1d .header_Gd0O_ .aside_gD8LT .title_p_cvo {
          width: 100%;
          height: 40px;
          font-size: 14px;
          font-weight: bold;
          color: #111111;
          line-height: 40px;
          padding-left: 20px;
          border-bottom: 1px solid #e0e1e2;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          cursor: pointer; }
  .content_nqnM1 .main_1xc1d .header_Gd0O_ .aside_gD8LT .tagSelect_2Q53b {
          position: relative;
          height: calc(100vh - 220px);
          overflow-y: scroll; }
  .content_nqnM1 .main_1xc1d .header_Gd0O_ .aside_gD8LT .tagSelect_2Q53b::-webkit-scrollbar {
            width: 0; }
  .content_nqnM1 .main_1xc1d .header_Gd0O_ .aside_gD8LT .moreBrand_1HHS6 {
          width: 100%;
          height: 30px;
          font-size: 12px;
          font-weight: 400;
          color: #333333;
          line-height: 30px;
          padding: 20px;
          border-bottom: 1px solid #e0e1e2;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          cursor: pointer; }
  .content_nqnM1 .main_1xc1d .list_1f5Up {
      margin-left: 171px;
      text-align: center; }
  .content_nqnM1 .main_1xc1d .list_1f5Up.picture_cIBbw {
        width: calc(100% - 172px);
        padding-left: 24px;
        float: right;
        min-height: 907px;
        position: relative; }
  .content_nqnM1 .main_1xc1d .list_1f5Up.otherType_3Eqpv {
        padding-bottom: 20px;
        z-index: 1;
        width: 84.1%;
        max-width: 1541px;
        margin-left: 13.7%; }
  .content_nqnM1 .main_1xc1d .list_1f5Up::-webkit-scrollbar {
        width: 0; }
  .content_nqnM1 .main_1xc1d .list_1f5Up .onreslut_1SY2v {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-top: 40px; }
  .content_nqnM1 .main_1xc1d .list_1f5Up .onreslut_1SY2v > img {
          width: 400px; }
  .content_nqnM1 .main_1xc1d .list_1f5Up .pagination_3X75n {
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin: 60px auto; }
  .content_nqnM1 .main_1xc1d .list_1f5Up .pagination_3X75n .goTop_2F0fw {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          width: 40px;
          height: 40px;
          border: 1px solid #dddddd;
          background-color: #fff;
          overflow: hidden; }
  .content_nqnM1 .main_1xc1d .list_1f5Up .pagination_3X75n .goTop_2F0fw > i {
            font-size: 38px;
            color: #aaaaaa;
            margin-top: 5px; }
  .content_nqnM1 .main_1xc1d .list_1f5Up .pagination_3X75n .goTop_2F0fw:hover {
            -webkit-box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.3);
                    box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.3); }
  .list-content_3qayI {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 40px;
  position: relative;
  min-height: 100vh; }
  .left-part_1qkkG {
  position: absolute;
  top: 0;
  width: 172px;
  height: 100%;
  overflow: hidden;
  border-right: 1px solid #D8D8D8; }
  .left-part_1qkkG .filterBox_2bDl6 {
    position: absolute;
    top: 0; }
  .left-part_1qkkG.beFixed_r1gnP {
    position: fixed;
    z-index: 10;
    top: 163px; }
  .loadSvg_3Bgkx {
  position: absolute;
  top: 74px;
  left: -21px;
  width: 170px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .loadSvg_3Bgkx > img {
    width: 40px; }

.column-list_1iFTb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px; }

.column-list-item_1l8w7 {
  height: 17px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 3px 8px 2px;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #555c70;
  font-size: 12px;
  font-weight: 400;
  color: #000000;
  line-height: 17px; }

.column-list-item_1l8w7 + .column-list-item_1l8w7 {
  margin-left: 10px; }

.column-item-enable_QbeiP:hover {
  background: #555c70;
  border: 1px solid #555c70;
  color: #ffffff; }

.column-item-select_28uj0 {
  background: #555c70;
  border: 1px solid #555c70;
  color: #ffffff; }

.column-item-disable_25krn {
  cursor: not-allowed;
  color: #00000040;
  background: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none; }

.product_2wOMU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 14px;
  border-bottom: 1px solid #d8d8d8;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: sticky;
  top: 167px;
  /* width: calc(100% - 26px); */
  z-index: 4;
  background: #fafafa;
  margin-bottom: 24px; }

.product-title_1exlR {
  height: 29px;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  line-height: 29px;
  padding-right: 81px;
  position: relative; }

.product-title_1exlR::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 22px;
    background: #d8d8d8;
    right: 40px;
    top: 4px; }

.product-list_3DIZD {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 29px; }

.product-item_Utukk {
  height: 29px;
  font-size: 16px;
  color: #888888;
  line-height: 29px;
  padding-bottom: 12px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  cursor: pointer; }

.product-item_Utukk + .product-item_Utukk {
    margin-left: 32px; }

.product-select-item_3NXgh {
  color: #000000;
  position: relative; }

.product-select-item_3NXgh::after {
    position: absolute;
    content: "";
    bottom: -2px;
    right: 0;
    width: 100%;
    height: 4px;
    background: #000000; }

.product-more_2gH1p {
  line-height: 23px;
  width: 56px;
  height: 25px;
  border-radius: 1100px;
  border: 1px solid #8a8a8a;
  margin-left: 30px;
  font-size: 12px;
  margin-top: 2px;
  cursor: pointer;
  text-align: center; }

.product-popover .ant-popover-arrow {
  display: none;
}
.product-popover .ant-popover-inner-content {
  padding: 0;
}

.compositionList_1XJnx {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: left;
  gap: 30px; }

.content-loading_1sB1J {
  width: 100%;
  max-width: 1820px;
  min-height: 1200px;
  margin: 0 auto;
  background-color: #fafafa;
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.footer_1GYyf {
  height: 125px; }
  .footer_1GYyf .func_3o4mP {
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .footer_1GYyf .func_3o4mP .btn_druvn {
      display: block;
      padding: 0 13px;
      height: 45px;
      font-size: 14px;
      font-weight: 400;
      color: #000;
      line-height: 45px;
      cursor: pointer; }
  .footer_1GYyf .func_3o4mP .btn_druvn.hide_1D8vL {
        visibility: hidden;
        pointer-events: none; }
  .footer_1GYyf .func_3o4mP .btn_druvn .icon_27E7Q {
        font-size: 20px;
        margin-right: 6px;
        color: #000; }
  .footer_1GYyf .func_3o4mP .main_1KyCn {
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 32px; }
  .footer_1GYyf .func_3o4mP .main_1KyCn .icon_27E7Q {
        font-size: 24px;
        color: #000;
        cursor: pointer;
        -webkit-transform: translateX(-68px);
            -ms-transform: translateX(-68px);
                transform: translateX(-68px); }
  .footer_1GYyf .func_3o4mP .main_1KyCn .icon_27E7Q.disabled_XZdJA {
          color: #b2b2b2;
          cursor: auto; }
  .footer_1GYyf .resources_3euAy {
    height: 80px;
    background: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .footer_1GYyf .resources_3euAy .btn_druvn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer; }
  .footer_1GYyf .resources_3euAy .btn_druvn .icon_27E7Q {
        font-size: 32px;
        color: #fff; }
  .footer_1GYyf .resources_3euAy .btn_druvn .icon_27E7Q.disabled_XZdJA {
          color: #4d4d4d;
          cursor: auto; }
  .footer_1GYyf .resources_3euAy .main_1KyCn {
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      position: relative;
      overflow: hidden; }
  .footer_1GYyf .resources_3euAy .main_1KyCn .result_3MUYA {
        position: absolute;
        left: 0;
        width: 100%;
        height: 80px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
  .footer_1GYyf .resources_3euAy .main_1KyCn .result_3MUYA .item_1fREr {
          width: 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          width: 0; }
  .footer_1GYyf .resources_3euAy .main_1KyCn .result_3MUYA .item_1fREr .text_BS0Hv {
            width: 100px;
            height: 33px;
            color: #fff;
            line-height: 33px;
            text-align: center; }
  .footer_1GYyf .resources_3euAy .main_1KyCn .result_3MUYA .item_1fREr .text_BS0Hv .text0_3KHZa {
              font-size: 24px;
              font-weight: bold; }
  .footer_1GYyf .resources_3euAy .main_1KyCn .result_3MUYA .item_1fREr .text_BS0Hv .text1_2maY_ {
              font-size: 12px;
              font-weight: normal; }
  .footer_1GYyf .resources_3euAy .main_1KyCn .result_3MUYA .item_1fREr .resource_26H4p {
            width: 0;
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1;
            height: 80px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            padding: 4px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            cursor: pointer; }
  .footer_1GYyf .resources_3euAy .main_1KyCn .result_3MUYA .item_1fREr .resource_26H4p .img_1QMq7 {
              width: 52px;
              height: 32px;
              -o-object-fit: cover;
                 object-fit: cover;
              -o-object-position: center top;
                 object-position: center top; }
  .footer_1GYyf .resources_3euAy .main_1KyCn .result_3MUYA .item_1fREr .resource_26H4p .text0_3KHZa {
              width: 100%;
              font-size: 16px;
              font-weight: 400;
              color: #fff;
              text-align: center;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
  .footer_1GYyf .resources_3euAy .main_1KyCn .result_3MUYA .item_1fREr .resource_26H4p .text1_2maY_ {
              width: 100%;
              font-size: 10px;
              font-weight: 400;
              color: rgba(255, 255, 255, 0.7);
              text-align: center;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
  .footer_1GYyf .resources_3euAy .main_1KyCn .article_2Pr5z {
        position: absolute;
        left: 0;
        top: 0;
        width: 184px;
        height: 80px;
        padding: 16px 12px;
        background: #e5e5e5;
        z-index: 10;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end; }
  .footer_1GYyf .resources_3euAy .main_1KyCn .article_2Pr5z .img_1QMq7 {
          width: 80px;
          height: 48px;
          -o-object-fit: cover;
             object-fit: cover;
          -o-object-position: center top;
             object-position: center top; }
  .footer_1GYyf .resources_3euAy .main_1KyCn .article_2Pr5z .info_16xfg {
          width: 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          height: 48px;
          margin-left: 10px; }
  .footer_1GYyf .resources_3euAy .main_1KyCn .article_2Pr5z .info_16xfg .title_3VlhI {
            font-size: 16px;
            font-weight: bold;
            color: #000;
            line-height: 18px;
            word-break: break-all;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical; }
  .footer_1GYyf .resources_3euAy .main_1KyCn .article_2Pr5z .info_16xfg .tags_3jmZ- {
            margin-top: 1px;
            font-size: 10px;
            font-weight: 400;
            color: rgba(0, 0, 0, 0.5);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
  .footer_1GYyf .resources_3euAy .main_1KyCn .article_2Pr5z .info_16xfg .tags_3jmZ- .line_1meQK {
              width: 1px;
              height: 10px;
              background: rgba(0, 0, 0, 0.5);
              margin: 0 12px;
              display: inline-block; }

.sucaiModal_2lNGh {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .sucaiModal_2lNGh .title_36H-u {
    text-align: center;
    margin-top: 10px; }
  .sucaiModal_2lNGh .filter_2BOTV {
    padding: 0 20px; }
  .sucaiModal_2lNGh .main_2H5Iw {
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    padding: 0 20px;
    overflow-x: hidden;
    overflow-y: auto;
    gap: 20px; }
  .sucaiModal_2lNGh .main_2H5Iw .item_3witE {
      width: calc(50% - 20px);
      margin-bottom: 30px;
      position: relative;
      border-bottom: 1px solid #eee;
      padding-bottom: 5px; }
  .sucaiModal_2lNGh .main_2H5Iw .item_3witE .details_1cxeS {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px; }
  .sucaiModal_2lNGh .main_2H5Iw .item_3witE .btn_34dET {
        position: absolute;
        top: 0;
        right: 0; }
  .sucaiModal_2lNGh .footer_2NOJH {
    padding: 10px;
    text-align: center; }

.btn_xb9jB {
  width: 132px;
  height: 28px;
  font-size: 12px;
  line-height: 28px;
  font-weight: 400;
  color: black;
  text-align: center; }
  .btn_xb9jB:hover {
    background-color: #d4d4d4; }
  .modal_3G9-r {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9998;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  visibility: hidden;
  pointer-events: none; }
  .modal_3G9-r.open_3nKag {
    visibility: visible;
    pointer-events: auto; }
  .modal_3G9-r.open_3nKag .modalContent_tOKXt {
      top: 0; }
  .modal_3G9-r .modalContent_tOKXt {
    top: -90vh;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 24px 32px;
    width: 100%;
    height: 90vh;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-transition: top 0.6s ease;
    transition: top 0.6s ease; }
  .modal_3G9-r .modalContent_tOKXt .header_2RCHc {
      width: 100%;
      padding-bottom: 21%;
      position: relative; }
  .modal_3G9-r .modalContent_tOKXt .header_2RCHc .headerContent_1t96X {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  .modal_3G9-r .modalContent_tOKXt .header_2RCHc .headerContent_1t96X img {
          width: 100%;
          height: 100%; }
  .modal_3G9-r .modalContent_tOKXt .header_2RCHc .headerContent_1t96X .info_a9yJ0 {
          position: absolute;
          left: 40px;
          top: 40px;
          color: #fff; }
  .modal_3G9-r .modalContent_tOKXt .header_2RCHc .headerContent_1t96X .info_a9yJ0 .title_PU9u0 {
            font-size: 56px;
            font-weight: bold;
            line-height: 68px; }
  .modal_3G9-r .modalContent_tOKXt .header_2RCHc .headerContent_1t96X .info_a9yJ0 .desc_3Bin6 {
            font-weight: 500;
            font-size: 24px;
            font-weight: 500;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
  .modal_3G9-r .modalContent_tOKXt .header_2RCHc .headerContent_1t96X .info_a9yJ0 .desc_3Bin6 .small_LC6Gr {
              font-size: 16px;
              font-weight: normal;
              -webkit-transform: translateY(1px);
                  -ms-transform: translateY(1px);
                      transform: translateY(1px); }
  .modal_3G9-r .modalContent_tOKXt .header_2RCHc .headerContent_1t96X .qrCode_Sh_tA {
          position: absolute;
          right: 20px;
          bottom: 20px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          gap: 16px; }
  .modal_3G9-r .modalContent_tOKXt .header_2RCHc .headerContent_1t96X .qrCode_Sh_tA img {
            width: 160px;
            height: 160px; }
  .modal_3G9-r .modalContent_tOKXt .header_2RCHc .headerContent_1t96X .qrCode_Sh_tA .desc_3Bin6 {
            font-weight: 500;
            font-size: 18px;
            color: #fff;
            line-height: 18px; }
  .modal_3G9-r .modalContent_tOKXt .list_VtN-R {
      margin-top: 15px;
      width: 100%;
      height: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      overflow: auto; }
  .modal_3G9-r .modalContent_tOKXt .list_VtN-R::-webkit-scrollbar {
        display: none; }
  .modal_3G9-r .modalContent_tOKXt .close_7qypL {
      position: absolute;
      z-index: 10;
      left: 50%;
      bottom: -31px;
      width: 145px;
      height: 31px;
      background: #fff;
      border-radius: 0px 0px 16px 16px;
      font-weight: bold;
      font-size: 18px;
      color: #080808;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer; }
  .modal_3G9-r .modalContent_tOKXt .close_7qypL .icon_KDSkX {
        position: absolute;
        left: 50%;
        top: -20px;
        -webkit-transform: translateX(-50%) rotate(90deg);
            -ms-transform: translateX(-50%) rotate(90deg);
                transform: translateX(-50%) rotate(90deg);
        display: block; }

.main_1jkjR {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative; }
  .main_1jkjR .wrapper_1rP1J {
    position: relative;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background: #f2f2f2;
    margin-right: 38px; }
  .main_1jkjR .wrapper_1rP1J.show_21o4A {
      min-width: 240px; }
  .main_1jkjR .wrapper_1rP1J.hide_1OVJP {
      min-width: 0; }

.detailWrap_zZZRo {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  height: 100%; }
  .detailWrap_zZZRo.show_1dVjX {
    min-width: 240px;
    opacity: 1; }
  .detailWrap_zZZRo.hide_1TIET {
    min-width: 0;
    opacity: 0; }
  .detailWrap_zZZRo .detail_3hAd5 {
    position: absolute;
    left: 0;
    top: 0;
    width: 240px;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-left: 1px solid rgba(67, 67, 67, 0.3);
    background-color: #fff; }
  .detailWrap_zZZRo .detail_3hAd5 .header_2cTqV {
      height: 38px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-bottom: 1px solid rgba(67, 67, 67, 0.3);
      padding: 0 19px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  .detailWrap_zZZRo .detail_3hAd5 .header_2cTqV .title_aQ7C_ {
        height: 38px;
        font-size: 14px;
        line-height: 38px;
        font-weight: 400;
        color: #111111; }
  .detailWrap_zZZRo .detail_3hAd5 .header_2cTqV .close_3SOWl {
        height: 38px;
        line-height: 38px;
        cursor: pointer; }
  .detailWrap_zZZRo .detail_3hAd5 .header_2cTqV .close_3SOWl > i {
          color: #666666;
          font-size: 12px; }
  .detailWrap_zZZRo .detail_3hAd5 .top_1_i7j {
      width: calc(100% - 38px);
      padding-bottom: 20px;
      margin: 0 auto;
      border-bottom: 1px solid rgba(67, 67, 67, 0.3); }
  .detailWrap_zZZRo .detail_3hAd5 .top_1_i7j .name_rCsOY {
        width: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border-bottom: 1px solid rgba(67, 67, 67, 0.3);
        font-size: 16px;
        font-weight: bold;
        color: #333333;
        line-height: 25px;
        padding: 25px 0; }
  .detailWrap_zZZRo .detail_3hAd5 .top_1_i7j .name_rCsOY .text_3kcaa {
          width: 100%;
          overflow: hidden;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow-wrap: break-word; }
  .detailWrap_zZZRo .detail_3hAd5 .top_1_i7j .name_rCsOY .text1_1mqxn {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 100%;
          height: 50px;
          overflow: hidden;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow-wrap: break-word; }
  .detailWrap_zZZRo .detail_3hAd5 .top_1_i7j .name_rCsOY .text1_1mqxn .brandName_2qhUB {
            display: inline-block;
            width: calc(100% - 88px); }
  .detailWrap_zZZRo .detail_3hAd5 .top_1_i7j .name_rCsOY .addBrand_rA3Az {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          width: 86px;
          height: 26px;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          color: #fff;
          background-color: #555c70;
          font-size: 12px;
          padding: 4px;
          cursor: pointer;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none; }
  .detailWrap_zZZRo .detail_3hAd5 .top_1_i7j .bookIndex_1kqbu {
        margin-top: 20px;
        height: 17px;
        font-size: 12px;
        font-weight: 500;
        color: #000000;
        line-height: 17px; }
  .detailWrap_zZZRo .detail_3hAd5 .top_1_i7j .bookContainer_2EMXr {
        overflow-x: hidden;
        overflow-y: auto;
        height: 152px; }
  .detailWrap_zZZRo .detail_3hAd5 .top_1_i7j .bookContainer_2EMXr .descBook_3PPab {
          width: 100%;
          height: 60px;
          font-size: 14px; }
  .detailWrap_zZZRo .detail_3hAd5 .top_1_i7j .tags_4uPGd {
        margin: 16px 0;
        width: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        max-height: 120px;
        overflow: hidden; }
  .detailWrap_zZZRo .detail_3hAd5 .top_1_i7j .tags_4uPGd .tag_1NMuC {
          display: inline-block;
          height: 24px;
          line-height: 22px;
          font-size: 12px;
          font-weight: 400;
          color: #666666;
          background: white;
          border: 1px solid #d7dae2;
          border-radius: 12px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          padding: 0 7px;
          margin-right: 6px;
          margin-top: 6px;
          cursor: pointer; }
  .detailWrap_zZZRo .detail_3hAd5 .top_1_i7j .tags_4uPGd .tag_1NMuC:hover {
            background: #000;
            color: white; }
  .detailWrap_zZZRo .detail_3hAd5 .top_1_i7j .desc_2RCKu {
        width: 100%;
        height: 120px;
        font-size: 12px;
        font-weight: 400;
        color: #1c1c1c;
        line-height: 20px;
        overflow-y: scroll;
        overflow-x: hidden; }
  .detailWrap_zZZRo .detail_3hAd5 .index__PN4x {
      width: calc(100% - 38px);
      margin: 0 auto;
      font-size: 12px;
      font-weight: 400;
      color: #666666;
      margin-top: 30px; }
  .detailWrap_zZZRo .detail_3hAd5 .operate_2J692 {
      width: 100%;
      padding: 49px 30px; }
  .detailWrap_zZZRo .detail_3hAd5 .operate_2J692 > div {
        margin-bottom: 8px; }
  .detailWrap_zZZRo .detail_3hAd5 .operate_2J692 > div:nth-last-of-type(1) {
          margin-bottom: 0px; }
  .detailWrap_zZZRo .detail_3hAd5 .operate_2J692 .operateButton_3Ct4U {
        text-align: center;
        line-height: 34px;
        font-size: 14px;
        font-weight: 400;
        color: #333333; }
  .detailWrap_zZZRo .detail_3hAd5 .operate_2J692 .operateButton_3Ct4U:hover {
          background-color: #d4d4d4; }
  .detailWrap_zZZRo .detail_3hAd5 .operate_2J692 .operateButton_3Ct4U i {
          font-size: 18px; }
  .detailWrap_zZZRo .detail_3hAd5 .miaoliao_3mX92 {
      margin: 0 auto;
      margin-top: 32px;
      border-top: 1px solid #c6c6c6;
      width: calc(100% - 38px);
      text-align: center; }
  .detailWrap_zZZRo .detail_3hAd5 .miaoliao_3mX92 .miaoliaoTitle_s8JaW {
        margin-top: 24px;
        font-size: 16px;
        font-weight: 600;
        color: #1c1c1c;
        line-height: 22px;
        margin-bottom: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
  .detailWrap_zZZRo .detail_3hAd5 .miaoliao_3mX92 .pic_3fNt0 {
        width: 100%;
        padding-bottom: 82%;
        position: relative; }
  .detailWrap_zZZRo .detail_3hAd5 .miaoliao_3mX92 .pic_3fNt0 .picImg_1lvAy {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          cursor: pointer; }
  .detailWrap_zZZRo .detail_3hAd5 .miaoliao_3mX92 .more_2Yz6T {
        display: inline-block;
        margin-top: 8px;
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        color: rgba(28, 28, 28, 0.6);
        line-height: 20px;
        cursor: pointer; }
  .detailWrap_zZZRo .detail_3hAd5 .toggle_22mMr {
      width: calc(100% - 38px);
      margin: 0 auto;
      height: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .detailWrap_zZZRo .detail_3hAd5 .toggle_22mMr .text_3kcaa {
        width: 100px;
        height: 20px;
        font-size: 12px;
        font-weight: 400;
        color: #666666;
        line-height: 20px; }

.tags_12Y8M {
  margin: 16px 0;
  width: 100%;
  height: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  position: relative; }
  .tags_12Y8M.zhankai_3obLC {
    height: auto; }
  .tags_12Y8M .tag_1zYAg {
    display: inline-block;
    height: 24px;
    line-height: 22px;
    font-size: 12px;
    font-weight: 400;
    color: #666666;
    background: white;
    border: 1px solid #d7dae2;
    border-radius: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 7px;
    margin-right: 6px;
    margin-top: 6px;
    cursor: pointer; }
  .tags_12Y8M .tag_1zYAg:hover {
      background: #000;
      color: white; }

.pictureList_1NtIu {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .pictureList_1NtIu .leftArea_1VBhm {
    position: sticky;
    top: 0;
    width: 236px;
    height: calc(100vh - 73px - 270px - 10px);
    background: #fff;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
            box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
    border-radius: 4px;
    overflow-x: hidden;
    overflow-y: auto; }
  .pictureList_1NtIu .leftArea_1VBhm::-webkit-scrollbar {
      width: 0; }
  .pictureList_1NtIu .rightArea_1ed6e {
    width: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    background: #fafafa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .pictureList_1NtIu .rightArea_1ed6e .rightHeader_1ZAI- {
      padding-left: 32px;
      margin-top: 19px;
      width: 100%;
      height: 24px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-right: none;
      border-left: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .pictureList_1NtIu .rightArea_1ed6e .rightHeader_1ZAI- .fiterText_3UPHy {
        font-size: 12px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.4); }
  .pictureList_1NtIu .rightArea_1ed6e .rightHeader_1ZAI- .filter_HEzH7 {
        height: 24px;
        background: #000;
        border-radius: 12px;
        line-height: 24px;
        padding: 0 13px;
        font-size: 12px;
        font-weight: 400;
        color: #fff;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
  .pictureList_1NtIu .rightArea_1ed6e .rightHeader_1ZAI- .filter_HEzH7 .close_1liai {
          margin-left: 4px; }
  .pictureList_1NtIu .rightArea_1ed6e .rightHeader_1ZAI- .clear_2YlOa {
        height: 24px;
        background: transparent;
        border-radius: 12px;
        line-height: 24px;
        border: 1px solid #ff6a69;
        padding: 0 13px;
        font-size: 12px;
        font-weight: 400;
        color: #ff6a69;
        cursor: pointer; }
  .pictureList_1NtIu .rightArea_1ed6e .rightHeader_1ZAI- .clear_2YlOa.normal_30ykU {
          border: 1px solid #333;
          color: #333; }
  .pictureList_1NtIu .rightArea_1ed6e .rightHeader_1ZAI- .btns_1CEfw {
        margin-left: auto;
        margin-right: 46px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24px; }
  .pictureList_1NtIu .rightArea_1ed6e .rightHeader_1ZAI- .btns_1CEfw i {
          font-size: 24px;
          color: #c9c9c9;
          cursor: pointer; }
  .pictureList_1NtIu .rightArea_1ed6e .rightHeader_1ZAI- .btns_1CEfw i.active_16F8p {
            color: #000; }
  .pictureList_1NtIu .rightArea_1ed6e .list_3TvTd {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-left: 32px;
      padding-bottom: 113px;
      margin-top: 27px;
      width: 100%; }
  .pictureList_1NtIu .rightArea_1ed6e .pagination_3REZH {
      position: absolute;
      bottom: 42px;
      width: 100%; }
  .funcs_BL55x {
  position: fixed;
  left: 0;
  bottom: 41px;
  width: 100vw;
  height: 50px;
  background-color: rgba(57, 63, 72, 0.7);
  width: 100%;
  z-index: 10; }
  .funcs_BL55x .right_3LuE3 {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    padding-right: 40px; }
  .funcs_BL55x .right_3LuE3 .selectAll_2fhAq {
      height: 20px;
      line-height: 20px;
      font-size: 12px;
      font-weight: 400;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-right: 20px;
      cursor: pointer;
      color: #fff; }
  .funcs_BL55x .right_3LuE3 .selectAll_2fhAq .iconContainer_30drL {
        width: 20px;
        height: 20px;
        border-radius: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background-color: rgba(255, 255, 255, 0.8);
        color: #fff;
        margin-right: 5px;
        text-align: center;
        line-height: 20px;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
  .funcs_BL55x .right_3LuE3 .selectAll_2fhAq .iconContainer_30drL .icon_34GO3 {
          width: 16px;
          height: 16px;
          line-height: 20px;
          color: #fff;
          background-color: black;
          border-radius: 8px;
          margin: 0; }
  .funcs_BL55x .right_3LuE3 .selectAll_2fhAq .iconContainer_30drL .normal_30ykU {
          width: 16px;
          height: 16px;
          background-color: rgba(0, 0, 0, 0.2);
          border-radius: 8px; }
  .funcs_BL55x .right_3LuE3 .download_3sUjy {
      height: 28px;
      font-size: 12px;
      line-height: 28px;
      font-weight: 400;
      color: black;
      padding: 0 16px;
      background-color: #fff; }
  .funcs_BL55x .right_3LuE3 .download_3sUjy:hover {
        background-color: #d4d4d4; }

.searchPage-pictureList-container .card {
  text-align: left;
}
.searchPage-pictureList-container .card:hover {
  z-index: 1;
}
.searchPage-pictureList-container .card .card-footer {
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #000;
  background: #fafafa;
}
.searchPage-pictureList-container .card .card-footer .card-footer-item {
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  border-right: 1px solid rgba(0, 0, 0, 0.6);
  position: relative;
  cursor: pointer;
  color: #000;
}

.compositionList_J1E3y {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .compositionList_J1E3y .leftArea_17jq2 {
    position: sticky;
    top: 0;
    width: 236px;
    height: calc(100vh - 73px - 270px - 10px);
    background: #fff;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
            box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
    border-radius: 4px;
    overflow-x: hidden;
    overflow-y: auto; }
  .compositionList_J1E3y .leftArea_17jq2::-webkit-scrollbar {
      width: 0; }
  .compositionList_J1E3y .rightArea_33_NS {
    padding-left: 32px;
    width: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 100%;
    background: #fafafa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .compositionList_J1E3y .rightArea_33_NS .rightAreaHeader_3f7Ba {
      margin-top: 19px;
      width: 100%;
      height: 24px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-right: none;
      border-left: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .compositionList_J1E3y .rightArea_33_NS .rightAreaHeader_3f7Ba .fiterText_Ns8YW {
        font-size: 12px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.4); }
  .compositionList_J1E3y .rightArea_33_NS .rightAreaHeader_3f7Ba .filter_nA4nD {
        height: 24px;
        background: #000;
        border-radius: 12px;
        line-height: 24px;
        padding: 0 13px;
        font-size: 12px;
        font-weight: 400;
        color: #fff;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
  .compositionList_J1E3y .rightArea_33_NS .rightAreaHeader_3f7Ba .filter_nA4nD .close_26uYc {
          margin-left: 4px; }
  .compositionList_J1E3y .rightArea_33_NS .rightAreaHeader_3f7Ba .clear_1vrVI {
        height: 24px;
        background: transparent;
        border-radius: 12px;
        line-height: 24px;
        border: 1px solid #ff6a69;
        padding: 0 13px;
        font-size: 12px;
        font-weight: 400;
        color: #ff6a69;
        cursor: pointer; }
  .compositionList_J1E3y .rightArea_33_NS .rightAreaHeader_3f7Ba .clear_1vrVI.normal_2ZH2e {
          border: 1px solid #333;
          color: #333; }
  .compositionList_J1E3y .rightArea_33_NS .rightAreaHeader_3f7Ba .btns_1gpMW {
        margin-left: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 24px; }
  .compositionList_J1E3y .rightArea_33_NS .list_1qib1 {
      margin-top: 27px;
      width: 100%;
      padding-bottom: 113px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .compositionList_J1E3y .rightArea_33_NS .list_1qib1 .card_30I3Z {
        width: calc((100% - 72px) / 4);
        margin-bottom: 32px;
        background-color: #fff; }
  .compositionList_J1E3y .rightArea_33_NS .list_1qib1 .card_30I3Z .picture_1OS6r {
          width: 100%;
          padding-bottom: 54.12%;
          border: 1px solid #f6f6f6;
          cursor: pointer;
          position: relative;
          overflow: hidden; }
  .compositionList_J1E3y .rightArea_33_NS .list_1qib1 .card_30I3Z .picture_1OS6r:hover .ai_3Fcqs {
            top: 0; }
  .compositionList_J1E3y .rightArea_33_NS .list_1qib1 .card_30I3Z .picture_1OS6r .ai_3Fcqs {
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
            position: absolute;
            right: 0;
            top: -45px;
            width: 44px;
            height: 44px;
            background-color: rgba(0, 0, 0, 0.5);
            color: #fff;
            font-size: 17px;
            text-align: center;
            line-height: 44px;
            display: inline-block;
            z-index: 11; }
  .compositionList_J1E3y .rightArea_33_NS .list_1qib1 .card_30I3Z .picture_1OS6r .ai_3Fcqs:hover {
              background-color: black; }
  .compositionList_J1E3y .rightArea_33_NS .list_1qib1 .card_30I3Z .picture_1OS6r > img {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            -o-object-fit: contain;
               object-fit: contain; }
  .compositionList_J1E3y .rightArea_33_NS .list_1qib1 .card_30I3Z .picture_1OS6r:hover .imgMask_1x4mr {
            opacity: 1; }
  .compositionList_J1E3y .rightArea_33_NS .list_1qib1 .card_30I3Z .picture_1OS6r .imgMask_1x4mr {
            position: absolute;
            opacity: 0;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.2);
            -webkit-transition: opacity 0.3s ease-in-out;
            transition: opacity 0.3s ease-in-out; }
  .compositionList_J1E3y .rightArea_33_NS .list_1qib1 .card_30I3Z .compositionFooter_14BB2 {
          border-top: 1px solid rgba(0, 0, 0, 0.1);
          width: calc(100% - 32px);
          margin: 16px auto 0 auto;
          padding: 8px 0 16px 0;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          height: 44px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .compositionList_J1E3y .rightArea_33_NS .list_1qib1 .card_30I3Z .compositionFooter_14BB2 .left_29vx1 {
            display: block;
            width: 0;
            height: 16px;
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1; }
  .compositionList_J1E3y .rightArea_33_NS .list_1qib1 .card_30I3Z .compositionFooter_14BB2 .left_29vx1 .title_GxPsd {
              width: 100%;
              height: 16px;
              font-size: 14px;
              font-family: Microsoft YaHei;
              font-weight: bold;
              color: #111111;
              line-height: 16px;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              cursor: pointer;
              display: inline-block;
              position: relative; }
  .compositionList_J1E3y .rightArea_33_NS .list_1qib1 .card_30I3Z .compositionFooter_14BB2 .left_29vx1 .title_GxPsd:hover::before {
                right: 0%; }
  .compositionList_J1E3y .rightArea_33_NS .list_1qib1 .card_30I3Z .compositionFooter_14BB2 .left_29vx1 .title_GxPsd::before {
                content: "";
                position: absolute;
                z-index: 10;
                left: 0;
                right: 100%;
                bottom: 0;
                background: #073f58;
                height: 1.25px;
                -webkit-transition-property: right;
                transition-property: right;
                -webkit-transition-duration: 0.3s;
                        transition-duration: 0.3s;
                -webkit-transition-timing-function: ease-out;
                        transition-timing-function: ease-out; }
  .compositionList_J1E3y .rightArea_33_NS .list_1qib1 .card_30I3Z .compositionFooter_14BB2 .right_2DHBa {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
  .compositionList_J1E3y .rightArea_33_NS .list_1qib1 .card_30I3Z .compositionFooter_14BB2 .right_2DHBa .item_3oTQ9 {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              margin-left: 10px; }
  .compositionList_J1E3y .rightArea_33_NS .list_1qib1 .card_30I3Z .compositionFooter_14BB2 .right_2DHBa .icon_242_p {
              height: 12px;
              font-size: 12px;
              line-height: 14.5px;
              color: #aaaaaa; }
  .compositionList_J1E3y .rightArea_33_NS .list_1qib1 .card_30I3Z .compositionFooter_14BB2 .right_2DHBa .text_1cYS1 {
              height: 12px;
              font-size: 12px;
              font-family: Microsoft YaHei;
              font-weight: 400;
              color: #999999;
              line-height: 12px;
              margin-left: 4px; }
  .compositionList_J1E3y .rightArea_33_NS .pagination__-LvE {
      width: 100%; }

.all_1DeB2 {
  width: 100vw;
  background: #fafafa; }
  .all_1DeB2 .indexContent_2AcaW {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 40px 50px 0 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .all_1DeB2 .indexContent_2AcaW::-webkit-scrollbar {
      width: 0; }
  .all_1DeB2 .indexContent_2AcaW .header_3XMZT {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin-bottom: 4px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 38px;
      width: 100%;
      min-height: 270px;
      background: #fff;
      -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
              box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
      border-radius: 4px;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .all_1DeB2 .indexContent_2AcaW .header_3XMZT .img_3vniW {
        width: 160px;
        height: 160px;
        border: 1px solid rgba(24, 24, 24, 0.89);
        line-height: 224px;
        text-align: center;
        position: relative; }
  .all_1DeB2 .indexContent_2AcaW .header_3XMZT .img_3vniW img {
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0; }
  .all_1DeB2 .indexContent_2AcaW .header_3XMZT .img_3vniW .noDataText_1lBXp {
          font-size: 14px;
          font-weight: 500;
          color: #000; }
  .all_1DeB2 .indexContent_2AcaW .header_3XMZT .text1_3LtfZ {
        position: absolute;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: center;
        font-size: 14px;
        font-weight: 500;
        color: #000; }
  .all_1DeB2 .indexContent_2AcaW .header_3XMZT .right__JSiv {
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        min-height: 160px;
        margin-left: 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
  .all_1DeB2 .indexContent_2AcaW .header_3XMZT .right__JSiv .first_3elNQ {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .all_1DeB2 .indexContent_2AcaW .header_3XMZT .right__JSiv .first_3elNQ .title_Kv8DU {
            font-size: 24px;
            font-weight: 600;
            color: #000;
            line-height: 33px; }
  .all_1DeB2 .indexContent_2AcaW .header_3XMZT .right__JSiv .first_3elNQ .item_1q6A3 {
            padding: 0 12px;
            height: 28px;
            border-radius: 14px;
            border: 1px solid #111;
            line-height: 28px;
            font-size: 14px;
            font-weight: bold;
            color: #111;
            cursor: pointer;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
  .all_1DeB2 .indexContent_2AcaW .header_3XMZT .right__JSiv .first_3elNQ .item_1q6A3 img {
              width: 19px;
              height: 18px;
              margin-right: 7px; }
  .all_1DeB2 .indexContent_2AcaW .header_3XMZT .right__JSiv .first_3elNQ .a_MIxTG {
            height: 22px;
            font-size: 16px;
            font-weight: bold;
            color: #006dff;
            line-height: 22px; }
  .all_1DeB2 .indexContent_2AcaW .header_3XMZT .right__JSiv .desc_379kU {
          margin-top: 8px;
          font-size: 14px;
          font-weight: 500;
          color: rgba(0, 0, 0, 0.7);
          line-height: 24px; }
  .all_1DeB2 .indexContent_2AcaW .header_3XMZT .right__JSiv .btn_2guXq {
          margin-top: auto;
          width: 144px;
          height: 40px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          background: #000;
          border-radius: 20px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          font-size: 16px;
          font-weight: 400;
          color: #fff;
          cursor: pointer; }
  .all_1DeB2 .indexContent_2AcaW .header_3XMZT .right__JSiv .btn_2guXq.loved_3K32u {
            background-color: #fff;
            color: #000;
            border: 1px solid #000; }
  .all_1DeB2 .indexContent_2AcaW .header_3XMZT .types_2ASRB {
        position: absolute;
        bottom: 10px;
        right: 46px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
  .all_1DeB2 .indexContent_2AcaW .header_3XMZT .types_2ASRB .item_1q6A3 {
          width: 72px;
          height: 24px;
          border: 1px solid #000;
          border-left: none;
          cursor: pointer;
          text-align: center;
          font-size: 12px;
          font-weight: 500;
          color: #000;
          line-height: 24px; }
  .all_1DeB2 .indexContent_2AcaW .header_3XMZT .types_2ASRB .item_1q6A3:first-child {
            border-left: 1px solid #000; }
  .all_1DeB2 .indexContent_2AcaW .header_3XMZT .types_2ASRB .item_1q6A3.active_1NgiS {
            background-color: #000;
            color: #fff; }
  .all_1DeB2 .indexContent_2AcaW .header_3XMZT .menus_1PA0R {
        max-width: calc(100% - 350px);
        position: absolute;
        left: 38px;
        bottom: 0;
        height: 33px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
  .all_1DeB2 .indexContent_2AcaW .header_3XMZT .menus_1PA0R .aaa_3FYp7 {
          width: 53px; }
  .all_1DeB2 .indexContent_2AcaW .header_3XMZT .menus_1PA0R .menu_s0Ogv {
          -ms-flex-negative: 0;
              flex-shrink: 0;
          height: 33px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          padding-bottom: 11px;
          cursor: pointer;
          font-size: 16px;
          font-weight: 600;
          color: #b7b8b8;
          line-height: 22px; }
  .all_1DeB2 .indexContent_2AcaW .header_3XMZT .menus_1PA0R .menu_s0Ogv.active_1NgiS {
            font-weight: 600;
            color: #000;
            position: relative; }
  .all_1DeB2 .indexContent_2AcaW .header_3XMZT .menus_1PA0R .menu_s0Ogv.active_1NgiS::after {
              content: "";
              position: absolute;
              left: 0;
              bottom: 0;
              width: 100%;
              height: 3px;
              background: rgba(24, 24, 24, 0.89); }
  .all_1DeB2 .indexContent_2AcaW .noData_2jhtO {
      width: 100%;
      min-height: calc(100vh - 351px);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .all_1DeB2 .indexContent_2AcaW .noData_2jhtO .imgConatiner_WKfFC {
        width: 160px;
        height: 160px; }
  .all_1DeB2 .indexContent_2AcaW .noData_2jhtO .imgConatiner_WKfFC img {
          width: 160px;
          height: 160px; }
  .all_1DeB2 .indexContent_2AcaW .noData_2jhtO .noDataText_1lBXp {
        margin-top: 20px;
        font-size: 16px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.4); }
  .all_1DeB2 .footer_2dlsi {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 41px;
    background: #393f47;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 12px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 9999999999999; }
  .all_1DeB2 .footer_2dlsi .left_3nzKH {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 6px; }
  .all_1DeB2 .footer_2dlsi .left_3nzKH div,
      .all_1DeB2 .footer_2dlsi .left_3nzKH a {
        color: #fff; }
  .all_1DeB2 .footer_2dlsi .left_3nzKH .tag_3a4-U {
        font-size: 12px;
        font-weight: 500;
        cursor: pointer; }
  .all_1DeB2 .footer_2dlsi .left_3nzKH .tag_3a4-U:hover {
          text-decoration: underline; }
  .all_1DeB2 .footer_2dlsi .right__JSiv {
      margin-left: auto;
      color: #fff;
      cursor: pointer;
      font-size: 13px; }
  .scrollToBottom_337GJ {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  width: 50px;
  height: 50px;
  background: #ffffff;
  border-radius: 50%;
  position: fixed;
  right: 46px;
  bottom: 73px;
  color: #000;
  z-index: 5;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 1s ease;
  transition: all 1s ease; }
  .scrollToBottom_337GJ:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#37383d));
    background: linear-gradient(180deg, #ffffff 0%, #37383d 100%); }

.includeAccount_1k14a {
  padding: 32px;
  position: relative; }
  .includeAccount_1k14a .close_DpBvR {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 9px;
    height: 9px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .includeAccount_1k14a .close_DpBvR i {
      font-size: 12px;
      color: #000; }
  .includeAccount_1k14a .title_3q-1O {
    height: 22px;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    line-height: 22px;
    padding-left: 5px;
    margin-bottom: 24px; }
  .includeAccount_1k14a .search_zfiBf {
    position: relative;
    border-right: none;
    border-bottom: none;
    height: 28px;
    padding: 0 10px;
    background-color: #fff;
    cursor: auto; }
  .includeAccount_1k14a .search_zfiBf .searchWrap_2wgjr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
      height: 28px; }
  .includeAccount_1k14a .search_zfiBf .searchWrap_2wgjr i {
        cursor: pointer; }
  .includeAccount_1k14a .search_zfiBf .searchWrap_2wgjr i:first-child {
          margin-right: 5px; }
  .includeAccount_1k14a .search_zfiBf .searchWrap_2wgjr i:last-child {
          font-size: 12px; }
  .includeAccount_1k14a .search_zfiBf .searchWrap_2wgjr .input_36vlJ {
        display: inline-block;
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        height: 22px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border: 0;
        outline: none;
        -webkit-transform: translateY(-1.5px);
        -ms-transform: translateY(-1.5px);
            transform: translateY(-1.5px); }
  .includeAccount_1k14a .warn_1RxZa {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .includeAccount_1k14a .warn_1RxZa .warnRight_3mm71 {
      margin-left: auto;
      height: 16px;
      font-size: 12px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.5);
      line-height: 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer;
      position: relative; }
  .includeAccount_1k14a .warn_1RxZa .warnRight_3mm71 i {
        margin-right: 5px; }
  .includeAccount_1k14a .warn_1RxZa .warnRight_3mm71:hover .guide_6hdvP {
        visibility: visible;
        pointer-events: auto; }
  .includeAccount_1k14a .warn_1RxZa .warnRight_3mm71 .a_qj8r5 {
        position: absolute;
        width: 370px;
        height: 14px;
        top: 16px;
        right: -110px; }
  .includeAccount_1k14a .warn_1RxZa .warnRight_3mm71 .guide_6hdvP {
        visibility: hidden;
        pointer-events: none;
        position: absolute;
        top: 30px;
        right: -110px;
        width: 520px;
        height: 559px;
        background: #191919;
        border-radius: 16px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
  .includeAccount_1k14a .warn_1RxZa .warnRight_3mm71 .guide_6hdvP .arrow_3ZJQG {
          position: absolute;
          top: -7px;
          left: 50%;
          -webkit-transform: translateX(1px) rotate(45deg) translateY(4.949px);
              -ms-transform: translateX(1px) rotate(45deg) translateY(4.949px);
                  transform: translateX(1px) rotate(45deg) translateY(4.949px);
          width: 7px;
          height: 7px;
          background: #191919; }
  .includeAccount_1k14a .warn_1RxZa .warnRight_3mm71 .guide_6hdvP .pic_2PnrA {
          width: 240px;
          height: 519px;
          border-radius: 16px; }
  .includeAccount_1k14a .warn_1RxZa .warnRight_3mm71 .guide_6hdvP .pic_2PnrA img {
            width: 100%;
            height: 100%; }
  .includeAccount_1k14a .otherGender_3nYW3 {
    margin-top: 16px;
    font-size: 15px;
    font-weight: bold;
    text-align: center; }
  .includeAccount_1k14a .detail_12rTI {
    margin-top: 16px;
    height: 104px;
    background: rgba(0, 0, 0, 0.02);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 17px 20px 23px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer; }
  .includeAccount_1k14a .detail_12rTI:hover {
      background: rgba(0, 0, 0, 0.04); }
  .includeAccount_1k14a .detail_12rTI .avatar_V68tV {
      width: 64px;
      height: 64px;
      border-radius: 50%;
      overflow: hidden; }
  .includeAccount_1k14a .detail_12rTI .avatar_V68tV img {
        width: 100%;
        height: 100%; }
  .includeAccount_1k14a .detail_12rTI .info_2DY0- {
      margin-left: 16px; }
  .includeAccount_1k14a .detail_12rTI .info_2DY0- .infoTitle_2bj1t {
        margin-top: 8px;
        height: 20px;
        font-size: 14px;
        font-weight: 600;
        color: #000000;
        line-height: 20px; }
  .includeAccount_1k14a .detail_12rTI .info_2DY0- .block_152PI {
        margin-top: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        font-weight: 400;
        color: #000000;
        line-height: 16px; }
  .includeAccount_1k14a .detail_12rTI .info_2DY0- .block_152PI span {
          margin-left: 5px; }
  .includeAccount_1k14a .detail_12rTI .detailRight_2-Y-E {
      margin-top: 20px;
      margin-left: auto;
      height: 24px;
      border-radius: 4px;
      border: 1px solid #6dd400;
      padding: 0 12px;
      font-size: 12px;
      font-weight: 400;
      color: #6dd400;
      line-height: 22px;
      cursor: pointer; }
  .includeAccount_1k14a .commit_16NDO {
    margin-top: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .includeAccount_1k14a .commit_16NDO .pic_2PnrA {
      width: 124px;
      height: 107px; }
  .includeAccount_1k14a .commit_16NDO .text_1TzFS {
      margin-top: 16px;
      height: 20px;
      font-size: 14px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.4);
      line-height: 20px; }
  .includeAccount_1k14a .commit_16NDO .commitBtn__b8E1 {
      margin-top: 30px;
      height: 28px;
      background: #555b70;
      cursor: pointer;
      font-size: 12px;
      font-weight: 500;
      color: #ffffff;
      line-height: 28px;
      text-align: center;
      padding: 0 32px; }
  .includeAccount_1k14a .error_3zRbl {
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #ff5556;
    line-height: 20px;
    text-align: center;
    margin-top: 24px; }

.warnInfos_2Pm4n {
  position: absolute;
  top: 26px;
  right: -32px;
  width: 360px;
  max-height: 845px;
  background: #ffffff;
  -webkit-box-shadow: -3px 1px 6px 0px rgba(0, 0, 0, 0.08);
          box-shadow: -3px 1px 6px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 32px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .warnInfos_2Pm4n .title_3dyu1 {
    height: 22px;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    line-height: 22px;
    text-align: center;
    margin-bottom: 32px; }
  .warnInfos_2Pm4n .main_Tlmbd {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: auto; }
  .warnInfos_2Pm4n .main_Tlmbd::-webkit-scrollbar {
      width: 0; }
  .warnInfos_2Pm4n .main_Tlmbd .noData_sxDm0 {
      margin-top: 128px;
      height: 16px;
      font-size: 12px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.24);
      line-height: 16px;
      text-align: center; }
  .warnInfos_2Pm4n .main_Tlmbd .item_2sjHZ {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border-bottom: 1px solid rgba(0, 0, 0, 0.06);
      position: relative;
      padding: 24px 32px; }
  .warnInfos_2Pm4n .main_Tlmbd .item_2sjHZ:hover {
        background: rgba(0, 0, 0, 0.04); }
  .warnInfos_2Pm4n .main_Tlmbd .item_2sjHZ .warnCircle_tfioD {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #fb3838;
        position: absolute;
        right: 32px;
        top: 29px; }
  .warnInfos_2Pm4n .main_Tlmbd .item_2sjHZ .avatar_kn4Jr {
        width: 56px;
        height: 56px;
        margin-right: 10px;
        border-radius: 50%;
        overflow: hidden;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .warnInfos_2Pm4n .main_Tlmbd .item_2sjHZ .avatar_kn4Jr img {
          width: 100%;
          height: 100%; }
  .warnInfos_2Pm4n .main_Tlmbd .item_2sjHZ .itemRight_Ne-r- {
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; }
  .warnInfos_2Pm4n .main_Tlmbd .item_2sjHZ .itemRight_Ne-r- .itemRightTitle_1W3jK {
          height: 20px;
          font-size: 14px;
          font-weight: bold;
          color: #000000;
          line-height: 20px; }
  .warnInfos_2Pm4n .main_Tlmbd .item_2sjHZ .itemRight_Ne-r- .itemDesc_1Pu9K {
          margin-top: 8px;
          word-wrap: break-word;
          word-break: break-all;
          font-size: 12px;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.6);
          line-height: 18px; }
  .warnInfos_2Pm4n .main_Tlmbd .item_2sjHZ .itemRight_Ne-r- .itemDate_1cX8P {
          margin-top: 8px;
          height: 16px;
          font-size: 12px;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.24);
          line-height: 16px; }
  .warnInfos_2Pm4n .main_Tlmbd .footer_3YeRQ {
      margin-top: 40px;
      height: 16px;
      font-size: 12px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.16);
      line-height: 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  .warnInfos_2Pm4n .main_Tlmbd .footer_3YeRQ .text_1MQk8 {
        position: relative; }
  .warnInfos_2Pm4n .main_Tlmbd .footer_3YeRQ .text_1MQk8::before {
          content: "";
          position: absolute;
          left: -44px;
          top: 7.5px;
          width: 40px;
          height: 1px;
          background: rgba(0, 0, 0, 0.06); }
  .warnInfos_2Pm4n .main_Tlmbd .footer_3YeRQ .text_1MQk8::after {
          content: "";
          position: absolute;
          right: -44px;
          top: 7.5px;
          width: 40px;
          height: 1px;
          background: rgba(0, 0, 0, 0.06); }

.warnIcon_38KrC {
  position: relative;
  cursor: pointer; }
  .warnIcon_38KrC .icon_18DtR {
    min-width: 15px;
    height: 15px;
    background: #fb3838;
    border-radius: 8px;
    position: absolute;
    top: -6px;
    right: 8px;
    padding: 0 1px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #fff;
    text-align: center;
    line-height: 15px;
    font-size: 6px;
    z-index: 10;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%); }

.ins_JWRIz {
  width: 100%;
  max-width: 1820px;
  margin: 0 auto;
  background-color: #fafafa;
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 40px; }
  .ins_JWRIz .top_5mlu8 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px 40px 12px 0;
    border-bottom: 1px solid #afafaf;
    background-color: #fafafa;
    z-index: 11;
    position: sticky;
    top: 0; }
  .ins_JWRIz .top_5mlu8 .item_urT_F {
      width: 108px;
      height: 28px;
      line-height: 28px;
      text-align: center;
      -webkit-box-shadow: 3px 3px 0px 1px #555c70;
              box-shadow: 3px 3px 0px 1px #555c70;
      font-weight: bold; }
  .ins_JWRIz .top_5mlu8 .topRight_2lvUf {
      margin-left: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .ins_JWRIz .top_5mlu8 .topRight_2lvUf .includeAccount_3xuks {
        padding-left: 6px;
        padding-right: 8px;
        height: 24px;
        text-align: center;
        border-radius: 4px;
        border: 1px solid #000000;
        font-size: 12px;
        font-weight: 400;
        color: #000000;
        line-height: 23px;
        cursor: pointer; }
  .ins_JWRIz .top_5mlu8 .topRight_2lvUf .includeAccount_3xuks:hover {
          background: rgba(0, 0, 0, 0.06); }
  .ins_JWRIz .top_5mlu8 .topRight_2lvUf .includeAccount_3xuks i {
          margin-right: 3px;
          font-weight: bold;
          font-size: 12px; }
  .ins_JWRIz .order_2YG4L {
    margin-left: auto;
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .ins_JWRIz .order_2YG4L .btn_TcMI9 {
      height: 20px;
      background: #fff;
      padding: 0 6px;
      border: 1px solid #000000;
      font-size: 12px;
      font-weight: 400;
      color: #000;
      line-height: 18px;
      cursor: pointer; }
  .ins_JWRIz .order_2YG4L .btn_TcMI9.selected_-Uncg {
        background: #000;
        color: #fff; }
  .ins_JWRIz .result_2xaCM {
    position: relative;
    width: 100%;
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #fafafa;
    z-index: 10;
    padding: 16px 0;
    padding-right: 40px;
    position: sticky;
    top: 68px; }
  .ins_JWRIz .result_2xaCM .left_2EnTT {
      font-size: 12px;
      font-weight: 400;
      color: #666666;
      height: 24px;
      line-height: 20px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin-right: 30px; }
  .ins_JWRIz .result_2xaCM .middle_2cEGR {
      overflow: hidden;
      margin-top: -5px; }
  .ins_JWRIz .result_2xaCM .middle_2cEGR .tags_1oL4k {
        width: 100%;
        height: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 12px;
        font-weight: 500;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .ins_JWRIz .result_2xaCM .middle_2cEGR .tags_1oL4k .item_urT_F {
          height: 24px;
          line-height: 24px;
          background: #111111;
          border-radius: 12px;
          color: #fff;
          margin-left: 10px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          padding: 0 15px;
          cursor: pointer; }
  .ins_JWRIz .result_2xaCM .middle_2cEGR .tags_1oL4k .item_urT_F .close_2iNck {
            margin-left: 10px; }
  .ins_JWRIz .result_2xaCM .middle_2cEGR .tags_1oL4k .clear_7LLzI {
          width: 88px;
          height: 24px;
          line-height: 22px;
          text-align: center;
          border: 1px solid #ff6a69;
          border-radius: 12px;
          color: #ff6a69;
          margin-left: 10px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          cursor: pointer; }
  .ins_JWRIz .main_6YQM7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
  .ins_JWRIz .main_6YQM7 .left_2EnTT {
      width: 172px;
      height: 0;
      position: sticky;
      top: 124px;
      margin-right: 30px; }
  .ins_JWRIz .main_6YQM7 .left_2EnTT .leftMain_FmsQZ {
        position: absolute;
        top: 0;
        width: 100%;
        height: calc(100vh - 124px);
        border-right: 1px solid #b0afb0;
        overflow: auto;
        padding-bottom: 150px; }
  .ins_JWRIz .main_6YQM7 .left_2EnTT .leftMain_FmsQZ::-webkit-scrollbar {
          width: 0; }
  .ins_JWRIz .main_6YQM7 .right_1QeEp {
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .ins_JWRIz .main_6YQM7 .right_1QeEp .head_2easq {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 14px;
        border-bottom: 1px solid #afafaf;
        background-color: #fafafa;
        z-index: 10;
        padding-right: 40px;
        position: sticky;
        top: 124px; }
  .ins_JWRIz .main_6YQM7 .right_1QeEp .head_2easq .title_gV8eC {
          height: 25px;
          font-size: 18px;
          font-weight: bold;
          color: #000;
          line-height: 25px; }
  .ins_JWRIz .main_6YQM7 .right_1QeEp .head_2easq .headLeft_3ch78 {
          position: absolute;
          height: 40px;
          top: 0;
          left: -30px;
          width: 30px;
          background: #fafafa; }
  .ins_JWRIz .main_6YQM7 .right_1QeEp .list_pdpgJ {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-line-pack: start;
            align-content: flex-start;
        padding-right: 40px;
        min-height: 100vh; }
  .ins_JWRIz .main_6YQM7 .right_1QeEp .list_pdpgJ .loading_32tON {
          margin: 0 auto;
          margin-top: 74px; }
  .ins_JWRIz .main_6YQM7 .right_1QeEp .list_pdpgJ .loading_32tON > img {
            width: 40px; }
  .ins_JWRIz .main_6YQM7 .right_1QeEp .list_pdpgJ .noData_21eGH {
          padding: 100px 0;
          width: 100%;
          text-align: center;
          color: rgba(0, 0, 0, 0.5);
          border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .ins_JWRIz .main_6YQM7 .right_1QeEp .list_pdpgJ .noData_21eGH i {
            font-size: 14px;
            margin-right: 5px; }
  .ins_JWRIz .main_6YQM7 .right_1QeEp .list_pdpgJ .noData_21eGH .noDataBtn_3M4yB {
            margin: 0 auto;
            margin-top: 32px;
            width: 124px;
            height: 32px;
            background: #000000;
            font-size: 14px;
            font-weight: 400;
            color: #ffffff;
            line-height: 32px;
            cursor: pointer; }
  .ins_JWRIz .main_6YQM7 .right_1QeEp .warn_2CIsb {
        height: 25px;
        font-size: 12px;
        font-weight: 400;
        color: #f19660;
        line-height: 25px;
        margin-left: 12px; }
  .ins_JWRIz .main_6YQM7 .right_1QeEp .recommendTitle_sRmoS {
        width: 100%;
        text-align: center;
        height: 25px;
        font-size: 24px;
        font-weight: bold;
        color: #000;
        line-height: 25px;
        margin-top: 40px;
        margin-bottom: 32px;
        padding-right: 40px; }

.ins-body::-webkit-scrollbar {
  width: 0;
}
.include-account-modal .ant-modal-body {
  padding: 0;
}

.content_k8qgD {
  width: 140px;
  padding: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .content_k8qgD .contentMain_2Ttxh {
    width: 100%;
    max-height: 230px;
    padding: 0 20px;
    margin: 20px 0;
    overflow-y: auto; }
  .content_k8qgD .contentMain_2Ttxh::-webkit-scrollbar {
      width: 4px; }
  .content_k8qgD .contentMain_2Ttxh::-webkit-scrollbar-thumb {
      border: none;
      border-radius: 2px;
      background-color: rgba(255, 255, 255, 0.32); }
  .content_k8qgD .contentMain_2Ttxh::-webkit-scrollbar-track {
      border: none;
      border-radius: 0;
      background: transparent; }
  .content_k8qgD .contentMain_2Ttxh::-webkit-scrollbar-track-piece {
      background: transparent; }
  .content_k8qgD .contentMain_2Ttxh .item0_18eGP {
      height: 25px;
      margin-bottom: 8px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer; }
  .content_k8qgD .contentMain_2Ttxh .item0_18eGP:hover {
        background: rgba(0, 0, 0, 0.2); }
  .content_k8qgD .contentMain_2Ttxh .item0_18eGP .left_Qe0x9 {
        height: 16px;
        font-size: 12px;
        font-weight: 300;
        color: #ffffff;
        line-height: 16px;
        margin-left: 16px; }
  .content_k8qgD .contentMain_2Ttxh .item0_18eGP.selected_3oHLv {
        background: #000; }
  .content_k8qgD .contentMain_2Ttxh .item0_18eGP.selected_3oHLv .close_3wsMe {
          display: block; }
  .content_k8qgD .contentMain_2Ttxh .item0_18eGP .close_3wsMe {
        display: none;
        margin-right: 8px;
        font-size: 6px;
        color: #fff; }
  .content_k8qgD .contentMain_2Ttxh .item1_3S2uL {
      margin-bottom: 8px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .content_k8qgD .contentMain_2Ttxh .item1_3S2uL .left_Qe0x9 {
        border-left: 3px solid #000;
        padding-left: 6px;
        padding-right: 8px;
        height: 22px;
        font-size: 14px;
        font-weight: bold;
        color: rgba(0, 0, 0, 0.99);
        line-height: 20px;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
  .content_k8qgD .contentMain_2Ttxh .item1_3S2uL .left_Qe0x9:hover {
          background: rgba(0, 0, 0, 0.4); }
  .content_k8qgD .contentMain_2Ttxh .item1_3S2uL .left_Qe0x9.selected_3oHLv {
          background: #000;
          color: #fff; }
  .content_k8qgD .contentMain_2Ttxh .item1_3S2uL .left_Qe0x9.selected_3oHLv .close_3wsMe {
            visibility: visible; }
  .content_k8qgD .contentMain_2Ttxh .item1_3S2uL .left_Qe0x9 .close_3wsMe {
          visibility: hidden;
          margin-left: 8px;
          font-size: 10px;
          color: #fff; }
  .content_k8qgD .contentMain_2Ttxh .item1_3S2uL .right__PdPd {
        width: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .content_k8qgD .contentMain_2Ttxh .item1_3S2uL .right__PdPd .rightItem_J-HNA {
          height: 22px;
          padding: 0 8px;
          border-radius: 4px;
          font-size: 14px;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.7);
          line-height: 22px;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          margin-left: 6px;
          margin-bottom: 16px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          cursor: pointer; }
  .content_k8qgD .contentMain_2Ttxh .item1_3S2uL .right__PdPd .rightItem_J-HNA:hover {
            background: rgba(0, 0, 0, 0.06); }
  .content_k8qgD .contentMain_2Ttxh .item1_3S2uL .right__PdPd .rightItem_J-HNA.selected_3oHLv {
            background: #000;
            color: #fff; }
  .content_k8qgD .contentMain_2Ttxh .item1_3S2uL .right__PdPd .rightItem_J-HNA.selected_3oHLv .close_3wsMe {
              visibility: visible; }
  .content_k8qgD .contentMain_2Ttxh .item1_3S2uL .right__PdPd .rightItem_J-HNA .close_3wsMe {
            visibility: hidden;
            margin-left: 8px;
            font-size: 10px;
            color: #fff; }

.InsDetail_hdvzj {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 50px 40px 50px;
  background: #fafafa;
  min-height: 100vh;
  min-width: 1360px; }
  .InsDetail_hdvzj .left_2OVqw {
    position: sticky;
    top: 40px;
    height: 0;
    width: 320px;
    margin-right: 32px; }
  .InsDetail_hdvzj .left_2OVqw .leftMain_3HB2- {
      position: absolute;
      top: 0;
      width: 100%;
      height: calc(100vh - 120px);
      background: #ffffff;
      -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
              box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
      border-radius: 4px;
      padding: 32px;
      overflow: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .InsDetail_hdvzj .left_2OVqw .leftMain_3HB2- .avatar_1Fg1T {
        width: 110px;
        height: 110px;
        border-radius: 50%;
        overflow: hidden;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .InsDetail_hdvzj .left_2OVqw .leftMain_3HB2- .avatar_1Fg1T img {
          width: 100%;
          height: 100%; }
  .InsDetail_hdvzj .left_2OVqw .leftMain_3HB2- .firstLine_18Rad {
        font-size: 22px;
        font-weight: 600;
        color: #000000;
        line-height: 30px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 16px auto 0; }
  .InsDetail_hdvzj .left_2OVqw .leftMain_3HB2- .firstLine_18Rad i {
          font-size: 20px;
          display: inline-block; }
  .InsDetail_hdvzj .left_2OVqw .leftMain_3HB2- .secondLine_3XpES {
        margin-top: 20px;
        font-size: 14px;
        font-weight: 400;
        color: #000000;
        line-height: 20px;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .InsDetail_hdvzj .left_2OVqw .leftMain_3HB2- .secondLine_3XpES i {
          margin-right: 3px; }
  .InsDetail_hdvzj .left_2OVqw .leftMain_3HB2- .thirldLine_2-3JD {
        margin-top: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        overflow: hidden;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .InsDetail_hdvzj .left_2OVqw .leftMain_3HB2- .thirldLine_2-3JD .item_1av_i {
          margin-bottom: 13px;
          height: 14px;
          font-size: 12px;
          font-weight: 400;
          color: #555c70;
          line-height: 14px;
          -ms-flex-negative: 0;
              flex-shrink: 0;
          cursor: pointer;
          border-left: 1px solid rgba(0, 0, 0, 0.6);
          padding: 0 12px; }
  .InsDetail_hdvzj .left_2OVqw .leftMain_3HB2- .thirldLine_2-3JD .item_1av_i:first-child {
            padding-left: 0;
            border-left: none; }
  .InsDetail_hdvzj .left_2OVqw .leftMain_3HB2- .thirldLine_2-3JD .item_1av_i:hover {
            color: #333847; }
  .InsDetail_hdvzj .left_2OVqw .leftMain_3HB2- .introduction_1tBHD {
        margin-top: 7px;
        font-size: 14px;
        font-weight: 400;
        color: #000000;
        line-height: 22px;
        overflow: auto;
        white-space: pre-wrap; }
  .InsDetail_hdvzj .left_2OVqw .leftMain_3HB2- .introduction_1tBHD::-webkit-scrollbar {
          width: 0; }
  .InsDetail_hdvzj .left_2OVqw .leftMain_3HB2- .link_1tH1y {
        margin-top: 20px;
        height: 17px;
        font-size: 12px;
        font-weight: 400;
        color: #ff4343;
        line-height: 17px;
        text-align: center;
        cursor: pointer; }
  .InsDetail_hdvzj .left_2OVqw .leftMain_3HB2- .love_2alhO {
        width: 100%;
        margin-top: 40px;
        height: 40px;
        background: #000000;
        border-radius: 20px;
        border: 1px solid #000000;
        cursor: pointer;
        text-align: center;
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .InsDetail_hdvzj .left_2OVqw .leftMain_3HB2- .love_2alhO:hover {
          background: rgba(0, 0, 0, 0.8); }
  .InsDetail_hdvzj .left_2OVqw .leftMain_3HB2- .love_2alhO.loved_1BD6E {
          background: #fff;
          color: #000; }
  .InsDetail_hdvzj .left_2OVqw .leftMain_3HB2- .love_2alhO.loved_1BD6E:hover {
            background: rgba(0, 0, 0, 0.06); }
  .InsDetail_hdvzj .left_2OVqw .leftMain_3HB2- .love_2alhO i {
          margin-right: 10px;
          font-size: 20px; }
  .InsDetail_hdvzj .left_2OVqw .leftMain_3HB2- .love_2alhO span {
          display: block;
          -webkit-transform: translateY(-1px);
              -ms-transform: translateY(-1px);
                  transform: translateY(-1px); }
  .InsDetail_hdvzj .left_2OVqw .leftMain_3HB2- .warn_kFTcp {
        padding-top: 32px;
        padding-bottom: 0;
        font-size: 12px;
        font-weight: 400;
        color: #f19660;
        line-height: 18px;
        margin-top: auto;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .InsDetail_hdvzj .right_2Nwrt {
    width: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .InsDetail_hdvzj .right_2Nwrt .head_cFav_ {
      height: 20px;
      margin-bottom: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .InsDetail_hdvzj .right_2Nwrt .head_cFav_ .headLeft_1XA7j {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
  .InsDetail_hdvzj .right_2Nwrt .head_cFav_ .headLeft_1XA7j .btn_3BzTn {
          width: 36px;
          height: 20px;
          border: 1px solid #000;
          font-size: 12px;
          font-weight: 400;
          line-height: 16px;
          text-align: center;
          color: #000;
          background: #fff;
          cursor: pointer; }
  .InsDetail_hdvzj .right_2Nwrt .head_cFav_ .headLeft_1XA7j .btn_3BzTn.selected_AsxxS {
            color: #fff;
            background: #000; }
  .InsDetail_hdvzj .right_2Nwrt .head_cFav_ .headRight_3fF3m {
        margin-left: auto; }
  .InsDetail_hdvzj .right_2Nwrt .head_cFav_ .headRight_3fF3m .item_1av_i {
          height: 20px;
          font-size: 14px;
          font-weight: 400;
          color: #000000;
          line-height: 20px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .InsDetail_hdvzj .right_2Nwrt .head_cFav_ .headRight_3fF3m .item_1av_i .normal_20L4U {
            display: block; }
  .InsDetail_hdvzj .right_2Nwrt .head_cFav_ .headRight_3fF3m .item_1av_i .hover_3dGZb {
            display: none; }
  .InsDetail_hdvzj .right_2Nwrt .head_cFav_ .headRight_3fF3m .item_1av_i:hover .normal_20L4U {
            display: none; }
  .InsDetail_hdvzj .right_2Nwrt .head_cFav_ .headRight_3fF3m .item_1av_i:hover .hover_3dGZb {
            display: block; }
  .InsDetail_hdvzj .right_2Nwrt .list_gTNfh .loading_38WCz {
      margin-top: 74px;
      text-align: center; }
  .InsDetail_hdvzj .right_2Nwrt .list_gTNfh .loading_38WCz > img {
        width: 40px; }
  .InsDetail_hdvzj .right_2Nwrt .list_gTNfh .noData_-Rz-l {
      margin-top: 70px;
      width: 100%;
      text-align: center;
      font-size: 16px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.4);
      line-height: 22px; }
  .InsDetail_hdvzj .right_2Nwrt .list_gTNfh .noData_-Rz-l i {
        margin-right: 8px; }
  .InsDetail_hdvzj .right_2Nwrt .list_gTNfh .pic_1tq93 {
      cursor: pointer; }
  .InsDetail_hdvzj .right_2Nwrt .list_gTNfh .pic_1tq93.clicked_IJQ1- .itemFooter_2ZfEo {
        font-weight: 600;
        color: rgba(0, 0, 0, 0.5); }
  .InsDetail_hdvzj .right_2Nwrt .list_gTNfh .pic_1tq93:hover {
        background: #fff;
        -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.16);
                box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.16); }
  .InsDetail_hdvzj .right_2Nwrt .list_gTNfh .pic_1tq93 .itemFooter_2ZfEo {
        padding: 0 10px;
        height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px;
        font-weight: bold;
        color: #000;
        line-height: 40px; }
  .InsDetail_hdvzj .right_2Nwrt .list_gTNfh .listFlex_2P54e {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .InsDetail_hdvzj .right_2Nwrt .list_gTNfh .listFlex_2P54e .line_1Mx_K {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .InsDetail_hdvzj .funcs_1i3xL {
    position: fixed;
    bottom: 38px;
    height: 50px;
    background-color: rgba(57, 63, 72, 0.7);
    width: 100vw;
    left: 0;
    z-index: 10; }
  .InsDetail_hdvzj .funcs_1i3xL .funcsRight_B_6aD {
      float: right;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 100%;
      padding-right: 40px; }
  .InsDetail_hdvzj .funcs_1i3xL .funcsRight_B_6aD .selectAll_OZR5G {
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        font-weight: 400;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-right: 20px;
        cursor: pointer;
        color: #fff; }
  .InsDetail_hdvzj .funcs_1i3xL .funcsRight_B_6aD .selectAll_OZR5G .iconContainer_1wcUV {
          width: 20px;
          height: 20px;
          border-radius: 10px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          background-color: rgba(255, 255, 255, 0.8);
          color: #fff;
          margin-right: 5px;
          text-align: center;
          line-height: 20px;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none; }
  .InsDetail_hdvzj .funcs_1i3xL .funcsRight_B_6aD .selectAll_OZR5G .iconContainer_1wcUV .icon_1tKwb {
            width: 16px;
            height: 16px;
            line-height: 20px;
            color: #fff;
            background-color: black;
            border-radius: 8px;
            margin: 0; }
  .InsDetail_hdvzj .funcs_1i3xL .funcsRight_B_6aD .selectAll_OZR5G .iconContainer_1wcUV .normal_20L4U {
            width: 16px;
            height: 16px;
            background-color: rgba(0, 0, 0, 0.2);
            border-radius: 8px; }
  .InsDetail_hdvzj .funcs_1i3xL .funcsRight_B_6aD .download_3JHdb {
        height: 28px;
        font-size: 12px;
        line-height: 28px;
        font-weight: 400;
        color: black;
        padding: 0 16px;
        background-color: #fff; }
  .InsDetail_hdvzj .funcs_1i3xL .funcsRight_B_6aD .download_3JHdb:hover {
          background-color: #d4d4d4; }
  .InsDetail_hdvzj .footer_3Q-P4 {
    width: 100vw;
    height: 38px;
    padding: 0 38px;
    border-top: 1px solid #393f48;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    z-index: 20;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #393f48; }
  .InsDetail_hdvzj .footer_3Q-P4 .navigation_2JoqR .nav_218Em a {
      height: 12px;
      font-size: 12px;
      line-height: 12px;
      font-weight: 400;
      color: #333333; }
  .InsDetail_hdvzj .footer_3Q-P4 .navigation_2JoqR .nav_218Em a:hover {
        text-decoration: underline; }
  .InsDetail_hdvzj .footer_3Q-P4 .navigation_2JoqR .nav_218Em span {
      height: 12px;
      font-size: 12px;
      line-height: 12px;
      font-weight: 400;
      color: #333333; }
  .InsDetail_hdvzj .footer_3Q-P4 .footerRight_2fbha {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      color: #fff;
      line-height: 38px;
      position: relative;
      z-index: 11; }
  .InsDetail_hdvzj .footer_3Q-P4 .footerRight_2fbha .icon_1tKwb {
        padding: 0 10px;
        cursor: pointer;
        position: relative; }
  .InsDetail_hdvzj .footer_3Q-P4 .footerRight_2fbha .icon_1tKwb:hover {
          background-color: #000; }
  .InsDetail_hdvzj .footer_3Q-P4 .footerRight_2fbha .icon_1tKwb:hover .prompt_3kV_j {
            opacity: 1; }
  .InsDetail_hdvzj .footer_3Q-P4 .footerRight_2fbha .icon_1tKwb:hover .prompt_3kV_j .tips_25Ouq {
              display: block; }
  .InsDetail_hdvzj .footer_3Q-P4 .footerRight_2fbha .icon_1tKwb .prompt_3kV_j {
          position: absolute;
          right: 0;
          bottom: 38px;
          width: 38px;
          background: #545454;
          font-size: 12px;
          line-height: 25px;
          font-weight: 400;
          color: white;
          text-align: center;
          opacity: 0;
          -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease; }
  .InsDetail_hdvzj .footer_3Q-P4 .footerRight_2fbha .icon_1tKwb .prompt_3kV_j .tips_25Ouq {
            display: none;
            word-wrap: break-word;
            padding: 5px 10px; }
  .InsDetail_hdvzj .footer_3Q-P4 .footerRight_2fbha .icon_1tKwb .prompt_3kV_j .triangleWrap_3r-xn {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            width: 38px;
            position: absolute;
            left: 0;
            bottom: -10px;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; }
  .InsDetail_hdvzj .footer_3Q-P4 .footerRight_2fbha .icon_1tKwb .prompt_3kV_j .triangleWrap_3r-xn .triangle_1d8xZ {
              width: 0;
              height: 0;
              border: 5px solid transparent;
              border-top: 5px solid #545454; }
  .InsDetail_hdvzj .footer_3Q-P4 .footerRight_2fbha .icon2_2QcvU {
        padding: 0 10px;
        cursor: pointer;
        position: relative;
        color: #393f48; }
  .InsDetail_hdvzj .footer_3Q-P4 .footerRight_2fbha .icon2_2QcvU:hover {
          color: #fff;
          background-color: #000; }
  .InsDetail_hdvzj .footer_3Q-P4 .footerRight_2fbha .person_3rGVH {
        height: 38px;
        position: relative; }
  .InsDetail_hdvzj .footer_3Q-P4 .footerRight_2fbha .person_3rGVH .personBox_1tTlZ {
          height: 38px;
          cursor: pointer; }
  .InsDetail_hdvzj .footer_3Q-P4 .footerRight_2fbha .person_3rGVH .footerLeft_152Zm {
          position: absolute;
          z-index: 10;
          right: 0;
          bottom: 38px;
          width: 190px;
          border-top: 1px solid rgba(17, 17, 17, 0.2);
          border-left: 1px solid rgba(17, 17, 17, 0.2);
          border-right: 1px solid #000;
          -webkit-transition: all 0.4s ease;
          transition: all 0.4s ease;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          cursor: auto;
          background-color: #fff;
          -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease; }
  .InsDetail_hdvzj .footer_3Q-P4 .footerRight_2fbha .person_3rGVH .footerLeft_152Zm.show_2PEuC {
            display: block; }
  .InsDetail_hdvzj .footer_3Q-P4 .footerRight_2fbha .person_3rGVH .footerLeft_152Zm.hide_O_IOJ {
            display: none; }
  .InsDetail_hdvzj .footer_3Q-P4 .footerRight_2fbha .person_3rGVH .footerLeft_152Zm .header_2vEoR {
            width: 100%;
            height: 38px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            padding: 0 19px;
            font-size: 14px;
            font-weight: 400;
            color: #111111;
            line-height: 38px;
            border-bottom: 1px solid rgba(67, 67, 67, 0.3); }
  .InsDetail_hdvzj .footer_3Q-P4 .footerRight_2fbha .person_3rGVH .footerLeft_152Zm .personItem_iszNM {
            width: 100%;
            padding: 0 22px;
            height: 38px;
            margin: 0 auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            font-size: 14px;
            font-weight: 400;
            color: #333333;
            line-height: 38px; }
  .InsDetail_hdvzj .footer_3Q-P4 .footerRight_2fbha .person_3rGVH .footerLeft_152Zm .personItem_iszNM:hover {
              background-color: #f2f2f2; }
  .InsDetail_hdvzj .footer_3Q-P4 .footerRight_2fbha .person_3rGVH .footerLeft_152Zm .line_1Mx_K {
            margin: 0 auto;
            width: calc(100% - 44px);
            height: 1px;
            background-color: rgba(67, 67, 67, 0.3); }
  .goTop_2oRUU {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.32);
          box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.32);
  border-radius: 50%;
  overflow: hidden; }
  .goTop_2oRUU > i {
    font-size: 16px;
    color: #aaaaaa; }
  .goTop_2oRUU:hover {
    background-color: #000; }
  .goTop_2oRUU:hover > i {
      color: #fff; }

.ins-detail-body::-webkit-scrollbar {
  width: 0;
}
.ins-detail-popover .ant-popover-arrow {
  display: none;
}
.ins-detail-popover .ant-popover-inner {
  background: #fff;
}
.ins-detail-popover .ant-popover-inner-content {
  padding: 0;
}

.main_37F0r {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  padding: 0 52px 30px 52px;
  background-color: #fafafa; }
  .main_37F0r .header_2OatO {
    position: sticky;
    top: 76px;
    height: 74px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 10;
    background-color: #fafafa;
    padding-top: 28px;
    padding-bottom: 16px; }
  .main_37F0r .header_2OatO .left_2xhMW {
      height: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px; }
  .main_37F0r .header_2OatO .right_1mViS {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .main_37F0r .header_2OatO .right_1mViS .search_3GDKI {
        width: 390px;
        height: 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .main_37F0r .header_2OatO .right_1mViS .search_3GDKI i {
          font-size: 16px;
          margin-left: 16px; }
  .main_37F0r .header_2OatO .right_1mViS .search_3GDKI input {
          width: calc(100% - 50px);
          height: 100%;
          margin-left: 12px;
          border: none;
          outline: medium;
          border-radius: 5px;
          line-height: 25px;
          background: #fafafa; }
  .main_37F0r .header_2OatO .right_1mViS .download_QnLJX {
        height: 28px;
        padding: 0 16px;
        font-size: 12px;
        line-height: 28px;
        font-weight: 400;
        color: black; }
  .main_37F0r .header_2OatO .right_1mViS .download_QnLJX i {
          font-size: 12px;
          line-height: 28px;
          font-weight: 400;
          color: black; }
  .main_37F0r .header_2OatO .right_1mViS .download_QnLJX:hover {
          background-color: #d4d4d4; }
  .main_37F0r .header_2OatO .right_1mViS i {
        cursor: pointer;
        color: #cdcdcd;
        font-size: 24px; }
  .main_37F0r .header_2OatO .right_1mViS i.active_qDOXr {
          color: #2c2c2c; }
  .main_37F0r .list_1ORFM {
    min-height: 100vh; }
  .main_37F0r .list_1ORFM .empty_2Rl46 {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 40px; }
  .main_37F0r .list_1ORFM .empty_2Rl46 img {
        width: 400px; }

.no-scroll-bar1::-webkit-scrollbar {
  width: 0;
}

.detailWrap_StZ_D {
  height: 100%;
  width: 240px;
  border-left: 1px solid rgba(67, 67, 67, 0.3);
  padding-bottom: 24px;
  overflow: auto; }
  .detailWrap_StZ_D .header_3eHpU {
    width: 100%;
    height: 38px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 1px solid rgba(67, 67, 67, 0.3);
    padding: 0 19px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .detailWrap_StZ_D .tags_xYQ7k {
    margin: 16px 0;
    padding: 0 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
    overflow: hidden; }
  .detailWrap_StZ_D .tags_xYQ7k .tag_30Jxz {
      display: inline-block;
      height: 28px;
      line-height: 26px;
      font-size: 12px;
      font-weight: 400;
      color: #282828;
      background: #fff;
      border-radius: 14px;
      border: 1px solid #282828;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0 10px;
      cursor: pointer;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .detailWrap_StZ_D .tags_xYQ7k .tag_30Jxz:hover {
        background: #000;
        color: white; }
  .detailWrap_StZ_D .desc_TUFBC {
    margin-top: 12px;
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    line-height: 20px;
    border-bottom: 1px solid #c6c7c6;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 15px 12px 15px;
    overflow: auto; }
  .detailWrap_StZ_D .desc_TUFBC::-webkit-scrollbar {
      width: 0; }
  .detailWrap_StZ_D .btns_3LfLI {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px; }
  .detailWrap_StZ_D .btns_3LfLI .operateButton_ju6Ba {
      text-align: center;
      line-height: 34px;
      font-size: 12px;
      font-weight: 400;
      color: #333333;
      text-align: left;
      padding-left: 20px; }
  .detailWrap_StZ_D .btns_3LfLI .operateButton_ju6Ba:hover {
        background-color: #d4d4d4; }
  .detailWrap_StZ_D .btns_3LfLI .operateButton_ju6Ba i {
        font-size: 18px; }

.aside_uees1 {
  width: 38px;
  height: 100%;
  border-left: 1px solid #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #fff;
  z-index: 90; }
  .aside_uees1 .item_3NBp6 {
    height: 38px;
    line-height: 38px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 1px solid #000;
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .aside_uees1 .item_3NBp6:hover {
      background: #393f48; }
  .aside_uees1 .item_3NBp6:hover .prompt_1OXys {
        opacity: 1;
        width: 87px; }
  .aside_uees1 .item_3NBp6:hover .prompt_1OXys .tips_1cyUT {
          display: block; }
  .aside_uees1 .item_3NBp6:hover .prompt2_2aREp {
        width: 120px; }
  .aside_uees1 .item_3NBp6:hover .iconfont_1A2Fb {
        color: #fff; }
  .aside_uees1 .item_3NBp6.active_3CrOR {
      background: #393f48; }
  .aside_uees1 .item_3NBp6.active_3CrOR .iconfont_1A2Fb {
        color: #fff; }
  .aside_uees1 .item_3NBp6 .iconfont_1A2Fb {
      color: #363636; }
  .aside_uees1 .item_3NBp6 .prompt_1OXys {
      position: absolute;
      top: 0;
      right: 38px;
      width: 0px;
      height: 38px;
      background: #545454;
      font-size: 12px;
      line-height: 38px;
      font-weight: 400;
      color: white;
      text-align: center;
      opacity: 0;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease; }
  .aside_uees1 .item_3NBp6 .prompt_1OXys .tips_1cyUT {
        display: none; }
  .aside_uees1 .item_3NBp6 .prompt_1OXys .triangleWrap_3aL_s {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 38px;
        position: absolute;
        top: 0;
        right: -10px; }
  .aside_uees1 .item_3NBp6 .prompt_1OXys .triangleWrap_3aL_s .triangle_1dqYh {
          width: 0;
          height: 0;
          border: 5px solid transparent;
          border-left: 5px solid #545454; }
  .aside_uees1 .person_1TZor {
    height: 311px;
    line-height: 38px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    position: relative;
    z-index: 0; }
  .aside_uees1 .person_1TZor.active_3CrOR {
      color: #fff; }
  .aside_uees1 .person_1TZor.active_3CrOR .personBox_30J-b {
        background: #393f48; }
  .aside_uees1 .person_1TZor .personBox_30J-b {
      width: 38px;
      height: 38px;
      position: relative;
      z-index: 20;
      background-color: #fff;
      position: absolute;
      bottom: 0px;
      border-top: 1px solid #000;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .aside_uees1 .person_1TZor .left_2UNzD {
      position: absolute;
      z-index: 10;
      left: 0px;
      bottom: 0;
      width: 190px;
      border-top: 1px solid rgba(17, 17, 17, 0.2);
      border-left: 1px solid rgba(17, 17, 17, 0.2);
      border-right: 1px solid #000;
      -webkit-transition: all 0.4s ease;
      transition: all 0.4s ease;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      cursor: auto;
      background-color: #fff;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
  .aside_uees1 .person_1TZor .left_2UNzD.show_2yV3D {
        display: block;
        left: -190px; }
  .aside_uees1 .person_1TZor .left_2UNzD.hide_rHQeT {
        display: block; }
  .aside_uees1 .person_1TZor .left_2UNzD .header_2L7-G {
        width: 100%;
        height: 38px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 0 19px;
        font-size: 14px;
        font-weight: 400;
        color: #111111;
        line-height: 38px;
        border-bottom: 1px solid rgba(67, 67, 67, 0.3); }
  .aside_uees1 .person_1TZor .left_2UNzD .personItem_2V9a3 {
        width: 100%;
        padding: 0 22px;
        height: 38px;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        font-size: 14px;
        font-weight: 400;
        color: #333333;
        line-height: 38px; }
  .aside_uees1 .person_1TZor .left_2UNzD .personItem_2V9a3:hover {
          background-color: #f2f2f2; }
  .aside_uees1 .person_1TZor .left_2UNzD .line_2Or0k {
        margin: 0 auto;
        width: calc(100% - 44px);
        height: 1px;
        background-color: rgba(67, 67, 67, 0.3); }

.main_11y1g {
  height: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }
  .main_11y1g .list_1-Xe9 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 24px;
    width: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    gap: 24px;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .main_11y1g .list_1-Xe9::-webkit-scrollbar {
      width: 0; }
  .main_11y1g .list_1-Xe9 .loadSvg_3avA6 {
      margin-top: 50px;
      width: 100%;
      height: 50px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .main_11y1g .list_1-Xe9 .loadSvg_3avA6 > img {
        width: 40px; }
  .main_11y1g .list_1-Xe9 .title_xZe11 {
      width: 100%;
      height: 30px;
      font-weight: bold;
      font-size: 22px;
      color: rgba(0, 0, 0, 0.7);
      line-height: 30px;
      margin-bottom: -8px; }
  .main_11y1g .list_1-Xe9 .imgContainer_2a4PC {
      width: calc((100% - 120px) / 6);
      position: relative; }
  .main_11y1g .list_1-Xe9 .imgContainer_2a4PC .cover_1FUOL {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 100;
        background: rgba(0, 0, 0, 0.5);
        font-weight: 500;
        font-size: 32px;
        color: #fff;
        line-height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .main_11y1g .list_1-Xe9 .imgContainer_2a4PC .imgMain_2Pchr {
        width: 100%;
        padding-bottom: 132%;
        position: relative;
        overflow: hidden; }
  .main_11y1g .list_1-Xe9 .imgContainer_2a4PC .imgMain_2Pchr .biaozhi_1jL9N {
          position: absolute;
          top: 7px;
          left: 7px;
          width: 42px;
          height: 42px;
          z-index: 10; }
  .main_11y1g .list_1-Xe9 .imgContainer_2a4PC .imgMain_2Pchr:hover .love_1AFQB {
          -webkit-transform: translateY(0);
              -ms-transform: translateY(0);
                  transform: translateY(0); }
  .main_11y1g .list_1-Xe9 .imgContainer_2a4PC .imgMain_2Pchr .love_1AFQB {
          position: absolute;
          right: 0;
          top: 0;
          width: 50px;
          height: 50px;
          background: rgba(0, 0, 0, 0.5);
          cursor: pointer;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
          -webkit-transform: translateY(-100%);
              -ms-transform: translateY(-100%);
                  transform: translateY(-100%); }
  .main_11y1g .list_1-Xe9 .imgContainer_2a4PC .imgMain_2Pchr .love_1AFQB i {
            color: #fff; }
  .main_11y1g .list_1-Xe9 .imgContainer_2a4PC .imgMain_2Pchr .love_1AFQB:hover {
            background: #000; }
  .main_11y1g .list_1-Xe9 .imgContainer_2a4PC .imgMain_2Pchr img {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }

.article_2BJb4 {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .article_2BJb4 .header_1xWDN {
    border-bottom: 1px solid #000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    height: 53px; }
  .article_2BJb4 .header_1xWDN .headerWrap_3wkIt {
      position: absolute;
      width: 100%;
      height: 53px;
      padding: 0 30px;
      padding-right: 37px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-transition: opacity 0.5s ease-out;
      transition: opacity 0.5s ease-out; }
  .article_2BJb4 .header_1xWDN .headerWrap_3wkIt.show_1y4oc {
        opacity: 1;
        z-index: 1; }
  .article_2BJb4 .header_1xWDN .headerWrap_3wkIt.hide_2A786 {
        opacity: 0;
        z-index: 0; }
  .article_2BJb4 .header_1xWDN .headerWrap_3wkIt .left_2jwao {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .article_2BJb4 .header_1xWDN .headerWrap_3wkIt .left_2jwao .logo_3ljOB {
          width: 90px;
          height: 34px;
          background: url("https://assets.wow-trend.com/wowtrend/static/resource/images/wowlogo/6d682f00.svg") no-repeat;
          background-size: 100% 100%;
          margin-right: 20px;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
  .article_2BJb4 .header_1xWDN .headerWrap_3wkIt .left_2jwao .logo_3ljOB a {
            display: inline-block;
            width: 100%;
            height: 100%; }
  .article_2BJb4 .header_1xWDN .headerWrap_3wkIt .left_2jwao .title_3nAXy {
          height: 34px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
  .article_2BJb4 .header_1xWDN .headerWrap_3wkIt .left_2jwao .title_3nAXy .content_2fUnq {
            height: 16px;
            line-height: 16px;
            font-size: 16px;
            font-weight: bold;
            color: #111111; }
  .article_2BJb4 .header_1xWDN .headerWrap_3wkIt .left_2jwao .title_3nAXy .date_2aWV3 {
            height: 18px;
            font-size: 12px;
            margin-top: 3px;
            font-weight: 400;
            color: #111111; }
  .article_2BJb4 .footer_QFOa4 {
    min-height: 38px;
    padding: 0 38px;
    border-top: 1px solid #393f48;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    z-index: 20;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .article_2BJb4 .footer_QFOa4 .navigation_DyC3Z .nav_1kKV- a {
      height: 12px;
      font-size: 12px;
      line-height: 12px;
      font-weight: 400;
      color: #333333; }
  .article_2BJb4 .footer_QFOa4 .navigation_DyC3Z .nav_1kKV- a:hover {
        text-decoration: underline; }
  .article_2BJb4 .footer_QFOa4 .navigation_DyC3Z .nav_1kKV- span {
      height: 12px;
      font-size: 12px;
      line-height: 12px;
      font-weight: 400;
      color: #333333; }

.card_3trXW {
  width: calc((100% - 30px) / 2); }
  .card_3trXW .picture_1dcQu {
    width: 100%;
    padding-bottom: 56.285%;
    border: 1px solid #f6f6f6;
    cursor: pointer;
    position: relative;
    overflow: hidden; }
  .card_3trXW .picture_1dcQu:hover .ai_1t9pV {
      top: 0; }
  .card_3trXW .picture_1dcQu .ai_1t9pV {
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease;
      position: absolute;
      right: 0;
      top: -45px;
      width: 44px;
      height: 44px;
      background-color: rgba(0, 0, 0, 0.5);
      color: #fff;
      font-size: 17px;
      text-align: center;
      line-height: 44px;
      display: inline-block;
      z-index: 11; }
  .card_3trXW .picture_1dcQu .ai_1t9pV:hover {
        background-color: black; }
  .card_3trXW .picture_1dcQu > img {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      -o-object-fit: contain;
         object-fit: contain; }
  .card_3trXW .picture_1dcQu:hover .imgMask_2ERQP {
      opacity: 1; }
  .card_3trXW .picture_1dcQu .imgMask_2ERQP {
      position: absolute;
      opacity: 0;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
      -webkit-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out; }
  .card_3trXW .picture_1dcQu .imgMask_2ERQP .tag_2zFhH {
        position: absolute;
        top: 22px;
        left: 20px;
        height: 29px;
        background: #ffffff;
        -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
                box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
        border-radius: 15px;
        padding: 0 18px;
        font-size: 14px;
        font-weight: 500;
        color: #000000;
        line-height: 29px; }
  .card_3trXW .picture_1dcQu .imgMask_2ERQP .center_FqsZH {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%);
        display: inline-block;
        padding: 40px 0;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        white-space: nowrap;
        text-align: center; }
  .card_3trXW .picture_1dcQu .imgMask_2ERQP .center_FqsZH .text_3f1xt {
          font-size: 33px;
          font-family: bold;
          font-weight: normal;
          color: #ffffff;
          line-height: 46px; }
  .card_3trXW .picture_1dcQu .imgMask_2ERQP .center_FqsZH .text1_iCGCS {
          margin-top: 20px;
          font-size: 24px;
          font-weight: 500;
          color: #ffffff;
          line-height: 33px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
  .card_3trXW .picture_1dcQu .imgMask_2ERQP .center_FqsZH .text1_iCGCS .divide_2w4n8 {
            padding: 0 15px; }
  .card_3trXW .picture_1dcQu .imgMask_2ERQP .info_2gJIk {
        position: absolute;
        left: 23px;
        bottom: 13px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 8px;
        gap: 16px;
        font-size: 10px;
        font-weight: 400;
        color: #ccc;
        line-height: 15px; }
  .card_3trXW .picture_1dcQu .imgMask_2ERQP .info_2gJIk .item_3uXvl {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
  .card_3trXW .picture_1dcQu .imgMask_2ERQP .info_2gJIk .item_3uXvl .icon_3Ujiq {
            font-size: 14px;
            margin-right: 4px; }
  .card_3trXW .picture_1dcQu .imgMask_2ERQP .info_2gJIk .item_3uXvl .text_3f1xt {
            font-size: 14px; }
  .card_3trXW .compositionFooter_2-dQc {
    width: calc(100% - 40px);
    margin: 0 auto;
    margin-top: 10px;
    padding-bottom: 20px; }
  .card_3trXW .compositionFooter_2-dQc .title_1uqKs {
      height: 22px;
      font-size: 16px;
      font-weight: bold;
      color: #000000;
      line-height: 22px; }
  .card_3trXW .compositionFooter_2-dQc .tags_3ETbl {
      margin-top: 8px;
      height: 24px;
      overflow: hidden; }
  .card_3trXW .compositionFooter_2-dQc .tags_3ETbl > span,
      .card_3trXW .compositionFooter_2-dQc .tags_3ETbl a {
        display: inline-block;
        padding: 6px 8px;
        border-radius: 12px;
        border: 1px solid #d7dae2;
        font-size: 12px;
        line-height: 10px;
        margin-right: 6px;
        cursor: pointer;
        color: unset;
        -webkit-transition: none;
        transition: none; }
  .card_3trXW .compositionFooter_2-dQc .tags_3ETbl > span:hover,
        .card_3trXW .compositionFooter_2-dQc .tags_3ETbl a:hover {
          background-color: #111;
          color: #fff; }

.columnsContent_2nkCA .headerFilter_1pFc4 {
  position: relative;
  left: 0;
  height: 80px;
  width: 100%;
  background-color: #FAFAFA;
  z-index: 50; }
  .columnsContent_2nkCA .headerFilter_1pFc4 .leftSpace_1J3Xu,
  .columnsContent_2nkCA .headerFilter_1pFc4 .rightSpace_2lXqi {
    width: calc((100% - 1760px) / 2);
    position: absolute;
    height: 30px;
    top: 0;
    background-color: #FAFAFA; }
  .columnsContent_2nkCA .headerFilter_1pFc4 .leftSpace_1J3Xu {
    left: 0; }
  .columnsContent_2nkCA .headerFilter_1pFc4 .rightSpace_2lXqi {
    right: 0; }
  .columnsContent_2nkCA .headerFilter_1pFc4 .middleSpace_39w9q {
    width: 1820px;
    padding: 0 40px;
    height: 80px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-left: 2px solid #000000;
    border-right: 2px solid #000000; }
  @media screen and (max-width: 1820px) {
      .columnsContent_2nkCA .headerFilter_1pFc4 .middleSpace_39w9q {
        width: 100%; } }
  @media screen and (max-width: 1760px) {
      .columnsContent_2nkCA .headerFilter_1pFc4 .middleSpace_39w9q .leftSpace_1J3Xu,
      .columnsContent_2nkCA .headerFilter_1pFc4 .middleSpace_39w9q .rightSpace_2lXqi {
        width: 0; }
      .columnsContent_2nkCA .headerFilter_1pFc4 .middleSpace_39w9q .middleSpace_39w9q {
        width: 100%; }
      .columnsContent_2nkCA .headerFilter_1pFc4 .middleSpace_39w9q.beFixed_3C5Fk {
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0); } }
  .columnsContent_2nkCA .headerFilter_1pFc4 .middleSpace_39w9q .middleSpaceBox_2vm-k {
      width: 100%;
      border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
  .columnsContent_2nkCA .headerFilter_1pFc4 .middleSpace_39w9q .center_1wpAX {
      float: left;
      width: 70.91954%;
      height: 80px;
      padding-top: 24px; }
  .columnsContent_2nkCA .headerFilter_1pFc4 .middleSpace_39w9q .center_1wpAX .pathAndFilter_1qYYl {
        position: relative;
        height: 55px;
        background-color: #FAFAFA; }
  .columnsContent_2nkCA .headerFilter_1pFc4 .middleSpace_39w9q .center_1wpAX .pathAndFilter_1qYYl .map_1BlYx {
          position: absolute;
          left: -10px;
          top: 0;
          width: 40px;
          height: 40px;
          z-index: 10; }
  .columnsContent_2nkCA .headerFilter_1pFc4 .middleSpace_39w9q .center_1wpAX .pathAndFilter_1qYYl .map_1BlYx:hover {
            background-color: #eee; }
  .columnsContent_2nkCA .headerFilter_1pFc4 .middleSpace_39w9q .center_1wpAX .pathAndFilter_1qYYl .map_1BlYx .icon_1AoaY {
            position: absolute;
            left: 10px;
            top: 1px;
            line-height: 30px;
            cursor: pointer;
            font-size: 18px;
            color: #111; }
  .columnsContent_2nkCA .headerFilter_1pFc4 .middleSpace_39w9q .center_1wpAX .pathAndFilter_1qYYl .map_1BlYx .modalWrap_2kiA- {
            width: 1143px;
            height: 0;
            overflow: hidden;
            margin-left: 10px;
            margin-top: 59px;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease; }
  .columnsContent_2nkCA .headerFilter_1pFc4 .middleSpace_39w9q .center_1wpAX .pathAndFilter_1qYYl .map_1BlYx:hover .modalWrap_2kiA- {
            height: 420px; }
  .columnsContent_2nkCA .headerFilter_1pFc4 .middleSpace_39w9q .center_1wpAX .pathAndFilter_1qYYl .crumbs_1EMpr {
          position: absolute;
          height: 30px;
          line-height: 30px;
          left: 3px;
          top: 0; }
  .columnsContent_2nkCA .headerFilter_1pFc4 .middleSpace_39w9q .center_1wpAX .filterBar_YJyVo {
        position: absolute;
        left: 190px;
        top: 5.5px;
        width: calc(100% - 200px); }
  .columnsContent_2nkCA .headerFilter_1pFc4 .middleSpace_39w9q .searchBox_2nowI {
      width: 29.08046%;
      max-width: 500px;
      position: relative;
      overflow: unset;
      padding-top: 20px;
      float: left; }
  .columnsContent_2nkCA .headerFilter_1pFc4 .middleSpace_39w9q .right_3nMgs {
      width: 100%;
      height: 38px; }
  .columnsContent_2nkCA .headerFilter_1pFc4 .middleSpace_39w9q .search_2zXW2 {
      position: absolute;
      left: 15px;
      top: 0px;
      z-index: 2;
      border-radius: 5px;
      color: #111;
      cursor: pointer; }
  .columnsContent_2nkCA .headerFilter_1pFc4 .middleSpace_39w9q .search_2zXW2 .text_19K3D {
        font-size: 18px;
        line-height: 42px; }
  .columnsContent_2nkCA .headerFilter_1pFc4 .middleSpace_39w9q .closeSeach_jCn2u {
      position: absolute;
      top: 0;
      right: 0px;
      width: 38px;
      height: 38px;
      text-align: center;
      cursor: pointer; }
  .columnsContent_2nkCA .headerFilter_1pFc4 .middleSpace_39w9q .closeSeach_jCn2u > i {
        line-height: 38px;
        font-size: 12px;
        color: #111; }
  .columnsContent_2nkCA .headerFilter_1pFc4.beFixed_3C5Fk {
    position: sticky;
    top: -1px;
    left: 0;
    width: 100%; }
  .columnsContent_2nkCA .headerFilter_1pFc4.top110_6I6aC {
    top: 110px; }
  .columnsContent_2nkCA .content_1axwz {
  max-width: 1820px;
  min-width: 1300px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 0px 40px 0px 40px;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000; }
  .columnsContent_2nkCA .content_1axwz .mainContainer_1Iwjs {
    position: relative; }
  .columnsContent_2nkCA .content_1axwz .mainContainer_1Iwjs .loadSvg_3vLX8 {
      position: absolute;
      top: 74px;
      left: -21px;
      width: 170px;
      height: 80px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .columnsContent_2nkCA .content_1axwz .mainContainer_1Iwjs .loadSvg_3vLX8 > img {
        width: 40px; }
  .columnsContent_2nkCA .content_1axwz .mainContainer_1Iwjs .leftFilter_1gHtx {
      position: absolute;
      width: 172px;
      height: 100%;
      overflow: hidden;
      border-right: 1px solid rgba(0, 0, 0, 0.3);
      float: left; }
  .columnsContent_2nkCA .content_1axwz .mainContainer_1Iwjs .leftFilter_1gHtx .filterBox_2sGHh {
        position: absolute;
        top: 0; }
  .columnsContent_2nkCA .content_1axwz .mainContainer_1Iwjs .leftFilter_1gHtx .filterBox_2sGHh .header_1LgWz {
          height: 74px;
          width: 191px;
          padding: 19px 19px 12px;
          border-bottom: 1px solid #ff7030;
          color: #ff7030;
          background-color: #FAFAFA;
          margin-top: 2px; }
  .columnsContent_2nkCA .content_1axwz .mainContainer_1Iwjs .leftFilter_1gHtx .filterBox_2sGHh .header_1LgWz p {
            margin: 0px; }
  .columnsContent_2nkCA .content_1axwz .mainContainer_1Iwjs .leftFilter_1gHtx .filterBox_2sGHh .header_1LgWz .title_-qQYD {
            font-size: 22px;
            font-weight: bold; }
  .columnsContent_2nkCA .content_1axwz .mainContainer_1Iwjs .leftFilter_1gHtx .filterBox_2sGHh .header_1LgWz .enTitle_FV33g {
            font-size: 12px;
            margin-top: -6px; }
  .columnsContent_2nkCA .content_1axwz .mainContainer_1Iwjs .leftFilter_1gHtx.beFixed_3C5Fk {
        position: sticky;
        z-index: 2;
        top: 110px;
        left: calc((100% - $max-layout - 40px) / 2);
        height: calc(100vh - 110px); }
  .columnsContent_2nkCA .content_1axwz .mainContainer_1Iwjs .leftFilter_1gHtx.top140_2dYhf {
        top: 140px; }
  .columnsContent_2nkCA .content_1axwz .mainContainer_1Iwjs .rightContent_3fDx6 {
      width: calc(100% - 172px);
      padding-left: 30px;
      float: right; }
  .columnsContent_2nkCA .content_1axwz .mainContainer_1Iwjs .rightContent_3fDx6 .rightContentHeader_3HKn8 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: #fafafa;
        padding: 0 0 14px;
        border-bottom: 1px solid #d8d8d8;
        margin-bottom: 24px;
        z-index: 4; }
  .columnsContent_2nkCA .content_1axwz .mainContainer_1Iwjs .rightContent_3fDx6 .rightContentHeader_3HKn8 .left_t67Yu {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
  .columnsContent_2nkCA .content_1axwz .mainContainer_1Iwjs .rightContent_3fDx6 .rightContentHeader_3HKn8 .left_t67Yu .item_3fBtX {
            -webkit-box-sizing: content-box;
                    box-sizing: content-box;
            height: 17px;
            padding: 3px 8px 2px;
            cursor: pointer;
            background: #ffffff;
            border: 1px solid #555c70;
            font-size: 12px;
            font-weight: 400;
            color: #000000;
            line-height: 15.5px; }
  .columnsContent_2nkCA .content_1axwz .mainContainer_1Iwjs .rightContent_3fDx6 .rightContentHeader_3HKn8 .left_t67Yu .item_3fBtX + .item_3fBtX {
              margin-left: 10px; }
  .columnsContent_2nkCA .content_1axwz .mainContainer_1Iwjs .rightContent_3fDx6 .rightContentHeader_3HKn8 .left_t67Yu .item_3fBtX.selected_oWXI2, .columnsContent_2nkCA .content_1axwz .mainContainer_1Iwjs .rightContent_3fDx6 .rightContentHeader_3HKn8 .left_t67Yu .item_3fBtX:hover {
              background: #555c70;
              border: 1px solid #555c70;
              color: #ffffff; }
  .columnsContent_2nkCA .content_1axwz .mainContainer_1Iwjs .rightContent_3fDx6 .rightContentHeader_3HKn8 .right_3nMgs {
          margin-left: auto;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .columnsContent_2nkCA .content_1axwz .mainContainer_1Iwjs .rightContent_3fDx6 .empty_1M1Fb {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-top: 40px; }
  .columnsContent_2nkCA .content_1axwz .mainContainer_1Iwjs .rightContent_3fDx6 .empty_1M1Fb img {
          width: 400px; }
  @media screen and (max-width: 1820px) {
  .columnsContent_2nkCA .content_1axwz {
    width: 100%;
    margin: 0 auto;
    padding: 0px 40px 0px 40px; } }

.scroll-bar-width-zero::-webkit-scrollbar {
  width: 0;
}

.articleList_1lbqa {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px;
  text-align: left; }

.card_2aCki {
  width: calc((100% - 72px) / 4); }
  .card_2aCki .picture_1JceJ {
    width: 100%;
    padding-bottom: 62%;
    border: 1px solid #f6f6f6;
    cursor: pointer;
    position: relative; }
  .card_2aCki .picture_1JceJ > img {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center top;
         object-position: center top;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
  .card_2aCki .picture_1JceJ:hover .imgMask_2du7X {
      opacity: 1; }
  .card_2aCki .picture_1JceJ:hover .showCollectIcon_1lkDa {
      display: none; }
  .card_2aCki .picture_1JceJ .showCollectIcon_1lkDa {
      position: absolute;
      right: 13px;
      bottom: 9px;
      width: 32px;
      height: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #333; }
  .card_2aCki .picture_1JceJ .imgMask_2du7X {
      position: absolute;
      opacity: 0;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 20px;
      color: #333;
      font-weight: bold;
      background-color: rgba(255, 255, 255, 0.7);
      -webkit-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out;
      padding-top: 16px;
      padding-left: 16px;
      background: rgba(0, 0, 0, 0.65); }
  .card_2aCki .picture_1JceJ .imgMask_2du7X .container_CmjL3 {
        position: absolute;
        width: 92%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
  .card_2aCki .picture_1JceJ .imgMask_2du7X .imgMaskTitle_24nbn {
        max-width: 100%;
        margin-bottom: 20px;
        font-size: 14px;
        text-align: center; }
  .card_2aCki .picture_1JceJ .imgMask_2du7X .imgMaskWow_1-ajc {
        text-align: center;
        margin-bottom: 16px; }
  .card_2aCki .picture_1JceJ .imgMask_2du7X .imgMaskWow_1-ajc > img {
          display: inline-block;
          width: 42%;
          height: unset; }
  .card_2aCki .picture_1JceJ .imgMask_2du7X .imgMaskDesc_IZ-DS {
        font-size: 22px;
        text-align: center; }
  .card_2aCki .picture_1JceJ .imgMask_2du7X .collect_3E4GG {
        position: absolute;
        right: 13px;
        bottom: 9px;
        width: 32px;
        height: 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .card_2aCki .picture_1JceJ .imgMask_2du7X .isNotCollect_IXPp8 {
        color: #fff; }
  .card_2aCki .picture_1JceJ .imgMask_2du7X .isCollect_2dSTm {
        color: #fff; }
  .card_2aCki .picture_1JceJ .imgMask_2du7X .logoWhite_h2Y0i {
        width: 15%; }
  .card_2aCki .picture_1JceJ .imgMask_2du7X .maskContent_2oMyM {
        color: #ffffff;
        border: 1px solid #ffffff;
        border-left: none;
        border-right: none;
        width: 76%;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        text-align: center;
        padding: 15px 0px; }
  .card_2aCki .picture_1JceJ .imgMask_2du7X .maskContent_2oMyM .contentHeader_6dVZg {
          height: 33px;
          font-size: 23px;
          font-weight: 400;
          line-height: 32px;
          margin-bottom: 2px; }
  .card_2aCki .picture_1JceJ .imgMask_2du7X .maskContent_2oMyM .contentFooter_1-dYT {
          height: 20px;
          font-size: 14px;
          font-weight: 400;
          line-height: 20px; }
  .card_2aCki .articleFooter_1I5A1 {
    margin-top: 13px; }
  .card_2aCki .articleFooter_1I5A1 .titleContainer_16but {
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .card_2aCki .articleFooter_1I5A1 .titleContainer_16but .title_3f4hv {
        max-width: 100%;
        height: 16px;
        font-size: 14px;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #111111;
        line-height: 16px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
        display: inline-block;
        position: relative;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
  .card_2aCki .articleFooter_1I5A1 .titleContainer_16but .title_3f4hv:hover::before {
          right: 0%; }
  .card_2aCki .articleFooter_1I5A1 .titleContainer_16but .title_3f4hv::before {
          content: "";
          position: absolute;
          z-index: 10;
          left: 0;
          right: 100%;
          bottom: 0;
          background: #073f58;
          height: 1.25px;
          -webkit-transition-property: right;
          transition-property: right;
          -webkit-transition-duration: 0.3s;
                  transition-duration: 0.3s;
          -webkit-transition-timing-function: ease-out;
                  transition-timing-function: ease-out; }
  .card_2aCki .articleFooter_1I5A1 .info_KZqxo {
      margin-top: 9px;
      height: 12px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .card_2aCki .articleFooter_1I5A1 .info_KZqxo .icon_17ajG {
        height: 12px;
        font-size: 12px;
        line-height: 14.5px;
        color: #aaaaaa; }
  .card_2aCki .articleFooter_1I5A1 .info_KZqxo .text_bhlAW {
        height: 12px;
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #999999;
        line-height: 12px;
        margin-left: 4px; }
  .card_2aCki .articleFooter_1I5A1 .info_KZqxo .right_zdzcx {
        height: 12px;
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #999999;
        line-height: 12px;
        margin-left: auto; }
  .card_2aCki .articleFooter_1I5A1 .tags_2Yt3G {
      margin-top: 8px;
      height: 24px;
      overflow: hidden; }
  .card_2aCki .articleFooter_1I5A1 .tags_2Yt3G > span,
      .card_2aCki .articleFooter_1I5A1 .tags_2Yt3G a {
        display: inline-block;
        padding: 6px 8px;
        border-radius: 12px;
        border: 1px solid #d7dae2;
        font-size: 12px;
        line-height: 10px;
        margin-right: 6px;
        cursor: pointer;
        color: unset;
        -webkit-transition: none;
        transition: none; }
  .card_2aCki .articleFooter_1I5A1 .tags_2Yt3G > span:hover,
        .card_2aCki .articleFooter_1I5A1 .tags_2Yt3G a:hover {
          background-color: #111;
          color: #fff; }

.columnsContent_T62Pt .headerFilter_3r78C {
  position: relative;
  left: 0;
  height: 80px;
  width: 100%;
  background-color: #FAFAFA;
  z-index: 50; }
  .columnsContent_T62Pt .headerFilter_3r78C .leftSpace_MEzGp,
  .columnsContent_T62Pt .headerFilter_3r78C .rightSpace_1grSs {
    width: calc((100% - 1760px) / 2);
    position: absolute;
    height: 30px;
    top: 0;
    background-color: #FAFAFA; }
  .columnsContent_T62Pt .headerFilter_3r78C .leftSpace_MEzGp {
    left: 0; }
  .columnsContent_T62Pt .headerFilter_3r78C .rightSpace_1grSs {
    right: 0; }
  .columnsContent_T62Pt .headerFilter_3r78C .middleSpace_3Iqnd {
    width: 1820px;
    padding: 0 40px;
    height: 80px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-left: 2px solid #000000;
    border-right: 2px solid #000000; }
  @media screen and (max-width: 1820px) {
      .columnsContent_T62Pt .headerFilter_3r78C .middleSpace_3Iqnd {
        width: 100%; } }
  @media screen and (max-width: 1760px) {
      .columnsContent_T62Pt .headerFilter_3r78C .middleSpace_3Iqnd .leftSpace_MEzGp,
      .columnsContent_T62Pt .headerFilter_3r78C .middleSpace_3Iqnd .rightSpace_1grSs {
        width: 0; }
      .columnsContent_T62Pt .headerFilter_3r78C .middleSpace_3Iqnd .middleSpace_3Iqnd {
        width: 100%; }
      .columnsContent_T62Pt .headerFilter_3r78C .middleSpace_3Iqnd.beFixed_e4Ctq {
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0); } }
  .columnsContent_T62Pt .headerFilter_3r78C .middleSpace_3Iqnd .middleSpaceBox_F3FYt {
      width: 100%;
      border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
  .columnsContent_T62Pt .headerFilter_3r78C .middleSpace_3Iqnd .center_349uJ {
      float: left;
      width: 70.91954%;
      height: 80px;
      padding-top: 24px; }
  .columnsContent_T62Pt .headerFilter_3r78C .middleSpace_3Iqnd .center_349uJ .pathAndFilter_gkHtA {
        position: relative;
        height: 55px;
        background-color: #FAFAFA; }
  .columnsContent_T62Pt .headerFilter_3r78C .middleSpace_3Iqnd .center_349uJ .pathAndFilter_gkHtA .map_xQwFE {
          position: absolute;
          left: -10px;
          top: 0;
          width: 40px;
          height: 40px;
          z-index: 10; }
  .columnsContent_T62Pt .headerFilter_3r78C .middleSpace_3Iqnd .center_349uJ .pathAndFilter_gkHtA .map_xQwFE:hover {
            background-color: #eee; }
  .columnsContent_T62Pt .headerFilter_3r78C .middleSpace_3Iqnd .center_349uJ .pathAndFilter_gkHtA .map_xQwFE .icon_3Ezz4 {
            position: absolute;
            left: 10px;
            top: 1px;
            line-height: 30px;
            cursor: pointer;
            font-size: 18px;
            color: #111; }
  .columnsContent_T62Pt .headerFilter_3r78C .middleSpace_3Iqnd .center_349uJ .pathAndFilter_gkHtA .map_xQwFE .modalWrap_2YWEw {
            width: 1143px;
            height: 0;
            overflow: hidden;
            margin-left: 10px;
            margin-top: 59px;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease; }
  .columnsContent_T62Pt .headerFilter_3r78C .middleSpace_3Iqnd .center_349uJ .pathAndFilter_gkHtA .map_xQwFE:hover .modalWrap_2YWEw {
            height: 420px; }
  .columnsContent_T62Pt .headerFilter_3r78C .middleSpace_3Iqnd .center_349uJ .pathAndFilter_gkHtA .crumbs_2WiZ9 {
          position: absolute;
          height: 30px;
          line-height: 30px;
          left: 3px;
          top: 0; }
  .columnsContent_T62Pt .headerFilter_3r78C .middleSpace_3Iqnd .center_349uJ .filterBar_3dva8 {
        position: absolute;
        left: 190px;
        top: 5.5px;
        width: calc(100% - 200px); }
  .columnsContent_T62Pt .headerFilter_3r78C .middleSpace_3Iqnd .searchBox_BLSKM {
      width: 29.08046%;
      max-width: 500px;
      position: relative;
      overflow: unset;
      padding-top: 20px;
      float: left; }
  .columnsContent_T62Pt .headerFilter_3r78C .middleSpace_3Iqnd .right_2XznF {
      width: 100%;
      height: 38px; }
  .columnsContent_T62Pt .headerFilter_3r78C .middleSpace_3Iqnd .search_2dXCQ {
      position: absolute;
      left: 15px;
      top: 0px;
      z-index: 2;
      border-radius: 5px;
      color: #111;
      cursor: pointer; }
  .columnsContent_T62Pt .headerFilter_3r78C .middleSpace_3Iqnd .search_2dXCQ .text_3E1oO {
        font-size: 18px;
        line-height: 42px; }
  .columnsContent_T62Pt .headerFilter_3r78C .middleSpace_3Iqnd .closeSeach_3amrI {
      position: absolute;
      top: 0;
      right: 0px;
      width: 38px;
      height: 38px;
      text-align: center;
      cursor: pointer; }
  .columnsContent_T62Pt .headerFilter_3r78C .middleSpace_3Iqnd .closeSeach_3amrI > i {
        line-height: 38px;
        font-size: 12px;
        color: #111; }
  .columnsContent_T62Pt .headerFilter_3r78C.beFixed_e4Ctq {
    position: sticky;
    top: -1px;
    left: 0;
    width: 100%; }
  .columnsContent_T62Pt .headerFilter_3r78C.top110_j2k2- {
    top: 110px; }
  @media screen and (max-width: 1820px) {
  .columnsContent_T62Pt .content_1_kAZ {
    width: 100%;
    margin: 0 auto;
    padding: 0px 40px 0px 40px; } }
  .columnsContent_T62Pt .content_1_kAZ {
  max-width: 1820px;
  min-width: 1300px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 0px 40px 0px 40px;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000; }
  .columnsContent_T62Pt .content_1_kAZ .mainContainer_1UNuF {
    position: relative; }
  .columnsContent_T62Pt .content_1_kAZ .mainContainer_1UNuF .loadSvg_1lubg {
      position: absolute;
      top: 74px;
      left: -21px;
      width: 170px;
      height: 80px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .columnsContent_T62Pt .content_1_kAZ .mainContainer_1UNuF .loadSvg_1lubg > img {
        width: 40px; }
  .columnsContent_T62Pt .content_1_kAZ .mainContainer_1UNuF .leftFilter_12xQM {
      position: absolute;
      width: 172px;
      height: 100%;
      overflow: hidden;
      border-right: 1px solid rgba(0, 0, 0, 0.3);
      float: left; }
  .columnsContent_T62Pt .content_1_kAZ .mainContainer_1UNuF .leftFilter_12xQM .filterBox_2m_6g {
        position: absolute;
        top: 0; }
  .columnsContent_T62Pt .content_1_kAZ .mainContainer_1UNuF .leftFilter_12xQM .filterBox_2m_6g .header_1bYDG {
          height: 74px;
          width: 191px;
          padding: 19px 19px 12px;
          border-bottom: 1px solid #ff7030;
          color: #ff7030;
          background-color: #FAFAFA;
          margin-top: 2px; }
  .columnsContent_T62Pt .content_1_kAZ .mainContainer_1UNuF .leftFilter_12xQM .filterBox_2m_6g .header_1bYDG p {
            margin: 0px; }
  .columnsContent_T62Pt .content_1_kAZ .mainContainer_1UNuF .leftFilter_12xQM .filterBox_2m_6g .header_1bYDG .title_2OLSL {
            font-size: 22px;
            font-weight: bold; }
  .columnsContent_T62Pt .content_1_kAZ .mainContainer_1UNuF .leftFilter_12xQM .filterBox_2m_6g .header_1bYDG .enTitle_2xI9G {
            font-size: 12px;
            margin-top: -6px; }
  .columnsContent_T62Pt .content_1_kAZ .mainContainer_1UNuF .leftFilter_12xQM.beFixed_e4Ctq {
        position: sticky;
        z-index: 2;
        top: 110px;
        left: calc((100% - $max-layout - 40px) / 2);
        height: calc(100vh - 110px); }
  .columnsContent_T62Pt .content_1_kAZ .mainContainer_1UNuF .leftFilter_12xQM.top140_3fbyX {
        top: 140px; }
  .columnsContent_T62Pt .content_1_kAZ .mainContainer_1UNuF .rightContent_1j-uc {
      width: calc(100% - 172px);
      padding-left: 30px;
      float: right; }
  .columnsContent_T62Pt .content_1_kAZ .mainContainer_1UNuF .rightContent_1j-uc .rightContentHeader_142Bg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: #fafafa;
        padding: 0 0 14px;
        border-bottom: 1px solid #d8d8d8;
        margin-bottom: 24px;
        z-index: 4; }
  .columnsContent_T62Pt .content_1_kAZ .mainContainer_1UNuF .rightContent_1j-uc .rightContentHeader_142Bg .left_2Nxr8 {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
  .columnsContent_T62Pt .content_1_kAZ .mainContainer_1UNuF .rightContent_1j-uc .rightContentHeader_142Bg .left_2Nxr8 .item_3jJWP {
            -webkit-box-sizing: content-box;
                    box-sizing: content-box;
            height: 17px;
            padding: 3px 8px 2px;
            cursor: pointer;
            background: #ffffff;
            border: 1px solid #555c70;
            font-size: 12px;
            font-weight: 400;
            color: #000000;
            line-height: 15.5px; }
  .columnsContent_T62Pt .content_1_kAZ .mainContainer_1UNuF .rightContent_1j-uc .rightContentHeader_142Bg .left_2Nxr8 .item_3jJWP + .item_3jJWP {
              margin-left: 10px; }
  .columnsContent_T62Pt .content_1_kAZ .mainContainer_1UNuF .rightContent_1j-uc .rightContentHeader_142Bg .left_2Nxr8 .item_3jJWP.selected_wqqEJ, .columnsContent_T62Pt .content_1_kAZ .mainContainer_1UNuF .rightContent_1j-uc .rightContentHeader_142Bg .left_2Nxr8 .item_3jJWP:hover {
              background: #555c70;
              border: 1px solid #555c70;
              color: #ffffff; }
  .columnsContent_T62Pt .content_1_kAZ .mainContainer_1UNuF .rightContent_1j-uc .rightContentHeader_142Bg .right_2XznF {
          margin-left: auto;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .columnsContent_T62Pt .content_1_kAZ .mainContainer_1UNuF .rightContent_1j-uc .empty_3pqkk {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-top: 40px; }
  .columnsContent_T62Pt .content_1_kAZ .mainContainer_1UNuF .rightContent_1j-uc .empty_3pqkk img {
          width: 400px; }

.zazhiList_wbP-8 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 21px;
  text-align: left; }
  .zazhiList_wbP-8 .item_1XD-_ {
    width: calc((100% - 84px) / 5); }

.columnsContent_nW4I_ .headerFilter_1Hft4 {
  position: relative;
  left: 0;
  height: 80px;
  width: 100%;
  background-color: #FAFAFA;
  z-index: 50; }
  .columnsContent_nW4I_ .headerFilter_1Hft4 .leftSpace_3bjCJ,
  .columnsContent_nW4I_ .headerFilter_1Hft4 .rightSpace_10IJR {
    width: calc((100% - 1760px) / 2);
    position: absolute;
    height: 30px;
    top: 0;
    background-color: #FAFAFA; }
  .columnsContent_nW4I_ .headerFilter_1Hft4 .leftSpace_3bjCJ {
    left: 0; }
  .columnsContent_nW4I_ .headerFilter_1Hft4 .rightSpace_10IJR {
    right: 0; }
  .columnsContent_nW4I_ .headerFilter_1Hft4 .middleSpace_fppyA {
    width: 1820px;
    padding: 0 40px;
    height: 80px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-left: 2px solid #000000;
    border-right: 2px solid #000000; }
  @media screen and (max-width: 1820px) {
      .columnsContent_nW4I_ .headerFilter_1Hft4 .middleSpace_fppyA {
        width: 100%; } }
  @media screen and (max-width: 1760px) {
      .columnsContent_nW4I_ .headerFilter_1Hft4 .middleSpace_fppyA .leftSpace_3bjCJ,
      .columnsContent_nW4I_ .headerFilter_1Hft4 .middleSpace_fppyA .rightSpace_10IJR {
        width: 0; }
      .columnsContent_nW4I_ .headerFilter_1Hft4 .middleSpace_fppyA .middleSpace_fppyA {
        width: 100%; }
      .columnsContent_nW4I_ .headerFilter_1Hft4 .middleSpace_fppyA.beFixed_3-UZ6 {
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0); } }
  .columnsContent_nW4I_ .headerFilter_1Hft4 .middleSpace_fppyA .middleSpaceBox_1Lp-U {
      width: 100%;
      border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
  .columnsContent_nW4I_ .headerFilter_1Hft4 .middleSpace_fppyA .center_mzGjn {
      float: left;
      width: 70.91954%;
      height: 80px;
      padding-top: 24px; }
  .columnsContent_nW4I_ .headerFilter_1Hft4 .middleSpace_fppyA .center_mzGjn .pathAndFilter_3OQRE {
        position: relative;
        height: 55px;
        background-color: #FAFAFA; }
  .columnsContent_nW4I_ .headerFilter_1Hft4 .middleSpace_fppyA .center_mzGjn .pathAndFilter_3OQRE .map_21Zej {
          position: absolute;
          left: -10px;
          top: 0;
          width: 40px;
          height: 40px;
          z-index: 10; }
  .columnsContent_nW4I_ .headerFilter_1Hft4 .middleSpace_fppyA .center_mzGjn .pathAndFilter_3OQRE .map_21Zej:hover {
            background-color: #eee; }
  .columnsContent_nW4I_ .headerFilter_1Hft4 .middleSpace_fppyA .center_mzGjn .pathAndFilter_3OQRE .map_21Zej .icon_-VuC6 {
            position: absolute;
            left: 10px;
            top: 1px;
            line-height: 30px;
            cursor: pointer;
            font-size: 18px;
            color: #111; }
  .columnsContent_nW4I_ .headerFilter_1Hft4 .middleSpace_fppyA .center_mzGjn .pathAndFilter_3OQRE .map_21Zej .modalWrap_2V9Q1 {
            width: 1143px;
            height: 0;
            overflow: hidden;
            margin-left: 10px;
            margin-top: 59px;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease; }
  .columnsContent_nW4I_ .headerFilter_1Hft4 .middleSpace_fppyA .center_mzGjn .pathAndFilter_3OQRE .map_21Zej:hover .modalWrap_2V9Q1 {
            height: 420px; }
  .columnsContent_nW4I_ .headerFilter_1Hft4 .middleSpace_fppyA .center_mzGjn .pathAndFilter_3OQRE .crumbs_179uh {
          position: absolute;
          height: 30px;
          line-height: 30px;
          left: 3px;
          top: 0; }
  .columnsContent_nW4I_ .headerFilter_1Hft4 .middleSpace_fppyA .center_mzGjn .filterBar_3_WZJ {
        position: absolute;
        left: 190px;
        top: 5.5px;
        width: calc(100% - 200px); }
  .columnsContent_nW4I_ .headerFilter_1Hft4 .middleSpace_fppyA .searchBox_1eCh- {
      width: 29.08046%;
      max-width: 500px;
      position: relative;
      overflow: unset;
      padding-top: 20px;
      float: left; }
  .columnsContent_nW4I_ .headerFilter_1Hft4 .middleSpace_fppyA .right_11_or {
      width: 100%;
      height: 38px; }
  .columnsContent_nW4I_ .headerFilter_1Hft4 .middleSpace_fppyA .search_3gW86 {
      position: absolute;
      left: 15px;
      top: 0px;
      z-index: 2;
      border-radius: 5px;
      color: #111;
      cursor: pointer; }
  .columnsContent_nW4I_ .headerFilter_1Hft4 .middleSpace_fppyA .search_3gW86 .text_1WslI {
        font-size: 18px;
        line-height: 42px; }
  .columnsContent_nW4I_ .headerFilter_1Hft4 .middleSpace_fppyA .closeSeach_2ec9e {
      position: absolute;
      top: 0;
      right: 0px;
      width: 38px;
      height: 38px;
      text-align: center;
      cursor: pointer; }
  .columnsContent_nW4I_ .headerFilter_1Hft4 .middleSpace_fppyA .closeSeach_2ec9e > i {
        line-height: 38px;
        font-size: 12px;
        color: #111; }
  .columnsContent_nW4I_ .headerFilter_1Hft4.beFixed_3-UZ6 {
    position: sticky;
    top: -1px;
    left: 0;
    width: 100%; }
  .columnsContent_nW4I_ .headerFilter_1Hft4.top110_2uyP_ {
    top: 110px; }
  @media screen and (max-width: 1820px) {
  .columnsContent_nW4I_ .content_3vWzA {
    width: 100%;
    margin: 0 auto;
    padding: 0px 40px 0px 40px; } }
  .columnsContent_nW4I_ .content_3vWzA {
  max-width: 1820px;
  min-width: 1300px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 0px 40px 0px 40px;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000; }
  .columnsContent_nW4I_ .content_3vWzA .mainContainer_1C0d9 {
    position: relative; }
  .columnsContent_nW4I_ .content_3vWzA .mainContainer_1C0d9 .loadSvg_3YqIf {
      position: absolute;
      top: 74px;
      left: -21px;
      width: 170px;
      height: 80px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .columnsContent_nW4I_ .content_3vWzA .mainContainer_1C0d9 .loadSvg_3YqIf > img {
        width: 40px; }
  .columnsContent_nW4I_ .content_3vWzA .mainContainer_1C0d9 .leftFilter_1SDTB {
      position: absolute;
      width: 172px;
      height: 100%;
      overflow: hidden;
      border-right: 1px solid rgba(0, 0, 0, 0.3);
      float: left; }
  .columnsContent_nW4I_ .content_3vWzA .mainContainer_1C0d9 .leftFilter_1SDTB .filterBox__md9k {
        position: absolute;
        top: 0; }
  .columnsContent_nW4I_ .content_3vWzA .mainContainer_1C0d9 .leftFilter_1SDTB .filterBox__md9k .header_3UkWm {
          height: 74px;
          width: 191px;
          padding: 19px 19px 12px;
          border-bottom: 1px solid #ff7030;
          color: #ff7030;
          background-color: #FAFAFA;
          margin-top: 2px; }
  .columnsContent_nW4I_ .content_3vWzA .mainContainer_1C0d9 .leftFilter_1SDTB .filterBox__md9k .header_3UkWm p {
            margin: 0px; }
  .columnsContent_nW4I_ .content_3vWzA .mainContainer_1C0d9 .leftFilter_1SDTB .filterBox__md9k .header_3UkWm .title_13Qc1 {
            font-size: 22px;
            font-weight: bold; }
  .columnsContent_nW4I_ .content_3vWzA .mainContainer_1C0d9 .leftFilter_1SDTB .filterBox__md9k .header_3UkWm .enTitle_21fRC {
            font-size: 12px;
            margin-top: -6px; }
  .columnsContent_nW4I_ .content_3vWzA .mainContainer_1C0d9 .leftFilter_1SDTB.beFixed_3-UZ6 {
        position: sticky;
        z-index: 2;
        top: 110px;
        left: calc((100% - $max-layout - 40px) / 2);
        height: calc(100vh - 110px); }
  .columnsContent_nW4I_ .content_3vWzA .mainContainer_1C0d9 .leftFilter_1SDTB.top140_jSO90 {
        top: 140px; }
  .columnsContent_nW4I_ .content_3vWzA .mainContainer_1C0d9 .rightContent_1WZvQ {
      width: calc(100% - 172px);
      padding-left: 30px;
      float: right; }
  .columnsContent_nW4I_ .content_3vWzA .mainContainer_1C0d9 .rightContent_1WZvQ .rightContentHeader_2XiKy {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: #fafafa;
        padding: 0 0 14px;
        border-bottom: 1px solid #d8d8d8;
        margin-bottom: 24px;
        z-index: 4; }
  .columnsContent_nW4I_ .content_3vWzA .mainContainer_1C0d9 .rightContent_1WZvQ .rightContentHeader_2XiKy .left_1462S {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
  .columnsContent_nW4I_ .content_3vWzA .mainContainer_1C0d9 .rightContent_1WZvQ .rightContentHeader_2XiKy .left_1462S .item_2EeWq {
            -webkit-box-sizing: content-box;
                    box-sizing: content-box;
            height: 17px;
            padding: 3px 8px 2px;
            cursor: pointer;
            background: #ffffff;
            border: 1px solid #555c70;
            font-size: 12px;
            font-weight: 400;
            color: #000000;
            line-height: 15.5px; }
  .columnsContent_nW4I_ .content_3vWzA .mainContainer_1C0d9 .rightContent_1WZvQ .rightContentHeader_2XiKy .left_1462S .item_2EeWq + .item_2EeWq {
              margin-left: 10px; }
  .columnsContent_nW4I_ .content_3vWzA .mainContainer_1C0d9 .rightContent_1WZvQ .rightContentHeader_2XiKy .left_1462S .item_2EeWq.selected_3UXxb, .columnsContent_nW4I_ .content_3vWzA .mainContainer_1C0d9 .rightContent_1WZvQ .rightContentHeader_2XiKy .left_1462S .item_2EeWq:hover {
              background: #555c70;
              border: 1px solid #555c70;
              color: #ffffff; }
  .columnsContent_nW4I_ .content_3vWzA .mainContainer_1C0d9 .rightContent_1WZvQ .rightContentHeader_2XiKy .right_11_or {
          margin-left: auto;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .columnsContent_nW4I_ .content_3vWzA .mainContainer_1C0d9 .rightContent_1WZvQ .empty_aTtEe {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-top: 40px; }
  .columnsContent_nW4I_ .content_3vWzA .mainContainer_1C0d9 .rightContent_1WZvQ .empty_aTtEe img {
          width: 400px; }

.list_N4jpz .cardLi_1QHrJ {
  float: left;
  margin-right: 21px;
  margin-bottom: 24px;
  width: calc((100% - 69px) / 4); }
  .list_N4jpz .cardLi_1QHrJ:nth-child(4n) {
    margin-right: 0px; }
  .list_N4jpz .cardLi_1QHrJ.galleryLi_iphSV {
    width: 48%;
    margin-right: 40px; }
  .list_N4jpz .cardLi_1QHrJ.galleryLi_iphSV:nth-child(2n) {
      margin-right: 0px; }

.columnsContent_2rrak .headerFilter_28tqG {
  position: relative;
  left: 0;
  height: 80px;
  width: 100%;
  background-color: #FAFAFA;
  z-index: 50; }
  .columnsContent_2rrak .headerFilter_28tqG .leftSpace_3PkH4,
  .columnsContent_2rrak .headerFilter_28tqG .rightSpace_2daCj {
    width: calc((100% - 1760px) / 2);
    position: absolute;
    height: 30px;
    top: 0;
    background-color: #FAFAFA; }
  .columnsContent_2rrak .headerFilter_28tqG .leftSpace_3PkH4 {
    left: 0; }
  .columnsContent_2rrak .headerFilter_28tqG .rightSpace_2daCj {
    right: 0; }
  .columnsContent_2rrak .headerFilter_28tqG .middleSpace_39J6a {
    width: 1820px;
    padding: 0 40px;
    height: 80px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-left: 2px solid #000000;
    border-right: 2px solid #000000; }
  @media screen and (max-width: 1820px) {
      .columnsContent_2rrak .headerFilter_28tqG .middleSpace_39J6a {
        width: 100%; } }
  @media screen and (max-width: 1760px) {
      .columnsContent_2rrak .headerFilter_28tqG .middleSpace_39J6a .leftSpace_3PkH4,
      .columnsContent_2rrak .headerFilter_28tqG .middleSpace_39J6a .rightSpace_2daCj {
        width: 0; }
      .columnsContent_2rrak .headerFilter_28tqG .middleSpace_39J6a .middleSpace_39J6a {
        width: 100%; }
      .columnsContent_2rrak .headerFilter_28tqG .middleSpace_39J6a.beFixed_3Y0dt {
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0); } }
  .columnsContent_2rrak .headerFilter_28tqG .middleSpace_39J6a .middleSpaceBox_3OjLI {
      width: 100%;
      border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
  .columnsContent_2rrak .headerFilter_28tqG .middleSpace_39J6a .center_38l1H {
      float: left;
      width: 70.91954%;
      height: 80px;
      padding-top: 24px; }
  .columnsContent_2rrak .headerFilter_28tqG .middleSpace_39J6a .center_38l1H .pathAndFilter_3l4dT {
        position: relative;
        height: 55px;
        background-color: #FAFAFA; }
  .columnsContent_2rrak .headerFilter_28tqG .middleSpace_39J6a .center_38l1H .pathAndFilter_3l4dT .map_lJiUK {
          position: absolute;
          left: -10px;
          top: 0;
          width: 40px;
          height: 40px;
          z-index: 10; }
  .columnsContent_2rrak .headerFilter_28tqG .middleSpace_39J6a .center_38l1H .pathAndFilter_3l4dT .map_lJiUK:hover {
            background-color: #eee; }
  .columnsContent_2rrak .headerFilter_28tqG .middleSpace_39J6a .center_38l1H .pathAndFilter_3l4dT .map_lJiUK .icon_3Oav4 {
            position: absolute;
            left: 10px;
            top: 1px;
            line-height: 30px;
            cursor: pointer;
            font-size: 18px;
            color: #111; }
  .columnsContent_2rrak .headerFilter_28tqG .middleSpace_39J6a .center_38l1H .pathAndFilter_3l4dT .map_lJiUK .modalWrap_1yDkZ {
            width: 1143px;
            height: 0;
            overflow: hidden;
            margin-left: 10px;
            margin-top: 59px;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease; }
  .columnsContent_2rrak .headerFilter_28tqG .middleSpace_39J6a .center_38l1H .pathAndFilter_3l4dT .map_lJiUK:hover .modalWrap_1yDkZ {
            height: 420px; }
  .columnsContent_2rrak .headerFilter_28tqG .middleSpace_39J6a .center_38l1H .pathAndFilter_3l4dT .crumbs_2oiMQ {
          position: absolute;
          height: 30px;
          line-height: 30px;
          left: 3px;
          top: 0; }
  .columnsContent_2rrak .headerFilter_28tqG .middleSpace_39J6a .center_38l1H .filterBar_1MfA3 {
        position: absolute;
        left: 190px;
        top: 5.5px;
        width: calc(100% - 200px); }
  .columnsContent_2rrak .headerFilter_28tqG .middleSpace_39J6a .searchBox_2GhtK {
      width: 29.08046%;
      max-width: 500px;
      position: relative;
      overflow: unset;
      padding-top: 20px;
      float: left; }
  .columnsContent_2rrak .headerFilter_28tqG .middleSpace_39J6a .right_3QYmu {
      width: 100%;
      height: 38px; }
  .columnsContent_2rrak .headerFilter_28tqG .middleSpace_39J6a .search_21F_5 {
      position: absolute;
      left: 15px;
      top: 0px;
      z-index: 2;
      border-radius: 5px;
      color: #111;
      cursor: pointer; }
  .columnsContent_2rrak .headerFilter_28tqG .middleSpace_39J6a .search_21F_5 .text_1T3O9 {
        font-size: 18px;
        line-height: 42px; }
  .columnsContent_2rrak .headerFilter_28tqG .middleSpace_39J6a .closeSeach_1P8uD {
      position: absolute;
      top: 0;
      right: 0px;
      width: 38px;
      height: 38px;
      text-align: center;
      cursor: pointer; }
  .columnsContent_2rrak .headerFilter_28tqG .middleSpace_39J6a .closeSeach_1P8uD > i {
        line-height: 38px;
        font-size: 12px;
        color: #111; }
  .columnsContent_2rrak .headerFilter_28tqG.beFixed_3Y0dt {
    position: sticky;
    top: -1px;
    left: 0;
    width: 100%; }
  .columnsContent_2rrak .headerFilter_28tqG.top110_2JeUz {
    top: 110px; }
  @media screen and (max-width: 1820px) {
  .columnsContent_2rrak .content_3nSlE {
    width: 100%;
    margin: 0 auto;
    padding: 0px 40px 0px 40px; } }
  .columnsContent_2rrak .content_3nSlE {
  max-width: 1820px;
  min-width: 1300px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 0px 40px 0px 40px;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu {
    position: relative; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .loadSvg_23F_H {
      position: absolute;
      top: 74px;
      left: -21px;
      width: 170px;
      height: 80px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .loadSvg_23F_H > img {
        width: 40px; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .leftFilter_32OGz {
      position: absolute;
      width: 172px;
      height: 100%;
      overflow: hidden;
      border-right: 1px solid rgba(0, 0, 0, 0.3);
      float: left; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .leftFilter_32OGz .filterBox_1pyYW {
        position: absolute;
        top: 0; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .leftFilter_32OGz .filterBox_1pyYW .header_17fZn {
          height: 74px;
          width: 191px;
          padding: 19px 19px 12px;
          border-bottom: 1px solid #ff7030;
          color: #ff7030;
          background-color: #FAFAFA;
          margin-top: 2px; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .leftFilter_32OGz .filterBox_1pyYW .header_17fZn p {
            margin: 0px; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .leftFilter_32OGz .filterBox_1pyYW .header_17fZn .title_2HlmE {
            font-size: 22px;
            font-weight: bold; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .leftFilter_32OGz .filterBox_1pyYW .header_17fZn .enTitle_TDjPS {
            font-size: 12px;
            margin-top: -6px; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .leftFilter_32OGz.beFixed_3Y0dt {
        position: sticky;
        z-index: 2;
        top: 110px;
        left: calc((100% - $max-layout - 40px) / 2);
        height: calc(100vh - 110px); }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .leftFilter_32OGz.top140_38VLI {
        top: 140px; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .rightContent_VI8P9 {
      width: calc(100% - 172px);
      padding-left: 30px;
      float: right; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .rightContent_VI8P9 .rightContentHeader_4UEEP {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: #fafafa;
        padding: 0 0 14px;
        border-bottom: 1px solid #d8d8d8;
        margin-bottom: 24px; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .rightContent_VI8P9 .rightContentHeader_4UEEP .left_nY0zq {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .rightContent_VI8P9 .rightContentHeader_4UEEP .left_nY0zq .item_34kLu {
            -webkit-box-sizing: content-box;
                    box-sizing: content-box;
            height: 17px;
            padding: 3px 8px 2px;
            cursor: pointer;
            background: #ffffff;
            border: 1px solid #555c70;
            font-size: 12px;
            font-weight: 400;
            color: #000000;
            line-height: 15.5px; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .rightContent_VI8P9 .rightContentHeader_4UEEP .left_nY0zq .item_34kLu + .item_34kLu {
              margin-left: 10px; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .rightContent_VI8P9 .rightContentHeader_4UEEP .left_nY0zq .item_34kLu.selected_1zSls, .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .rightContent_VI8P9 .rightContentHeader_4UEEP .left_nY0zq .item_34kLu:hover {
              background: #555c70;
              border: 1px solid #555c70;
              color: #ffffff; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .rightContent_VI8P9 .rightContentHeader_4UEEP .right_3QYmu {
          margin-left: auto;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .rightContent_VI8P9 .listTitle_2GnaH {
        width: 100%;
        font-size: 18px;
        border-bottom: 1px solid #cccccc;
        padding-bottom: 10px;
        color: #111; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .rightContent_VI8P9 .listTitle_2GnaH .listTitleRight_2lUGg {
          position: absolute;
          top: 0;
          right: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          height: 34px; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .rightContent_VI8P9 .listTitle_2GnaH .listTitleRight_2lUGg .right_3QYmu {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            margin-right: 50px; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .rightContent_VI8P9 .listTitle_2GnaH .listTitleRight_2lUGg .right_3QYmu .download_2gnHf {
              height: 25px;
              padding: 0 16px;
              font-size: 12px;
              line-height: 25px;
              font-weight: 400;
              color: black; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .rightContent_VI8P9 .listTitle_2GnaH .listTitleRight_2lUGg .right_3QYmu .download_2gnHf i {
                font-size: 16px;
                line-height: 25px;
                font-weight: 400;
                color: black; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .rightContent_VI8P9 .listTitle_2GnaH .listTitleRight_2lUGg .right_3QYmu .download_2gnHf:hover {
                background-color: #d4d4d4; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .rightContent_VI8P9 .listTitle_2GnaH .listTitleRight_2lUGg .right_3QYmu i {
              cursor: pointer;
              color: #cdcdcd;
              font-size: 24px; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .rightContent_VI8P9 .listTitle_2GnaH .listTitleRight_2lUGg .right_3QYmu i.active_2J9K5 {
                color: #2c2c2c; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .rightContent_VI8P9 .listTitle_2GnaH .listTitleRight_2lUGg .listTitleRightItem_3-IMv {
            font-size: 21px;
            font-weight: bold;
            color: #888888;
            line-height: 29px;
            cursor: pointer; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .rightContent_VI8P9 .listTitle_2GnaH .listTitleRight_2lUGg .listTitleRightItem_3-IMv.active_2J9K5 {
              font-weight: bold;
              color: #000;
              position: relative; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .rightContent_VI8P9 .listTitle_2GnaH .listTitleRight_2lUGg .listTitleRightItem_3-IMv.active_2J9K5::after {
                content: "";
                position: absolute;
                width: 100%;
                height: 4px;
                left: 0;
                bottom: -2px;
                background-color: #000; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .rightContent_VI8P9 .empty_3G7Lw {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-top: 40px; }
  .columnsContent_2rrak .content_3nSlE .mainContainer_1ivHu .rightContent_VI8P9 .empty_3G7Lw img {
          width: 400px; }

.searchPage-pictureList-container .card {
  text-align: left;
}
.searchPage-pictureList-container .card:hover {
  z-index: 1;
}
.searchPage-pictureList-container .card .card-footer {
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #000;
  background: #fafafa;
}
.searchPage-pictureList-container .card .card-footer .card-footer-item {
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  border-right: 1px solid rgba(0, 0, 0, 0.6);
  position: relative;
  cursor: pointer;
  color: #000;
}

.columnsContent_1PNri .headerFilter_G93sw {
  position: relative;
  left: 0;
  height: 80px;
  width: 100%;
  background-color: #FAFAFA;
  z-index: 50; }
  .columnsContent_1PNri .headerFilter_G93sw .leftSpace_3jM5w,
  .columnsContent_1PNri .headerFilter_G93sw .rightSpace_3WDoL {
    width: calc((100% - 1760px) / 2);
    position: absolute;
    height: 30px;
    top: 0;
    background-color: #FAFAFA; }
  .columnsContent_1PNri .headerFilter_G93sw .leftSpace_3jM5w {
    left: 0; }
  .columnsContent_1PNri .headerFilter_G93sw .rightSpace_3WDoL {
    right: 0; }
  .columnsContent_1PNri .headerFilter_G93sw .middleSpace_1sB0l {
    width: 1820px;
    padding: 0 40px;
    height: 80px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-left: 2px solid #000000;
    border-right: 2px solid #000000; }
  @media screen and (max-width: 1820px) {
      .columnsContent_1PNri .headerFilter_G93sw .middleSpace_1sB0l {
        width: 100%; } }
  @media screen and (max-width: 1760px) {
      .columnsContent_1PNri .headerFilter_G93sw .middleSpace_1sB0l .leftSpace_3jM5w,
      .columnsContent_1PNri .headerFilter_G93sw .middleSpace_1sB0l .rightSpace_3WDoL {
        width: 0; }
      .columnsContent_1PNri .headerFilter_G93sw .middleSpace_1sB0l .middleSpace_1sB0l {
        width: 100%; }
      .columnsContent_1PNri .headerFilter_G93sw .middleSpace_1sB0l.beFixed_ZwMZA {
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0); } }
  .columnsContent_1PNri .headerFilter_G93sw .middleSpace_1sB0l .middleSpaceBox_3b8iu {
      width: 100%;
      border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
  .columnsContent_1PNri .headerFilter_G93sw .middleSpace_1sB0l .center_3Vf2Y {
      float: left;
      width: 70.91954%;
      height: 80px;
      padding-top: 24px; }
  .columnsContent_1PNri .headerFilter_G93sw .middleSpace_1sB0l .center_3Vf2Y .pathAndFilter_2RFw- {
        position: relative;
        height: 55px;
        background-color: #FAFAFA; }
  .columnsContent_1PNri .headerFilter_G93sw .middleSpace_1sB0l .center_3Vf2Y .pathAndFilter_2RFw- .map_1KdHs {
          position: absolute;
          left: -10px;
          top: 0;
          width: 40px;
          height: 40px;
          z-index: 10; }
  .columnsContent_1PNri .headerFilter_G93sw .middleSpace_1sB0l .center_3Vf2Y .pathAndFilter_2RFw- .map_1KdHs:hover {
            background-color: #eee; }
  .columnsContent_1PNri .headerFilter_G93sw .middleSpace_1sB0l .center_3Vf2Y .pathAndFilter_2RFw- .map_1KdHs .icon_Ek9v0 {
            position: absolute;
            left: 10px;
            top: 1px;
            line-height: 30px;
            cursor: pointer;
            font-size: 18px;
            color: #111; }
  .columnsContent_1PNri .headerFilter_G93sw .middleSpace_1sB0l .center_3Vf2Y .pathAndFilter_2RFw- .map_1KdHs .modalWrap_1yVqG {
            width: 1143px;
            height: 0;
            overflow: hidden;
            margin-left: 10px;
            margin-top: 59px;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease; }
  .columnsContent_1PNri .headerFilter_G93sw .middleSpace_1sB0l .center_3Vf2Y .pathAndFilter_2RFw- .map_1KdHs:hover .modalWrap_1yVqG {
            height: 420px; }
  .columnsContent_1PNri .headerFilter_G93sw .middleSpace_1sB0l .center_3Vf2Y .pathAndFilter_2RFw- .crumbs_38Wsx {
          position: absolute;
          height: 30px;
          line-height: 30px;
          left: 3px;
          top: 0; }
  .columnsContent_1PNri .headerFilter_G93sw .middleSpace_1sB0l .center_3Vf2Y .filterBar_1c6jW {
        position: absolute;
        left: 190px;
        top: 5.5px;
        width: calc(100% - 200px); }
  .columnsContent_1PNri .headerFilter_G93sw .middleSpace_1sB0l .searchBox_CWeQj {
      width: 29.08046%;
      max-width: 500px;
      position: relative;
      overflow: unset;
      padding-top: 20px;
      float: left; }
  .columnsContent_1PNri .headerFilter_G93sw .middleSpace_1sB0l .right_uzMOV {
      width: 100%;
      height: 38px; }
  .columnsContent_1PNri .headerFilter_G93sw .middleSpace_1sB0l .search_2y3bb {
      position: absolute;
      left: 15px;
      top: 0px;
      z-index: 2;
      border-radius: 5px;
      color: #111;
      cursor: pointer; }
  .columnsContent_1PNri .headerFilter_G93sw .middleSpace_1sB0l .search_2y3bb .text_33Jrk {
        font-size: 18px;
        line-height: 42px; }
  .columnsContent_1PNri .headerFilter_G93sw .middleSpace_1sB0l .closeSeach_1Bvur {
      position: absolute;
      top: 0;
      right: 0px;
      width: 38px;
      height: 38px;
      text-align: center;
      cursor: pointer; }
  .columnsContent_1PNri .headerFilter_G93sw .middleSpace_1sB0l .closeSeach_1Bvur > i {
        line-height: 38px;
        font-size: 12px;
        color: #111; }
  .columnsContent_1PNri .headerFilter_G93sw.beFixed_ZwMZA {
    position: sticky;
    top: -1px;
    left: 0;
    width: 100%; }
  .columnsContent_1PNri .headerFilter_G93sw.top110_3uj_b {
    top: 110px; }
  @media screen and (max-width: 1820px) {
  .columnsContent_1PNri .content_3yA6- {
    width: 100%;
    margin: 0 auto;
    padding: 0px 40px 0px 40px; } }
  .columnsContent_1PNri .content_3yA6- {
  max-width: 1820px;
  min-width: 1300px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 0px 40px 0px 40px;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000; }
  .columnsContent_1PNri .content_3yA6- .mainContainer_1zXC4 {
    position: relative; }
  .columnsContent_1PNri .content_3yA6- .mainContainer_1zXC4 .loadSvg_3zEg6 {
      position: absolute;
      top: 74px;
      left: -21px;
      width: 170px;
      height: 80px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .columnsContent_1PNri .content_3yA6- .mainContainer_1zXC4 .loadSvg_3zEg6 > img {
        width: 40px; }
  .columnsContent_1PNri .content_3yA6- .mainContainer_1zXC4 .leftFilter_1U-0F {
      position: absolute;
      width: 172px;
      height: 100%;
      overflow: hidden;
      border-right: 1px solid rgba(0, 0, 0, 0.3);
      float: left; }
  .columnsContent_1PNri .content_3yA6- .mainContainer_1zXC4 .leftFilter_1U-0F .filterBox_MAsKK {
        position: absolute;
        top: 0; }
  .columnsContent_1PNri .content_3yA6- .mainContainer_1zXC4 .leftFilter_1U-0F .filterBox_MAsKK .header_3di24 {
          height: 74px;
          width: 191px;
          padding: 19px 19px 12px;
          border-bottom: 1px solid #ff7030;
          color: #ff7030;
          background-color: #FAFAFA;
          margin-top: 2px; }
  .columnsContent_1PNri .content_3yA6- .mainContainer_1zXC4 .leftFilter_1U-0F .filterBox_MAsKK .header_3di24 p {
            margin: 0px; }
  .columnsContent_1PNri .content_3yA6- .mainContainer_1zXC4 .leftFilter_1U-0F .filterBox_MAsKK .header_3di24 .title_3c964 {
            font-size: 22px;
            font-weight: bold; }
  .columnsContent_1PNri .content_3yA6- .mainContainer_1zXC4 .leftFilter_1U-0F .filterBox_MAsKK .header_3di24 .enTitle_3HBPY {
            font-size: 12px;
            margin-top: -6px; }
  .columnsContent_1PNri .content_3yA6- .mainContainer_1zXC4 .leftFilter_1U-0F.beFixed_ZwMZA {
        position: sticky;
        z-index: 2;
        top: 110px;
        left: calc((100% - $max-layout - 40px) / 2);
        height: calc(100vh - 110px); }
  .columnsContent_1PNri .content_3yA6- .mainContainer_1zXC4 .leftFilter_1U-0F.top140_1ZZ7p {
        top: 140px; }
  .columnsContent_1PNri .content_3yA6- .mainContainer_1zXC4 .rightContent_3LYig {
      width: calc(100% - 172px);
      padding-left: 30px;
      float: right; }
  .columnsContent_1PNri .content_3yA6- .mainContainer_1zXC4 .rightContent_3LYig .rightContentHeader_3VYtw {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: #fafafa;
        padding: 0 0 14px;
        border-bottom: 1px solid #d8d8d8;
        margin-bottom: 24px;
        z-index: 4; }
  .columnsContent_1PNri .content_3yA6- .mainContainer_1zXC4 .rightContent_3LYig .rightContentHeader_3VYtw .left_25Pyh {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
  .columnsContent_1PNri .content_3yA6- .mainContainer_1zXC4 .rightContent_3LYig .rightContentHeader_3VYtw .left_25Pyh .item_r2AEv {
            -webkit-box-sizing: content-box;
                    box-sizing: content-box;
            height: 17px;
            padding: 3px 8px 2px;
            cursor: pointer;
            background: #ffffff;
            border: 1px solid #555c70;
            font-size: 12px;
            font-weight: 400;
            color: #000000;
            line-height: 15.5px; }
  .columnsContent_1PNri .content_3yA6- .mainContainer_1zXC4 .rightContent_3LYig .rightContentHeader_3VYtw .left_25Pyh .item_r2AEv + .item_r2AEv {
              margin-left: 10px; }
  .columnsContent_1PNri .content_3yA6- .mainContainer_1zXC4 .rightContent_3LYig .rightContentHeader_3VYtw .left_25Pyh .item_r2AEv.selected_3SAwT, .columnsContent_1PNri .content_3yA6- .mainContainer_1zXC4 .rightContent_3LYig .rightContentHeader_3VYtw .left_25Pyh .item_r2AEv:hover {
              background: #555c70;
              border: 1px solid #555c70;
              color: #ffffff; }
  .columnsContent_1PNri .content_3yA6- .mainContainer_1zXC4 .rightContent_3LYig .rightContentHeader_3VYtw .right_uzMOV {
          margin-left: auto;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .columnsContent_1PNri .content_3yA6- .mainContainer_1zXC4 .rightContent_3LYig .rightContentHeader_3VYtw .right_uzMOV .download_2PWLj {
            height: 25px;
            padding: 0 16px;
            font-size: 12px;
            line-height: 25px;
            font-weight: 400;
            color: black; }
  .columnsContent_1PNri .content_3yA6- .mainContainer_1zXC4 .rightContent_3LYig .rightContentHeader_3VYtw .right_uzMOV .download_2PWLj i {
              font-size: 16px;
              line-height: 25px;
              font-weight: 400;
              color: black; }
  .columnsContent_1PNri .content_3yA6- .mainContainer_1zXC4 .rightContent_3LYig .rightContentHeader_3VYtw .right_uzMOV .download_2PWLj:hover {
              background-color: #d4d4d4; }
  .columnsContent_1PNri .content_3yA6- .mainContainer_1zXC4 .rightContent_3LYig .rightContentHeader_3VYtw .right_uzMOV i {
            cursor: pointer;
            color: #cdcdcd; }
  .columnsContent_1PNri .content_3yA6- .mainContainer_1zXC4 .rightContent_3LYig .rightContentHeader_3VYtw .right_uzMOV i.active_1ZK7b {
              color: #2c2c2c; }
  .columnsContent_1PNri .content_3yA6- .mainContainer_1zXC4 .rightContent_3LYig .empty_1x8PZ {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-top: 40px; }
  .columnsContent_1PNri .content_3yA6- .mainContainer_1zXC4 .rightContent_3LYig .empty_1x8PZ img {
          width: 400px; }

.templateWrap_1WHQC {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .templateWrap_1WHQC > div {
    display: inline-block;
    padding: 6px;
    background: #fff; }
  .templateWrap_1WHQC a {
    color: black; }
  .hideTitle_CmIQS .p_item_title {
  display: none; }
  .actionTool_2xZIe {
  position: absolute;
  right: 0px;
  top: 0px;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 9999; }
  .actionTool_2xZIe.actionMiddle_CdVbg {
    right: 50%;
    margin-right: -20px; }
  .actionTool_2xZIe a {
    color: white;
    display: inline-block;
    width: 44px;
    height: 44px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    margin-bottom: 1px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 40px; }
  .actionTool_2xZIe a:hover {
      background: #000; }
  .actionTool_2xZIe i {
    font-size: 17px; }
  .active_HyzfS {
  width: 100%;
  height: 100%;
  color: #fff; }

.content_1R2B0 {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .content_1R2B0 .header_2m6PM {
    width: 100%;
    height: 53px;
    padding: 0 50px 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 1px solid #000; }
  .content_1R2B0 .header_2m6PM .headerLeft_3_bbx {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .content_1R2B0 .header_2m6PM .headerLeft_3_bbx .logo_2ZwIJ {
        width: 90px;
        height: 34px;
        background: url("https://assets.wow-trend.com/wowtrend/static/resource/images/wowlogo/6d682f00.svg") no-repeat;
        background-size: 100% 100%;
        margin-right: 20px;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .content_1R2B0 .header_2m6PM .headerLeft_3_bbx .logo_2ZwIJ a {
          display: inline-block;
          width: 100%;
          height: 100%; }
  .content_1R2B0 .header_2m6PM .headerLeft_3_bbx .title_hyYxZ {
        height: 34px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .content_1R2B0 .header_2m6PM .headerLeft_3_bbx .title_hyYxZ .titleContent_3DKH2 {
          height: 16px;
          line-height: 16px;
          font-size: 16px;
          font-weight: bold;
          color: #111111; }
  .content_1R2B0 .header_2m6PM .headerLeft_3_bbx .title_hyYxZ .titleDate_2w5TZ {
          height: 18px;
          font-size: 12px;
          margin-top: 3px;
          font-weight: 400;
          color: #111111; }
  .content_1R2B0 .header_2m6PM .headerRight_kj1TN {
      margin-left: auto; }
  .content_1R2B0 .header_2m6PM .headerRight_kj1TN .download_ldzC5 {
        height: 28px;
        font-size: 12px;
        line-height: 28px;
        font-weight: 400;
        color: black;
        padding: 0 16px; }
  .content_1R2B0 .header_2m6PM .headerRight_kj1TN .download_ldzC5:hover {
          background-color: #d4d4d4; }
  .content_1R2B0 .main_2C3RW {
    width: 100%;
    height: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    overflow-x: hidden;
    overflow-y: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .content_1R2B0 .main_2C3RW::-webkit-scrollbar {
      width: 0; }
  .content_1R2B0 .main_2C3RW .composition_1Eokb {
      margin-top: 30px; }
  .content_1R2B0 .main_2C3RW .tags_2eh1b {
      margin-top: 26px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .content_1R2B0 .main_2C3RW .tags_2eh1b .tag_3-yNJ {
        padding: 0 18px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        line-height: 26px;
        height: 26px;
        background: #ffffff;
        border-radius: 16px;
        border: 1px solid #000000;
        font-size: 12px;
        font-weight: 500;
        color: #000000;
        line-height: 26px;
        text-align: center;
        cursor: pointer; }
  .content_1R2B0 .main_2C3RW .tags_2eh1b .tag_3-yNJ + .tag_3-yNJ {
          margin-left: 18px; }
  .content_1R2B0 .main_2C3RW .related_1ZJe8 {
      width: calc(100% - 104px);
      margin: 0 auto; }
  .content_1R2B0 .main_2C3RW .related_1ZJe8 .btns_3JRT1 {
        margin-top: 26px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .content_1R2B0 .main_2C3RW .related_1ZJe8 .btns_3JRT1 .title_hyYxZ {
          text-align: center; }
  .content_1R2B0 .main_2C3RW .related_1ZJe8 .btns_3JRT1 .title_hyYxZ .item_1NeC2 {
            cursor: pointer;
            height: 30px;
            font-size: 22px;
            font-weight: bold;
            color: rgba(0, 0, 0, 0.5);
            line-height: 30px;
            position: relative;
            display: inline-block; }
  .content_1R2B0 .main_2C3RW .related_1ZJe8 .btns_3JRT1 .title_hyYxZ .item_1NeC2.active_3nFpk {
              color: #000; }
  .content_1R2B0 .main_2C3RW .related_1ZJe8 .btns_3JRT1 .title_hyYxZ .item_1NeC2.active_3nFpk::after {
                display: block;
                content: "";
                position: absolute;
                width: 42px;
                height: 4px;
                background: #000000;
                top: 30px;
                left: 50%;
                -webkit-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                        transform: translateX(-50%); }
  .content_1R2B0 .main_2C3RW .related_1ZJe8 .btns_3JRT1 .title_hyYxZ .item_1NeC2 + .item_1NeC2 {
              margin-left: 40px; }
  .content_1R2B0 .main_2C3RW .related_1ZJe8 .btns_3JRT1 .right_2ZArf {
          margin-left: auto;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
  .content_1R2B0 .main_2C3RW .related_1ZJe8 .btns_3JRT1 .right_2ZArf .btn_3SupM {
            height: 28px;
            font-size: 12px;
            line-height: 28px;
            font-weight: 400;
            color: black;
            padding: 0 16px; }
  .content_1R2B0 .main_2C3RW .related_1ZJe8 .btns_3JRT1 .right_2ZArf .btn_3SupM:hover {
              background-color: #d4d4d4; }
  .content_1R2B0 .main_2C3RW .related_1ZJe8 .list_3igXU {
        margin-top: 24px; }
  .content_1R2B0 .main_2C3RW .related_1ZJe8 .list_3igXU .empty_2ZdbQ {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin-top: 139px;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
  .content_1R2B0 .main_2C3RW .related_1ZJe8 .list_3igXU .empty_2ZdbQ img {
            width: 600px; }
  .content_1R2B0 .main_2C3RW .related_1ZJe8 .list2_3vjQ3 {
        margin-top: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        gap: 20px; }
  .content_1R2B0 .footer_mDABC {
    width: 100%;
    height: 38px;
    padding: 0 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-top: 1px solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .content_1R2B0 .footer_mDABC .navigation_AEDTU .nav_2sv4Y a {
      height: 12px;
      font-size: 12px;
      line-height: 12px;
      font-weight: 400;
      color: #333333; }
  .content_1R2B0 .footer_mDABC .navigation_AEDTU .nav_2sv4Y a:hover {
        text-decoration: underline; }
  .content_1R2B0 .footer_mDABC .navigation_AEDTU .nav_2sv4Y span {
      height: 12px;
      font-size: 12px;
      line-height: 12px;
      font-weight: 400;
      color: #333333; }
  .content_1R2B0 .footer_mDABC .footerRight_Atz4e {
      margin-left: auto; }
  .content_1R2B0 .footer_mDABC .footerRight_Atz4e .icon2_2kmvQ {
        height: 38px;
        line-height: 38px;
        display: inline-block;
        padding: 0 10px;
        cursor: pointer;
        position: relative;
        color: #393f48; }
  .content_1R2B0 .footer_mDABC .footerRight_Atz4e .icon2_2kmvQ:hover {
          color: #fff;
          background-color: #000; }

.card2-modal {
  height: 100vh;
  overflow: hidden;
}
.card2-modal .ant-modal-body {
  width: 100vw;
  height: 100vh;
  padding: 0;
  overflow: hidden;
}
.no-scroll-bar {
  overflow: hidden;
}

.no-gender-picture-detail {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.8);
}
.no-gender-picture-detail .ngpd-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
.no-gender-picture-detail .ngpd-mian-picbox {
  position: relative;
  width: 100%;
  height: 100%;
}
.no-gender-picture-detail .ngpd-mian-pic {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.no-gender-picture-detail .ngpd-close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 70px;
  height: 70px;
  background-color: rgba(107, 113, 125, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.no-gender-picture-detail .ngpd-close:hover {
  background-color: rgba(107, 113, 125, 0.6);
}
.no-gender-picture-detail .ngpd-close > i {
  font-size: 16px;
  color: #fff;
}
.no-gender-picture-detail .assocDraw {
  position: absolute;
  left: 84px;
  top: 30px;
  max-height: calc(100% - 60px);
  overflow: auto;
}
.no-gender-picture-detail .assocDraw::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.no-gender-picture-detail .assocDraw .assocDrawList {
  height: 100%;
}
.no-gender-picture-detail .assocDraw .drawingItem {
  width: 110px;
  padding: 4px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.5);
}
.no-gender-picture-detail .assocDraw .drawingItem > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center top;
     object-position: center top;
}
.no-gender-picture-detail .assocDraw .drawingItem.active {
  background-color: #fff;
}

.reletedTopicWrap_p5eF- {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background-color: #fff;
  height: 100%; }
  .reletedTopicWrap_p5eF-.show_229S- {
    min-width: 240px;
    visibility: visible; }
  .reletedTopicWrap_p5eF-.hide_FJ4iL {
    min-width: 0;
    visibility: hidden; }
  .reletedTopicWrap_p5eF- .reletedTopic_5cUq0 {
    position: absolute;
    left: 0;
    top: 0;
    width: 240px;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-left: 1px solid rgba(67, 67, 67, 0.3);
    background-color: #fafafa; }
  .reletedTopicWrap_p5eF- .reletedTopic_5cUq0 .header_3BfXl {
      height: 38px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-bottom: 1px solid rgba(67, 67, 67, 0.3);
      padding: 0 19px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  .reletedTopicWrap_p5eF- .reletedTopic_5cUq0 .header_3BfXl .title_3R0td {
        height: 38px;
        font-size: 14px;
        line-height: 38px;
        font-weight: 400;
        color: #111111; }
  .reletedTopicWrap_p5eF- .reletedTopic_5cUq0 .header_3BfXl .close_3OjLf {
        height: 38px;
        line-height: 38px;
        cursor: pointer; }
  .reletedTopicWrap_p5eF- .reletedTopic_5cUq0 .header_3BfXl .close_3OjLf > i {
          color: #666666;
          font-size: 12px; }
  .reletedTopicWrap_p5eF- .reletedTopic_5cUq0 .main_2G2k- {
      height: calc(100% - 38px);
      overflow-y: auto; }
  .reletedTopicWrap_p5eF- .reletedTopic_5cUq0 .main_2G2k- .item_3K6Un {
        display: inline-block;
        padding: 20px;
        padding-bottom: 10px;
        width: 100%; }
  .reletedTopicWrap_p5eF- .reletedTopic_5cUq0 .main_2G2k- .item_3K6Un .picture_6EKNi {
          width: 199px;
          height: 123px;
          position: relative; }
  .reletedTopicWrap_p5eF- .reletedTopic_5cUq0 .main_2G2k- .item_3K6Un .picture_6EKNi img {
            width: 199px;
            height: 123px;
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: center top;
               object-position: center top; }
  .reletedTopicWrap_p5eF- .reletedTopic_5cUq0 .main_2G2k- .item_3K6Un .picture_6EKNi:hover .cover_19xjf {
            opacity: 0.2; }
  .reletedTopicWrap_p5eF- .reletedTopic_5cUq0 .main_2G2k- .item_3K6Un .picture_6EKNi .cover_19xjf {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-color: #000;
            z-index: 10;
            opacity: 0; }
  .reletedTopicWrap_p5eF- .reletedTopic_5cUq0 .main_2G2k- .item_3K6Un .name_CnnsA {
          display: inline-block;
          margin-top: 8px;
          max-width: 100%;
          height: 13px;
          font-size: 12px;
          font-weight: 400;
          color: #333333;
          line-height: 13px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          position: relative; }
  .reletedTopicWrap_p5eF- .reletedTopic_5cUq0 .main_2G2k- .item_3K6Un .name_CnnsA:hover::before {
            right: 0%; }
  .reletedTopicWrap_p5eF- .reletedTopic_5cUq0 .main_2G2k- .item_3K6Un .name_CnnsA::before {
            content: "";
            position: absolute;
            left: 0;
            right: 100%;
            bottom: 0;
            background: #000000;
            height: 1px;
            -webkit-transition-property: right;
            transition-property: right;
            -webkit-transition-duration: 0.3s;
                    transition-duration: 0.3s;
            -webkit-transition-timing-function: ease;
                    transition-timing-function: ease; }

.asideWrap_3Qzpu {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease; }
  .asideWrap_3Qzpu.show_17CXP {
    min-width: 38px; }
  .asideWrap_3Qzpu.hide_3hInT {
    min-width: 0; }
  .asideWrap_3Qzpu .aside_gLhQp {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 38px;
    height: 100%;
    text-align: center;
    border-left: 1px solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    z-index: 2;
    background-color: #fff;
    z-index: 90; }
  .asideWrap_3Qzpu .aside_gLhQp .item_2xT2D {
      height: 38px;
      line-height: 38px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-bottom: 1px solid #000;
      cursor: pointer;
      position: relative; }
  .asideWrap_3Qzpu .aside_gLhQp .item_2xT2D:hover {
        background: #393f48; }
  .asideWrap_3Qzpu .aside_gLhQp .item_2xT2D:hover .prompt_1x-Ws {
          opacity: 1;
          width: 87px; }
  .asideWrap_3Qzpu .aside_gLhQp .item_2xT2D:hover .prompt_1x-Ws .tips_2_zUU {
            display: block; }
  .asideWrap_3Qzpu .aside_gLhQp .item_2xT2D:hover .prompt2_2fHID {
          width: 120px; }
  .asideWrap_3Qzpu .aside_gLhQp .item_2xT2D:hover .iconfont_13T4b {
          color: #fff; }
  .asideWrap_3Qzpu .aside_gLhQp .item_2xT2D.active_2krNT {
        background: #393f48; }
  .asideWrap_3Qzpu .aside_gLhQp .item_2xT2D.active_2krNT .iconfont_13T4b {
          color: #fff; }
  .asideWrap_3Qzpu .aside_gLhQp .item_2xT2D .iconfont_13T4b {
        color: #363636; }
  .asideWrap_3Qzpu .aside_gLhQp .item_2xT2D .prompt_1x-Ws {
        position: absolute;
        top: 0;
        right: 38px;
        width: 0px;
        height: 38px;
        background: #545454;
        font-size: 12px;
        line-height: 38px;
        font-weight: 400;
        color: white;
        text-align: center;
        opacity: 0;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease; }
  .asideWrap_3Qzpu .aside_gLhQp .item_2xT2D .prompt_1x-Ws .tips_2_zUU {
          display: none; }
  .asideWrap_3Qzpu .aside_gLhQp .item_2xT2D .prompt_1x-Ws .triangleWrap_3OBIk {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          height: 38px;
          position: absolute;
          top: 0;
          right: -10px; }
  .asideWrap_3Qzpu .aside_gLhQp .item_2xT2D .prompt_1x-Ws .triangleWrap_3OBIk .triangle_2YPoO {
            width: 0;
            height: 0;
            border: 5px solid transparent;
            border-left: 5px solid #545454; }
  .asideWrap_3Qzpu .aside_gLhQp .person_1t0xY {
      height: 311px;
      line-height: 38px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      cursor: pointer;
      position: relative;
      z-index: 0; }
  .asideWrap_3Qzpu .aside_gLhQp .person_1t0xY.active_2krNT {
        color: #fff; }
  .asideWrap_3Qzpu .aside_gLhQp .person_1t0xY.active_2krNT .personBox_Ua2Us {
          background: #393f48; }
  .asideWrap_3Qzpu .aside_gLhQp .person_1t0xY .personBox_Ua2Us {
        width: 38px;
        height: 38px;
        position: relative;
        z-index: 20;
        background-color: #fff;
        position: absolute;
        bottom: 0px;
        border-top: 1px solid #000; }
  .asideWrap_3Qzpu .aside_gLhQp .person_1t0xY .left_yAmni {
        position: absolute;
        z-index: 10;
        left: 0px;
        bottom: 0;
        width: 190px;
        border-top: 1px solid rgba(17, 17, 17, 0.2);
        border-left: 1px solid rgba(17, 17, 17, 0.2);
        border-right: 1px solid #000;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        cursor: auto;
        background-color: #fff;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease; }
  .asideWrap_3Qzpu .aside_gLhQp .person_1t0xY .left_yAmni.show_17CXP {
          display: block;
          left: -190px; }
  .asideWrap_3Qzpu .aside_gLhQp .person_1t0xY .left_yAmni.hide_3hInT {
          display: block; }
  .asideWrap_3Qzpu .aside_gLhQp .person_1t0xY .left_yAmni .header_16Ftf {
          width: 100%;
          height: 38px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          padding: 0 19px;
          font-size: 14px;
          font-weight: 400;
          color: #111111;
          line-height: 38px;
          border-bottom: 1px solid rgba(67, 67, 67, 0.3); }
  .asideWrap_3Qzpu .aside_gLhQp .person_1t0xY .left_yAmni .personItem_1MNFG {
          width: 100%;
          padding: 0 22px;
          height: 38px;
          margin: 0 auto;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          font-size: 14px;
          font-weight: 400;
          color: #333333;
          line-height: 38px; }
  .asideWrap_3Qzpu .aside_gLhQp .person_1t0xY .left_yAmni .personItem_1MNFG:hover {
            background-color: #f2f2f2; }
  .asideWrap_3Qzpu .aside_gLhQp .person_1t0xY .left_yAmni .line_2jUac {
          margin: 0 auto;
          width: calc(100% - 44px);
          height: 1px;
          background-color: rgba(67, 67, 67, 0.3); }

.content_LllRR {
  width: calc(100% - 38px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f2f2f2;
  background: #fafafa;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  overflow: hidden;
  height: 100%; }
  .content_LllRR .loading_GKjl1 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fafafa;
    z-index: 10; }
  .content_LllRR .button_3ILDy {
    min-width: 100px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    z-index: 5; }
  .content_LllRR .button_3ILDy:hover {
      background-color: #eee; }
  .content_LllRR .button_3ILDy:hover .arrow_3vLmn {
        background-color: #f2f2f2; }
  .content_LllRR .button_3ILDy .arrow_3vLmn {
      width: 70px;
      height: 70px;
      background-color: #fff;
      text-align: center;
      line-height: 70px; }
  .content_LllRR .article_27imh {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    font-size: 12px !important; }
  .content_LllRR .article_27imh .relatedRecommend_dpaKF {
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: white;
      z-index: 1;
      color: #fff; }

.bookTemplate_1M5iK {
  text-align: center;
  background-color: #f2f2f2; }
  .bookTemplate_1M5iK .imgWrap_3R68C {
    position: relative;
    display: inline-block; }
  .bookTemplate_1M5iK .imgWrap_3R68C:hover .actionBar_2p8zV {
      display: block; }
  .bookTemplate_1M5iK .imgWrap_3R68C .actionBar_2p8zV {
      position: absolute;
      right: 0;
      top: 0;
      display: none; }
  .bookTemplate_1M5iK .imgWrap_3R68C .actionBar_2p8zV li,
      .bookTemplate_1M5iK .imgWrap_3R68C .actionBar_2p8zV a {
        background-color: rgba(0, 0, 0, 0.4);
        width: 44px;
        height: 44px;
        margin-bottom: 1.25px;
        text-align: center;
        color: white;
        cursor: pointer;
        line-height: 44px; }
  .bookTemplate_1M5iK .imgWrap_3R68C .actionBar_2p8zV li.active_1UWmc,
        .bookTemplate_1M5iK .imgWrap_3R68C .actionBar_2p8zV a.active_1UWmc {
          color: #fff; }
  .bookTemplate_1M5iK .imgWrap_3R68C .actionBar_2p8zV li:hover,
        .bookTemplate_1M5iK .imgWrap_3R68C .actionBar_2p8zV a:hover {
          background: rgba(0, 0, 0, 0.8); }
  .bookTemplate_1M5iK .imgWrap_3R68C img {
      cursor: pointer; }
  .bookTemplate_1M5iK .imgWrap_3R68C .fabricContainer_1oYpG {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100vh;
      pointer-events: none;
      background: transparent;
      overflow: hidden; }
  .bookTemplate_1M5iK .imgWrap_3R68C .fabricContainer_1oYpG .fabricTitle_3aHL8 {
        position: absolute;
        top: 0;
        right: 50%;
        -webkit-transform: translateX(50%);
            -ms-transform: translateX(50%);
                transform: translateX(50%);
        font-size: 11px;
        font-weight: 400;
        line-height: 18px;
        cursor: pointer;
        width: 56px;
        height: 18px;
        background: #000000;
        border-radius: 0px 0px 8px 8px;
        color: #fff;
        text-align: center;
        font-family: PingFangSC-Regular, PingFang SC;
        pointer-events: auto; }
  .bookTemplate_1M5iK .imgWrap_3R68C .fabricContainer_1oYpG .fabricTitle_3aHL8 > i {
          margin-left: 7px; }
  .bookTemplate_1M5iK .imgWrap_3R68C .fabricContainer_1oYpG .fabricTitle_3aHL8 .icon_7YQpz {
          display: inline-block;
          width: 11px;
          height: 11px;
          border-radius: 50%;
          background: #000;
          -webkit-transform: rotate(90deg);
              -ms-transform: rotate(90deg);
                  transform: rotate(90deg); }
  .bookTemplate_1M5iK .imgWrap_3R68C .fabricContainer_1oYpG .fabricTitle_3aHL8 .fabric_1XExE {
          position: absolute;
          right: 50%;
          background: #ffffff;
          -webkit-box-shadow: 0px 25px 40px 0px rgba(0, 0, 0, 0.4);
                  box-shadow: 0px 25px 40px 0px rgba(0, 0, 0, 0.4);
          padding: 16px;
          -webkit-transition: top 0.5s ease, visibility 0.5s ease;
          transition: top 0.5s ease, visibility 0.5s ease;
          -webkit-transform: translateX(50%);
              -ms-transform: translateX(50%);
                  transform: translateX(50%);
          top: -765px;
          visibility: hidden;
          pointer-events: none; }
  .bookTemplate_1M5iK .imgWrap_3R68C .fabricContainer_1oYpG .fabricTitle_3aHL8 .fabric_1XExE.show_1DUSR {
            top: 18px;
            visibility: visible;
            pointer-events: auto; }
  .bookTemplate_1M5iK .imgWrap_3R68C .fabricContainer_1oYpG .fabricTitle_3aHL8 .fabric_1XExE .main_DxhUF {
            max-width: 360px;
            max-height: 360px;
            min-width: 250px;
            min-height: 250px; }
  .bookTemplate_1M5iK .imgWrap_3R68C .fabricContainer_1oYpG .fabricTitle_3aHL8 .fabric_1XExE .main_DxhUF .img_JgS2M {
              width: 100%;
              height: 100%; }
  .bookTemplate_1M5iK .imgWrap_3R68C .fabricContainer_1oYpG .fabricTitle_3aHL8 .fabric_1XExE .info_sTyr- {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box; }
  .bookTemplate_1M5iK .imgWrap_3R68C .fabricContainer_1oYpG .fabricTitle_3aHL8 .fabric_1XExE .info_sTyr- .left_SgPnC {
              width: 54.5%;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box;
              border-right: 1px solid rgba(0, 0, 0, 0.08);
              text-align: left; }
  .bookTemplate_1M5iK .imgWrap_3R68C .fabricContainer_1oYpG .fabricTitle_3aHL8 .fabric_1XExE .info_sTyr- .left_SgPnC .item_2LzMa {
                font-weight: 400;
                color: rgba(0, 0, 0, 0.7);
                line-height: 17px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex; }
  .bookTemplate_1M5iK .imgWrap_3R68C .fabricContainer_1oYpG .fabricTitle_3aHL8 .fabric_1XExE .info_sTyr- .left_SgPnC .item_2LzMa[scroll="1"] {
                  padding-right: 8px; }
  .bookTemplate_1M5iK .imgWrap_3R68C .fabricContainer_1oYpG .fabricTitle_3aHL8 .fabric_1XExE .info_sTyr- .left_SgPnC .item_2LzMa .content_3QCGW {
                  width: 0;
                  -webkit-box-flex: 1;
                      -ms-flex-positive: 1;
                          flex-grow: 1;
                  max-height: 68px;
                  overflow-y: auto;
                  overflow-x: none;
                  word-break: break-all; }
  .bookTemplate_1M5iK .imgWrap_3R68C .fabricContainer_1oYpG .fabricTitle_3aHL8 .fabric_1XExE .info_sTyr- .left_SgPnC .item_2LzMa .content_3QCGW::-webkit-scrollbar {
                    width: 2px; }
  .bookTemplate_1M5iK .imgWrap_3R68C .fabricContainer_1oYpG .fabricTitle_3aHL8 .fabric_1XExE .info_sTyr- .left_SgPnC .item_2LzMa .content_3QCGW::-webkit-scrollbar-thumb {
                    height: 6px !important; }
  .bookTemplate_1M5iK .imgWrap_3R68C .fabricContainer_1oYpG .fabricTitle_3aHL8 .fabric_1XExE .info_sTyr- .right_274kw {
              width: 45.5%;
              padding-left: 10px;
              -webkit-box-sizing: border-box;
                      box-sizing: border-box; }
  .bookTemplate_1M5iK .imgWrap_3R68C .fabricContainer_1oYpG .fabricTitle_3aHL8 .fabric_1XExE .info_sTyr- .right_274kw .logo_2371p {
                border-bottom: 1px solid rgba(0, 0, 0, 0.08);
                -webkit-box-sizing: border-box;
                        box-sizing: border-box; }
  .bookTemplate_1M5iK .imgWrap_3R68C .fabricContainer_1oYpG .fabricTitle_3aHL8 .fabric_1XExE .info_sTyr- .right_274kw .logo_2371p .img_JgS2M {
                  max-width: 100%;
                  max-height: 80px;
                  -o-object-fit: contain;
                     object-fit: contain; }
  .bookTemplate_1M5iK .imgWrap_3R68C .fabricContainer_1oYpG .fabricTitle_3aHL8 .fabric_1XExE .info_sTyr- .right_274kw .qrcode_36j0P {
                -webkit-box-sizing: border-box;
                        box-sizing: border-box; }
  .bookTemplate_1M5iK .imgWrap_3R68C .fabricContainer_1oYpG .fabricTitle_3aHL8 .fabric_1XExE .info_sTyr- .right_274kw .qrcode_36j0P .img_JgS2M {
                  width: 100px;
                  height: 100px; }
  @media screen and (max-width: 1660px) {
  .bookTemplate_1M5iK .fabric_1XExE .info_sTyr- .left_SgPnC .item_2LzMa {
    line-height: 16px !important; }
    .bookTemplate_1M5iK .fabric_1XExE .info_sTyr- .left_SgPnC .item_2LzMa[scroll="1"] {
      padding-right: 6px !important; }
    .bookTemplate_1M5iK .fabric_1XExE .info_sTyr- .left_SgPnC .item_2LzMa .content_3QCGW {
      max-height: 48px !important; } }
  @media screen and (max-width: 1460px) {
  .bookTemplate_1M5iK .fabric_1XExE .info_sTyr- .left_SgPnC .item_2LzMa {
    line-height: 15px !important; }
    .bookTemplate_1M5iK .fabric_1XExE .info_sTyr- .left_SgPnC .item_2LzMa[scroll="1"] {
      padding-right: 4px !important; }
    .bookTemplate_1M5iK .fabric_1XExE .info_sTyr- .left_SgPnC .item_2LzMa .content_3QCGW {
      max-height: 28px !important; } }

.book_1YdgJ {
  width: 100%;
  height: 100%; }

@charset "UTF-8";
.wrap_1Lpii {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center; }
.wrap_1Lpii .fullscreenTip_30Jlb {
    position: absolute;
    top: 2px;
    left: 20px;
    color: white;
    font-size: 18px; }
.wrap_1Lpii .arrow_aRJcM {
    position: absolute;
    top: 50%;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    margin-top: -35px;
    color: black;
    background: white;
    border: 1px solid #eee;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 9; }
.wrap_1Lpii .arrow_aRJcM:hover {
      background: #eee; }
.wrap_1Lpii .arrow_aRJcM.prev_3cO3E {
      left: 30px; }
.wrap_1Lpii .arrow_aRJcM.next_2AIa9 {
      right: 30px; }
.fullScreenWrap_2gYoz {
  background: black; }
.sliderWrap_24asG {
  position: relative;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center; }
.sliderWrap_24asG .sliderContent_mkVNr {
    position: relative; }
.sliderWrap_24asG .sliderContent_mkVNr .contentWrap_3uqFc {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
.sliderWrap_24asG .sliderContent_mkVNr .contentBox_2Nen7 {
      background: white;
      position: relative;
      -webkit-box-shadow: 0px 0px 20px 0px rgba(102, 102, 102, 0.2);
              box-shadow: 0px 0px 20px 0px rgba(102, 102, 102, 0.2); }
.sliderWrap_24asG .sliderContent_mkVNr .contentBox_2Nen7 .centerBox_TWOcc {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
.sliderWrap_24asG .sliderContent_mkVNr .contentBox_2Nen7.twoImgBox_1azwP {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 10px;
        width: 50%; }
.sliderWrap_24asG .sliderContent_mkVNr .contentBox_2Nen7 .paintingImg_2YSoh {
        position: relative;
        padding: 0 20px;
        border-right: 1px solid #eee;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
.sliderWrap_24asG .sliderContent_mkVNr .contentBox_2Nen7 .paintingImg_2YSoh:last-child {
          padding-right: 0;
          border: none; }
.sliderWrap_24asG .sliderContent_mkVNr .contentBox_2Nen7 .paintingImg_2YSoh:first-child {
          padding-left: 0; }
.sliderWrap_24asG.fullScreen_1g6A8 .contentBox_2Nen7 {
    background: black; }
.sliderWrap_24asG.fullScreen_1g6A8 .slider-wrap_1IKm_ {
    background: black; }
.pageHeaderWrapper_2c7oM {
  width: 100%; }
.pageHeader_tags_1LrUy {
  position: relative;
  width: 100%;
  padding: 0 100px;
  height: 26px;
  border-bottom: 1px solid #e4e5e6; }
.pageHeader_tags_1LrUy .tag_list_toggle_3YcHe {
    position: absolute;
    top: 50%;
    right: 40px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
.pageHeader_tag_list_1tpVB {
  margin: 0;
  padding: 0;
  height: 31px;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  /*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/ }
.pageHeader_tag_list_1tpVB::-webkit-scrollbar {
    height: 0px;
    background-color: #da6339; }
.pageHeader_tag_list_1tpVB li {
  position: relative;
  display: inline-block;
  height: 26px;
  vertical-align: top;
  border-right: 1px solid #e4e5e6; }
.pageHeader_tag_list_1tpVB li:nth-child(1) {
  border-left: 1px solid #e4e5e6; }
.pageHeader_tag_list_1tpVB button {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  font-size: 14px;
  outline: none;
  width: 100%;
  height: 26px;
  line-height: 26px;
  padding: 0 5px;
  text-align: center;
  cursor: pointer;
  background-color: transparent; }
.pageHeader_tag_list_1tpVB li.active__Ca4x {
  background-color: #424446; }
.pageHeader_tag_list_1tpVB li.active__Ca4x::before {
    position: absolute;
    bottom: -10px;
    left: 50%;
    z-index: 10;
    content: "";
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: #424446 transparent transparent transparent; }
.pageHeader_tag_list_1tpVB li.active__Ca4x button {
    color: #fff; }
.pageHeader_1ttUV {
  width: 100%;
  padding: 0 100px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: visible; }
.pageHeader_1ttUV .pageTitle_1jrDK {
    font-size: 14px;
    max-width: 30%;
    height: 36px;
    line-height: 36px;
    margin: 0;
    margin-right: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold; }
.pageHeader_1ttUV .pageTitle_1jrDK span {
      margin-right: 5px; }
.pageHeader_1ttUV .pageDesc_1OOYo {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    background: white;
    overflow: hidden;
    z-index: 9;
    -webkit-transition: height 0.3s;
    transition: height 0.3s; }
.pageHeader_1ttUV .pageDesc_1OOYo.expanded_Q5IQd {
      overflow: visible; }
.pageHeader_1ttUV .pageDesc_1OOYo .pageText_1YP0i {
      padding: 0 5px 5px 5px; }
.pageHeader_1ttUV .pageDesc_1OOYo .pageText_1YP0i.textExpanded_26UuA {
        background: white;
        -webkit-box-shadow: 0 12px 16px rgba(0, 0, 0, 0.1);
                box-shadow: 0 12px 16px rgba(0, 0, 0, 0.1); }
.pageHeader_1ttUV .pageDesc_1OOYo .arrow_aRJcM {
      position: absolute;
      right: 0px;
      top: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 35px;
      background: white;
      cursor: pointer;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
.pageHeader_1ttUV .pageAction_3N3y3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 20px;
    margin-bottom: 0; }
.pageHeader_1ttUV .pageAction_3N3y3 li {
      width: 36px;
      height: 26px;
      text-align: center;
      margin-left: 10px;
      cursor: pointer; }
.imgContentWrap_4_fw4 {
  height: 100%;
  width: 100%;
  text-align: center; }
.imgContentWrap_4_fw4 .imgWrap_3pIpo {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: auto;
    position: relative;
    background: white;
    height: 100%;
    padding: 20px;
    margin: 0 50px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
.imgContentWrap_4_fw4 .imgWrap_3pIpo .actionBar_UOE3G {
      position: absolute;
      right: 5px;
      top: 5px;
      display: none; }
.imgContentWrap_4_fw4 .imgWrap_3pIpo .actionBar_UOE3G li {
        background-color: rgba(0, 0, 0, 0.4);
        width: 40px;
        height: 40px;
        border-radius: 50%;
        margin-bottom: 5px;
        text-align: center;
        color: white;
        cursor: pointer; }
.imgContentWrap_4_fw4 .imgWrap_3pIpo .actionBar_UOE3G li.active__Ca4x {
          color: red; }
.imgContentWrap_4_fw4 .imgWrap_3pIpo .actionBar_UOE3G li:hover {
          background: rgba(0, 0, 0, 0.8); }
.imgContentWrap_4_fw4 .imgWrap_3pIpo img {
      height: 100%;
      vertical-align: unset;
      display: block; }
.imgStatus_3SiX- {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
.imgStatus_3SiX-:hover .action_1Ji9F .actionBar_UOE3G {
    display: block; }
.imgStatus_3SiX- .fabricContainer_1s0bA {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
    pointer-events: none;
    background: transparent;
    overflow: hidden; }
.imgStatus_3SiX- .fabricContainer_1s0bA .fabricTitle_2IATo {
      position: absolute;
      top: 0;
      right: 50%;
      font-size: 11px;
      font-weight: 400;
      line-height: 18px;
      cursor: pointer;
      width: 56px;
      height: 18px;
      background: #000000;
      border-radius: 0px 0px 8px 8px;
      color: #fff;
      text-align: center;
      font-family: PingFangSC-Regular, PingFang SC;
      pointer-events: auto;
      -webkit-animation: zoom_wbEtj 3s infinite;
              animation: zoom_wbEtj 3s infinite; }
@-webkit-keyframes zoom_wbEtj {
  0% {
    -webkit-transform: translateX(50%) scale(1);
            transform: translateX(50%) scale(1); }
  50% {
    -webkit-transform: translateX(50%) scale(1.25);
            transform: translateX(50%) scale(1.25); }
  100% {
    -webkit-transform: translateX(50%) scale(1);
            transform: translateX(50%) scale(1); } }
@keyframes zoom_wbEtj {
  0% {
    -webkit-transform: translateX(50%) scale(1);
            transform: translateX(50%) scale(1); }
  50% {
    -webkit-transform: translateX(50%) scale(1.25);
            transform: translateX(50%) scale(1.25); }
  100% {
    -webkit-transform: translateX(50%) scale(1);
            transform: translateX(50%) scale(1); } }
.imgStatus_3SiX- .fabricContainer_1s0bA .fabricTitle_2IATo .text_1lxsg {
        display: inline-block; }
.imgStatus_3SiX- .fabricContainer_1s0bA .fabricTitle_2IATo .text_1lxsg i {
          margin-left: 5px;
          display: inline-block; }
.imgStatus_3SiX- .fabricContainer_1s0bA .fabricTitle_2IATo .icon_2HB6p {
        display: inline-block;
        width: 11px;
        height: 11px;
        border-radius: 50%;
        background: #000;
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg); }
.imgStatus_3SiX- .fabricContainer_1s0bA .fabric_1rm-7 {
      position: absolute;
      right: 50%;
      background: #ffffff;
      -webkit-box-shadow: 0px 25px 40px 0px rgba(0, 0, 0, 0.4);
              box-shadow: 0px 25px 40px 0px rgba(0, 0, 0, 0.4);
      padding: 16px;
      -webkit-transition: top 0.5s ease, visibility 0.5s ease;
      transition: top 0.5s ease, visibility 0.5s ease;
      -webkit-transform: translateX(50%);
          -ms-transform: translateX(50%);
              transform: translateX(50%);
      top: -765px;
      visibility: hidden;
      pointer-events: none; }
.imgStatus_3SiX- .fabricContainer_1s0bA .fabric_1rm-7.show_2NhFL {
        top: 18px;
        visibility: visible;
        pointer-events: auto; }
.imgStatus_3SiX- .fabricContainer_1s0bA .fabric_1rm-7 .main_1-NcV {
        max-width: 360px;
        max-height: 360px;
        min-width: 250px;
        min-height: 250px; }
.imgStatus_3SiX- .fabricContainer_1s0bA .fabric_1rm-7 .main_1-NcV .img_1tiKT {
          width: 100%;
          height: 100%; }
.imgStatus_3SiX- .fabricContainer_1s0bA .fabric_1rm-7 .info_97YgR {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
.imgStatus_3SiX- .fabricContainer_1s0bA .fabric_1rm-7 .info_97YgR .left_1rli4 {
          width: 54.5%;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          border-right: 1px solid rgba(0, 0, 0, 0.08);
          text-align: left; }
.imgStatus_3SiX- .fabricContainer_1s0bA .fabric_1rm-7 .info_97YgR .left_1rli4 .item_1ipuz {
            font-weight: 400;
            color: rgba(0, 0, 0, 0.7);
            line-height: 17px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
.imgStatus_3SiX- .fabricContainer_1s0bA .fabric_1rm-7 .info_97YgR .left_1rli4 .item_1ipuz[scroll="1"] {
              padding-right: 8px; }
.imgStatus_3SiX- .fabricContainer_1s0bA .fabric_1rm-7 .info_97YgR .left_1rli4 .item_1ipuz .content_3Gge9 {
              width: 0;
              -webkit-box-flex: 1;
                  -ms-flex-positive: 1;
                      flex-grow: 1;
              max-height: 68px;
              overflow-y: auto;
              overflow-x: none;
              word-break: break-all; }
.imgStatus_3SiX- .fabricContainer_1s0bA .fabric_1rm-7 .info_97YgR .left_1rli4 .item_1ipuz .content_3Gge9::-webkit-scrollbar {
                width: 2px; }
.imgStatus_3SiX- .fabricContainer_1s0bA .fabric_1rm-7 .info_97YgR .left_1rli4 .item_1ipuz .content_3Gge9::-webkit-scrollbar-thumb {
                height: 6px !important; }
.imgStatus_3SiX- .fabricContainer_1s0bA .fabric_1rm-7 .info_97YgR .right_2QljL {
          width: 45.5%;
          padding-left: 10px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box; }
.imgStatus_3SiX- .fabricContainer_1s0bA .fabric_1rm-7 .info_97YgR .right_2QljL .logo_3uHZe {
            border-bottom: 1px solid rgba(0, 0, 0, 0.08);
            -webkit-box-sizing: border-box;
                    box-sizing: border-box; }
.imgStatus_3SiX- .fabricContainer_1s0bA .fabric_1rm-7 .info_97YgR .right_2QljL .logo_3uHZe .img_1tiKT {
              max-width: 100%;
              max-height: 80px;
              -o-object-fit: contain;
                 object-fit: contain; }
.imgStatus_3SiX- .fabricContainer_1s0bA .fabric_1rm-7 .info_97YgR .right_2QljL .qrcode_1sz1I {
            -webkit-box-sizing: border-box;
                    box-sizing: border-box; }
.imgStatus_3SiX- .fabricContainer_1s0bA .fabric_1rm-7 .info_97YgR .right_2QljL .qrcode_1sz1I .img_1tiKT {
              width: 100px;
              height: 100px; }
.imgStatus_3SiX- img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    cursor: pointer; }
.imgStatus_3SiX- .action_1Ji9F {
    position: absolute;
    width: 40px;
    height: 100px;
    top: 0px;
    right: 0px; }
.imgStatus_3SiX- .action_1Ji9F .actionBar_UOE3G {
      position: absolute;
      right: 0;
      top: 0;
      display: none; }
.imgStatus_3SiX- .action_1Ji9F .actionBar_UOE3G li,
      .imgStatus_3SiX- .action_1Ji9F .actionBar_UOE3G a {
        background-color: rgba(0, 0, 0, 0.4);
        width: 44px;
        height: 44px;
        margin-bottom: 1px;
        text-align: center;
        color: white;
        background: rgba(0, 0, 0, 0.5);
        cursor: pointer;
        line-height: 44px; }
.imgStatus_3SiX- .action_1Ji9F .actionBar_UOE3G li.active__Ca4x,
        .imgStatus_3SiX- .action_1Ji9F .actionBar_UOE3G a.active__Ca4x {
          color: #fff; }
.imgStatus_3SiX- .action_1Ji9F .actionBar_UOE3G li:hover,
        .imgStatus_3SiX- .action_1Ji9F .actionBar_UOE3G a:hover {
          background: black; }
.center_bUpYT {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto; }
.center_bUpYT .centerbox_1bsA_ {
    width: 100px;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
.pageBox_1VFMa {
  width: 100%;
  height: 100%; }
.printing_3hohG {
  width: 80%;
  height: calc(100% - 32px);
  padding: 8px 10px;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(102, 102, 102, 0.2);
          box-shadow: 0px 0px 20px 0px rgba(102, 102, 102, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
.printing_3hohG .printingBox_1ftx8 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%; }
.printing_3hohG .printingBox_1ftx8:nth-child(1) {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      border-right: 1px solid #ccc; }
.printing_3hohG .printingBox_1ftx8 .printingInner_3QDo6 {
      width: 100%;
      height: 100%;
      padding: 10px;
      cursor: pointer; }
@media screen and (max-width: 1660px) {
  .imgStatus_3SiX- .fabric_1rm-7 .info_97YgR .left_1rli4 .item_1ipuz {
    line-height: 16px !important; }
    .imgStatus_3SiX- .fabric_1rm-7 .info_97YgR .left_1rli4 .item_1ipuz[scroll="1"] {
      padding-right: 6px !important; }
    .imgStatus_3SiX- .fabric_1rm-7 .info_97YgR .left_1rli4 .item_1ipuz .content_3Gge9 {
      max-height: 48px !important; } }
@media screen and (max-width: 1460px) {
  .imgStatus_3SiX- .fabric_1rm-7 .info_97YgR .left_1rli4 .item_1ipuz {
    line-height: 14px !important; }
    .imgStatus_3SiX- .fabric_1rm-7 .info_97YgR .left_1rli4 .item_1ipuz[scroll="1"] {
      padding-right: 4px !important; }
    .imgStatus_3SiX- .fabric_1rm-7 .info_97YgR .left_1rli4 .item_1ipuz .content_3Gge9 {
      max-height: 28px !important; } }

.relatedRecommendPage_2E1Co {
  padding: 50px; }
  .relatedRecommendPage_2E1Co .title_1-Ii2 {
    height: 62px; }
  .relatedRecommendPage_2E1Co .title_1-Ii2 .titleEn_AR-Yk {
      font-size: 42px;
      font-weight: 800;
      color: #333333;
      margin-right: 10px; }
  .relatedRecommendPage_2E1Co .title_1-Ii2 .titleZh_Fcrvg {
      font-size: 24px;
      font-weight: 500;
      color: #333333;
      line-height: 33px; }
  .relatedRecommendPage_2E1Co .title2_22Fne {
    height: 60px; }
  .relatedRecommendPage_2E1Co .title2_22Fne .titleEn_AR-Yk {
      height: 60px;
      font-size: 56px;
      font-weight: 400;
      color: #000000;
      line-height: 60px;
      margin-right: 20px; }
  .relatedRecommendPage_2E1Co .title2_22Fne .titleZh_Fcrvg {
      height: 60px;
      font-size: 56px;
      font-weight: 100;
      color: #000000;
      line-height: 60px;
      font-family: PingFangSC-Regular, PingFang SC; }
  .relatedRecommendPage_2E1Co .cards_WJDDR .cardItem_5NDIT {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: left;
    width: 32%;
    height: 50%;
    margin-right: 20px;
    margin-bottom: 30px; }
  .relatedRecommendPage_2E1Co .cards_WJDDR .cardItem_5NDIT:nth-child(3n) {
      margin-right: 0px; }
  .relatedRecommendPage_2E1Co .cards_WJDDR .cardItem_5NDIT:nth-last-child(1), .relatedRecommendPage_2E1Co .cards_WJDDR .cardItem_5NDIT:nth-last-child(2), .relatedRecommendPage_2E1Co .cards_WJDDR .cardItem_5NDIT:nth-last-child(3) {
      margin-bottom: 0px; }
  .relatedRecommendPage_2E1Co .cards_WJDDR .cardItem_5NDIT .picture_vil0c {
      width: 100%;
      height: 0;
      padding-bottom: 56.6%;
      position: relative;
      cursor: pointer;
      background-color: #ccc; }
  .relatedRecommendPage_2E1Co .cards_WJDDR .cardItem_5NDIT .picture_vil0c:hover .cover_25jZT {
        display: block; }
  .relatedRecommendPage_2E1Co .cards_WJDDR .cardItem_5NDIT .picture_vil0c > img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
  .relatedRecommendPage_2E1Co .cards_WJDDR .cardItem_5NDIT .picture_vil0c .cover_25jZT {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3); }
  .relatedRecommendPage_2E1Co .cards_WJDDR .cardItem_5NDIT .articleTitle_1Ra33 {
      display: inline-block;
      max-width: 100%;
      margin-top: 13px;
      font-size: 18px;
      font-weight: 500;
      color: #111111;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      position: relative;
      cursor: pointer; }
  .relatedRecommendPage_2E1Co .cards_WJDDR .cardItem_5NDIT .articleTitle_1Ra33:hover::before {
        right: 0%; }
  .relatedRecommendPage_2E1Co .cards_WJDDR .cardItem_5NDIT .articleTitle_1Ra33::before {
        content: "";
        position: absolute;
        left: 0;
        right: 100%;
        bottom: 0;
        background: #000000;
        height: 1px;
        -webkit-transition-property: right;
        transition-property: right;
        -webkit-transition-duration: 0.3s;
                transition-duration: 0.3s;
        -webkit-transition-timing-function: ease;
                transition-timing-function: ease; }
  .relatedRecommendPage_2E1Co .cards_WJDDR .cardItem_5NDIT .articleDesc_2i3JE {
      height: 34px;
      line-height: 17px;
      font-size: 14px;
      font-weight: 400;
      color: #333333;
      cursor: auto;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
  .relatedRecommendPage_2E1Co .cards_WJDDR .cardItem2_3Tlr2 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: left;
    width: calc((100% - 48px) / 4);
    height: 50%;
    margin-right: 16px;
    margin-top: 40px;
    padding-bottom: 4px;
    border-bottom: 1px solid #000; }
  .relatedRecommendPage_2E1Co .cards_WJDDR .cardItem2_3Tlr2:nth-child(4n) {
      margin-right: 0px; }
  .relatedRecommendPage_2E1Co .cards_WJDDR .cardItem2_3Tlr2 .picture_vil0c {
      width: 100%;
      height: 0;
      padding-bottom: 81.5%;
      position: relative;
      cursor: pointer;
      background-color: #ccc; }
  .relatedRecommendPage_2E1Co .cards_WJDDR .cardItem2_3Tlr2 .picture_vil0c:hover .cover_25jZT {
        display: block; }
  .relatedRecommendPage_2E1Co .cards_WJDDR .cardItem2_3Tlr2 .picture_vil0c > img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
  .relatedRecommendPage_2E1Co .cards_WJDDR .cardItem2_3Tlr2 .picture_vil0c .cover_25jZT {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3); }
  .relatedRecommendPage_2E1Co .cards_WJDDR .cardItem2_3Tlr2 .footer_3DWRH {
      height: 24px;
      margin-top: 8px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .relatedRecommendPage_2E1Co .cards_WJDDR .cardItem2_3Tlr2 .footer_3DWRH .left_16WUM {
        font-size: 12px;
        font-weight: 500;
        color: #000000;
        line-height: 16px; }
  .relatedRecommendPage_2E1Co .cards_WJDDR .cardItem2_3Tlr2 .footer_3DWRH .right_FjdPw {
        height: 24px;
        background: #000000;
        border-radius: 12px;
        padding: 0 12px;
        font-size: 12px;
        font-weight: 400;
        color: #ffffff;
        line-height: 24px;
        cursor: pointer; }
  @media screen and (max-width: 1600px) {
    .relatedRecommendPage_2E1Co {
      padding: 16px; }
      .relatedRecommendPage_2E1Co .title_1-Ii2 {
        height: 40px; }
        .relatedRecommendPage_2E1Co .title_1-Ii2 .titleEn_AR-Yk {
          font-size: 24px;
          font-weight: 800;
          color: #333333;
          margin-right: 10px; }
        .relatedRecommendPage_2E1Co .title_1-Ii2 .titleZh_Fcrvg {
          font-size: 14px;
          font-weight: 500;
          color: #333333;
          line-height: 33px; }
      .relatedRecommendPage_2E1Co .cards_WJDDR .cardItem_5NDIT {
        margin-bottom: 8px;
        width: 31%; }
        .relatedRecommendPage_2E1Co .cards_WJDDR .cardItem_5NDIT .articleTitle_1Ra33 {
          font-size: 14px;
          margin-top: 6px; }
        .relatedRecommendPage_2E1Co .cards_WJDDR .cardItem_5NDIT .articleDesc_2i3JE {
          font-size: 12px; } }
  @media screen and (max-width: 1300px) {
    .relatedRecommendPage_2E1Co {
      padding: 10px; }
      .relatedRecommendPage_2E1Co .cards_WJDDR .cardItem_5NDIT {
        width: 29%;
        margin-bottom: 8px; }
        .relatedRecommendPage_2E1Co .cards_WJDDR .cardItem_5NDIT .articleDesc_2i3JE {
          display: none; } }

.wrap_2VvlN {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 99; }

/**
 * Swiper 6.8.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 23, 2021
 */

@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-container-pointer-events {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.swiper-container-pointer-events.swiper-container-vertical {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */

.swiper-container-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
          -moz-appearance: none;
       appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
          transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */

:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
      -ms-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

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

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

/* a11y */

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-container-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
          filter: blur(50px);
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.mianliao-detail-modal.ant-modal {
  top: 0;
  padding: 0;
}
.mianliao-detail-modal .ant-modal-body {
  padding: 0;
}

.moreImg_3Whi- {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 9991;
  background: #f2f2f2;
  padding: 30px;
  overflow-x: hidden;
  overflow-y: auto; }
  .moreImg_3Whi-.show_yMUbE {
    top: 0;
    visibility: visible; }
  .moreImg_3Whi-.hide_1WE2X {
    top: 100%;
    visibility: hidden; }
  .chartContainer_22Dq3 {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 91;
  background: #f2f2f2; }
  .chartContainer_22Dq3.show_yMUbE {
    top: 0;
    visibility: visible; }
  .chartContainer_22Dq3.hide_1WE2X {
    top: 100%;
    visibility: hidden; }
  .chartContainer_22Dq3 .chartMain_9AIw- {
    width: 100%;
    height: 100%;
    position: relative; }
  .chartContainer_22Dq3 .chartMain_9AIw- .chartHeader_3bn9W {
      width: calc(100% - 60px);
      height: 75px;
      background: #f2f2f2;
      position: absolute;
      left: 30px;
      top: 0;
      z-index: 3; }
  .chartContainer_22Dq3 .chartMain_9AIw- .chartHeader_3bn9W .title_2kdoi {
        line-height: 18px;
        height: 18px;
        font-size: 18px;
        font-weight: bold;
        color: #333333;
        display: inline-block;
        position: relative;
        z-index: 2;
        position: absolute;
        left: 0;
        top: 18px; }
  .chartContainer_22Dq3 .chartMain_9AIw- .chartHeader_3bn9W .title_2kdoi .item_1bWJW {
          display: inline-block;
          position: absolute;
          white-space: nowrap;
          background: #f2f2f2;
          position: absolute; }
  .chartContainer_22Dq3 .chartMain_9AIw- .chartHeader_3bn9W .title_2kdoi .item_1bWJW.active_1dhkY {
            opacity: 1;
            -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                    transform: translateX(0); }
  .chartContainer_22Dq3 .chartMain_9AIw- .chartHeader_3bn9W .title_2kdoi .item_1bWJW.itemLeft_3IiTY {
            -webkit-animation-name: left_EGAFq;
                    animation-name: left_EGAFq;
            -webkit-animation-fill-mode: forwards;
                    animation-fill-mode: forwards;
            -webkit-animation-duration: 0.4s;
                    animation-duration: 0.4s; }
  .chartContainer_22Dq3 .chartMain_9AIw- .chartHeader_3bn9W .title_2kdoi .item_1bWJW.itemRight_2QQJ7 {
            -webkit-animation-name: right_2pZc3;
                    animation-name: right_2pZc3;
            -webkit-animation-fill-mode: forwards;
                    animation-fill-mode: forwards;
            -webkit-animation-duration: 0.4s;
                    animation-duration: 0.4s; }
  .chartContainer_22Dq3 .chartMain_9AIw- .chartHeader_3bn9W .title_2kdoi .item_1bWJW.itemLeftToActive_1gzNS {
            -webkit-animation-name: from-left-to-active_18fuK;
                    animation-name: from-left-to-active_18fuK;
            -webkit-animation-fill-mode: both;
                    animation-fill-mode: both;
            -webkit-animation-duration: 0.4s;
                    animation-duration: 0.4s;
            -webkit-animation-delay: 0.4s;
                    animation-delay: 0.4s; }
  .chartContainer_22Dq3 .chartMain_9AIw- .chartHeader_3bn9W .title_2kdoi .item_1bWJW.itemRightToActive_mYohr {
            -webkit-animation-name: from-right-to-active_3gBYh;
                    animation-name: from-right-to-active_3gBYh;
            -webkit-animation-fill-mode: both;
                    animation-fill-mode: both;
            -webkit-animation-duration: 0.4s;
                    animation-duration: 0.4s;
            -webkit-animation-delay: 0.4s;
                    animation-delay: 0.4s; }
  @-webkit-keyframes left_EGAFq {
  from {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  to {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); } }
  @keyframes left_EGAFq {
  from {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  to {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); } }
  @-webkit-keyframes right_2pZc3 {
  from {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  to {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%); } }
  @keyframes right_2pZc3 {
  from {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  to {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%); } }
  @-webkit-keyframes from-left-to-active_18fuK {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }
  @keyframes from-left-to-active_18fuK {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }
  @-webkit-keyframes from-right-to-active_3gBYh {
  from {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }
  @keyframes from-right-to-active_3gBYh {
  from {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }
  .chartContainer_22Dq3 .chartMain_9AIw- .chartHeader_3bn9W .divideLine_2UEJa {
        z-index: 2;
        width: 100%;
        height: 1px;
        background: #cccccc;
        position: absolute;
        left: 0;
        bottom: 19px; }
  .chartContainer_22Dq3 .chartMain_9AIw- .chartListContainer_12zOR {
      width: 100%;
      height: 100%;
      position: relative; }
  .chartContainer_22Dq3 .chartMain_9AIw- .chartListContainer_12zOR .chartList_1A0BD {
        height: 100%;
        width: 100%;
        padding: 75px 30px 20px 30px;
        overflow-x: hidden;
        overflow-y: auto;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease; }
  .chartContainer_22Dq3 .chartMain_9AIw- .chartListContainer_12zOR .chartList_1A0BD.active_1dhkY {
          z-index: 2;
          opacity: 1; }
  .chartContainer_22Dq3 .chartMain_9AIw- .chartListContainer_12zOR .chartList_1A0BD.top_3_loN {
          z-index: 1;
          opacity: 0;
          top: -100%; }
  .chartContainer_22Dq3 .chartMain_9AIw- .chartListContainer_12zOR .chartList_1A0BD.bottom_2Qj7k {
          z-index: 1;
          opacity: 0;
          top: 100%; }

.searchPage-pictureList .card {
  width: 100%;
  height: 100%;
  text-align: left;
}
.line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.custom-pagination-wrapper {
  display: inline-block;
}
.custom-pagination-wrapper .custom-pagination-pages {
  float: left;
  padding: 0;
  margin: 0;
}
.custom-pagination-wrapper .custom-pagination-pages li {
  float: left;
  text-align: center;
  color: #333;
  font-size: 12px;
  cursor: pointer;
  padding: 6px 1px 0;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-pagination-wrapper .custom-pagination-pages li:first-of-type,
.custom-pagination-wrapper .custom-pagination-pages li:last-of-type {
  width: auto;
  padding-top: 0;
}
.custom-pagination-wrapper .custom-pagination-pages li:first-of-type strong,
.custom-pagination-wrapper .custom-pagination-pages li:last-of-type strong {
  font-size: 36px;
  line-height: 24px;
  font-weight: 600;
  outline: none;
}
.custom-pagination-wrapper .custom-pagination-pages li:first-of-type em,
.custom-pagination-wrapper .custom-pagination-pages li:last-of-type em {
  padding-top: 3px;
  outline: none;
}
.custom-pagination-wrapper .custom-pagination-pages li:first-of-type {
  margin-right: 2px;
}
.custom-pagination-wrapper .custom-pagination-pages li:last-of-type {
  margin-left: 2px;
}
.custom-pagination-wrapper .custom-pagination-pages li::-moz-selection {
  background-color: transparent;
}
.custom-pagination-wrapper .custom-pagination-pages li::selection {
  background-color: transparent;
}
.custom-pagination-wrapper .custom-pagination-pages li strong {
  font-size: 27px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}
.custom-pagination-wrapper .custom-pagination-pages li strong {
  display: block;
  text-align: center;
}
.custom-pagination-wrapper .custom-pagination-pages li em {
  display: inline-block;
  text-align: center;
}
.custom-pagination-wrapper .custom-pagination-pages li.nomore {
  color: #b5b5b5;
  cursor: default;
}
.custom-pagination-wrapper .custom-pagination-select {
  position: relative;
  top: 36px;
  left: 0;
  float: left;
  width: 46px;
  height: 20px;
  margin: 0 5px;
  border: 1px solid #ddd;
}
.custom-pagination-wrapper .custom-pagination-select ol {
  position: absolute;
  z-index: 10;
  width: 45px;
  top: 0;
  left: 0;
  margin: 0;
}
.custom-pagination-wrapper .custom-pagination-select ol.show {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.custom-pagination-wrapper .custom-pagination-select ol.hide {
  height: 20px;
  overflow: hidden;
}
.custom-pagination-wrapper .custom-pagination-select ol.hide li:nth-of-type(n+2) {
  display: none;
}
.custom-pagination-wrapper .custom-pagination-select li {
  margin: 0;
  width: 45px;
  text-align: center;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
}
.custom-pagination-wrapper .custom-pagination-jump {
  float: left;
  margin-top: 37px;
}
.custom-pagination-wrapper .custom-pagination-jump em,
.custom-pagination-wrapper .custom-pagination-jump input {
  float: left;
  font-size: 12px;
}
.custom-pagination-wrapper .custom-pagination-jump input {
  position: relative;
  top: 1px;
  width: 30px;
  height: 16px;
  border: 1px solid #ddd;
  outline: none;
  border-radius: 3px;
  margin: 0 5px;
  text-align: center;
}
.custom-pagination-wrapper.custom-pagination-theme-DarkCyan .custom-pagination-pages li.active strong {
  color: #175851;
}
.custom-pagination-wrapper.custom-pagination-theme-DarkCyan .custom-pagination-pages li.active em {
  border-bottom: 1px solid #175851;
}
.custom-style-antd-pagination {
  display: inline-block;
  padding: 10px 0;
  text-align: center;
  position: relative;
}
.custom-style-antd-pagination .ant-pagination > li.ant-pagination-prev {
  margin-right: 10px !important;
}
.custom-style-antd-pagination .ant-pagination > li.ant-pagination-next {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.custom-style-antd-pagination .ant-pagination-item-active {
  border: none;
  background: transparent;
}
.custom-style-antd-pagination .custom-pagination-prev,
.custom-style-antd-pagination .custom-pagination-next,
.custom-style-antd-pagination .custom-pagination-item,
.custom-style-antd-pagination .custom-pagination-item-ellipsis {
  position: relative;
  display: block;
  padding: 0;
  text-align: center;
}
.custom-style-antd-pagination .custom-pagination-item-ellipsis {
  width: 26px;
  height: 26px;
}
.custom-style-antd-pagination .custom-pagination-item-ellipsis .iconO {
  color: #AAAAAA;
}
.custom-style-antd-pagination .custom-pagination-item {
  min-width: 48px;
  height: 40px;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #000;
}
.custom-style-antd-pagination .custom-pagination-item:hover {
  background-color: #000;
}
.custom-style-antd-pagination .custom-pagination-item:hover > i {
  color: #fff;
}
.custom-style-antd-pagination .iconO,
.custom-style-antd-pagination .iconfanye_w {
  display: inline-block;
  text-align: center;
}
.custom-style-antd-pagination .iconfanye_w {
  position: absolute;
  top: -27px;
  left: 13%;
  font-size: 25px;
  border: none;
}
.custom-style-antd-pagination .iconO {
  position: absolute;
  top: -27px;
  left: -37%;
  font-size: 40px;
  border: none;
}
.custom-style-antd-pagination .page-no {
  display: inline-block;
  text-align: center;
  font-size: 12px;
}
.custom-style-antd-pagination .custom-pagination-prev,
.custom-style-antd-pagination .custom-pagination-next {
  font-weight: 600;
  text-align: center;
  -webkit-transition: none;
  transition: none;
}
.custom-style-antd-pagination .custom-pagination-prev i,
.custom-style-antd-pagination .custom-pagination-next i {
  display: block;
  line-height: 40px;
}
.custom-style-antd-pagination .ant-pagination-prev:hover,
.custom-style-antd-pagination .ant-pagination-next:hover {
  -webkit-transition: none;
  transition: none;
  border: none;
  outline: none;
}
.custom-style-antd-pagination .ant-pagination-prev:hover a,
.custom-style-antd-pagination .ant-pagination-next:hover a {
  border-color: #000;
}
.custom-style-antd-pagination .ant-pagination-prev.ant-pagination-disabled,
.custom-style-antd-pagination .ant-pagination-next.ant-pagination-disabled {
  border: 1px solid rgba(0, 0, 0, 0.25) !important;
  font-weight: 600;
  cursor: default;
}
.custom-style-antd-pagination .ant-pagination-prev.ant-pagination-disabled a,
.custom-style-antd-pagination .ant-pagination-next.ant-pagination-disabled a {
  cursor: default;
}
.custom-style-antd-pagination .ant-pagination-prev.ant-pagination-disabled:hover,
.custom-style-antd-pagination .ant-pagination-next.ant-pagination-disabled:hover {
  background-color: #FAFAFA;
}
.custom-style-antd-pagination .ant-pagination-prev.ant-pagination-disabled:hover i.prev,
.custom-style-antd-pagination .ant-pagination-next.ant-pagination-disabled:hover i.prev,
.custom-style-antd-pagination .ant-pagination-prev.ant-pagination-disabled:hover i.next,
.custom-style-antd-pagination .ant-pagination-next.ant-pagination-disabled:hover i.next {
  color: #AAAAAA;
}
.custom-style-antd-pagination .ant-pagination-prev.ant-pagination-disabled:hover a,
.custom-style-antd-pagination .ant-pagination-next.ant-pagination-disabled:hover a {
  border-color: #FAFAFA;
}
.custom-style-antd-pagination .ant-pagination-prev:hover,
.custom-style-antd-pagination .ant-pagination-next:hover {
  -webkit-transition: none;
  transition: none;
  background-color: #000;
}
.custom-style-antd-pagination .ant-pagination-prev:hover i.prev,
.custom-style-antd-pagination .ant-pagination-next:hover i.prev,
.custom-style-antd-pagination .ant-pagination-prev:hover i.next,
.custom-style-antd-pagination .ant-pagination-next:hover i.next {
  color: #FAFAFA;
}
.custom-style-antd-pagination .custom-pagination-prev {
  height: 40px;
  padding: 0 31px;
}
.custom-style-antd-pagination .custom-pagination-prev i.prevIcon {
  position: absolute;
  left: 4px;
  top: 0px;
  font-size: 12px;
  -webkit-transform: scale(0.7) rotateY(180deg);
          transform: scale(0.7) rotateY(180deg);
}
.custom-style-antd-pagination .custom-pagination-prev .prev {
  font-size: 12px;
}
.custom-style-antd-pagination .custom-pagination-next {
  height: 40px;
  padding: 0 31px;
}
.custom-style-antd-pagination .custom-pagination-next i.nextIcon {
  position: absolute;
  right: 4px;
  top: 1px;
  font-size: 12px;
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
}
.custom-style-antd-pagination .custom-pagination-next .prev {
  font-size: 12px;
}
.custom-style-antd-pagination .custom-pagination-item .iconfanye_o {
  position: absolute;
  top: -29px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 22px;
}
.custom-style-antd-pagination .custom-pagination-item strong {
  position: absolute;
  top: -27px;
  left: 13%;
  font-size: 30px;
  font-weight: 600;
}
.custom-style-antd-pagination .custom-pagination-item i {
  display: inline-block;
  font-weight: 600;
}
.custom-style-antd-pagination .custom-pagination-item-ellipsis {
  color: #000000a6;
}
.custom-style-antd-pagination .custom-pagination-item-ellipsis a {
  border: 1px solid #fff;
}
.custom-style-antd-pagination .custom-pagination-item-ellipsis .iconfanye_o {
  position: absolute;
  top: -28px;
  left: 0px;
  font-size: 22px;
}
.custom-style-antd-pagination .custom-pagination-item-ellipsis .iconfanye_o.disable {
  color: #AAAAAA;
}
.custom-style-antd-pagination .custom-pagination-item-ellipsis strong {
  position: absolute;
  top: -27px;
  left: 18%;
  font-size: 30px;
  font-weight: 600;
}
.custom-style-antd-pagination .custom-pagination-item-ellipsis i {
  display: block;
}
.custom-style-antd-pagination .goSkip {
  border: none;
  font-weight: 600;
}
.custom-style-antd-pagination .ant-pagination.mini .ant-pagination-prev,
.custom-style-antd-pagination .ant-pagination.mini .ant-pagination-next {
  height: 40px;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #000;
}
.custom-style-antd-pagination.Orange .ant-pagination-item {
  margin-right: 6px;
  height: 40px;
  line-height: 38px;
}
.custom-style-antd-pagination.Orange .ant-select-focused .ant-select-selection,
.custom-style-antd-pagination.Orange .ant-select-selection:focus,
.custom-style-antd-pagination.Orange .ant-select-selection:active,
.custom-style-antd-pagination.Orange .ant-pagination-options-quick-jumper input:hover,
.custom-style-antd-pagination.Orange .ant-select-selection:hover,
.custom-style-antd-pagination.Orange .ant-select-selection:hover,
.custom-style-antd-pagination.Orange .ant-pagination-item:focus a,
.custom-style-antd-pagination.Orange .ant-pagination-item:hover a,
.custom-style-antd-pagination.Orange .ant-pagination-item-active a {
  color: #000;
  border-color: #000;
  border: 1px solid #000;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0);
          box-shadow: 0 0 0 2px rgba(24, 144, 255, 0);
}
.custom-style-antd-pagination.Orange .ant-pagination-item-active a {
  background-color: #000;
}
.custom-style-antd-pagination.Orange .ant-pagination-item-active a i.page-no {
  color: #FAFAFA;
}
.custom-style-antd-pagination.Orange .ant-pagination-item-active a i.iconfanye_o {
  border: none;
  top: -28px;
}

@media screen and (max-width: 1815px) and (min-width: 1585px) {
  .downloadRecord_3YG1B {
    zoom: 0.85; } }

@media screen and (max-width: 1815px) and (min-width: 1431px) {
  .downloadRecord_3YG1B {
    zoom: 0.75; } }

@media screen and (max-width: 1430px) {
  .downloadRecord_3YG1B {
    zoom: 0.65; } }

.downloadRecord_3YG1B {
  width: 1540px;
  min-height: 1000px;
  padding: 0 0 20px 0;
  margin: 0 auto; }

.downloadRecord_3YG1B .header_2Ztie {
    height: 78px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.downloadRecord_3YG1B .header_2Ztie .container_HHc1g {
      margin-left: 10px;
      width: 160px;
      height: 38px;
      position: relative; }

.downloadRecord_3YG1B .header_2Ztie .container_HHc1g .select_3DA4n {
        background-color: #f6f6f6; }

.downloadRecord_3YG1B .header_2Ztie .container_HHc1g .disable_2BEFJ {
        background-color: #f6f6f6;
        width: 160px;
        height: 38px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }

.downloadRecord_3YG1B .header_2Ztie .container_HHc1g .disable_2BEFJ .title_uYO7w {
          height: 12px;
          font-size: 12px;
          line-height: 12px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #aaa;
          margin-left: 20px; }

.downloadRecord_3YG1B .header_2Ztie .container_HHc1g .cover_3cVrr {
        width: 160px;
        height: 38px;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: #fff;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 16px;
        pointer-events: none; }

.downloadRecord_3YG1B .datePicker_2pqWR {
    margin-left: 10px;
    width: 215px;
    right: 185px;
    display: inline-block; }

.downloadRecord_3YG1B .datePicker_2pqWR .ant-input_18a38 {
      border-radius: 12px; }

.downloadRecord_3YG1B .cardList_2Mb-T {
    text-align: center;
    min-height: 850px; }

.downloadRecord_3YG1B .cardList_2Mb-T .onreslut_djIVe {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 40px; }

.downloadRecord_3YG1B .cardList_2Mb-T .onreslut_djIVe > img {
        width: 400px; }

.downloadRecord_3YG1B .goTop_3_alg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid #dddddd;
    background-color: #fff;
    overflow: hidden; }

.downloadRecord_3YG1B .goTop_3_alg > i {
      font-size: 38px;
      color: #aaaaaa;
      margin-top: 5px; }

.downloadRecord_3YG1B .goTop_3_alg:hover {
      -webkit-box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.3); }

@media screen and (max-width: 1815px) and (min-width: 1585px) {
  .myCollect_138kq {
    zoom: 0.85; } }

@media screen and (max-width: 1585px) and (min-width: 1431px) {
  .myCollect_138kq {
    zoom: 0.75; } }

@media screen and (max-width: 1430px) {
  .myCollect_138kq {
    zoom: 0.65; } }

.myCollectActionBar_oj4dF .editAction_1Ra0w {
  margin-bottom: 10px; }

.myCollectActionBar_oj4dF .editAction_1Ra0w, .myCollectActionBar_oj4dF .deleteAction_3onRV {
  width: 80px;
  text-align: center;
  padding: 4px 0;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 16px;
  cursor: pointer; }

.myCollectActionBar_oj4dF .editAction_1Ra0w:hover, .myCollectActionBar_oj4dF .deleteAction_3onRV:hover {
    background: #F2F2F2; }

.myCollectActionBar_oj4dF .editAction_1Ra0w:active, .myCollectActionBar_oj4dF .deleteAction_3onRV:active {
    background: #fff; }

.myCollect_138kq {
  width: 1860px;
  min-height: 1000px;
  padding: 0 0 0px 0;
  margin: 0 auto; }

.myCollect_138kq .leftPart_37GUW {
    width: 295px;
    border: 1px solid #E1E1E1;
    position: sticky;
    top: 0;
    left: 0;
    float: left;
    background-color: #fff;
    z-index: 100;
    height: 100%; }

.myCollect_138kq .leftPart_37GUW .collectTitle_9mP-9 {
      padding: 25px 0 24px 17px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background: #F9F9F9; }

.myCollect_138kq .leftPart_37GUW .collectTitle_9mP-9 .collectTitleName_1IRU7 {
        margin-left: 8px;
        height: 24px;
        font-size: 24px;
        font-family: PingFangSCSemibold-, PingFangSCSemibold;
        font-weight: normal;
        color: #000000;
        line-height: 24px; }

.myCollect_138kq .leftPart_37GUW .addFolderBtn_k6BwO {
      background: #555B70;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 6px 0;
      cursor: pointer; }

.myCollect_138kq .leftPart_37GUW .addFolderBtn_k6BwO:hover {
        background: #474C5F; }

.myCollect_138kq .leftPart_37GUW .addFolderBtn_k6BwO:active {
        background: #555B70; }

.myCollect_138kq .leftPart_37GUW .addFolderBtn_k6BwO > div {
        height: 16px;
        font-size: 14px;
        font-family: PingFang-SC-Medium, PingFang-SC;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 16px;
        margin-left: 2px; }

.myCollect_138kq .leftPart_37GUW .folderList_E_U2k {
      overflow: auto; }

.myCollect_138kq .leftPart_37GUW .folderItem_3V1rX {
      padding: 16px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-bottom: 1px solid #F9F9F9;
      color: #000000;
      cursor: pointer; }

.myCollect_138kq .leftPart_37GUW .folderItem_3V1rX:hover {
        background: #F2F2F2;
        border-color: #F2F2F2; }

.myCollect_138kq .leftPart_37GUW .folderItem_3V1rX.select_2YerV {
        background: #F2F2F2;
        border-color: #F2F2F2; }

.myCollect_138kq .leftPart_37GUW .folderItem_3V1rX .folderItemContent_icutk {
        width: 232px;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }

.myCollect_138kq .leftPart_37GUW .folderItem_3V1rX .folderItemContent_icutk .folderItemName_38_C4 {
          margin-right: 8px;
          height: 22px;
          font-size: 16px;
          font-family: PingFang-SC-Bold, PingFang-SC;
          font-weight: bold;
          line-height: 22px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          word-break: break-all; }

.myCollect_138kq .leftPart_37GUW .folderItem_3V1rX .folderItemContent_icutk .folderItemDafault_3phpt {
          height: 16px;
          background: #E7E7E7;
          border-radius: 3px;
          padding: 0 3px;
          font-size: 11px;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: #929AB6;
          line-height: 16px; }

.myCollect_138kq .rightPart_bxOVa {
    margin-left: 320px; }

.myCollect_138kq .header_zNgbX {
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 20; }

.myCollect_138kq .titlePart_3mYSk {
    border-bottom: 1px solid #000;
    padding: 32px 0 16px; }

.myCollect_138kq .titlePart_3mYSk > div:nth-child(1) {
      height: 33px;
      font-size: 24px;
      font-family: PingFangSCSemibold-, PingFangSCSemibold;
      font-weight: normal;
      color: #000000;
      line-height: 33px; }

.myCollect_138kq .titlePart_3mYSk > div:nth-child(2) {
      height: 17px;
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #595959;
      line-height: 17px;
      margin-top: 6px;
      margin-bottom: 8px; }

.myCollect_138kq .searchPart_CyXwa {
    height: 78px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.myCollect_138kq .searchPart_CyXwa .container_21YQl {
      margin-left: 10px;
      width: 160px;
      height: 38px;
      position: relative; }

.myCollect_138kq .searchPart_CyXwa .container_21YQl .select_2YerV {
        background-color: #f6f6f6; }

.myCollect_138kq .searchPart_CyXwa .container_21YQl .disable_2Ol33 {
        background-color: #f6f6f6;
        width: 160px;
        height: 38px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }

.myCollect_138kq .searchPart_CyXwa .container_21YQl .disable_2Ol33 .title_38b23 {
          height: 12px;
          font-size: 12px;
          line-height: 12px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #aaa;
          margin-left: 20px; }

.myCollect_138kq .searchPart_CyXwa .container_21YQl .cover_uMxoW {
        width: 160px;
        height: 38px;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #111;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: #fff;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 16px;
        pointer-events: none; }

.myCollect_138kq .operate_23ovL {
    margin-top: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }

.myCollect_138kq .operate_23ovL .left_2PA5r {
      line-height: 34px; }

.myCollect_138kq .operate_23ovL .right_2isgg {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse;
      margin-right: 15px; }

.myCollect_138kq .operate_23ovL .right_2isgg .item_2_QCV {
        margin-left: 20px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border: 1px solid #d7d6d6;
        width: 80px;
        height: 34px;
        text-align: center;
        line-height: 32px;
        font-size: 14px;
        font-weight: 400;
        cursor: pointer; }

.myCollect_138kq .operate_23ovL .right_2isgg .item_2_QCV .icon_2tcwU {
          font-size: 14px; }

.myCollect_138kq .operate_23ovL .right_2isgg .item_2_QCV:hover {
          border-color: #000;
          background-color: #000;
          color: #fff; }

.myCollect_138kq .datePicker_3VyGO {
    margin-left: 10px;
    width: 215px;
    right: 185px;
    display: inline-block; }

.myCollect_138kq .datePicker_3VyGO .ant-input_pyRHC {
      border-radius: 12px; }

.myCollect_138kq .cardList_2-2cx {
    text-align: center;
    min-height: 850px; }

.myCollect_138kq .cardList_2-2cx .onreslut_1QrVg {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 40px; }

.myCollect_138kq .cardList_2-2cx .onreslut_1QrVg > img {
        width: 400px; }

.myCollect_138kq .goTop_c3K2b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid #dddddd;
    background-color: #fff;
    overflow: hidden; }

.myCollect_138kq .goTop_c3K2b > i {
      font-size: 18px;
      color: #aaaaaa; }

.myCollect_138kq .goTop_c3K2b:hover {
      -webkit-box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.3); }

@media screen and (max-width: 1815px) and (min-width: 1585px) {
  .scanHistory_2of_O {
    zoom: 0.85; } }

@media screen and (max-width: 1815px) and (min-width: 1431px) {
  .scanHistory_2of_O {
    zoom: 0.75; } }

@media screen and (max-width: 1430px) {
  .scanHistory_2of_O {
    zoom: 0.65; } }

.scanHistory_2of_O {
  width: 1540px;
  min-height: 1000px;
  padding: 0 0 0px 0;
  margin: 0 auto; }

.scanHistory_2of_O .header_JwL-G {
    height: 78px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.scanHistory_2of_O .header_JwL-G .container_1-dh9 {
      margin-left: 10px;
      width: 160px;
      height: 38px;
      position: relative; }

.scanHistory_2of_O .header_JwL-G .container_1-dh9 .select_3EWB8 {
        background-color: #f6f6f6; }

.scanHistory_2of_O .header_JwL-G .container_1-dh9 .disable_2wNgG {
        background-color: #f6f6f6;
        width: 160px;
        height: 38px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }

.scanHistory_2of_O .header_JwL-G .container_1-dh9 .disable_2wNgG .title_1VBdr {
          height: 12px;
          font-size: 12px;
          line-height: 12px;
          font-family: Microsoft YaHei;
          font-weight: 400;
          color: #aaa;
          margin-left: 20px; }

.scanHistory_2of_O .header_JwL-G .container_1-dh9 .cover_1BktJ {
        width: 160px;
        height: 38px;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #111;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: #fff;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding: 0 16px;
        pointer-events: none; }

.scanHistory_2of_O .datePicker_3wnWf {
    margin-left: 10px;
    width: 215px;
    right: 185px;
    display: inline-block; }

.scanHistory_2of_O .datePicker_3wnWf .ant-input_3kjJO {
      border-radius: 12px; }

.scanHistory_2of_O .cardList_2-UTO {
    text-align: center;
    min-height: 850px; }

.scanHistory_2of_O .cardList_2-UTO .onreslut_xsIJh {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 40px; }

.scanHistory_2of_O .cardList_2-UTO .onreslut_xsIJh > img {
        width: 400px; }

.scanHistory_2of_O .goTop_2sfBd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid #dddddd;
    background-color: #fff;
    overflow: hidden; }

.scanHistory_2of_O .goTop_2sfBd > i {
      font-size: 38px;
      color: #aaaaaa;
      margin-top: 5px; }

.scanHistory_2of_O .goTop_2sfBd:hover {
      -webkit-box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.3); }

.teamManager_1TvAD {
  width: 1000px;
  min-height: 600px; }
  .teamManager_1TvAD .companyInfo_2cB4n {
    margin-top: 40px; }
  .teamManager_1TvAD .companyInfo_2cB4n .title_Qs94V {
      height: 14px;
      font-size: 14px;
      font-family: "MicrosoftYaHei";
      font-weight: bold;
      color: #111111;
      line-height: 18px; }
  .teamManager_1TvAD .companyInfo_2cB4n .main_30kFM {
      width: 800px;
      margin-left: 200px;
      margin-top: 45px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  .teamManager_1TvAD .companyInfo_2cB4n .main_30kFM .form_2nyCT {
        width: 410px; }
  .teamManager_1TvAD .companyInfo_2cB4n .main_30kFM .form_2nyCT .item_2i5HC {
          margin-top: 10px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .teamManager_1TvAD .companyInfo_2cB4n .main_30kFM .form_2nyCT .item_2i5HC .label_DEzQY {
            height: 13px;
            font-size: 12px;
            font-family: "MicrosoftYaHei";
            font-weight: bold;
            color: #111111;
            line-height: 18px; }
  .teamManager_1TvAD .companyInfo_2cB4n .main_30kFM .form_2nyCT .item_2i5HC .input_21GZu {
            outline: none;
            border: 1px solid #e0e1e2; }
  .teamManager_1TvAD .companyInfo_2cB4n .main_30kFM .form_2nyCT .item_2i5HC .content_XUCL0 {
            width: 270px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between; }
  .teamManager_1TvAD .companyInfo_2cB4n .main_30kFM .form_2nyCT .item_2i5HC .content_XUCL0 > .input_21GZu {
              width: 100%; }
  .teamManager_1TvAD .companyInfo_2cB4n .main_30kFM .form_2nyCT .item_2i5HC .content_XUCL0 .contentSelect_1CNKI {
              width: 83px;
              height: 100%;
              text-align: center;
              display: inline-block; }
  .teamManager_1TvAD .companyInfo_2cB4n .main_30kFM .form_2nyCT .item_2i5HC .content_XUCL0 .contentSelect_1CNKI .ant-select-selection_3Yk5q {
                border-radius: 0; }
  .teamManager_1TvAD .companyInfo_2cB4n .main_30kFM .form_2nyCT .item_2i5HC .content_XUCL0 .textArea_3Y7EH {
              width: 100%;
              resize: none;
              outline: none;
              border: 1px solid #e0e1e2; }
  .teamManager_1TvAD .companyInfo_2cB4n .main_30kFM .code_2qO26 {
        width: 330px;
        text-align: center; }
  .teamManager_1TvAD .companyInfo_2cB4n .main_30kFM .code_2qO26 img {
          width: 150px;
          height: 170px;
          border: 1px solid #dfe1e1;
          margin-bottom: 9px; }
  .teamManager_1TvAD .companyInfo_2cB4n .main_30kFM .code_2qO26 .title_Qs94V {
          margin-top: 9px;
          text-align: center;
          height: 13px;
          font-size: 12px;
          font-family: "MicrosoftYaHei";
          font-weight: 400;
          color: #111111;
          line-height: 18px; }
  .teamManager_1TvAD .companyInfo_2cB4n .main_30kFM .code_2qO26 .desc_1WErJ {
          width: 330px;
          font-size: 12px;
          font-weight: 300;
          color: #aaa;
          line-height: 16px;
          margin: 0 0 0 0;
          text-align: center; }
  .teamManager_1TvAD .companyInfo_2cB4n .main_30kFM .code_2qO26 .desc_1WErJ span {
            color: #111;
            font-weight: 600; }
  .teamManager_1TvAD .teamInfo_37EwU {
    margin-top: 40px; }
  .teamManager_1TvAD .teamInfo_37EwU .title_Qs94V {
      height: 14px;
      font-size: 14px;
      font-family: "MicrosoftYaHei";
      font-weight: bold;
      color: #111111;
      line-height: 18px; }
  .teamManager_1TvAD .teamInfo_37EwU .main_30kFM {
      width: 800px;
      margin-left: 200px;
      margin-top: 45px; }
  .teamManager_1TvAD .teamInfo_37EwU .main_30kFM .top_2YqRy {
        margin-top: 45px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        height: 24px; }
  .teamManager_1TvAD .teamInfo_37EwU .main_30kFM .top_2YqRy .number_pb_uK {
          height: 13px;
          font-size: 12px;
          font-family: "MicrosoftYaHei";
          font-weight: bold;
          color: #111111;
          line-height: 18px; }
  .teamManager_1TvAD .teamInfo_37EwU .main_30kFM .top_2YqRy .invite_3ibkr {
          width: 50px;
          height: 24px;
          background: white;
          border: 1px solid #000;
          color: #000;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          text-align: center; }
  .teamManager_1TvAD .teamInfo_37EwU .main_30kFM .top_2YqRy .invite_3ibkr:hover {
            color: #fff;
            background-color: #000;
            cursor: pointer; }
  .teamManager_1TvAD .teamInfo_37EwU .main_30kFM .tableContent_2rd07 {
        margin-top: 37px; }
  .teamManager_1TvAD .teamInfo_37EwU .main_30kFM .tableContent_2rd07 .tableHeader_2ak7c {
          text-align: center;
          height: 40px;
          padding: 0;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          font-size: 12px;
          font-family: "MicrosoftYaHei";
          font-weight: 400;
          color: #333333; }
  .teamManager_1TvAD .teamInfo_37EwU .main_30kFM .tableContent_2rd07 .deleteYes_32ohb {
          margin: 0;
          color: #000;
          font-weight: "bold";
          cursor: pointer; }
  .teamManager_1TvAD .teamInfo_37EwU .main_30kFM .tableContent_2rd07 .deleteNo_36Td9 {
          margin: 0;
          color: #000;
          font-weight: "bold";
          cursor: not-allowed; }
  .teamManager_1TvAD .footer_2-6gd {
    margin-left: 200px;
    margin-top: 45px; }
  .teamManager_1TvAD .footer_2-6gd .cancel_335gE {
      text-align: center;
      border: 1px solid #e0e1e2;
      display: inline-block;
      width: 50px;
      height: 32px;
      font-size: 12px;
      font-family: "MicrosoftYaHei";
      font-weight: bold;
      color: #666666;
      line-height: 32px;
      cursor: pointer; }
  .teamManager_1TvAD .footer_2-6gd .save_OuRKv {
      text-align: center;
      margin-left: 18px;
      display: inline-block;
      width: 73px;
      height: 32px;
      font-size: 12px;
      font-family: "MicrosoftYaHei";
      font-weight: bold;
      color: white;
      line-height: 32px;
      background-color: #000;
      cursor: pointer; }

.member-page {
  min-width: 1300px;
}
.member-page .header {
  border-bottom: 2px solid #111;
  background-color: #fafafa;
}
.member-page .member-fotter {
  margin: 0 auto;
  padding-bottom: 40px;
}
.member-page .goTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #DDDDDD;
  background-color: #fff;
  overflow: hidden;
}
.member-page .goTop > i {
  margin-top: 1px;
  font-size: 16px;
  color: #AAAAAA;
}
.member-page .goTop:hover {
  background-color: #000;
}
.member-page .goTop:hover > i {
  color: #fff;
}
.center-layout {
  width: 1760px;
  min-width: 1300px;
  margin: 0 auto;
}
.content-container {
  background-color: #fff;
}
.ant-select-selection {
  border-radius: 0;
}
@media screen and (max-width: 1760px) {
  .center-layout {
    width: 100%;
    margin: 0 auto;
  }
}
.obarnd-brand-li {
  width: 200px;
  height: 30px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  cursor: pointer;
  color: #111111;
  list-style: none;
}
.obarnd-brand-li .obarnd-li-collect {
  margin-top: 3px;
  color: #A9A9A9;
  float: right;
}
.obarnd-brand-li .obarnd-brand-li-name {
  display: inline-block;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.obarnd-brand-li:hover {
  background-color: #E4E4E4;
}
.obarnd-brand-li.selected .obarnd-li-collect {
  color: #111;
}
.obarnd-btn-normal {
  display: inline-block;
  height: 30px;
  padding: 0 12px;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  background-color: #F5F5F5;
  color: #111;
  cursor: pointer;
}
.obarnd-btn-normal .obarnd-btn-normal-close {
  font-size: 12px;
  float: right;
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
  line-height: 34px;
}
.obarnd-btn-normal:hover {
  background-color: #111;
  color: #fff;
}

.member-page {
  min-width: 1300px;
}
.member-page .header {
  border-bottom: 2px solid #111;
  background-color: #fafafa;
}
.member-page .member-fotter {
  margin: 0 auto;
  padding-bottom: 40px;
}
.member-page .goTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #DDDDDD;
  background-color: #fff;
  overflow: hidden;
}
.member-page .goTop > i {
  margin-top: 1px;
  font-size: 16px;
  color: #AAAAAA;
}
.member-page .goTop:hover {
  background-color: #000;
}
.member-page .goTop:hover > i {
  color: #fff;
}
.center-layout {
  width: 1760px;
  min-width: 1300px;
  margin: 0 auto;
}
.content-container {
  background-color: #fff;
}
.ant-select-selection {
  border-radius: 0;
}
@media screen and (max-width: 1760px) {
  .center-layout {
    width: 100%;
    margin: 0 auto;
  }
}
.menber-order-barnd .obarnd-search {
  width: 310px;
  height: 34px;
}
.menber-order-barnd .obarnd-search .ant-input:hover,
.menber-order-barnd .obarnd-search .ant-input:focus {
  border-color: #111;
  -webkit-box-shadow: 0 0 0 2px rgba(17, 17, 17, 0.002);
          box-shadow: 0 0 0 2px rgba(17, 17, 17, 0.002);
}
.menber-order-barnd .obarnd-content {
  margin-top: 20px;
}
.menber-order-barnd .obarnd-content .obarnd-word {
  font-size: 12px;
  width: 802px;
}
.menber-order-barnd .obarnd-content .obarnd-word .ordered {
  display: inline-block;
  padding: 2px 8px;
  line-height: 23px;
  text-align: center;
  color: #fff;
  background-color: #111;
  cursor: pointer;
}
.menber-order-barnd .obarnd-content .obarnd-word .word {
  padding: 2px 8px;
  line-height: 23px;
  color: #111111;
  cursor: pointer;
}
.menber-order-barnd .obarnd-content .obarnd-word .word.selected {
  color: #fff;
  background-color: #111;
}
.menber-order-barnd .obarnd-brand {
  width: 802px;
  height: 200px;
  margin-top: 14px;
  overflow: auto;
}
.menber-order-barnd .obarnd-brand::-webkit-scrollbar-track-piece {
  background: #f6f6f6;
}
.menber-order-barnd .obarnd-brand .obarnd-brand-item {
  float: left;
  width: 33%;
}
.menber-order-barnd .uobrand-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menber-order-barnd .uobrand-center > img {
  width: 120px;
}

.member-page {
  min-width: 1300px;
}
.member-page .header {
  border-bottom: 2px solid #111;
  background-color: #fafafa;
}
.member-page .member-fotter {
  margin: 0 auto;
  padding-bottom: 40px;
}
.member-page .goTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #DDDDDD;
  background-color: #fff;
  overflow: hidden;
}
.member-page .goTop > i {
  margin-top: 1px;
  font-size: 16px;
  color: #AAAAAA;
}
.member-page .goTop:hover {
  background-color: #000;
}
.member-page .goTop:hover > i {
  color: #fff;
}
.center-layout {
  width: 1760px;
  min-width: 1300px;
  margin: 0 auto;
}
.content-container {
  background-color: #fff;
}
.ant-select-selection {
  border-radius: 0;
}
@media screen and (max-width: 1760px) {
  .center-layout {
    width: 100%;
    margin: 0 auto;
  }
}
.ocloumn-component {
  max-width: 800px;
  height: 291px;
}
.ocloumn-component .ocloumn-item {
  float: left;
  margin-bottom: 30px;
  margin-right: 20px;
}
.ocloumn-component .ocloumn-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ocloumn-component .ocloumn-center > img {
  margin-top: 20px;
  width: 120px;
}

.card_1VTPT {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px; }
  .card_1VTPT.visited_zRMrh .title_2rjDp {
    color: #b5b5b5d9; }
  .card_1VTPT.visited_zRMrh .time_mSReC i,
  .card_1VTPT.visited_zRMrh .look_EeEKo i {
    color: #b5b5b5d9; }
  .card_1VTPT.visited_zRMrh .tags_1f_MN > a {
    color: #b5b5b5d9; }
  .card_1VTPT .equalScaleBox_3bzA_ {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 61%;
    background-color: red; }
  .card_1VTPT .cardImgBox_1BEqc {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #f6f6f6;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
    background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
    background-size: 800% 100%; }
  @-webkit-keyframes ant-skeleton-loading_z9J6q {
  0% {
    background-position: 100% 50%; }
  100% {
    background-position: 0 50%; } }
  @keyframes ant-skeleton-loading_z9J6q {
  0% {
    background-position: 100% 50%; }
  100% {
    background-position: 0 50%; } }
  .card_1VTPT .cardImgBox_1BEqc .imgMask_Er72a {
      position: absolute;
      opacity: 0;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.2);
      -webkit-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out; }
  .card_1VTPT .cardImgBox_1BEqc:hover .imgMask_Er72a {
      opacity: 1; }
  .card_1VTPT .cardImgBox_1BEqc img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center top;
         object-position: center top; }
  .card_1VTPT .title_2rjDp {
    margin-top: 10px;
    height: 16px;
    line-height: 16px;
    font-weight: bold;
    color: #111111;
    cursor: pointer; }
  .card_1VTPT .title_2rjDp > span {
      position: relative;
      display: inline-block;
      font-size: 14px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 100%; }
  .card_1VTPT .title_2rjDp > span::before {
        background: #A8A6A7; }
  .card_1VTPT .info_1kA7d {
    margin-top: 8px; }
  .card_1VTPT .time_mSReC i,
  .card_1VTPT .look_EeEKo i {
    font-size: 12px;
    color: #aaaaaa;
    margin-right: 2px; }
  .card_1VTPT .look_EeEKo {
    margin-left: 14px; }
  .card_1VTPT .tags_1f_MN {
    margin-top: 8px;
    height: 24px;
    overflow: hidden; }
  .card_1VTPT .tags_1f_MN > a {
      display: inline-block;
      padding: 6px 8px;
      border-radius: 12px;
      border: 1px solid #d7dae2;
      font-size: 12px;
      line-height: 10px;
      margin-right: 6px;
      cursor: pointer;
      color: unset;
      -webkit-transition: none;
      transition: none; }
  .card_1VTPT .tags_1f_MN > a:hover {
        border: 1px solid #ff7030;
        color: #ff7030; }

.member-page {
  min-width: 1300px;
}
.member-page .header {
  border-bottom: 2px solid #111;
  background-color: #fafafa;
}
.member-page .member-fotter {
  margin: 0 auto;
  padding-bottom: 40px;
}
.member-page .goTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #DDDDDD;
  background-color: #fff;
  overflow: hidden;
}
.member-page .goTop > i {
  margin-top: 1px;
  font-size: 16px;
  color: #AAAAAA;
}
.member-page .goTop:hover {
  background-color: #000;
}
.member-page .goTop:hover > i {
  color: #fff;
}
.center-layout {
  width: 1760px;
  min-width: 1300px;
  margin: 0 auto;
}
.content-container {
  background-color: #fff;
}
.ant-select-selection {
  border-radius: 0;
}
@media screen and (max-width: 1760px) {
  .center-layout {
    width: 100%;
    margin: 0 auto;
  }
}
.order-manager-component .oManager-channellist {
  margin-top: 20px;
}
.order-manager-component .oManager-channellist .ant-radio-checked .ant-radio-inner {
  border-color: #111;
}
.order-manager-component .oManager-channellist .ant-radio-inner::after {
  background-color: #111;
}
.order-manager-component .oManager-tabs-pannle {
  margin-top: 28px;
}
.order-manager-component .oManager-tabs-pannle .oManager-tabs-pannle-li {
  width: 136px;
  height: 44px;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  border: 1px solid #f6f6f6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.order-manager-component .oManager-tabs-pannle .oManager-tabs-pannle-li:last-of-type {
  border-top: none;
}
.order-manager-component .oManager-tabs-pannle .oManager-tabs-pannle-li.active {
  -webkit-box-shadow: inset 2px 0px 0px #111;
          box-shadow: inset 2px 0px 0px #111;
  color: #111;
  font-weight: bold;
}
.order-manager-component .oManager-title {
  width: 56px;
  height: 12px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #111111;
  line-height: 18px;
}
.order-manager-component .oManager-tabs-content {
  padding-left: 196px;
}
.order-manager-component .oManager-content {
  padding-left: 196px;
}
.order-manager-component .oManager-border-bottom {
  margin-top: 10px;
  height: 1px;
  width: 100%;
  background-color: #DFE1E1;
}
.order-manager-component .order-item {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}
.order-manager-component .oManager-btn.ant-btn:hover,
.order-manager-component .oManager-btn.ant-btn:focus {
  color: #111;
  border-color: #111;
}
.order-manager-component .oManager-btn-save {
  margin-left: 20px;
  color: #fff;
  background-color: #111;
}
.order-manager-component .oManager-btn-save.ant-btn:hover,
.order-manager-component .oManager-btn-save.ant-btn:focus {
  color: #fff;
  border-color: #111;
}
.order-manager-component .oManager-subscripts {
  min-height: 300px;
}
.order-manager-component .oManager-subscripts .oManager-subscript-item {
  float: left;
  width: calc(20% - 20px);
  margin-right: 20px;
  margin-bottom: 30px;
}
.order-manager-component .show-more {
  margin-right: 20px;
  float: right;
  -webkit-transition: none;
  transition: none;
}

.memberpage-studio {
  min-height: calc(100vh - 60px - 68px - 72px - 406px);
  padding: 0 0 0 30px;
}
.memberpage-studio .ant-anchor {
  padding-left: 0px;
}
.memberpage-studio .ant-anchor-ink::before {
  width: 0px;
}
.memberpage-studio .mps-operator {
  margin-top: 20px;
}
.memberpage-studio .mps-tabs > span {
  position: relative;
  display: inline-block;
  height: 40px;
  margin-right: 40px;
  font-size: 26px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #666666;
  line-height: 18px;
  cursor: pointer;
}
.memberpage-studio .mps-tabs > span.active {
  color: #111111;
  border-bottom: 2px solid #111;
}
.memberpage-studio .mps-tabs > span.mps-download {
  float: right;
  margin: 0;
}
.memberpage-studio .mps-tabs > span.mps-download .mps-btn {
  display: inline-block;
  height: 32px;
  width: 80px;
  text-align: center;
  padding: 6px 14px;
  margin-left: 20px;
  font-size: 14px;
  border: 1px solid #D7D6D6;
}
.memberpage-studio .mps-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.memberpage-studio .mps-content-left {
  width: 318px;
  background-color: #fff;
}
.memberpage-studio .mps-content-left-box {
  width: 318px;
  background-color: #fff;
}
.memberpage-studio .mps-content-left-box--fixed {
  position: fixed;
  top: 94px;
}
.memberpage-studio .mps-content-right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 30px;
}
.memberpage-studio .mps-content-container-cardList {
  text-align: center;
  min-height: 750px;
}
.memberpage-studio .mps-content-container-cardList .onreslut {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 40px;
}
.memberpage-studio .mps-content-container-cardList .onreslut > img {
  width: 400px;
}
.memberpage-studio .card-ul {
  text-align: left;
}
.memberpage-studio .card-ul .card-li {
  float: left;
  margin-right: 21px;
  margin-bottom: 24px;
  width: calc((100% - 69px) / 4);
}
.memberpage-studio .card-ul .card-li:nth-child(4n) {
  margin-right: 0px;
}
.memberpage-studio .card-ul .card-li.galleryLi {
  width: 48%;
  margin-right: 40px;
}
.memberpage-studio .card-ul .card-li.galleryLi:nth-child(2n) {
  margin-right: 0px;
}

.beauty-tree-component {
  height: 700px;
  border: 1px solid #E0E1E2;
}
.beauty-tree-component .beauty-tree-component-title {
  padding-left: 20px;
  height: 16px;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #111111;
  line-height: 18px;
  height: 49px;
  line-height: 49px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: #F6F6F6;
}
.beauty-tree {
  overflow: auto;
  height: 651px;
}
.beauty-tree .ant-tree-title {
  width: calc(100% - 24px);
  height: 32px;
  padding-left: 8px;
  line-height: 32px;
  display: inline-block;
}
.beauty-tree.ant-tree li .ant-tree-node-content-wrapper {
  height: 32px;
}
.beauty-tree.ant-tree li.first-level-li > .ant-tree-node-content-wrapper {
  height: 40px;
}
.beauty-tree.ant-tree li.first-level-li > .ant-tree-node-content-wrapper > .ant-tree-title {
  line-height: 40px;
}
.beauty-tree.ant-tree li.first-level-li > span.ant-tree-switcher {
  line-height: 40px;
}
.beauty-tree .ant-tree-child-tree > li:first-child {
  padding-top: 0px;
}
.beauty-tree.ant-tree > li:first-child {
  padding-top: 0px;
  border-top: 1px solid #E0E1E2;
}
.beauty-tree .first-level-li {
  border-top: 1px solid #E0E1E2;
}
.beauty-tree li.first-level-li:last-child {
  padding-top: 0px;
  padding-bottom: 0px;
  border-bottom: 1px solid #E0E1E2;
}
.beauty-tree.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper::before,
.beauty-tree.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper::before {
  height: 32px;
  border-bottom: 1px solid #E0E1E2;
}
.beauty-tree.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before,
.beauty-tree.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before {
  background-color: #EEEEEE;
}
.beauty-tree.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: #EEEEEE;
}
.beauty-tree.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: #EEEEEE;
}
.beauty-tree.ant-tree li .ant-tree-node-content-wrapper:hover {
  background-color: #EEEEEE;
}
.beauty-tree.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon {
  font-size: 16px;
}
.beauty-tree.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
.beauty-tree.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  font-size: 16px;
}
.beauty-tree.ant-tree.ant-tree-block-node li .ant-tree-node-content-wrapper {
  width: calc(100% - 20px);
  border-radius: 0;
}
.beauty-tree.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover::before,
.beauty-tree .ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover::before {
  background: #EEEEEE;
}
.beauty-tree.ant-tree li span.ant-tree-switcher,
.beauty-tree.ant-tree li span.ant-tree-iconEle {
  width: 20px;
  height: 32px;
  line-height: 32px;
}
.beauty-tree .ant-tree-node-content-wrapper {
  position: relative;
}
.beauty-tree .beauty-tree-node-parent {
  padding: 0;
}
.beauty-tree .beauty-tree-node-parent .icondirectory {
  color: #aaaaaa;
  font-size: 12px;
}
.beauty-tree .beauty-tree-node-child {
  padding: 0  !important;
}
.beauty-tree .beauty-tree-node-child .icondirectory {
  color: #aaaaaa;
  font-size: 12px;
}
.beauty-tree .icondirectory.first-level {
  font-size: 14px;
  color: #ffc000;
}
.beauty-tree .beauty-tree-node-title {
  display: inline-block;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.beauty-tree .beauty-tree-node-title .beauty-tree-node-title-text {
  font-size: 12px;
  display: inline-block;
  width: calc(100% - 28px);
}
.beauty-tree .beauty-tree-node-title .beauty-tree-node-title-text.first-level-name {
  font-size: 14px;
}
.beauty-tree .beauty-tree-node-title-operator {
  position: absolute;
  right: 0;
  top: 0;
}
.beauty-tree-dropdown-domore {
  font-size: 20px;
  color: #B5B7B9;
  line-height: 31px;
  width: 40px;
  height: 40px;
  text-align: center;
}
.beauty-tree-dropdown .ant-dropdown-menu {
  border-radius: 0;
}

.searchPage-pictureList-container .card {
  text-align: left;
  background-color: #fff;
}

.card_3x9Yb {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px; }
  .card_3x9Yb.visited_1uipk .title_2aWRS {
    color: #b5b5b5d9; }
  .card_3x9Yb.visited_1uipk .title_2aWRS > span::before {
      background: #A8A6A7; }
  .card_3x9Yb.visited_1uipk .time_3tf1M i,
  .card_3x9Yb.visited_1uipk .look_3ovF8 i,
  .card_3x9Yb.visited_1uipk .tupian_2Hbfj i,
  .card_3x9Yb.visited_1uipk .shipin_V-h5D i {
    color: #b5b5b5d9; }
  .card_3x9Yb.visited_1uipk .tags_2yfOM a {
    color: #b5b5b5d9; }
  .card_3x9Yb .cardImgBox_3KGXd {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: calc(100% * (226 / 366));
    border: 1px solid #f6f6f6;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
    background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
    background-size: 800% 100%; }
  .card_3x9Yb .cardImgBox_3KGXd .cardImgWrap_2mIgV {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .card_3x9Yb .cardImgBox_3KGXd .imgMask_34xp8 {
      position: absolute;
      opacity: 0;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 20px;
      color: #fff;
      background-color: rgba(0, 0, 0, 0.4);
      -webkit-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out; }
  .card_3x9Yb .cardImgBox_3KGXd .imgMask_34xp8 .container_1rAOI {
        position: absolute;
        width: 92%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
  .card_3x9Yb .cardImgBox_3KGXd .imgMask_34xp8 .imgMaskTitle_2V-kM {
        max-width: 100%;
        margin-bottom: 20px;
        font-size: 14px;
        text-align: center; }
  .card_3x9Yb .cardImgBox_3KGXd .imgMask_34xp8 .imgMaskWow_yvs3H {
        text-align: center;
        margin-bottom: 16px; }
  .card_3x9Yb .cardImgBox_3KGXd .imgMask_34xp8 .imgMaskWow_yvs3H > img {
          display: inline-block;
          width: 42%;
          height: unset; }
  .card_3x9Yb .cardImgBox_3KGXd .imgMask_34xp8 .imgMaskDesc_3UdWy {
        font-size: 22px;
        text-align: center; }
  .card_3x9Yb .cardImgBox_3KGXd .imgMask_34xp8 .collect_DY3IA {
        position: absolute;
        right: 13px;
        bottom: 9px;
        width: 32px;
        height: 32px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .card_3x9Yb .cardImgBox_3KGXd .imgMask_34xp8 .collect_DY3IA:hover {
          background-color: #000; }
  .card_3x9Yb .cardImgBox_3KGXd:hover .imgMask_34xp8 {
      opacity: 1; }
  .card_3x9Yb .cardImgBox_3KGXd img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center top;
         object-position: center top; }
  .card_3x9Yb .title_2aWRS {
    position: relative;
    margin-top: 10px;
    height: 18px;
    line-height: 18px;
    font-weight: bold;
    color: #111111;
    cursor: pointer; }
  .card_3x9Yb .title_2aWRS > span {
      position: relative;
      display: inline-block;
      font-size: 14px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: calc(100% - 80px); }
  .card_3x9Yb .title_2aWRS > span::before {
        background: #111; }
  .card_3x9Yb .title_2aWRS .isNew_1kf9w {
      margin-left: 10px;
      position: absolute;
      top: 3px; }
  .card_3x9Yb .info_bZ5Qn {
    margin-top: 4px;
    text-align: left; }
  .card_3x9Yb .time_3tf1M i,
  .card_3x9Yb .look_3ovF8 i {
    font-size: 12px;
    color: #666;
    margin-right: 2px; }
  .card_3x9Yb .look_3ovF8 {
    margin-left: 12px; }
  .card_3x9Yb .tupian_2Hbfj,
  .card_3x9Yb .shipin_V-h5D {
    margin-left: 12px; }
  .card_3x9Yb .tupian_2Hbfj i,
    .card_3x9Yb .shipin_V-h5D i {
      font-size: 12px;
      color: #666;
      margin-right: 4px; }
  .card_3x9Yb .tags_2yfOM {
    margin-top: 8px;
    height: 24px;
    overflow: hidden; }
  .card_3x9Yb .tags_2yfOM a {
      color: rgba(0, 0, 0, 0.65);
      display: inline-block;
      padding: 6px 8px;
      border-radius: 12px;
      border: 1px solid #d7dae2;
      font-size: 12px;
      line-height: 10px;
      margin-right: 6px;
      cursor: pointer;
      -webkit-transition: none;
      transition: none; }
  .card_3x9Yb .tags_2yfOM a:hover {
        background-color: #111;
        color: #fff; }

.selectBrandHeader_3P9Id {
  width: calc(100% + 30px);
  -webkit-transform: translateX(-30px);
      -ms-transform: translateX(-30px);
          transform: translateX(-30px); }
  .selectBrandHeader_3P9Id .header_zjgsc {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-bottom: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 38px;
    width: 100%;
    min-height: 270px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
            box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
    border-radius: 4px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .selectBrandHeader_3P9Id .header_zjgsc .img_BZY4K {
      width: 160px;
      height: 160px;
      border: 1px solid rgba(24, 24, 24, 0.89);
      line-height: 224px;
      text-align: center;
      position: relative; }
  .selectBrandHeader_3P9Id .header_zjgsc .img_BZY4K img {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0; }
  .selectBrandHeader_3P9Id .header_zjgsc .img_BZY4K .noDataText_1mOlL {
        font-size: 14px;
        font-weight: 500;
        color: #000; }
  .selectBrandHeader_3P9Id .header_zjgsc .text1_g4XYQ {
      position: absolute;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-align: center;
      font-size: 14px;
      font-weight: 500;
      color: #000; }
  .selectBrandHeader_3P9Id .header_zjgsc .right_3Jlej {
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      min-height: 160px;
      margin-left: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  .selectBrandHeader_3P9Id .header_zjgsc .right_3Jlej .first_2gfjm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .selectBrandHeader_3P9Id .header_zjgsc .right_3Jlej .first_2gfjm .title_ra9VI {
          font-size: 24px;
          font-weight: 600;
          color: #000;
          line-height: 33px; }
  .selectBrandHeader_3P9Id .header_zjgsc .right_3Jlej .first_2gfjm .item_kfAdk {
          padding: 0 12px;
          height: 28px;
          border-radius: 14px;
          border: 1px solid #111;
          line-height: 28px;
          font-size: 14px;
          font-weight: bold;
          color: #111;
          cursor: pointer;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .selectBrandHeader_3P9Id .header_zjgsc .right_3Jlej .first_2gfjm .item_kfAdk img {
            width: 19px;
            height: 18px;
            margin-right: 7px; }
  .selectBrandHeader_3P9Id .header_zjgsc .right_3Jlej .first_2gfjm .a_2_lvo {
          height: 22px;
          font-size: 16px;
          font-weight: bold;
          color: #006dff;
          line-height: 22px; }
  .selectBrandHeader_3P9Id .header_zjgsc .right_3Jlej .desc_eeyeP {
        margin-top: 8px;
        font-size: 14px;
        font-weight: 500;
        color: rgba(0, 0, 0, 0.7);
        line-height: 24px; }
  .selectBrandHeader_3P9Id .header_zjgsc .right_3Jlej .btn_3Tvl- {
        margin-top: auto;
        width: 144px;
        height: 40px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        background: #000;
        border-radius: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 16px;
        font-weight: 400;
        color: #fff;
        cursor: pointer; }
  .selectBrandHeader_3P9Id .header_zjgsc .right_3Jlej .btn_3Tvl-.loved_1jjY7 {
          background-color: #fff;
          color: #000;
          border: 1px solid #000; }
  .selectBrandHeader_3P9Id .header_zjgsc .types_1Ifj_ {
      position: absolute;
      bottom: 10px;
      right: 46px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .selectBrandHeader_3P9Id .header_zjgsc .types_1Ifj_ .item_kfAdk {
        width: 72px;
        height: 24px;
        border: 1px solid #000;
        border-left: none;
        cursor: pointer;
        text-align: center;
        font-size: 12px;
        font-weight: 500;
        color: #000;
        line-height: 24px; }
  .selectBrandHeader_3P9Id .header_zjgsc .types_1Ifj_ .item_kfAdk:first-child {
          border-left: 1px solid #000; }
  .selectBrandHeader_3P9Id .header_zjgsc .types_1Ifj_ .item_kfAdk.active_2UFKl {
          background-color: #000;
          color: #fff; }
  .selectBrandHeader_3P9Id .header_zjgsc .menus_1r07r {
      max-width: calc(100% - 350px);
      position: absolute;
      left: 38px;
      bottom: 0;
      height: 33px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .selectBrandHeader_3P9Id .header_zjgsc .menus_1r07r .aaa_2GRAz {
        width: 53px; }
  .selectBrandHeader_3P9Id .header_zjgsc .menus_1r07r .menu_1T5oN {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        height: 33px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding-bottom: 11px;
        cursor: pointer;
        font-size: 16px;
        font-weight: 600;
        color: #b7b8b8;
        line-height: 22px; }
  .selectBrandHeader_3P9Id .header_zjgsc .menus_1r07r .menu_1T5oN.active_2UFKl {
          font-weight: 600;
          color: #000;
          position: relative; }
  .selectBrandHeader_3P9Id .header_zjgsc .menus_1r07r .menu_1T5oN.active_2UFKl::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 3px;
            background: rgba(24, 24, 24, 0.89); }
  .selectBrandHeader_3P9Id .footer_2pHsk {
    width: calc(100% - 30px);
    margin-left: 30px;
    margin-top: 36px;
    padding-bottom: 28px;
    height: 25px;
    border-bottom: 1px solid #afafaf;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .selectBrandHeader_3P9Id .footer_2pHsk .menus_1r07r {
      width: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-right: 40px; }
  .selectBrandHeader_3P9Id .footer_2pHsk .menus_1r07r .menu_1T5oN {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        cursor: pointer;
        font-size: 16px;
        font-weight: 600;
        color: #b7b8b8;
        line-height: 22px; }
  .selectBrandHeader_3P9Id .footer_2pHsk .menus_1r07r .menu_1T5oN.active_2UFKl {
          font-weight: 600;
          color: #000; }
  .selectBrandHeader_3P9Id .footer_2pHsk .types_1Ifj_ {
      margin-left: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .selectBrandHeader_3P9Id .footer_2pHsk .types_1Ifj_ .item_kfAdk {
        width: 60px;
        height: 20px;
        border: 1px solid #000;
        border-left: none;
        cursor: pointer;
        text-align: center;
        font-size: 12px;
        font-weight: 500;
        color: #000;
        line-height: 20px; }
  .selectBrandHeader_3P9Id .footer_2pHsk .types_1Ifj_ .item_kfAdk:first-child {
          border-left: 1px solid #000; }
  .selectBrandHeader_3P9Id .footer_2pHsk .types_1Ifj_ .item_kfAdk.active_2UFKl {
          background-color: #000;
          color: #fff; }

.brand-follow {
  color: #111;
  position: relative;
  max-width: 1860px;
  width: 100%;
  border-left: 1px solid #dddddd;
}
.brand-follow .bf-panel {
  float: left;
  width: 295px;
  height: calc(100vh - 70px);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #fff;
}
.brand-follow .ant-affix {
  z-index: 20;
}
.brand-follow .bf-panel-box {
  width: 295px;
  height: 100vh;
}
.brand-follow .bf-panel-box--top {
  position: fixed;
  top: 0px;
  height: 100vh;
}
.brand-follow .bf-panel-box--bottom {
  position: absolute;
  bottom: 0;
  height: 100vh;
}
.brand-follow .bf-panel-head {
  height: 66px;
}
.brand-follow .bf-panel-content {
  height: calc(100% - 66px);
  overflow: auto;
}
.brand-follow .bf-content {
  float: left;
  padding-left: 30px;
  width: calc(100% - 296px);
  min-height: 100vh;
  border-left: 1px solid #dddddd;
}
.brand-follow .bf-content .bf-content-noData {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.brand-follow .bf-content .bf-content-noData .noData-pic {
  width: 160px;
  height: 160px;
  margin-top: 313px;
  margin-bottom: 39px;
}
.brand-follow .bf-content .bf-content-noData .noData-text {
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.4);
  line-height: 22px;
}
.brand-follow .bf-column-filter {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 65px;
  border-bottom: 1px solid #111;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.brand-follow .bf-column-filter .bf-column-filter-teim {
  font-size: 18px;
  font-weight: 700;
  margin-right: 36px;
  color: #999999;
  cursor: pointer;
}
.brand-follow .bf-column-filter .bf-column-filter-teim.active,
.brand-follow .bf-column-filter .bf-column-filter-teim:hover {
  color: #111;
}
.brand-follow .bf-column-filter .bf-toggle {
  position: absolute;
  right: 0;
}
.brand-follow .bf-column-filter .bf-toggle .bf-list-toogle {
  float: right;
  margin-right: 30px;
  margin-top: 3px;
}
@media screen and (max-width: 1560px) {
  .brand-follow .bf-column-filter .bf-toggle .bf-list-toogle {
    display: none;
  }
}
.brand-follow .bf-column-filter .bf-toggle .bf-article-toggle,
.brand-follow .bf-column-filter .bf-toggle .bf-picture-toggle {
  float: right;
  width: 80px;
  height: 30px;
  color: #333333;
  line-height: 28px;
  border: 1px solid #d7d6d6;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.brand-follow .bf-column-filter .bf-toggle .bf-article-toggle.active,
.brand-follow .bf-column-filter .bf-toggle .bf-picture-toggle.active,
.brand-follow .bf-column-filter .bf-toggle .bf-article-toggle:hover,
.brand-follow .bf-column-filter .bf-toggle .bf-picture-toggle:hover {
  color: #fff;
  background-color: #333333;
  border: 1px solid #333333;
}
.brand-follow .bf-result {
  padding-top: 30px;
}
.brand-follow .pic-list-operator {
  position: absolute;
  right: 336px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.brand-follow .pic-operation-hidden {
  display: none;
}
.brand-follow .pic-operation-visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.brand-follow .pic-list-operator-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #d7d6d6;
  width: 80px;
  height: 34px;
  text-align: center;
  line-height: 32px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  cursor: pointer;
  margin-left: 10px;
}
.brand-follow .pic-list-operator-item:hover {
  border-color: #d4d4d4;
  background: #d4d4d4;
  color: #fff;
}
@media screen and (max-width: 1560px) {
  .brand-follow .pic-list-operator {
    right: 182px;
  }
  .brand-follow .pic-list-operator-item {
    width: auto;
    height: auto;
    padding: 0 9px;
  }
}
/*--------GenderAndSearch 开始---------*/
.bf-panel-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 66px;
  border-bottom: 1px solid #dddddd;
  background-color: #f9f9f9;
}
.search-input-visible .bf-panel-toggle .bf-panel-search-gender-selelct {
  left: -150px;
  opacity: 0;
}
.search-input-visible .bf-panel-toggle .bf-panel-search-search {
  opacity: 0;
}
.search-input-visible .bf-panel-toggle .bf-panel-toggle-search {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translate3d(0%, -50%, 0);
          transform: translate3d(0%, -50%, 0);
}
.bf-panel-toggle {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.bf-panel-toggle .bf-panel-toggle-gender {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background-color: transparent;
}
.bf-panel-toggle .bf-panel-toggle-search {
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(10%, -50%, 0);
          transform: translate3d(10%, -50%, 0);
  width: 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
}
.bf-panel-search-gender {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.bf-panel-search-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  padding-left: 12px;
  padding-right: 12px;
}
.bf-panel-search-input input {
  display: block;
  width: 100%;
  height: 34px;
  padding-left: 17px;
  color: #333;
  outline: none;
  border: 1px solid #999999;
  border-radius: 17px;
}
.bf-panel-search-input input::-webkit-input-placeholder {
  color: #999999;
}
.bf-panel-search-input input::-moz-placeholder {
  color: #999999;
}
.bf-panel-search-input input:-ms-input-placeholder {
  color: #999999;
}
.bf-panel-search-input input::-ms-input-placeholder {
  color: #999999;
}
.bf-panel-search-input input::placeholder {
  color: #999999;
}
.bf-panel-search-input .bf-panel-search-input-close {
  position: absolute;
  padding: 2px 4px;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 18px;
  cursor: pointer;
}
.bf-panel-search-search {
  position: relative;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.bf-panel-search-search,
.bf-panel-search-more {
  padding: 6px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
/*--------GenderAndSearch 结束---------*/
/*--------BrandList 开始---------*/
.bf-brand-list {
  width: 100%;
}
.bf-brand-list .bf-brand-list-add {
  cursor: pointer;
  margin: 0 auto;
  margin-top: 54px;
  width: 247px;
  height: 40px;
  background: #000;
  border-radius: 20px;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}
.bf-brand-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 20px;
  height: 46px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bf-brand-item.active,
.bf-brand-item:hover {
  background: #f6f6f6;
}
.bf-brand-item-conent {
  cursor: pointer;
  width: 0;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.bf-brand-item-conent > span {
  cursor: pointer;
  line-height: 46px;
  overflow: hidden;
  /*文本不会换行*/
  white-space: nowrap;
  /*当文本溢出包含元素时，以省略号表示超出的文本*/
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}
.bf-brand-item-operator {
  width: 46px;
  height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bf-brand-item-operator > i {
  cursor: pointer;
}
/*--------BrandList 结束---------*/
/*--------StepSlider 开始---------*/
.step-slider {
  color: #111;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.step-slider .iconsousuojieguo_pailie_duo,
.step-slider .iconsousuojieguo_pailie_shao {
  font-size: 16px;
}
.step-slider .step-slider-sldier {
  width: 68px;
  margin-left: 8px;
  margin-right: 8px;
}
.step-slider .step-slider-antd.ant-slider {
  margin: 0;
}
.step-slider .step-slider-antd .ant-slider-handle {
  width: 8px;
  border-radius: 0px;
  border: solid 1px #111;
}
.step-slider .step-slider-antd .ant-slider-handle:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.step-slider .step-slider-antd.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border: solid 1px #111;
}
.step-slider .step-slider-antd .ant-slider-track,
.step-slider .step-slider-antd .ant-slider-rail {
  height: 3px;
  background-color: #ccc;
  border-radius: 0;
}
/*--------StepSlider 结束---------*/
/*--------bf-article 开始 ---------*/
.bf-article .bf-article-cardLi {
  float: left;
  margin-right: 21px;
  margin-bottom: 24px;
  width: calc((100% - 69px) / 4);
}
.bf-article .bf-article-cardLi:nth-child(4n) {
  margin-right: 0px;
}
.bf-article .bf-article-onreslut {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.bf-article .bf-article-onreslut > img {
  width: 160px;
}
.bf-article .bf-article-onreslut .bf-article-onreslut-text {
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.4);
  line-height: 22px;
}
/*--------bf-article 结束---------*/
/*--------bf-pictures 开始---------*/
.bf-pictures .bf-pictures-li {
  float: left;
  margin-right: 13px;
  margin-bottom: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bf-pictures .bf-pictures-li .bf-pictures-li-box {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 150%;
}
.bf-pictures .bf-pictures-li .bf-pictures-li-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.bf-pictures .bf-pictures-li.four-col {
  width: calc((100% - 40px) / 4);
}
.bf-pictures .bf-pictures-li.four-col:nth-child(4n) {
  margin-right: 0px;
}
.bf-pictures .bf-pictures-li.five-col {
  width: calc((100% - 52px) / 5);
}
.bf-pictures .bf-pictures-li.five-col:nth-child(5n) {
  margin-right: 0px;
}
.bf-pictures .bf-pictures-li.six-col {
  width: calc((100% - 66px) / 6);
}
.bf-pictures .bf-pictures-li.six-col:nth-child(6n) {
  margin-right: 0px;
}
.bf-pictures .bf-pic-card.pictureCard {
  width: 100%;
  height: 100%;
}
.bf-pictures .bf-pic-card.pictureCard > img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
/*--------bf-pictures 结束---------*/
/*--------bf-pic-filter 开始---------*/
.bf-pic-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bf-filter-button-my {
  width: 140px;
  height: 40px;
  text-align: left;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #d9d9d9;
  padding: 0 10px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.bf-filter-button-my:hover {
  color: #111;
  border-color: #111;
}
.bf-filter-button-my.column-filter-button {
  width: 110px;
}
.bf-filter-button {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bf-filter-button.ant-btn {
  border-radius: 0;
}
.bf-filter-button.ant-btn:hover,
.bf-filter-button.ant-btn:focus {
  color: #111;
  border-color: #111;
}
.bf-color-text {
  text-align: left;
}
.bf-color-box {
  display: inline-block;
  float: right;
  width: 24px;
  height: 12px;
  margin-top: 5px;
}
.bf-pic-filter-dropdown {
  margin-right: 10px;
}
.bf-menu-acitve {
  background-color: #f6f6f6;
}
.bf-menu-parent {
  position: relative;
}
.bf-menu-parent:hover .bf-menu-child {
  display: block;
}
.bf-menu-child {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  width: 140px;
  background-color: #fff;
}
.bf-menu-child-item {
  padding: 0 10px;
  height: 40px;
  line-height: 20px;
  padding-top: 10px;
}
.bf-menu-child-item:hover {
  background-color: #f6f6f6;
}
.bf-menu-child-item--active {
  background-color: #f6f6f6;
}
.max-height450 {
  max-height: 450px;
  overflow: auto;
}
/*--------bf-pic-filter 结束---------*/
/*--------antd  selelct 样式覆盖 开始---------*/
.bf-panel-search-gender-selelct {
  position: relative;
  left: 0px;
  opacity: 1;
  -webkit-transition: left 0.5s 0.1s, opacity 0.5s 0.1s;
  transition: left 0.5s 0.1s, opacity 0.5s 0.1s;
}
.bf-panel-search-gender-selelct .ant-select-selection {
  background-color: #f9f9f9;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.bf-panel-search-gender-selelct .ant-select-open .ant-select-selection {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.bf-panel-search-gender-selelct .ant-select-selection-selected-value {
  font-weight: bold;
}
.bf-panel-search-gender-selelct .ant-select-arrow {
  color: #111;
}
.bf-panel-search-gender-selelct {
  font-size: 16px;
  color: #111;
}
.bf-panel-search-gender-option {
  font-size: 16px;
  color: #111;
}
.bf-panel-search-gender-option.ant-select-dropdown-menu-item-active:not(
    .ant-select-dropdown-menu-item-disabled
  ) {
  background-color: #f6f6f6;
}
.bf-panel-search-gender-option.ant-select-dropdown-menu-item:hover:not(
    .ant-select-dropdown-menu-item-disabled
  ) {
  background-color: #f6f6f6;
}
/*--------antd  selelct 样式覆盖 结束---------*/
/*--------antd  dropdown 样式覆盖 开始---------*/
.bf-panel-search-menu .ant-dropdown-menu-item:hover,
.bf-panel-search-menu .ant-dropdown-menu-submenu-title:hover {
  background-color: #f6f6f6;
}
.bf-panel-search-menu .ant-dropdown-menu-item,
.bf-panel-search-menu .ant-dropdown-menu-submenu-title {
  line-height: 30px;
}
/*--------antd  dropdown 样式覆盖 结束---------*/
/*--------antd  Anchor 样式覆盖 开始---------*/
.brand-follow-anchor .ant-anchor-ink::before {
  width: 0px;
}
/*--------antd  Anchor 样式覆盖 开始---------*/

.member-page {
  min-width: 1300px;
}
.member-page .header {
  border-bottom: 2px solid #111;
  background-color: #fafafa;
}
.member-page .member-fotter {
  margin: 0 auto;
  padding-bottom: 40px;
}
.member-page .goTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #DDDDDD;
  background-color: #fff;
  overflow: hidden;
}
.member-page .goTop > i {
  margin-top: 1px;
  font-size: 16px;
  color: #AAAAAA;
}
.member-page .goTop:hover {
  background-color: #000;
}
.member-page .goTop:hover > i {
  color: #fff;
}
.center-layout {
  width: 1760px;
  min-width: 1300px;
  margin: 0 auto;
}
.content-container {
  background-color: #fff;
}
.ant-select-selection {
  border-radius: 0;
}
@media screen and (max-width: 1760px) {
  .center-layout {
    width: 100%;
    margin: 0 auto;
  }
}

.ewahp_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ewahp_container .card {
  text-align: left;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.imgList_36KdV {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin: 0 auto; }
  .imgList_36KdV::-webkit-scrollbar {
    width: 0; }
  .imgList_36KdV .yearInfo1_1HTRv {
    width: 100%;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(222, 222, 222, 0.5);
            box-shadow: 0px 2px 10px 0px rgba(222, 222, 222, 0.5);
    position: fixed;
    top: 27px;
    left: 0;
    z-index: 100;
    background: #fff;
    padding: 0 40px; }
  .imgList_36KdV .yearInfo1_1HTRv .title_Z-BrJ {
      height: 50px;
      font-size: 24px;
      font-weight: normal;
      color: #090909;
      line-height: 50px;
      text-align: center; }
  .imgList_36KdV .yearInfo1_1HTRv .months_3EReK {
      text-align: center; }
  .imgList_36KdV .yearInfo1_1HTRv .months_3EReK .month_3zbA8 {
        height: 28px;
        font-weight: normal;
        font-size: 16px;
        color: #666;
        line-height: 28px;
        margin-right: 32px;
        display: inline-block;
        position: relative;
        cursor: pointer; }
  .imgList_36KdV .yearInfo1_1HTRv .months_3EReK .month_3zbA8.active_3Hm38 {
          font-size: 20px;
          color: #393f48; }
  .imgList_36KdV .yearInfo1_1HTRv .months_3EReK .month_3zbA8.active_3Hm38 .dot_DQ2mv {
            visibility: visible; }
  .imgList_36KdV .yearInfo1_1HTRv .months_3EReK .month_3zbA8 .dot_DQ2mv {
          visibility: hidden;
          position: absolute;
          width: 100%;
          top: 30px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
  .imgList_36KdV .yearInfo1_1HTRv .months_3EReK .month_3zbA8 .dot_DQ2mv .circle_3Ypeb {
            width: 8px;
            height: 8px;
            background: #393f48;
            border-radius: 50%; }
  .imgList_36KdV .yearInfo_1Lvpw {
    margin-top: 40px;
    height: 115px; }
  .imgList_36KdV .yearInfo_1Lvpw .title_Z-BrJ {
      width: 100%;
      height: 50px;
      font-size: 36px;
      font-weight: normal;
      color: #090909;
      line-height: 50px;
      text-align: center;
      margin-bottom: 27px; }
  .imgList_36KdV .yearInfo_1Lvpw .months_3EReK {
      width: 100%;
      text-align: center; }
  .imgList_36KdV .yearInfo_1Lvpw .months_3EReK .month_3zbA8 {
        height: 28px;
        font-weight: normal;
        font-size: 16px;
        color: #666;
        line-height: 28px;
        margin-right: 32px;
        display: inline-block;
        position: relative;
        cursor: pointer; }
  .imgList_36KdV .yearInfo_1Lvpw .months_3EReK .month_3zbA8.active_3Hm38 {
          font-size: 20px;
          color: #393f48; }
  .imgList_36KdV .yearInfo_1Lvpw .months_3EReK .month_3zbA8.active_3Hm38 .dot_DQ2mv {
            visibility: visible; }
  .imgList_36KdV .yearInfo_1Lvpw .months_3EReK .month_3zbA8 .dot_DQ2mv {
          visibility: hidden;
          position: absolute;
          width: 100%;
          top: 30px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
  .imgList_36KdV .yearInfo_1Lvpw .months_3EReK .month_3zbA8 .dot_DQ2mv .circle_3Ypeb {
            width: 8px;
            height: 8px;
            background: #393f48;
            border-radius: 50%; }
  .imgList_36KdV .main_24lwF {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff; }
  .imgList_36KdV .main_24lwF .showTypes_3lGk8 {
      width: 120px;
      height: 100%;
      position: sticky;
      top: 0; }
  .imgList_36KdV .main_24lwF .showTypes_3lGk8 li {
        margin-top: 30px;
        height: 40px; }
  .imgList_36KdV .main_24lwF .showTypes_3lGk8 li a {
          position: relative;
          display: block;
          padding: 6px 15px;
          color: #333;
          -webkit-transition: all 0.3s;
          transition: all 0.3s;
          font-weight: bold; }
  .imgList_36KdV .main_24lwF .showTypes_3lGk8 li a:hover, .imgList_36KdV .main_24lwF .showTypes_3lGk8 li a.highlight_2i_RY {
            color: #111;
            font-weight: bold;
            font-size: 20px; }
  .imgList_36KdV .main_24lwF .showTypes_3lGk8 li a.highlight_2i_RY::after {
            content: " ";
            display: block;
            position: absolute;
            bottom: 0;
            left: 50%;
            margin-left: -18px;
            width: 40px;
            height: 3px;
            background: #333; }
  .imgList_36KdV .main_24lwF .showTypes_3lGk8 .videoPlayButton_2JyAi {
        margin-top: 30px;
        height: 40px;
        border: none;
        background-color: transparent;
        outline: none;
        cursor: pointer; }
  .imgList_36KdV .main_24lwF .showTypes_3lGk8 .videoPlayButton_2JyAi:hover {
          color: #333;
          font-weight: bold; }
  .imgList_36KdV .list_3k2h8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-bottom: 64px; }
  .imgList_36KdV .listHead_1oxsP {
    width: 100%;
    height: 55px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 22px; }
  .imgList_36KdV .listHead_1oxsP .title_Z-BrJ {
      height: 32px;
      font-size: 32px;
      font-weight: normal;
      color: #090909;
      line-height: 32px; }
  .imgList_36KdV .listHead_1oxsP .btn_1MEyZ {
      height: 32px;
      border-radius: 16px;
      border: 1px solid #393f48;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0 16px;
      cursor: pointer; }
  .imgList_36KdV .listHead_1oxsP .btn_1MEyZ:hover {
        background-color: #f6f6f6; }
  .imgList_36KdV .imgWrap_29Glt {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    overflow: hidden;
    z-index: 1;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 40px;
    position: relative;
    background: #fcfcfc; }
  .imgList_36KdV .imgWrap_29Glt .detail_34WOA {
      text-align: left;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  .imgList_36KdV .imgWrap_29Glt .detail_34WOA .title_Z-BrJ {
        line-height: 24px;
        font-size: 22px;
        font-weight: bold;
        color: #111111; }
  .imgList_36KdV .imgWrap_29Glt .detail_34WOA .date_GCkLR {
        margin-top: 6px;
        height: 13px;
        line-height: 13px;
        font-size: 12px;
        font-weight: 400;
        color: #111111; }
  .imgList_36KdV .imgWrap_29Glt .detail_34WOA .buttons_2OWIe {
        margin-top: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: -5px;
        height: 40px;
        width: 100%; }
  .imgList_36KdV .imgWrap_29Glt .detail_34WOA .buttons_2OWIe .myButton_lmzqD {
          width: 115px;
          height: 32px;
          line-height: 32px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
  .imgList_36KdV .imgWrap_29Glt .detail_34WOA .line_33AYN {
        height: 1px;
        background-color: #fff;
        margin-top: 35px; }
  .imgList_36KdV .imgWrap_29Glt .detail_34WOA .desc_1vZ2a {
        min-height: 100px;
        width: 100%;
        overflow-y: auto;
        height: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        word-break: break-all;
        padding-top: 29px; }
  .imgList_36KdV .line_33AYN {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .patternImgList_2Jlzw {
  position: relative;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 100%; }
  .patternImgList_2Jlzw::-webkit-scrollbar {
    width: 0; }
  .patternImgList_2Jlzw > .contentHeader_AtDSn {
    padding: 64px 0px 65px;
    margin: 0 auto;
    width: 100%; }
  .patternImgList_2Jlzw > .contentHeader_AtDSn > .patternTitle_3SiPZ {
      font-size: 36px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: bold;
      color: #090909;
      line-height: 50px;
      text-align: center; }
  .patternImgList_2Jlzw > .contentHeader_AtDSn > .patternTime_K24YD {
      text-align: center;
      padding: 6px 0 32px;
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #090909;
      line-height: 17px; }
  .patternImgList_2Jlzw > .contentHeader_AtDSn > .patternDesc_1dqqK {
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.8);
      line-height: 20px;
      width: 60%;
      margin: 0 auto;
      word-break: break-all;
      overflow-wrap: break-word; }
  .patternImgList_2Jlzw > .patternBody_1YW3c {
    padding: 0 50px;
    position: relative; }
  .patternImgList_2Jlzw > .patternBody_1YW3c > .patternTool_2SXhf {
      padding-bottom: 14px;
      padding-top: 15px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      position: sticky;
      top: 0;
      left: 0;
      background-color: #ffffff;
      z-index: 100; }
  .patternImgList_2Jlzw > .patternBody_1YW3c > .patternTool_2SXhf > .pickageDown_3NT0x, .patternImgList_2Jlzw > .patternBody_1YW3c > .patternTool_2SXhf > .patternCollect_34nx_ {
        width: 110px;
        height: 35px;
        font-size: 12px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        line-height: 16px;
        cursor: pointer;
        overflow: hidden; }
  .patternImgList_2Jlzw > .patternBody_1YW3c > .patternTool_2SXhf > .pickageDown_3NT0x > div, .patternImgList_2Jlzw > .patternBody_1YW3c > .patternTool_2SXhf > .patternCollect_34nx_ > div {
          border: 1px solid #000000;
          width: 105px;
          height: 30px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          position: relative; }
  .patternImgList_2Jlzw > .patternBody_1YW3c > .patternTool_2SXhf > .pickageDown_3NT0x > div::before, .patternImgList_2Jlzw > .patternBody_1YW3c > .patternTool_2SXhf > .pickageDown_3NT0x > div::after, .patternImgList_2Jlzw > .patternBody_1YW3c > .patternTool_2SXhf > .patternCollect_34nx_ > div::before, .patternImgList_2Jlzw > .patternBody_1YW3c > .patternTool_2SXhf > .patternCollect_34nx_ > div::after {
            position: absolute;
            content: '';
            background: #50596D; }
  .patternImgList_2Jlzw > .patternBody_1YW3c > .patternTool_2SXhf > .pickageDown_3NT0x > div::before, .patternImgList_2Jlzw > .patternBody_1YW3c > .patternTool_2SXhf > .patternCollect_34nx_ > div::before {
            bottom: -6px;
            left: 2px;
            height: 5px;
            width: 105px;
            -webkit-transform: skew(45deg);
                -ms-transform: skew(45deg);
                    transform: skew(45deg); }
  .patternImgList_2Jlzw > .patternBody_1YW3c > .patternTool_2SXhf > .pickageDown_3NT0x > div::after, .patternImgList_2Jlzw > .patternBody_1YW3c > .patternTool_2SXhf > .patternCollect_34nx_ > div::after {
            top: 2px;
            right: -6px;
            width: 5px;
            height: 30px;
            -webkit-transform: skewY(45deg);
                -ms-transform: skewY(45deg);
                    transform: skewY(45deg); }
  .patternImgList_2Jlzw > .patternBody_1YW3c > .patternTool_2SXhf > .pickageDown_3NT0x, .patternImgList_2Jlzw > .patternBody_1YW3c > .patternTool_2SXhf > .patternCollect_34nx_ {
        color: rgba(0, 0, 0, 0.99); }
  .patternImgList_2Jlzw > .patternBody_1YW3c > .patternTool_2SXhf > .pickageDown_3NT0x:hover, .patternImgList_2Jlzw > .patternBody_1YW3c > .patternTool_2SXhf > .patternCollect_34nx_:hover {
          color: rgba(255, 255, 255, 0.99); }
  .patternImgList_2Jlzw > .patternBody_1YW3c > .patternTool_2SXhf > .pickageDown_3NT0x:hover > div, .patternImgList_2Jlzw > .patternBody_1YW3c > .patternTool_2SXhf > .patternCollect_34nx_:hover > div {
            background: #50596D; }
  .patternImgList_2Jlzw > .patternBody_1YW3c > .patternTool_2SXhf > .patternCollect_34nx_ {
        margin-right: 32px; }
  .patternImgList_2Jlzw > .patternBody_1YW3c > .patternList_1CPie {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-top: 15px;
      -ms-flex-line-pack: start;
          align-content: flex-start; }
  .patternImgList_2Jlzw > .patternBody_1YW3c > .patternList_1CPie .patternItemWrap_2s4Zj {
        margin-right: 24px;
        margin-bottom: 24px; }
  .patternImgList_2Jlzw > .patternBody_1YW3c > .patternList_1CPie .patternItemWrap_2s4Zj:nth-child(4n) {
          margin-right: unset; }
  .patternImgList_2Jlzw > .patternBody_1YW3c > .patternListLoadAll_2n1jq {
      text-align: center;
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #595959;
      line-height: 17px;
      padding: 40px 0; }
  .patternImgList_2Jlzw > .patternBody_1YW3c > .loading_1uuAj {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 40px 0; }
  .modal_3oJwE {
  padding: 26px; }
  .modal_3oJwE .title_Z-BrJ .t1_2v-3n {
    font-size: 42px;
    font-weight: 800;
    color: #333333;
    margin-right: 10px; }
  .modal_3oJwE .title_Z-BrJ .t2_MQBh8 {
    font-size: 24px;
    font-weight: 500;
    color: #333333;
    line-height: 33px; }
  .modal_3oJwE .content_2e7s0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .modal_3oJwE .content_2e7s0 .item_mpjIo {
      display: inline-block;
      margin-top: 30px;
      width: 378px; }
  .modal_3oJwE .content_2e7s0 .item_mpjIo .picture_2v02C {
        width: 378px;
        height: 214px;
        position: relative; }
  .modal_3oJwE .content_2e7s0 .item_mpjIo .picture_2v02C:hover .cover_2ONmt {
          display: block; }
  .modal_3oJwE .content_2e7s0 .item_mpjIo .picture_2v02C > img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
  .modal_3oJwE .content_2e7s0 .item_mpjIo .picture_2v02C .cover_2ONmt {
          display: none;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.3); }
  .modal_3oJwE .content_2e7s0 .item_mpjIo .name_-l0zx {
        display: inline-block;
        max-width: 100%;
        margin-top: 13px;
        font-size: 18px;
        font-weight: 500;
        color: #111111;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: relative; }
  .modal_3oJwE .content_2e7s0 .item_mpjIo .name_-l0zx:hover::before {
          right: 0%; }
  .modal_3oJwE .content_2e7s0 .item_mpjIo .name_-l0zx::before {
          content: "";
          position: absolute;
          left: 0;
          right: 100%;
          bottom: 0;
          background: #000000;
          height: 1px;
          -webkit-transition-property: right;
          transition-property: right;
          -webkit-transition-duration: 0.3s;
                  transition-duration: 0.3s;
          -webkit-transition-timing-function: ease;
                  transition-timing-function: ease; }
  .modal_3oJwE .content_2e7s0 .item_mpjIo .desc_1vZ2a {
        height: 34px;
        line-height: 17px;
        font-size: 14px;
        font-weight: 400;
        color: #333333;
        cursor: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
  .goTop1_1LkIu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 48px;
  height: 48px;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(181, 181, 181, 0.5);
          box-shadow: 0px 4px 10px 0px rgba(181, 181, 181, 0.5);
  border-radius: 50%;
  background-color: #fff;
  overflow: hidden; }
  .goTop1_1LkIu > i {
    margin-top: 1px;
    font-size: 16px;
    color: #aaaaaa; }
  .goTop1_1LkIu:hover {
    background-color: #000; }
  .goTop1_1LkIu:hover > i {
      color: #fff; }
  .goTop_WtBlx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #dddddd;
  background-color: #fff;
  overflow: hidden; }
  .goTop_WtBlx > i {
    margin-top: 1px;
    font-size: 16px;
    color: #aaaaaa; }
  .goTop_WtBlx:hover {
    background-color: #000; }
  .goTop_WtBlx:hover > i {
      color: #fff; }
  .funcs_tfIFi {
  position: fixed;
  bottom: 39px;
  height: 50px;
  background-color: rgba(57, 63, 72, 0.7);
  width: 100%;
  z-index: 10; }
  .funcs_tfIFi .right_1jdeF {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    padding-right: 40px; }
  .funcs_tfIFi .right_1jdeF .selectAll_11Fo1 {
      height: 20px;
      line-height: 20px;
      font-size: 12px;
      font-weight: 400;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-right: 20px;
      cursor: pointer;
      color: #fff; }
  .funcs_tfIFi .right_1jdeF .selectAll_11Fo1 .iconContainer_16Cq2 {
        width: 20px;
        height: 20px;
        border-radius: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background-color: rgba(255, 255, 255, 0.8);
        color: #fff;
        margin-right: 5px;
        text-align: center;
        line-height: 20px;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
  .funcs_tfIFi .right_1jdeF .selectAll_11Fo1 .iconContainer_16Cq2 .icon_35zFn {
          width: 16px;
          height: 16px;
          line-height: 20px;
          color: #fff;
          background-color: black;
          border-radius: 8px;
          margin: 0; }
  .funcs_tfIFi .right_1jdeF .selectAll_11Fo1 .iconContainer_16Cq2 .normal_3n31s {
          width: 16px;
          height: 16px;
          background-color: rgba(0, 0, 0, 0.2);
          border-radius: 8px; }
  .funcs_tfIFi .right_1jdeF .download_GmRNl {
      height: 28px;
      font-size: 12px;
      line-height: 28px;
      font-weight: 400;
      color: black;
      padding: 0 16px;
      background-color: #fff; }
  .funcs_tfIFi .right_1jdeF .download_GmRNl:hover {
        background-color: #d4d4d4; }

.imgListContainer_2kHzu {
  overflow: auto; }
  .imgListContainer_2kHzu::-webkit-scrollbar {
    display: none; }
  .imgListContainer_2kHzu .imgList_y5-_X {
    padding: 30px;
    background: #f2f2f2;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  .imgListContainer_2kHzu .imgList_y5-_X::-webkit-scrollbar {
      width: 0; }
  .imgListContainer_2kHzu .imgList_y5-_X.childCenter_1Isyf {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .imgListContainer_2kHzu .imgList_y5-_X .list_1V5aK {
      position: relative; }
  .imgListContainer_2kHzu .imgList_y5-_X .list_1V5aK .imgWrap_386Gb {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background: #eee;
        cursor: pointer;
        z-index: 1; }
  .imgListContainer_2kHzu .imgList_y5-_X .list_1V5aK .imgWrap_386Gb .drawings_3X1ri {
          position: absolute;
          top: 5px;
          left: 10px;
          color: #fff;
          text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
          font-size: 26px;
          z-index: 11; }
  .imgListContainer_2kHzu .imgList_y5-_X .list_1V5aK .imgWrap_386Gb:hover .actBtns_1K5pT {
          margin-top: 0; }
  .imgListContainer_2kHzu .imgList_y5-_X .list_1V5aK .imgWrap_386Gb:hover .cover_FCD77 {
          opacity: 0.2;
          pointer-events: none; }
  .imgListContainer_2kHzu .imgList_y5-_X .list_1V5aK .imgWrap_386Gb:hover .attr_1jowc {
          display: block; }
  .imgListContainer_2kHzu .imgList_y5-_X .list_1V5aK .imgWrap_386Gb:hover .releaseTime_3Kb1v {
          display: none; }
  .imgListContainer_2kHzu .imgList_y5-_X .list_1V5aK .imgWrap_386Gb:hover .iconContainer_1TXsB {
          visibility: visible; }
  .imgListContainer_2kHzu .imgList_y5-_X .list_1V5aK .imgWrap_386Gb:hover .drawings_3X1ri {
          display: none; }
  .imgListContainer_2kHzu .imgList_y5-_X .list_1V5aK .imgWrap_386Gb .releaseTime_3Kb1v {
          position: absolute;
          left: 10px;
          bottom: 10px;
          font-size: 13px;
          line-height: 13px;
          height: 28px;
          background: rgba(255, 255, 255, 0.5);
          border-radius: 14px;
          font-weight: 400;
          padding: 0 9px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          color: #333;
          z-index: 10; }
  .imgListContainer_2kHzu .imgList_y5-_X .list_1V5aK .imgWrap_386Gb .iconContainer_1TXsB {
          visibility: hidden;
          position: absolute;
          top: 10px;
          left: 10px;
          width: 20px;
          height: 20px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          background-color: rgba(255, 255, 255, 0.8);
          border-radius: 10px;
          z-index: 11;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none; }
  .imgListContainer_2kHzu .imgList_y5-_X .list_1V5aK .imgWrap_386Gb .iconContainer_1TXsB .normal_3T1HI {
            width: 16px;
            height: 16px;
            background-color: rgba(0, 0, 0, 0.2);
            border-radius: 8px; }
  .imgListContainer_2kHzu .imgList_y5-_X .list_1V5aK .imgWrap_386Gb .iconContainer_1TXsB .icon_1jOJV {
            width: 16px;
            height: 16px;
            line-height: 20px;
            color: #fff;
            background-color: black;
            border-radius: 8px;
            margin: 0;
            position: static; }
  .imgListContainer_2kHzu .imgList_y5-_X .list_1V5aK .imgWrap_386Gb img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          -webkit-transition: all 0.3s;
          transition: all 0.3s; }
  .imgListContainer_2kHzu .imgList_y5-_X .list_1V5aK .imgWrap_386Gb .actBtns_1K5pT {
          position: absolute;
          width: 44px;
          height: 44px;
          right: 2px;
          top: 2px;
          z-index: 9;
          margin-top: -150px;
          -webkit-transition: all 0.4s ease;
          transition: all 0.4s ease; }
  .imgListContainer_2kHzu .imgList_y5-_X .list_1V5aK .imgWrap_386Gb .actBtns_1K5pT.checked_8CzRC {
            display: block; }
  .imgListContainer_2kHzu .imgList_y5-_X .list_1V5aK .imgWrap_386Gb .actBtns_1K5pT a {
            display: block;
            line-height: 44px;
            text-align: center;
            margin-bottom: 1px;
            color: white;
            background: rgba(0, 0, 0, 0.3); }
  .imgListContainer_2kHzu .imgList_y5-_X .list_1V5aK .imgWrap_386Gb .actBtns_1K5pT a:hover {
              background: #000; }
  .imgListContainer_2kHzu .imgList_y5-_X .list_1V5aK .imgWrap_386Gb .actBtns_1K5pT a.favorite_8hSs5 {
              color: #fff; }
  .imgListContainer_2kHzu .imgList_y5-_X .list_1V5aK .imgWrap_386Gb .cover_FCD77 {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          background-color: #000;
          z-index: 0;
          opacity: 0;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; }
  .imgListContainer_2kHzu .imgList_y5-_X .list_1V5aK .imgWrap_386Gb .attr_1jowc {
          display: none;
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          padding: 9px;
          text-align: left; }
  .imgListContainer_2kHzu .imgList_y5-_X .list_1V5aK .imgWrap_386Gb .attr_1jowc .title_3HtNc {
            margin-bottom: 9px;
            max-width: 278px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
  .imgListContainer_2kHzu .imgList_y5-_X .list_1V5aK .imgWrap_386Gb .attr_1jowc .item_2jS95,
          .imgListContainer_2kHzu .imgList_y5-_X .list_1V5aK .imgWrap_386Gb .attr_1jowc .title_3HtNc {
            font-size: 12px;
            line-height: 16px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: white; }
  .imgListContainer_2kHzu .imgList_y5-_X .list_1V5aK .imgWrap_386Gb .attr_1jowc .item_2jS95 {
            font-size: 12px;
            line-height: 13px;
            height: 13px;
            font-weight: 400;
            color: white;
            margin-right: 9px;
            margin-bottom: 7px;
            display: inline-block;
            position: relative;
            overflow: hidden; }
  .imgListContainer_2kHzu .imgList_y5-_X .list_1V5aK .imgWrap_386Gb .attr_1jowc .item_2jS95:hover::before {
              right: 0%; }
  .imgListContainer_2kHzu .imgList_y5-_X .list_1V5aK .imgWrap_386Gb .attr_1jowc .item_2jS95::before {
              content: "";
              position: absolute;
              z-index: 10;
              left: 0;
              right: 100%;
              bottom: 0;
              background: #fff;
              height: 1px;
              -webkit-transition-property: right;
              transition-property: right;
              -webkit-transition-duration: 0.3s;
                      transition-duration: 0.3s;
              -webkit-transition-timing-function: ease-out;
                      transition-timing-function: ease-out; }
  .imgListContainer_2kHzu .imgList_y5-_X .list_1V5aK .loaded_1e7sp {
        -webkit-animation-duration: 1s;
                animation-duration: 1s;
        -webkit-animation-name: identifier_3ZAQP;
                animation-name: identifier_3ZAQP;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
        opacity: 0; }
  @-webkit-keyframes identifier_3ZAQP {
  0% {
    opacity: 0; }
  95% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  @keyframes identifier_3ZAQP {
  0% {
    opacity: 0; }
  95% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  .imgListContainer_2kHzu .showToChengyi_khOOr {
    padding: 30px;
    background: #fff;
    overflow-y: scroll;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-overflow-scrolling: touch;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center; }
  .imgListContainer_2kHzu .showToChengyi_khOOr::-webkit-scrollbar {
      width: 0; }
  .imgListContainer_2kHzu .showToChengyi_khOOr .title_3HtNc {
      width: 100%;
      text-align: left;
      border-bottom: 1px solid #999999;
      padding-bottom: 16px;
      font-weight: bold;
      font-size: 24px;
      color: #080808;
      line-height: 23px; }
  .imgListContainer_2kHzu .showToChengyi_khOOr .list_1V5aK {
      margin-top: 16px;
      width: 100%; }
  .imgListContainer_2kHzu .showToChengyi_khOOr .bottom_3QlX9 {
      margin-top: 10px;
      width: 100%;
      padding-bottom: 21%;
      position: relative; }
  .imgListContainer_2kHzu .showToChengyi_khOOr .bottom_3QlX9 .content_32mox {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .imgListContainer_2kHzu .showToChengyi_khOOr .bottom_3QlX9 .content_32mox img {
          width: 100%;
          height: 100%; }
  .imgListContainer_2kHzu .showToChengyi_khOOr .bottom_3QlX9 .content_32mox .qrCode_2quvo {
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          gap: 16px; }
  .imgListContainer_2kHzu .showToChengyi_khOOr .bottom_3QlX9 .content_32mox .qrCode_2quvo img {
            width: 240px;
            height: 240px; }
  .imgListContainer_2kHzu .showToChengyi_khOOr .bottom_3QlX9 .content_32mox .qrCode_2quvo .desc_1QZy5 {
            font-weight: bold;
            font-size: 16px;
            color: #fff; }

.detailWrap_2hDPj {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  height: 100%; }
  .detailWrap_2hDPj.show_rk2ef {
    min-width: 240px; }
  .detailWrap_2hDPj.hide_2avhy {
    min-width: 0; }
  .detailWrap_2hDPj .detail_2ZTao {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: #fafafa;
    width: 240px;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-left: 1px solid rgba(67, 67, 67, 0.3);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden; }
  .detailWrap_2hDPj .detail_2ZTao .header_aAbPA {
      width: 100%;
      height: 38px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-bottom: 1px solid rgba(67, 67, 67, 0.3);
      padding: 0 19px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .detailWrap_2hDPj .detail_2ZTao .header_aAbPA .title_28f7e {
        height: 38px;
        font-size: 14px;
        line-height: 38px;
        font-weight: 400;
        color: #111111; }
  .detailWrap_2hDPj .detail_2ZTao .header_aAbPA .close_o84Va {
        height: 38px;
        line-height: 38px;
        cursor: pointer; }
  .detailWrap_2hDPj .detail_2ZTao .header_aAbPA .close_o84Va > i {
          color: #666666;
          font-size: 12px; }
  .detailWrap_2hDPj .detail_2ZTao .name_325sP {
      width: calc(100% - 38px);
      font-size: 16px;
      font-weight: bold;
      color: #333333;
      line-height: 25px;
      border-bottom: 1px solid rgba(67, 67, 67, 0.3);
      padding: 25px 0; }
  .detailWrap_2hDPj .detail_2ZTao .name_325sP .text_2uTIJ {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow-wrap: break-word; }
  .detailWrap_2hDPj .detail_2ZTao .name_325sP .text_2uTIJ .brandName_2C-Hw {
          display: inline-block;
          max-width: calc(100% - 88px);
          height: 100%; }
  .detailWrap_2hDPj .detail_2ZTao .name_325sP .text_2uTIJ .brandName_2C-Hw a {
            width: 100%;
            height: 100%;
            display: inline-block;
            cursor: pointer;
            color: #333;
            position: relative;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis; }
  .detailWrap_2hDPj .detail_2ZTao .name_325sP .text_2uTIJ .brandName_2C-Hw a::after {
              display: block;
              content: "";
              width: 100%;
              height: 1px;
              background: rgba(0, 0, 0, 0.9);
              visibility: hidden;
              position: absolute;
              left: 0;
              bottom: 1px; }
  .detailWrap_2hDPj .detail_2ZTao .name_325sP .text_2uTIJ .brandName_2C-Hw a.active_3Ovku:hover::after {
              visibility: visible; }
  .detailWrap_2hDPj .detail_2ZTao .name_325sP .addBrand_1LWhv {
        margin-left: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 86px;
        height: 26px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        color: #fff;
        background-color: #555c70;
        font-size: 12px;
        padding: 4px;
        cursor: pointer;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
  .detailWrap_2hDPj .detail_2ZTao .name_325sP .warn_1oN3J {
        width: 100%;
        margin-top: 11.5px;
        font-weight: 400;
        font-size: 10px;
        color: #575757;
        line-height: 14px;
        text-align: left; }
  .detailWrap_2hDPj .detail_2ZTao .main_mV_Og {
      width: 100%;
      height: 0;
      font-size: 12px;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      padding: 20px;
      overflow-x: hidden;
      overflow-y: scroll;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
  .detailWrap_2hDPj .detail_2ZTao .main_mV_Og::-webkit-scrollbar-track-piece {
        background: #f2f2f2; }
  .detailWrap_2hDPj .detail_2ZTao .toggle_pQkVn {
      width: calc(100% - 38px);
      height: 70px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-top: 1px solid rgba(67, 67, 67, 0.3); }
  .detailWrap_2hDPj .detail_2ZTao .toggle_pQkVn .text_2uTIJ {
        width: 100px;
        height: 20px;
        font-size: 12px;
        font-weight: 400;
        color: #666666;
        line-height: 20px; }

.datalogNavs_2qLNZ {
  position: absolute;
  top: 0;
  width: calc(100% - 38px);
  height: 100%;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 9991;
  background: #f2f2f2;
  padding: 30px 66px 30px 30px; }
  .datalogNavs_2qLNZ.show_17yab {
    left: 0; }
  .datalogNavs_2qLNZ.hide__D596 {
    left: 100%; }
  .datalogNavs_2qLNZ .close_GeACf {
    position: absolute;
    top: 5px;
    right: 20px;
    cursor: pointer;
    font-size: 22px;
    display: inline-block; }
  .datalogNavs_2qLNZ .close_GeACf > i {
      color: #666666;
      font-size: 12px; }
  .datalogNavs_2qLNZ .section_3EUuT {
    width: 100%;
    height: 100%;
    overflow-y: auto; }
  .datalogNavs_2qLNZ .section_3EUuT::-webkit-scrollbar {
      width: 0; }
  .datalogNavs_2qLNZ .section_3EUuT .title_287U8 {
      font-size: 16px;
      font-weight: 400;
      color: #111111; }
  .datalogNavs_2qLNZ .section_3EUuT .main_37dWg {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-bottom: 25px; }
  .datalogNavs_2qLNZ .section_3EUuT .main_37dWg .item_1i6Gu {
        margin-top: 10px;
        cursor: pointer;
        position: relative;
        overflow: hidden; }
  .datalogNavs_2qLNZ .section_3EUuT .main_37dWg .item_1i6Gu:hover .cover_3Xo9v {
          opacity: 0.2; }
  .datalogNavs_2qLNZ .section_3EUuT .main_37dWg .item_1i6Gu:hover .iconContainer_1beGO {
          visibility: visible; }
  .datalogNavs_2qLNZ .section_3EUuT .main_37dWg .item_1i6Gu:hover .download_3pBcc {
          top: 0; }
  .datalogNavs_2qLNZ .section_3EUuT .main_37dWg .item_1i6Gu img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
  .datalogNavs_2qLNZ .section_3EUuT .main_37dWg .item_1i6Gu .cover_3Xo9v {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          background-color: #000;
          z-index: 10;
          opacity: 0; }
  .datalogNavs_2qLNZ .section_3EUuT .main_37dWg .item_1i6Gu .iconContainer_1beGO {
          visibility: hidden;
          position: absolute;
          top: 10px;
          left: 10px;
          width: 20px;
          height: 20px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          background-color: rgba(255, 255, 255, 0.8);
          border-radius: 10px;
          z-index: 11;
          -webkit-user-select: none;
             -moz-user-select: none;
              -ms-user-select: none;
                  user-select: none; }
  .datalogNavs_2qLNZ .section_3EUuT .main_37dWg .item_1i6Gu .iconContainer_1beGO .normal_3Kujy {
            width: 16px;
            height: 16px;
            background-color: rgba(0, 0, 0, 0.2);
            border-radius: 8px; }
  .datalogNavs_2qLNZ .section_3EUuT .main_37dWg .item_1i6Gu .iconContainer_1beGO .icon_3WpK_ {
            width: 16px;
            height: 16px;
            line-height: 20px;
            color: #fff;
            background-color: black;
            border-radius: 8px;
            margin: 0;
            position: static; }
  .datalogNavs_2qLNZ .section_3EUuT .main_37dWg .item_1i6Gu .download_3pBcc {
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease;
          position: absolute;
          right: 0;
          top: -101px;
          width: 50px;
          height: 50px;
          background-color: rgba(0, 0, 0, 0.5);
          color: #fff;
          font-size: 17px;
          text-align: center;
          line-height: 50px;
          display: inline-block;
          z-index: 11; }
  .datalogNavs_2qLNZ .section_3EUuT .main_37dWg .item_1i6Gu .download_3pBcc:hover {
            background-color: black; }

.footer_ujRWi {
  min-height: 38px;
  padding: 0 38px;
  border-top: 1px solid #393f48;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 20;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .footer_ujRWi.fixed_2gAV1 {
    position: fixed;
    bottom: 0;
    width: 100%; }
  .footer_ujRWi .navigation_rHdQe .nav_2KeYC a {
    height: 12px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    color: #333333; }
  .footer_ujRWi .navigation_rHdQe .nav_2KeYC a:hover {
      text-decoration: underline; }
  .footer_ujRWi .navigation_rHdQe .nav_2KeYC span {
    height: 12px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    color: #333333; }
  .footer_ujRWi .right_1s_f4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    line-height: 38px;
    position: relative;
    z-index: 11; }
  .footer_ujRWi .right_1s_f4 .icon_2Nv1e {
      padding: 0 10px;
      cursor: pointer;
      position: relative; }
  .footer_ujRWi .right_1s_f4 .icon_2Nv1e:hover {
        background-color: #000; }
  .footer_ujRWi .right_1s_f4 .icon_2Nv1e:hover .prompt_3-VJ5 {
          opacity: 1; }
  .footer_ujRWi .right_1s_f4 .icon_2Nv1e:hover .prompt_3-VJ5 .tips_2GSsf {
            display: block; }
  .footer_ujRWi .right_1s_f4 .icon_2Nv1e .prompt_3-VJ5 {
        position: absolute;
        right: 0;
        bottom: 38px;
        width: 38px;
        background: #545454;
        font-size: 12px;
        line-height: 25px;
        font-weight: 400;
        color: white;
        text-align: center;
        opacity: 0;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease; }
  .footer_ujRWi .right_1s_f4 .icon_2Nv1e .prompt_3-VJ5 .tips_2GSsf {
          display: none;
          word-wrap: break-word;
          padding: 5px 10px; }
  .footer_ujRWi .right_1s_f4 .icon_2Nv1e .prompt_3-VJ5 .triangleWrap_3p4G5 {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          width: 38px;
          position: absolute;
          left: 0;
          bottom: -10px;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; }
  .footer_ujRWi .right_1s_f4 .icon_2Nv1e .prompt_3-VJ5 .triangleWrap_3p4G5 .triangle_2cSFY {
            width: 0;
            height: 0;
            border: 5px solid transparent;
            border-top: 5px solid #545454; }
  .footer_ujRWi .right_1s_f4 .icon2_HBbpa {
      padding: 0 10px;
      cursor: pointer;
      position: relative;
      color: #393f48; }
  .footer_ujRWi .right_1s_f4 .icon2_HBbpa:hover {
        color: #fff;
        background-color: #000; }
  .footer_ujRWi .right_1s_f4 .person_bvU5t {
      height: 38px;
      position: relative; }
  .footer_ujRWi .right_1s_f4 .person_bvU5t .personBox_3IcRc {
        height: 38px;
        cursor: pointer; }
  .footer_ujRWi .right_1s_f4 .person_bvU5t .left_24wK_ {
        position: absolute;
        z-index: 10;
        right: 0;
        bottom: 38px;
        width: 190px;
        border-top: 1px solid rgba(17, 17, 17, 0.2);
        border-left: 1px solid rgba(17, 17, 17, 0.2);
        border-right: 1px solid #000;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        cursor: auto;
        background-color: #fff;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease; }
  .footer_ujRWi .right_1s_f4 .person_bvU5t .left_24wK_.show_1Lvoj {
          display: block; }
  .footer_ujRWi .right_1s_f4 .person_bvU5t .left_24wK_.hide_2tMaD {
          display: none; }
  .footer_ujRWi .right_1s_f4 .person_bvU5t .left_24wK_ .header_3LWcg {
          width: 100%;
          height: 38px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          padding: 0 19px;
          font-size: 14px;
          font-weight: 400;
          color: #111111;
          line-height: 38px;
          border-bottom: 1px solid rgba(67, 67, 67, 0.3); }
  .footer_ujRWi .right_1s_f4 .person_bvU5t .left_24wK_ .personItem_3Yx2e {
          width: 100%;
          padding: 0 22px;
          height: 38px;
          margin: 0 auto;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          font-size: 14px;
          font-weight: 400;
          color: #333333;
          line-height: 38px; }
  .footer_ujRWi .right_1s_f4 .person_bvU5t .left_24wK_ .personItem_3Yx2e:hover {
            background-color: #f2f2f2; }
  .footer_ujRWi .right_1s_f4 .person_bvU5t .left_24wK_ .line_3j7wf {
          margin: 0 auto;
          width: calc(100% - 44px);
          height: 1px;
          background-color: rgba(67, 67, 67, 0.3); }

.copyModal_2lHTM .header_1fA-l .right_3nZM5 {
  float: right; }

.copyModal_2lHTM .list_6jFL3 {
  margin-top: 20px;
  height: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 40px;
  overflow-x: hidden;
  overflow-y: auto; }

.copyModal_2lHTM .list_6jFL3 .item_17JUX {
    width: calc(50% - 20px);
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.copyModal_2lHTM .list_6jFL3 .item_17JUX:hover .right_3nZM5 {
      visibility: visible; }

.copyModal_2lHTM .list_6jFL3 .item_17JUX .left_2eDOf {
      width: calc(100% - 120px);
      height: 40px; }

.copyModal_2lHTM .list_6jFL3 .item_17JUX .left_2eDOf h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }

.copyModal_2lHTM .list_6jFL3 .item_17JUX .left_2eDOf .detail_2EBoG {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 20px; }

.copyModal_2lHTM .list_6jFL3 .item_17JUX .right_3nZM5 {
      visibility: hidden; }

.copyModal_2lHTM .list_6jFL3 .loading_1bGoh {
    width: 100%;
    margin-top: 50px;
    text-align: center; }

.copyModal_2lHTM .footer_114F7 {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.folderModal_3bY0e .list_6jFL3 {
  margin-top: 20px;
  height: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: 40px;
  overflow-x: hidden;
  overflow-y: auto; }

.folderModal_3bY0e .list_6jFL3 .empty_2L6-o {
    width: 100%;
    margin-top: 50px;
    text-align: center; }

.folderModal_3bY0e .list_6jFL3 .item_17JUX {
    width: calc(16.66% - 33.33px); }

.folderModal_3bY0e .list_6jFL3 .item_17JUX .imgContainer_2ITDU {
      position: relative;
      cursor: pointer; }

.folderModal_3bY0e .list_6jFL3 .item_17JUX .imgContainer_2ITDU .icon_2IBp5 {
        position: absolute;
        left: 55%;
        top: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 30px;
        height: 30px;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background-color: lime;
        color: #fff; }

.folderModal_3bY0e .list_6jFL3 .item_17JUX .imgContainer_2ITDU img {
        width: 100%; }

.title_njXVS {
  text-align: center; }

.title_njXVS p {
    font-size: 12px;
    font-weight: normal; }

.patternImgList_3VeT0 {
  position: relative;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 100%; }
  .patternImgList_3VeT0::-webkit-scrollbar {
    width: 0; }
  .patternImgList_3VeT0 > .contentHeader_rVSLM {
    padding: 64px 0px 65px;
    margin: 0 auto;
    width: 100%; }
  .patternImgList_3VeT0 > .contentHeader_rVSLM > .patternTitle_2PdlK {
      font-size: 36px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: bold;
      color: #090909;
      line-height: 50px;
      text-align: center; }
  .patternImgList_3VeT0 > .contentHeader_rVSLM > .patternTime_1LJvi {
      text-align: center;
      padding: 6px 0 32px;
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #090909;
      line-height: 17px; }
  .patternImgList_3VeT0 > .contentHeader_rVSLM > .patternDesc_LaDGz {
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.8);
      line-height: 20px;
      width: 60%;
      margin: 0 auto;
      word-break: break-all;
      overflow-wrap: break-word; }
  .patternImgList_3VeT0 > .patternBody_2A15t {
    padding: 0 50px;
    position: relative; }
  .patternImgList_3VeT0 > .patternBody_2A15t > .patternTool_WrJ77 {
      padding-bottom: 14px;
      padding-top: 15px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      position: sticky;
      top: 0;
      left: 0;
      background-color: #ffffff;
      z-index: 100; }
  .patternImgList_3VeT0 > .patternBody_2A15t > .patternTool_WrJ77 > .pickageDown_5mNMg,
      .patternImgList_3VeT0 > .patternBody_2A15t > .patternTool_WrJ77 > .patternCollect_20E8n {
        width: 110px;
        height: 35px;
        font-size: 12px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        line-height: 16px;
        cursor: pointer;
        overflow: hidden; }
  .patternImgList_3VeT0 > .patternBody_2A15t > .patternTool_WrJ77 > .pickageDown_5mNMg > div,
        .patternImgList_3VeT0 > .patternBody_2A15t > .patternTool_WrJ77 > .patternCollect_20E8n > div {
          border: 1px solid #000000;
          width: 105px;
          height: 30px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          position: relative; }
  .patternImgList_3VeT0 > .patternBody_2A15t > .patternTool_WrJ77 > .pickageDown_5mNMg > div::before, .patternImgList_3VeT0 > .patternBody_2A15t > .patternTool_WrJ77 > .pickageDown_5mNMg > div::after,
          .patternImgList_3VeT0 > .patternBody_2A15t > .patternTool_WrJ77 > .patternCollect_20E8n > div::before,
          .patternImgList_3VeT0 > .patternBody_2A15t > .patternTool_WrJ77 > .patternCollect_20E8n > div::after {
            position: absolute;
            content: "";
            background: #50596d; }
  .patternImgList_3VeT0 > .patternBody_2A15t > .patternTool_WrJ77 > .pickageDown_5mNMg > div::before,
          .patternImgList_3VeT0 > .patternBody_2A15t > .patternTool_WrJ77 > .patternCollect_20E8n > div::before {
            bottom: -6px;
            left: 2px;
            height: 5px;
            width: 105px;
            -webkit-transform: skew(45deg);
                -ms-transform: skew(45deg);
                    transform: skew(45deg); }
  .patternImgList_3VeT0 > .patternBody_2A15t > .patternTool_WrJ77 > .pickageDown_5mNMg > div::after,
          .patternImgList_3VeT0 > .patternBody_2A15t > .patternTool_WrJ77 > .patternCollect_20E8n > div::after {
            top: 2px;
            right: -6px;
            width: 5px;
            height: 30px;
            -webkit-transform: skewY(45deg);
                -ms-transform: skewY(45deg);
                    transform: skewY(45deg); }
  .patternImgList_3VeT0 > .patternBody_2A15t > .patternTool_WrJ77 > .pickageDown_5mNMg,
      .patternImgList_3VeT0 > .patternBody_2A15t > .patternTool_WrJ77 > .patternCollect_20E8n {
        color: rgba(0, 0, 0, 0.99); }
  .patternImgList_3VeT0 > .patternBody_2A15t > .patternTool_WrJ77 > .pickageDown_5mNMg:hover,
        .patternImgList_3VeT0 > .patternBody_2A15t > .patternTool_WrJ77 > .patternCollect_20E8n:hover {
          color: rgba(255, 255, 255, 0.99); }
  .patternImgList_3VeT0 > .patternBody_2A15t > .patternTool_WrJ77 > .pickageDown_5mNMg:hover > div,
          .patternImgList_3VeT0 > .patternBody_2A15t > .patternTool_WrJ77 > .patternCollect_20E8n:hover > div {
            background: #50596d; }
  .patternImgList_3VeT0 > .patternBody_2A15t > .patternTool_WrJ77 > .patternCollect_20E8n {
        margin-right: 32px; }
  .patternImgList_3VeT0 > .patternBody_2A15t > .patternList_3gpTU {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-top: 15px;
      -ms-flex-line-pack: start;
          align-content: flex-start; }
  .patternImgList_3VeT0 > .patternBody_2A15t > .patternList_3gpTU .patternItemWrap_1OOJ- {
        margin-right: 24px;
        margin-bottom: 24px; }
  .patternImgList_3VeT0 > .patternBody_2A15t > .patternList_3gpTU .patternItemWrap_1OOJ-:nth-child(4n) {
          margin-right: unset; }
  .patternImgList_3VeT0 > .patternBody_2A15t > .patternListLoadAll_3nT4k {
      text-align: center;
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #595959;
      line-height: 17px;
      padding: 40px 0 60px; }
  .patternImgList_3VeT0 > .patternBody_2A15t > .loading_1xYRO {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 40px 0; }
  .patternImgList_3VeT0 > .patternBody_2A15t .goTop1_2XMfN {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 48px;
      height: 48px;
      -webkit-box-shadow: 0px 4px 10px 0px rgba(181, 181, 181, 0.5);
              box-shadow: 0px 4px 10px 0px rgba(181, 181, 181, 0.5);
      border-radius: 50%;
      background-color: #fff;
      overflow: hidden; }
  .patternImgList_3VeT0 > .patternBody_2A15t .goTop1_2XMfN > i {
        margin-top: 1px;
        font-size: 16px;
        color: #aaaaaa; }
  .patternImgList_3VeT0 > .patternBody_2A15t .goTop1_2XMfN:hover {
        background-color: #000; }
  .patternImgList_3VeT0 > .patternBody_2A15t .goTop1_2XMfN:hover > i {
          color: #fff; }
  .funcs_24V0b {
  position: fixed;
  bottom: 39px;
  height: 50px;
  background-color: rgba(57, 63, 72, 0.7);
  width: 100%;
  z-index: 10; }
  .funcs_24V0b .right_1Upk6 {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    padding-right: 40px; }
  .funcs_24V0b .right_1Upk6 .selectAll_1aa_o {
      height: 20px;
      line-height: 20px;
      font-size: 12px;
      font-weight: 400;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-right: 20px;
      cursor: pointer;
      color: #fff; }
  .funcs_24V0b .right_1Upk6 .selectAll_1aa_o .iconContainer_1nTs7 {
        width: 20px;
        height: 20px;
        border-radius: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background-color: rgba(255, 255, 255, 0.8);
        color: #fff;
        margin-right: 5px;
        text-align: center;
        line-height: 20px;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
  .funcs_24V0b .right_1Upk6 .selectAll_1aa_o .iconContainer_1nTs7 .icon_3pKFN {
          width: 16px;
          height: 16px;
          line-height: 20px;
          color: #fff;
          background-color: black;
          border-radius: 8px;
          margin: 0; }
  .funcs_24V0b .right_1Upk6 .selectAll_1aa_o .iconContainer_1nTs7 .normal_26wqA {
          width: 16px;
          height: 16px;
          background-color: rgba(0, 0, 0, 0.2);
          border-radius: 8px; }
  .funcs_24V0b .right_1Upk6 .download_2TJtU {
      height: 28px;
      font-size: 12px;
      line-height: 28px;
      font-weight: 400;
      color: black;
      padding: 0 16px;
      background-color: #fff; }
  .funcs_24V0b .right_1Upk6 .download_2TJtU:hover {
        background-color: #d4d4d4; }
  .modal_KlCA8 {
  padding: 26px; }
  .modal_KlCA8 .title_202KN .t1_3ZVA4 {
    font-size: 42px;
    font-weight: 800;
    color: #333333;
    margin-right: 10px; }
  .modal_KlCA8 .title_202KN .t2_1jy3M {
    font-size: 24px;
    font-weight: 500;
    color: #333333;
    line-height: 33px; }
  .modal_KlCA8 .content_2VTZW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .modal_KlCA8 .content_2VTZW .item_3Iy19 {
      display: inline-block;
      margin-top: 30px;
      width: 378px; }
  .modal_KlCA8 .content_2VTZW .item_3Iy19 .picture_2J2mf {
        width: 378px;
        height: 214px;
        position: relative; }
  .modal_KlCA8 .content_2VTZW .item_3Iy19 .picture_2J2mf:hover .cover_iMf2l {
          display: block; }
  .modal_KlCA8 .content_2VTZW .item_3Iy19 .picture_2J2mf > img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
  .modal_KlCA8 .content_2VTZW .item_3Iy19 .picture_2J2mf .cover_iMf2l {
          display: none;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.3); }
  .modal_KlCA8 .content_2VTZW .item_3Iy19 .name_3vhUD {
        display: inline-block;
        max-width: 100%;
        margin-top: 13px;
        font-size: 18px;
        font-weight: 500;
        color: #111111;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: relative; }
  .modal_KlCA8 .content_2VTZW .item_3Iy19 .name_3vhUD:hover::before {
          right: 0%; }
  .modal_KlCA8 .content_2VTZW .item_3Iy19 .name_3vhUD::before {
          content: "";
          position: absolute;
          left: 0;
          right: 100%;
          bottom: 0;
          background: #000000;
          height: 1px;
          -webkit-transition-property: right;
          transition-property: right;
          -webkit-transition-duration: 0.3s;
                  transition-duration: 0.3s;
          -webkit-transition-timing-function: ease;
                  transition-timing-function: ease; }
  .modal_KlCA8 .content_2VTZW .item_3Iy19 .desc_2aKJ_ {
        height: 34px;
        line-height: 17px;
        font-size: 14px;
        font-weight: 400;
        color: #333333;
        cursor: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }

.patternImgList_6-pjr {
  position: relative;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 100%; }
  .patternImgList_6-pjr::-webkit-scrollbar {
    width: 0; }
  .patternImgList_6-pjr > .contentHeader_7Hiyq {
    padding: 64px 0px 50px;
    margin: 0 auto;
    width: 100%; }
  .patternImgList_6-pjr > .contentHeader_7Hiyq > .patternTitle_KrNn9 {
      font-size: 36px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: bold;
      color: #090909;
      line-height: 50px;
      text-align: center;
      font-size: 36px; }
  .patternImgList_6-pjr > .contentHeader_7Hiyq > .patternTime_MvOwv {
      text-align: center;
      padding: 6px 0 0;
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #090909;
      line-height: 17px; }
  .patternImgList_6-pjr > .patternBody_117-- {
    padding: 0 50px;
    position: relative; }
  .patternImgList_6-pjr > .patternBody_117-- > .patternTool_2q0vN {
      padding-bottom: 14px;
      padding-top: 15px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      position: sticky;
      top: 28px;
      left: 0;
      background-color: #ffffff;
      z-index: 100; }
  .patternImgList_6-pjr > .patternBody_117-- > .patternTool_2q0vN > .pickageDown_1gT7e,
      .patternImgList_6-pjr > .patternBody_117-- > .patternTool_2q0vN > .patternCollect_2omg8 {
        width: 110px;
        height: 35px;
        font-size: 12px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        line-height: 16px;
        cursor: pointer;
        overflow: hidden; }
  .patternImgList_6-pjr > .patternBody_117-- > .patternTool_2q0vN > .pickageDown_1gT7e > div,
        .patternImgList_6-pjr > .patternBody_117-- > .patternTool_2q0vN > .patternCollect_2omg8 > div {
          border: 1px solid #000000;
          width: 105px;
          height: 30px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          position: relative; }
  .patternImgList_6-pjr > .patternBody_117-- > .patternTool_2q0vN > .pickageDown_1gT7e > div::before, .patternImgList_6-pjr > .patternBody_117-- > .patternTool_2q0vN > .pickageDown_1gT7e > div::after,
          .patternImgList_6-pjr > .patternBody_117-- > .patternTool_2q0vN > .patternCollect_2omg8 > div::before,
          .patternImgList_6-pjr > .patternBody_117-- > .patternTool_2q0vN > .patternCollect_2omg8 > div::after {
            position: absolute;
            content: "";
            background: #50596d; }
  .patternImgList_6-pjr > .patternBody_117-- > .patternTool_2q0vN > .pickageDown_1gT7e > div::before,
          .patternImgList_6-pjr > .patternBody_117-- > .patternTool_2q0vN > .patternCollect_2omg8 > div::before {
            bottom: -6px;
            left: 2px;
            height: 5px;
            width: 105px;
            -webkit-transform: skew(45deg);
                -ms-transform: skew(45deg);
                    transform: skew(45deg); }
  .patternImgList_6-pjr > .patternBody_117-- > .patternTool_2q0vN > .pickageDown_1gT7e > div::after,
          .patternImgList_6-pjr > .patternBody_117-- > .patternTool_2q0vN > .patternCollect_2omg8 > div::after {
            top: 2px;
            right: -6px;
            width: 5px;
            height: 30px;
            -webkit-transform: skewY(45deg);
                -ms-transform: skewY(45deg);
                    transform: skewY(45deg); }
  .patternImgList_6-pjr > .patternBody_117-- > .patternTool_2q0vN > .pickageDown_1gT7e,
      .patternImgList_6-pjr > .patternBody_117-- > .patternTool_2q0vN > .patternCollect_2omg8 {
        color: rgba(0, 0, 0, 0.99); }
  .patternImgList_6-pjr > .patternBody_117-- > .patternTool_2q0vN > .pickageDown_1gT7e:hover,
        .patternImgList_6-pjr > .patternBody_117-- > .patternTool_2q0vN > .patternCollect_2omg8:hover {
          color: rgba(255, 255, 255, 0.99); }
  .patternImgList_6-pjr > .patternBody_117-- > .patternTool_2q0vN > .pickageDown_1gT7e:hover > div,
          .patternImgList_6-pjr > .patternBody_117-- > .patternTool_2q0vN > .patternCollect_2omg8:hover > div {
            background: #50596d; }
  .patternImgList_6-pjr > .patternBody_117-- > .patternTool_2q0vN > .patternCollect_2omg8 {
        margin-right: 32px; }
  .patternImgList_6-pjr > .patternBody_117-- > .patternTool_2q0vN .weekList_MNtoE {
        margin-left: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 32px; }
  .patternImgList_6-pjr > .patternBody_117-- > .patternTool_2q0vN .weekList_MNtoE .weekListItem_1sQYH {
          height: 28px;
          font-size: 20px;
          font-weight: bold;
          color: rgba(0, 0, 0, 0.5);
          line-height: 28px;
          cursor: pointer; }
  .patternImgList_6-pjr > .patternBody_117-- > .patternTool_2q0vN .weekList_MNtoE .weekListItem_1sQYH.active_14-r6 {
            color: #393f48; }
  .patternImgList_6-pjr > .patternBody_117-- > .patternList_155PK {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-top: 15px;
      -ms-flex-line-pack: start;
          align-content: flex-start; }
  .patternImgList_6-pjr > .patternBody_117-- > .patternList_155PK .patternItemWrap_3bAm3 {
        margin-right: 16px;
        margin-bottom: 16px; }
  .patternImgList_6-pjr > .patternBody_117-- > .patternList_155PK .patternItemWrap_3bAm3:nth-child(4n) {
          margin-right: unset; }
  .patternImgList_6-pjr > .patternBody_117-- > .patternListLoadAll_K8JmG {
      text-align: center;
      font-size: 12px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #595959;
      line-height: 17px;
      padding: 40px 0 60px; }
  .patternImgList_6-pjr > .patternBody_117-- > .loading_3Ed1K {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 40px 0; }
  .patternImgList_6-pjr > .patternBody_117-- .pagination_3aXFO {
      margin: 40px 0 0;
      padding-bottom: 98px; }
  .patternImgList_6-pjr > .patternBody_117-- .goTop1_ZLLiO {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 48px;
      height: 48px;
      -webkit-box-shadow: 0px 4px 10px 0px rgba(181, 181, 181, 0.5);
              box-shadow: 0px 4px 10px 0px rgba(181, 181, 181, 0.5);
      border-radius: 50%;
      background-color: #fff;
      overflow: hidden; }
  .patternImgList_6-pjr > .patternBody_117-- .goTop1_ZLLiO > i {
        margin-top: 1px;
        font-size: 16px;
        color: #aaaaaa; }
  .patternImgList_6-pjr > .patternBody_117-- .goTop1_ZLLiO:hover {
        background-color: #000; }
  .patternImgList_6-pjr > .patternBody_117-- .goTop1_ZLLiO:hover > i {
          color: #fff; }
  .funcs_2jnNH {
  position: fixed;
  bottom: 39px;
  height: 50px;
  background-color: rgba(57, 63, 72, 0.7);
  width: 100%;
  z-index: 12; }
  .funcs_2jnNH .right_1oIfr {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    padding-right: 40px; }
  .funcs_2jnNH .right_1oIfr .selectAll_10umU {
      height: 20px;
      line-height: 20px;
      font-size: 12px;
      font-weight: 400;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-right: 20px;
      cursor: pointer;
      color: #fff; }
  .funcs_2jnNH .right_1oIfr .selectAll_10umU .iconContainer_3P53Z {
        width: 20px;
        height: 20px;
        border-radius: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background-color: rgba(255, 255, 255, 0.8);
        color: #fff;
        margin-right: 5px;
        text-align: center;
        line-height: 20px;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
  .funcs_2jnNH .right_1oIfr .selectAll_10umU .iconContainer_3P53Z .icon_YOKeW {
          width: 16px;
          height: 16px;
          line-height: 20px;
          color: #fff;
          background-color: black;
          border-radius: 8px;
          margin: 0; }
  .funcs_2jnNH .right_1oIfr .selectAll_10umU .iconContainer_3P53Z .normal_3Klhk {
          width: 16px;
          height: 16px;
          background-color: rgba(0, 0, 0, 0.2);
          border-radius: 8px; }
  .funcs_2jnNH .right_1oIfr .download_aLPGQ {
      height: 28px;
      font-size: 12px;
      line-height: 28px;
      font-weight: 400;
      color: black;
      padding: 0 16px;
      background-color: #fff; }
  .funcs_2jnNH .right_1oIfr .download_aLPGQ:hover {
        background-color: #d4d4d4; }
  .modal_ujm_a {
  padding: 26px; }
  .modal_ujm_a .title_3ZQkH .t1_1-Dk6 {
    font-size: 42px;
    font-weight: 800;
    color: #333333;
    margin-right: 10px; }
  .modal_ujm_a .title_3ZQkH .t2_3Sj8M {
    font-size: 24px;
    font-weight: 500;
    color: #333333;
    line-height: 33px; }
  .modal_ujm_a .content_11oir {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .modal_ujm_a .content_11oir .item_uHzIr {
      display: inline-block;
      margin-top: 30px;
      width: 378px; }
  .modal_ujm_a .content_11oir .item_uHzIr .picture_QCqUA {
        width: 378px;
        height: 214px;
        position: relative; }
  .modal_ujm_a .content_11oir .item_uHzIr .picture_QCqUA:hover .cover_3sCEi {
          display: block; }
  .modal_ujm_a .content_11oir .item_uHzIr .picture_QCqUA > img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover; }
  .modal_ujm_a .content_11oir .item_uHzIr .picture_QCqUA .cover_3sCEi {
          display: none;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.3); }
  .modal_ujm_a .content_11oir .item_uHzIr .name_1x1a0 {
        display: inline-block;
        max-width: 100%;
        margin-top: 13px;
        font-size: 18px;
        font-weight: 500;
        color: #111111;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: relative; }
  .modal_ujm_a .content_11oir .item_uHzIr .name_1x1a0:hover::before {
          right: 0%; }
  .modal_ujm_a .content_11oir .item_uHzIr .name_1x1a0::before {
          content: "";
          position: absolute;
          left: 0;
          right: 100%;
          bottom: 0;
          background: #000000;
          height: 1px;
          -webkit-transition-property: right;
          transition-property: right;
          -webkit-transition-duration: 0.3s;
                  transition-duration: 0.3s;
          -webkit-transition-timing-function: ease;
                  transition-timing-function: ease; }
  .modal_ujm_a .content_11oir .item_uHzIr .desc_1Z4KV {
        height: 34px;
        line-height: 17px;
        font-size: 14px;
        font-weight: 400;
        color: #333333;
        cursor: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }

.yinHuaTuKu_2fcnc .recommend_1DL-4 {
  margin-bottom: 48px; }
  .yinHuaTuKu_2fcnc .recommend_1DL-4 .header_3qUn- {
    height: 35px;
    padding-bottom: 10px;
    border-bottom: 1px solid #afafaf;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .yinHuaTuKu_2fcnc .recommend_1DL-4 .header_3qUn- .title_15HTd {
      height: 25px;
      font-size: 18px;
      font-weight: bold;
      color: #000000;
      line-height: 25px; }
  .yinHuaTuKu_2fcnc .recommend_1DL-4 .header_3qUn- .desc_18Xzt {
      margin-left: 16px;
      font-size: 12px;
      font-weight: 400;
      color: rgba(0, 0, 0, 0.7);
      line-height: 16px;
      -webkit-transform: translateY(-1px);
          -ms-transform: translateY(-1px);
              transform: translateY(-1px); }
  .yinHuaTuKu_2fcnc .recommend_1DL-4 .header_3qUn- .more_2eC3T {
      margin-left: auto;
      padding: 0 8px;
      padding-right: 4px;
      height: 20px;
      background: #000;
      border-radius: 2px;
      font-size: 12px;
      font-weight: 400;
      color: #ffffff;
      line-height: 18px;
      text-align: center;
      cursor: pointer;
      border: 1px solid #000;
      -webkit-transition: none;
      transition: none; }
  .yinHuaTuKu_2fcnc .recommend_1DL-4 .header_3qUn- .more_2eC3T:hover {
        background: #fff;
        color: #000; }
  .yinHuaTuKu_2fcnc .recommend_1DL-4 .pics_nlxUV {
    margin-top: 24px; }
  .yinHuaTuKu_2fcnc .recommend_1DL-4 .pics_nlxUV .recommendContainer_203WP {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      width: 100%;
      height: 100%; }
  .yinHuaTuKu_2fcnc .recommend_1DL-4 .pics_nlxUV .info_1OS_l {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-right: 1px solid rgba(0, 0, 0, 0.08);
      padding-right: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  .yinHuaTuKu_2fcnc .recommend_1DL-4 .pics_nlxUV .info_1OS_l .title_15HTd {
        height: 28px;
        font-size: 20px;
        font-weight: bold;
        color: #000000;
        line-height: 28px;
        margin-bottom: 12px; }
  .yinHuaTuKu_2fcnc .recommend_1DL-4 .pics_nlxUV .info_1OS_l .desc_18Xzt {
        width: calc(100% + 8px);
        max-height: 192px;
        font-size: 14px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.8);
        line-height: 24px;
        overflow-x: hidden;
        overflow-y: auto; }
  .yinHuaTuKu_2fcnc .recommend_1DL-4 .pics_nlxUV .info_1OS_l .desc_18Xzt::-webkit-scrollbar {
          width: 4px;
          background: transparent; }
  .yinHuaTuKu_2fcnc .recommend_1DL-4 .pics_nlxUV .info_1OS_l .desc_18Xzt::-webkit-scrollbar-thumb {
          background: rgba(0, 0, 0, 0.1);
          border: none; }
  .yinHuaTuKu_2fcnc .recommend_1DL-4 .pics_nlxUV .info_1OS_l .desc_18Xzt::-webkit-scrollbar-track-piece {
          background: #fafbfa; }
  .yinHuaTuKu_2fcnc .recommend_1DL-4 .pics_nlxUV .info_1OS_l .keywords_1X4p2 {
        margin: 16px 0;
        border-top: 1px solid rgba(0, 0, 0, 0.08);
        padding-top: 16px;
        height: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
  .yinHuaTuKu_2fcnc .recommend_1DL-4 .pics_nlxUV .info_1OS_l .keywords_1X4p2 .title_15HTd {
          height: 17px;
          font-size: 12px;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.4);
          line-height: 17px;
          margin-bottom: 10px; }
  .yinHuaTuKu_2fcnc .recommend_1DL-4 .pics_nlxUV .info_1OS_l .keywords_1X4p2 .keywordContainer_1NIHa {
          height: 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          overflow-x: hidden;
          overflow-y: auto;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -ms-flex-line-pack: start;
              align-content: flex-start; }
  .yinHuaTuKu_2fcnc .recommend_1DL-4 .pics_nlxUV .info_1OS_l .keywords_1X4p2 .keywordContainer_1NIHa::-webkit-scrollbar {
            width: 4px;
            background: transparent; }
  .yinHuaTuKu_2fcnc .recommend_1DL-4 .pics_nlxUV .info_1OS_l .keywords_1X4p2 .keywordContainer_1NIHa::-webkit-scrollbar-thumb {
            background: rgba(0, 0, 0, 0.1);
            border: none; }
  .yinHuaTuKu_2fcnc .recommend_1DL-4 .pics_nlxUV .info_1OS_l .keywords_1X4p2 .keywordContainer_1NIHa::-webkit-scrollbar-track-piece {
            background: #fafbfa; }
  .yinHuaTuKu_2fcnc .recommend_1DL-4 .pics_nlxUV .info_1OS_l .keywords_1X4p2 .keywordContainer_1NIHa .keyword_2SqDZ {
            padding: 4px 8px;
            height: 24px;
            border-radius: 12px;
            border: 1px solid #d8dae2;
            font-size: 12px;
            font-weight: 400;
            color: #6e6e6e;
            line-height: 14px;
            margin-right: 8px;
            margin-bottom: 10px;
            cursor: pointer; }
  .yinHuaTuKu_2fcnc .recommend_1DL-4 .pics_nlxUV .info_1OS_l .keywords_1X4p2 .keywordContainer_1NIHa .keyword_2SqDZ:hover {
              background: #000;
              color: #fff;
              border-color: #000; }
  .yinHuaTuKu_2fcnc .recommend_1DL-4 .pics_nlxUV .info_1OS_l .release_3qR0N {
        height: 16px;
        font-size: 12px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.6);
        line-height: 16px;
        text-align: right; }
  .yinHuaTuKu_2fcnc .pic_3ELCm:hover .itemFooter_wf4qX .color_3gNsJ {
  visibility: hidden; }
  .yinHuaTuKu_2fcnc .pic_3ELCm:hover .itemFooter_wf4qX .colorsHover_1P7ht .colorBlock_BAREm {
  top: 0; }
  .yinHuaTuKu_2fcnc .pic_3ELCm .itemFooter_wf4qX {
  height: 36px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  .yinHuaTuKu_2fcnc .pic_3ELCm .itemFooter_wf4qX .colorContainer_MrwMx {
    width: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden; }
  .yinHuaTuKu_2fcnc .pic_3ELCm .itemFooter_wf4qX .colorContainer_MrwMx .color_3gNsJ {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      margin-left: 8px; }
  .yinHuaTuKu_2fcnc .pic_3ELCm .itemFooter_wf4qX .colorContainer_MrwMx .color_3gNsJ:first-child {
        margin-left: 0; }
  .yinHuaTuKu_2fcnc .pic_3ELCm .itemFooter_wf4qX .colorContainer_MrwMx .new_1Gxke {
      margin-left: 12px;
      width: 32px;
      height: 20px; }
  .yinHuaTuKu_2fcnc .pic_3ELCm .itemFooter_wf4qX .releaseTime_2PjMK {
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    line-height: 16px; }
  .yinHuaTuKu_2fcnc .pic_3ELCm .itemFooter_wf4qX .colorsHover_1P7ht {
    position: absolute;
    width: 100%;
    height: 30px;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden; }
  .yinHuaTuKu_2fcnc .pic_3ELCm .itemFooter_wf4qX .colorsHover_1P7ht .colorBlock_BAREm {
      position: relative;
      top: -30px;
      height: 100%;
      -webkit-transition: top 0.2s cubic-bezier(0.57, 0.005, 0.055, 0.995);
      transition: top 0.2s cubic-bezier(0.57, 0.005, 0.055, 0.995);
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .yinHuaTuKu_2fcnc .content_2tsef .header_3qUn- {
  height: 35px;
  padding-bottom: 10px;
  border-bottom: 1px solid #afafaf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }
  .yinHuaTuKu_2fcnc .content_2tsef .header_3qUn-.fixed_1AJqr {
    position: fixed;
    top: 80px;
    z-index: 10;
    background: #fafbfa;
    height: 63px; }
  .yinHuaTuKu_2fcnc .content_2tsef .header_3qUn- .title_15HTd {
    height: 25px;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    line-height: 25px; }
  .yinHuaTuKu_2fcnc .content_2tsef .header_3qUn- .right_1TMVu {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .yinHuaTuKu_2fcnc .content_2tsef .header_3qUn- .right_1TMVu .funcs_3K4HI {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .yinHuaTuKu_2fcnc .content_2tsef .header_3qUn- .right_1TMVu .funcs_3K4HI .item_1Xj8u {
        margin-right: 25px;
        font-size: 14px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.6);
        line-height: 16px;
        cursor: pointer; }
  .yinHuaTuKu_2fcnc .content_2tsef .header_3qUn- .right_1TMVu .funcs_3K4HI > i {
        margin-left: 21px;
        color: #c9c9c9;
        cursor: pointer; }
  .yinHuaTuKu_2fcnc .content_2tsef .header_3qUn- .right_1TMVu .funcs_3K4HI > i.active_33Kb1 {
          color: #343434; }
  .yinHuaTuKu_2fcnc .content_2tsef .header_3qUn- .right_1TMVu .order_ph_7n {
      margin-left: 46px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .yinHuaTuKu_2fcnc .content_2tsef .header_3qUn- .right_1TMVu .order_ph_7n .item_1Xj8u {
        padding: 0 5px;
        height: 20px;
        background: #fff;
        border: 1px solid #000000;
        font-size: 12px;
        font-weight: 400;
        color: #000;
        line-height: 17px;
        text-align: center;
        cursor: pointer; }
  .yinHuaTuKu_2fcnc .content_2tsef .header_3qUn- .right_1TMVu .order_ph_7n .item_1Xj8u.active_33Kb1 {
          color: #fff;
          background: #000; }
  .yinHuaTuKu_2fcnc .content_2tsef .noRecommendMore_180xm {
  margin-top: 16px;
  margin-bottom: 10px;
  height: 20px; }
  .yinHuaTuKu_2fcnc .content_2tsef .noRecommendMore_180xm.fixed_1AJqr {
    position: fixed;
    top: 143px;
    z-index: 10;
    background: #fafbfa;
    height: 46px;
    margin: 0; }
  .yinHuaTuKu_2fcnc .content_2tsef .noRecommendMore_180xm.fixed_1AJqr .more_2eC3T {
      margin-top: 16px; }
  .yinHuaTuKu_2fcnc .content_2tsef .noRecommendMore_180xm .more_2eC3T {
    padding: 0 8px;
    padding-right: 4px;
    height: 20px;
    background: #000000;
    border-radius: 2px;
    cursor: pointer;
    float: right;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
    line-height: 18px;
    border: 1px solid #000; }
  .yinHuaTuKu_2fcnc .content_2tsef .noRecommendMore_180xm .more_2eC3T:hover {
      background: #fff;
      color: #000; }
  .yinHuaTuKu_2fcnc .content_2tsef .list_2-zEo {
  margin-top: 24px;
  padding-bottom: 50px;
  position: relative; }
  .yinHuaTuKu_2fcnc .content_2tsef .list_2-zEo .loadSvg_2yybc {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .yinHuaTuKu_2fcnc .content_2tsef .list_2-zEo .loadSvg_2yybc > img {
      width: 40px; }
  .yinHuaTuKu_2fcnc .content_2tsef .noData_Lx4ay {
  width: 100%;
  height: 800px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
      align-items: center;
  padding-top: 40px; }
  .yinHuaTuKu_2fcnc .content_2tsef .noData_Lx4ay img {
    width: 400px; }

.yinHuaTuKu_15KFz .recommend_3lbLM {
  position: relative;
  padding-bottom: 50px; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .header_SF8KC {
    height: 35px;
    padding-bottom: 10px;
    border-bottom: 1px solid #afafaf;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .header_SF8KC .title_3BPyX {
      height: 25px;
      font-size: 18px;
      font-weight: bold;
      color: #000000;
      line-height: 25px; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .pics_3ceLx {
    margin-top: 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .pics_3ceLx .info_eIFEN {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border-right: 1px solid rgba(0, 0, 0, 0.08);
      padding-right: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .pics_3ceLx .info_eIFEN .title_3BPyX {
        height: 28px;
        font-size: 20px;
        font-weight: bold;
        color: #000000;
        line-height: 28px;
        margin-bottom: 12px; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .pics_3ceLx .info_eIFEN .desc_F4DfI {
        width: calc(100% + 8px);
        max-height: 240px;
        font-size: 14px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.8);
        line-height: 24px;
        overflow-x: hidden;
        overflow-y: auto; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .pics_3ceLx .info_eIFEN .desc_F4DfI::-webkit-scrollbar {
          width: 4px;
          background: transparent; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .pics_3ceLx .info_eIFEN .desc_F4DfI::-webkit-scrollbar-thumb {
          background: rgba(0, 0, 0, 0.1);
          border: none; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .pics_3ceLx .info_eIFEN .desc_F4DfI::-webkit-scrollbar-track-piece {
          background: #FAFBFA; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .pics_3ceLx .info_eIFEN .keywords_2hbwk {
        margin: 16px 0;
        border-top: 1px solid rgba(0, 0, 0, 0.08);
        padding-top: 16px;
        height: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .pics_3ceLx .info_eIFEN .keywords_2hbwk .title_3BPyX {
          height: 17px;
          font-size: 12px;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.4);
          line-height: 17px;
          margin-bottom: 10px; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .pics_3ceLx .info_eIFEN .keywords_2hbwk .keywordContainer_1I1fi {
          height: 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          overflow-x: hidden;
          overflow-y: auto;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -ms-flex-line-pack: start;
              align-content: flex-start; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .pics_3ceLx .info_eIFEN .keywords_2hbwk .keywordContainer_1I1fi::-webkit-scrollbar {
            width: 4px;
            background: transparent; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .pics_3ceLx .info_eIFEN .keywords_2hbwk .keywordContainer_1I1fi::-webkit-scrollbar-thumb {
            background: rgba(0, 0, 0, 0.1);
            border: none; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .pics_3ceLx .info_eIFEN .keywords_2hbwk .keywordContainer_1I1fi::-webkit-scrollbar-track-piece {
            background: #FAFBFA; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .pics_3ceLx .info_eIFEN .keywords_2hbwk .keywordContainer_1I1fi .keyword_3iUZy {
            padding: 4px 8px;
            height: 24px;
            border-radius: 12px;
            border: 1px solid #d8dae2;
            font-size: 12px;
            font-weight: 400;
            color: #6e6e6e;
            line-height: 14px;
            margin-right: 8px;
            margin-bottom: 10px;
            cursor: pointer; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .pics_3ceLx .info_eIFEN .keywords_2hbwk .keywordContainer_1I1fi .keyword_3iUZy:hover {
              background: #000;
              color: #fff;
              border-color: #000; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .pics_3ceLx .info_eIFEN .release_3Y7f- {
        height: 16px;
        font-size: 12px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.6);
        line-height: 16px;
        text-align: right; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .pics_3ceLx .pic_2mvP4 {
      margin-left: 20px; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .pics_3ceLx .pic_2mvP4:first-child {
        margin-left: 0; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .pics_3ceLx .pic_2mvP4:hover .itemFooter_2dOiC .color_1Z0MJ {
        visibility: hidden; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .pics_3ceLx .pic_2mvP4:hover .itemFooter_2dOiC .colorsHover_1LTfQ .colorBlock_1lDUe {
        top: 0; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .pics_3ceLx .pic_2mvP4 .itemFooter_2dOiC {
        height: 36px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.9);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: relative; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .pics_3ceLx .pic_2mvP4 .itemFooter_2dOiC .colorContainer_1anBc {
          width: 0;
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          overflow: hidden; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .pics_3ceLx .pic_2mvP4 .itemFooter_2dOiC .colorContainer_1anBc .color_1Z0MJ {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            margin-left: 8px; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .pics_3ceLx .pic_2mvP4 .itemFooter_2dOiC .colorContainer_1anBc .color_1Z0MJ:first-child {
              margin-left: 0; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .pics_3ceLx .pic_2mvP4 .itemFooter_2dOiC .colorContainer_1anBc .new_1SmP3 {
            margin-left: 12px;
            width: 28px;
            height: 15px;
            background: #ed0002;
            color: #fff;
            border-radius: 3px;
            font-size: 10px;
            line-height: 15px;
            text-align: center; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .pics_3ceLx .pic_2mvP4 .itemFooter_2dOiC .releaseTime_uZhJu {
          font-size: 12px;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.6);
          line-height: 16px; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .pics_3ceLx .pic_2mvP4 .itemFooter_2dOiC .colorsHover_1LTfQ {
          position: absolute;
          width: 100%;
          height: 30px;
          left: 0;
          top: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          overflow: hidden; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .pics_3ceLx .pic_2mvP4 .itemFooter_2dOiC .colorsHover_1LTfQ .colorBlock_1lDUe {
            position: relative;
            top: -30px;
            height: 100%;
            -webkit-transition: top 0.2s cubic-bezier(0.57, 0.005, 0.055, 0.995);
            transition: top 0.2s cubic-bezier(0.57, 0.005, 0.055, 0.995);
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .loadSvg_17ElP {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .yinHuaTuKu_15KFz .recommend_3lbLM .loadSvg_17ElP > img {
      width: 40px; }

.baoKuanKuaiFan_2Vt8P .headerContainer_en0XD {
  padding-bottom: 24px; }
  .baoKuanKuaiFan_2Vt8P .headerContainer_en0XD.fixed_3Kn-b {
    position: fixed;
    padding-top: 28px;
    top: 80px;
    z-index: 10;
    background: #fafbfa; }
  .baoKuanKuaiFan_2Vt8P .headerContainer_en0XD .header_uta09 {
    height: 35px;
    padding-bottom: 10px;
    border-bottom: 1px solid #afafaf;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .baoKuanKuaiFan_2Vt8P .headerContainer_en0XD .header_uta09 .left_1tJGp {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .baoKuanKuaiFan_2Vt8P .headerContainer_en0XD .header_uta09 .left_1tJGp .title_rwP5V {
        height: 25px;
        font-size: 18px;
        font-weight: bold;
        color: #000000;
        line-height: 25px; }
  .baoKuanKuaiFan_2Vt8P .headerContainer_en0XD .header_uta09 .left_1tJGp .line_1-2vH {
        width: 2px;
        height: 14px;
        background: rgba(0, 0, 0, 0.4);
        margin: 0 40px; }
  .baoKuanKuaiFan_2Vt8P .headerContainer_en0XD .header_uta09 .left_1tJGp .attr_1mZAP {
        height: 22px;
        font-size: 16px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.6);
        line-height: 22px;
        margin-right: 32px;
        cursor: pointer;
        position: relative; }
  .baoKuanKuaiFan_2Vt8P .headerContainer_en0XD .header_uta09 .left_1tJGp .attr_1mZAP.active_GyTOf {
          color: #000; }
  .baoKuanKuaiFan_2Vt8P .headerContainer_en0XD .header_uta09 .left_1tJGp .attr_1mZAP.active_GyTOf::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -12px;
            width: 100%;
            height: 4px;
            background: #000000; }
  .baoKuanKuaiFan_2Vt8P .headerContainer_en0XD .header_uta09 .left_1tJGp .product-more__Twfn {
        line-height: 23px;
        width: 56px;
        height: 25px;
        border-radius: 1100px;
        border: 1px solid #8a8a8a;
        font-size: 12px;
        margin-top: 2px;
        cursor: pointer;
        text-align: center; }
  .baoKuanKuaiFan_2Vt8P .headerContainer_en0XD .header_uta09 .right_3ozDU {
      margin-left: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .baoKuanKuaiFan_2Vt8P .headerContainer_en0XD .header_uta09 .right_3ozDU .funcs_3UZNi {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .baoKuanKuaiFan_2Vt8P .headerContainer_en0XD .header_uta09 .right_3ozDU .funcs_3UZNi .item_1DC1m {
          margin-right: 25px;
          font-size: 14px;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.6);
          line-height: 16px;
          cursor: pointer; }
  .baoKuanKuaiFan_2Vt8P .headerContainer_en0XD .header_uta09 .right_3ozDU .funcs_3UZNi > i {
          margin-left: 21px;
          color: #c9c9c9;
          cursor: pointer; }
  .baoKuanKuaiFan_2Vt8P .headerContainer_en0XD .header_uta09 .right_3ozDU .funcs_3UZNi > i.active_GyTOf {
            color: #343434; }
  .baoKuanKuaiFan_2Vt8P .headerContainer_en0XD .header_uta09 .right_3ozDU .funcs_3UZNi .imgContainer_1CXxB {
          height: 24px; }
  .baoKuanKuaiFan_2Vt8P .headerContainer_en0XD .header_uta09 .right_3ozDU .funcs_3UZNi .imgContainer_1CXxB img {
            cursor: pointer; }
  .baoKuanKuaiFan_2Vt8P .list_2TQZA {
  padding-bottom: 50px;
  position: relative; }
  .baoKuanKuaiFan_2Vt8P .list_2TQZA .pic_1LBGG:hover .qrcode_YXere {
    display: block; }
  .baoKuanKuaiFan_2Vt8P .list_2TQZA .pic_1LBGG .qrcode_YXere {
    pointer-events: none;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10; }
  .baoKuanKuaiFan_2Vt8P .list_2TQZA .pic_1LBGG .qrcode_YXere img {
      width: 100%;
      height: 100%; }
  .baoKuanKuaiFan_2Vt8P .list_2TQZA .loadSvg_2ng_A {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .baoKuanKuaiFan_2Vt8P .list_2TQZA .loadSvg_2ng_A > img {
      width: 40px; }
  .baoKuanKuaiFan_2Vt8P .list_2TQZA .itemFooter_1Pgdz {
    height: 36px;
    border-bottom: 1px solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 12px;
    font-weight: 500;
    color: #000000;
    line-height: 16px; }
  .baoKuanKuaiFan_2Vt8P .list_2TQZA .itemFooter_1Pgdz .right_3ozDU {
      margin-left: auto;
      height: 24px;
      background: #000000;
      border-radius: 12px;
      padding: 0 12px;
      font-size: 12px;
      font-weight: 400;
      color: #ffffff;
      line-height: 24px;
      cursor: pointer; }
  .baoKuanKuaiFan_2Vt8P .pagination_1oXMX {
  margin-top: 40px;
  height: 103px; }

.product-popover .ant-popover-arrow {
  display: none;
}
.product-popover .ant-popover-inner-content {
  padding: 0;
}

.tip_3q_7r .content_GA_hQ {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.tip_3q_7r .cursor_1R6bz {
  display: none;
  position: absolute;
  color: #000;
  font-size: 20px; }

.tip_3q_7r .text_1_k_g {
  display: none;
  width: auto;
  height: 24px;
  line-height: 24px;
  background: #000000;
  border-radius: 3px;
  color: #fff;
  padding: 0 6px;
  white-space: nowrap; }

.tip_3q_7r:hover .text_1_k_g {
  display: block; }

.tip_3q_7r:hover .cursor_1R6bz {
  display: block; }

.searchPage-pictureList-container .card {
  text-align: left;
}
.searchPage-pictureList-container .card:hover {
  z-index: 1;
}
.searchPage-pictureList-container .card .card-footer {
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #000;
  background: #fafafa;
}
.searchPage-pictureList-container .card .card-footer .card-footer-item {
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  border-right: 1px solid rgba(0, 0, 0, 0.6);
  position: relative;
  cursor: pointer;
  color: #000;
}

.fabuhuiHeader_1kgNt {
  margin-bottom: 16px;
  width: 100%;
  height: 85px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.22)), color-stop(41%, #000000), to(#4D1616));
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.22) 0%, #000000 41%, #4D1616 100%);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden; }
  .fabuhuiHeader_1kgNt .bgImg_3kzbl {
    position: absolute;
    width: 40%;
    left: 0;
    top: 0;
    z-index: 1; }
  .fabuhuiHeader_1kgNt .center_3WmBr {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px; }
  .fabuhuiHeader_1kgNt .center_3WmBr .text_BYT33 {
      font-weight: bold;
      font-size: 34px;
      color: #fff; }
  .fabuhuiHeader_1kgNt .center_3WmBr .btn_rvx0e {
      width: 116px;
      height: 40px;
      background: url("https://assets.wow-trend.com/wowtrend/static/resource/images/aiChengyi/e5d8270b.png") no-repeat center center;
      background-size: 100% 100%;
      cursor: pointer;
      font-weight: bold;
      font-size: 17px;
      color: #fff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  .fabuhuiHeader_1kgNt .qrcode_3BcdA {
    position: absolute;
    right: 14px;
    top: 0;
    height: 100%;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .fabuhuiHeader_1kgNt .qrcode_3BcdA .img_3jIqa {
      margin-top: 9px;
      width: 56px;
      height: 56px; }
  .fabuhuiHeader_1kgNt .qrcode_3BcdA .text_BYT33 {
      font-weight: 500;
      font-size: 8px;
      color: #fff;
      line-height: 18px; }

.fabuhuiDaily_3kJL6 {
  position: fixed;
  bottom: 24px;
  z-index: 99999;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  width: 347px;
  height: 442px; }
  .fabuhuiDaily_3kJL6 .img_3CJTl {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: 1;
    cursor: pointer; }
  .fabuhuiDaily_3kJL6 .close_2W1b4 {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translateX(50%) translateY(-50%);
        -ms-transform: translateX(50%) translateY(-50%);
            transform: translateX(50%) translateY(-50%);
    z-index: 2;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(2, 2, 2, 0.8);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .fabuhuiDaily_3kJL6 .close_2W1b4 i {
      color: #fff;
      font-size: 16px; }