.requirement-dialog .service-group .el-checkbox-button {
  margin: 5px;
  border: 1px solid #eee;
  line-height: 1;
}
.requirement-dialog .service-group .el-checkbox-button .el-checkbox-button__inner {
  border: none;
  border-radius: 0;
}
.requirement-dialog .service-group .el-checkbox-button.is-checked {
  background-color: #409EFF;
  border-color: #409EFF;
}

.feedback-dialog .picture-upload .el-upload-list__item-status-label {
  display: none !important;
}
.feedback-dialog .picture-upload .el-upload--picture-card {
  width: 90px !important;
  height: 90px !important;
  line-height: 90px !important;
}
.feedback-dialog .picture-upload .el-upload-list--picture-card .el-upload-list__item {
  width: 90px !important;
  height: 90px !important;
  line-height: 90px !important;
}
.feedback-dialog .picture-upload .el-progress.el-progress--circle {
  display: none !important;
}
.feedback-dialog .picture-upload.hide .el-upload--picture-card {
  display: none;
}

.anchor-wrapper[data-v-5d5495f6] {
  --anchor-h: 44px;
  right: 0;
  top: 0;
  padding-top: calc(calc(var(--search-height) + var(--header-height)) + 60px);
  padding-bottom: 50px;
  height: 100vh;
  min-height: 265px;
  background-color: #fff;
  z-index: 10;
  -webkit-box-shadow: -5px 3px 8px 0px rgba(0, 0, 0, 0.05);
          box-shadow: -5px 3px 8px 0px rgba(0, 0, 0, 0.05);
}
.anchor-wrapper .anchor-item[data-v-5d5495f6] {
  width: var(--anchor-w);
  height: var(--anchor-h);
  color: #333;
  z-index: 11;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 1px;
}
.anchor-wrapper .anchor-item .dot-chat-wrapper[data-v-5d5495f6] {
  position: relative;
}
.anchor-wrapper .anchor-item .dot-chat-wrapper[data-v-5d5495f6]::before {
  width: 10px;
  height: 10px;
  background: -webkit-gradient(linear, left top, right top, color-stop(0.04%, #ff7b4f), to(#f22929));
  background: linear-gradient(90deg, #ff7b4f 0.04%, #f22929 100%);
  display: none;
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 50%;
  z-index: 3;
}
.anchor-wrapper .anchor-item .dot-chat-wrapper.unread[data-v-5d5495f6]::before {
  display: block;
}
.anchor-wrapper .anchor-item .anchor-hover[data-v-5d5495f6] {
  width: 0;
  position: absolute;
  left: -18px;
  top: 50%;
  background-color: #fff;
  bottom: 0;
  font-size: 14px;
  color: #000;
  -webkit-transform: translate(-100%, -51%);
          transform: translate(-100%, -51%);
  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: 0;
  overflow: hidden;
  -webkit-filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.05));
          filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.05));
  border-radius: 5px;
}
.anchor-wrapper .anchor-item .anchor-hover.hover1[data-v-5d5495f6] {
  display: none;
  width: 110px;
  padding: 5px;
  height: 110px;
  top: 50%;
  left: -15px;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
  -webkit-transition: none;
  transition: none;
}
.anchor-wrapper .anchor-item .anchor-hover.hover1[data-v-5d5495f6]::after {
  display: block;
  content: " ";
  width: 15px;
  height: 15px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: -7px;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
}
.anchor-wrapper .anchor-item .anchor-hover[data-v-5d5495f6]::after {
  display: block;
  content: " ";
  width: 15px;
  height: 15px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: -7px;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
}
.anchor-wrapper .anchor-item .anchor-icon[data-v-5d5495f6] {
  -webkit-filter: brightness(0.05);
          filter: brightness(0.05);
  width: 24px;
  height: 24px;
  margin-bottom: 6px;
}
.anchor-wrapper .anchor-item[data-v-5d5495f6]:first-child {
  margin-top: 0;
}
.anchor-wrapper .anchor-item:hover .anchor-hover[data-v-5d5495f6] {
  width: 110px;
  padding: 0 5px;
  overflow: visible;
  height: var(--anchor-h);
}
.anchor-wrapper .anchor-item:hover .anchor-hover.hover1[data-v-5d5495f6] {
  display: block;
  width: 110px;
  height: 110px;
  padding: 5px;
  overflow: visible;
}
.anchor-wrapper .anchor-back-top[data-v-5d5495f6] {
  width: var(--anchor-w);
  height: var(--anchor-h);
  color: #333;
  background-color: #fff;
}
.anchor-wrapper .anchor-back-top .anchor-icon[data-v-5d5495f6] {
  -webkit-filter: brightness(0.05);
          filter: brightness(0.05);
  width: 24px;
  height: 24px;
  margin-bottom: 6px;
}

.layout-container[data-v-22242f1b] {
  width: 100vw;
  min-height: 100vh;
  background-color: var(--layout-bg-color);
}
.layout-container .app-main[data-v-22242f1b] {
  width: var(--layout-width);
  margin: 0 auto;
}
.layout-container .popup-container[data-v-22242f1b] .el-carousel__indicator--horizontal .el-carousel__button {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  opacity: 0.3;
}
.layout-container .popup-container[data-v-22242f1b] .el-carousel__indicator--horizontal.is-active .el-carousel__button {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  opacity: 1;
}
.layout-container .popup-container .side-container[data-v-22242f1b] {
  position: absolute;
  width: 180px;
  height: 238px;
  top: 255px;
  z-index: 100;
}
.layout-container .popup-container .side-container:hover .btn-close[data-v-22242f1b] {
  opacity: 1;
}
.layout-container .popup-container .rt[data-v-22242f1b] {
  right: 88px;
}
.layout-container .popup-container .lt[data-v-22242f1b] {
  left: 11px;
}
.layout-container .popup-container .btn-close[data-v-22242f1b] {
  position: absolute;
  opacity: 0;
  top: -20px;
  right: -20px;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
}
.layout-container .popup-container .middle-container[data-v-22242f1b] {
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -400px;
  margin-top: -200px;
  z-index: 115;
}
.layout-container .popup-container .middle-container:hover .mbt-close[data-v-22242f1b] {
  opacity: 1;
}
.layout-container .popup-container .mbt-close[data-v-22242f1b] {
  position: absolute;
  opacity: 0;
  top: -40px;
  right: -40px;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
}

:root {
  --layout-bg-color: #efefefcc;
  --layout-width: 1200px;
  --half-layout: calc(var(--layout-width) / 2);
  --app-main-bg-color: #fff;
  --header-height: 32px;
  --header-bg-color: var(--layout-bg-color);
  --footer-height: 180px;
  --footer-bg-color: #2d2d2d;
  --search-height: 95px;
  --tab-height: 45px;
  --classify-width: 238px;
  --d-border-color: #f3f3f3;
  --kv-height: 480px;
  --anchor-w: 44px;
}
#app {
  font-family: system-ui, -apple-system, SourceHanSansCN-Bold, SourceHanSansCN;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  color: #2c3e50;
}
#app * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#app::-webkit-scrollbar {
  background-color: #fff;
  width: 4px;
}
#app::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
  width: 4px;
}
#app::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 4px;
  width: 4px;
}

.player-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.player-wrapper .video-js {
  position: static;
  overflow: hidden;
}
.player-wrapper img {
  -o-object-fit: cover;
     object-fit: cover;
}

.comment-list-wrapper[data-v-0c56a34c]::-webkit-scrollbar {
  display: none;
}
.comment-list-wrapper .el-input-group__append .cancel-button[data-v-0c56a34c] {
  border-left: 1px solid #dcdfe6;
  border-radius: 0;
}

.bread {
  padding: 10px 0;
  background: transparent !important;
}
.bread .el-breadcrumb__inner.is-link {
  color: #4c4c4c;
}

.checkbox-wrapper[data-v-0a333aae] {
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-radius: 100% !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.checkbox-wrapper .checkbox__inner[data-v-0a333aae] {
  width: 50%;
  height: 50%;
  background-color: #ffffff;
  border-radius: 100%;
}
.checkbox-wrapper .checkbox__inner.active[data-v-0a333aae] {
  background-color: #00c2f5;
}
.checkbox-wrapper.small[data-v-0a333aae] {
  -webkit-transform: scale(0.6, 0.6);
          transform: scale(0.6, 0.6);
  -webkit-transform-origin: center;
          transform-origin: center;
}
.checkbox-wrapper.mini[data-v-0a333aae] {
  -webkit-transform: scale(0.5, 0.5);
          transform: scale(0.5, 0.5);
  -webkit-transform-origin: center;
          transform-origin: center;
}


.editor-wrapper {
.w-e-image-container {
    margin: -6px 0;
}
}
.editor-wrapper.show {
  border: none !important;
}

.register-dialog {
  border-radius: 10px;
  overflow: hidden;
}
.register-dialog .el-dialog__header {
  display: none !important;
}
.register-dialog .el-dialog__body {
  padding: 0 0;
}
.register-dialog .el-dialog__body .dialog-title {
  padding: 38px 0;
  font-weight: bold;
  font-size: 24px;
  color: #333333;
  line-height: 36px;
  text-align: center;
  position: relative;
}
.register-dialog .el-dialog__body .dialog-title .icon {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.register-dialog .el-dialog__body .dialog-title .icon.close-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtBAMAAADINP+pAAAAMFBMVEUAAACJiYmJiYmPj4+KioqLi4uJiYmJiYmJiYmMjIyJiYmKioqJiYmKioqLi4uPj49KOrFlAAAADXRSTlMA6BwQ0xe4p9Qz87Gmh+ZlngAAAPFJREFUOMuFk8ENwjAMRa2yAdwrKnUAugIDQA6ocODABu0GSAyAYAHEnQsLJQEJAQcCK1AVpB8njeJT6sb2i/1N5UuQa8u7oEqPXXcy1Wcy8jpy/IVRR1pL1Xeup1LVtDDyNmT+3MinaP8ObHcv/WUomgp2QPavmEykApL1mQEJ4UjYGiuXAwln3EGslxO1wICDz4xAlpa/HRiAYdgcBkh7wDCkN2AYkgQMQwKMbYfGv6PI/Vh+8ET4/fdG+uP3M9J/f16R+fp6COonpLegPkN6Duo/uC8zAFhIonsfdd29v/JCld54s9t+VlQ+BLk2P4kvaGHXhTwPNGQAAAAASUVORK5CYII=);
  position: absolute;
  right: 34px;
  top: 29px;
}
.register-dialog .el-dialog__body .dialog-content {
  padding: 0 66px 0 45px;
}
.register-dialog .el-dialog__body .dialog-content .send-btn {
  font-size: 16px;
  color: #f36d2c;
  cursor: pointer;
}
.register-dialog .el-dialog__body .dialog-content .el-form-item__label {
  font-size: 16px;
  color: #333333;
}
.register-dialog .el-dialog__body .dialog-content .el-form-item:last-child {
  margin-bottom: 0;
}
.register-dialog .el-dialog__body .dialog-content .el-input__inner {
  border-radius: 5px;
  border-color: #e7e7e7;
}
.register-dialog .el-dialog__body .dialog-content .code-input .el-input__inner {
  border-right: none;
  border-radius: 5px 0 0 5px;
}
.register-dialog .el-dialog__body .dialog-content .code-input .el-input-group__append {
  padding: 0;
  background-color: #fff;
  width: 100px;
  position: relative;
}
.register-dialog .el-dialog__body .dialog-content .code-input .el-input-group__append::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 26px;
  background-color: #e7e7e7;
}
.register-dialog .el-dialog__body .dialog-footer {
  padding: 34px 0 30px 0;
}
.register-dialog .agree-wrapper {
  margin-top: 26px;
  padding: 0 52px 0 46px;
}
.register-dialog .agree-wrapper .agree-list {
  color: #8a8a8a;
  font-size: 14px;
}
.register-dialog .agree-wrapper .agree-list .agree-item {
  color: #0079fd;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.register-dialog .agree-wrapper .agree-list .agree-item.last::after {
  display: none;
}

.open-shop-dialog .el-dialog__header {
  padding: 40px 20px 10px 40px;
}
.open-shop-dialog .el-dialog__header .el-dialog__close {
  font-size: 20px !important;
}
.open-shop-dialog .el-dialog__body {
  padding: 0 40px 48px 40px;
}
.open-shop-dialog .step-wrapper .title {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 45px;
}
.open-shop-dialog .next-btn-wrapper {
  margin-top: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.open-shop-dialog .next-btn-wrapper div {
  width: 200px;
  height: 38px;
  padding: 8px auto;
  background-color: #F36D2CFF;
  color: #fff;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  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;
}

.footer-wrapper[data-v-1415c2a3] {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  min-height: var(--footer-height);
  width: 100vw;
  background-color: var(--footer-bg-color);
  position: relative;
  z-index: 1;
}
.footer-wrapper .footer-view[data-v-1415c2a3] {
  width: var(--layout-width);
  height: inherit;
  padding: 30px 0px;
}
.footer-wrapper .link-hover[data-v-1415c2a3]:hover {
  text-decoration: underline;
}

.header-fixed-wrapper {
  --header-bg-color: #2e2828;
  padding-top: var(--header-height);
}
.header-fixed-wrapper .header-wrapper {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  height: var(--header-height);
  position: fixed !important;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 12;
  background-color: var(--header-bg-color);
  color: #999999;
}
.header-fixed-wrapper .header-wrapper .center-self {
  color: #f4552d !important;
  border-color: #f4552d !important;
  background-color: transparent;
}
.header-fixed-wrapper .header-wrapper .center-self:hover {
  background-color: #f5795aa4;
  color: #fff !important;
}
.header-fixed-wrapper .header-wrapper .full-bg {
  background-color: var(--header-bg-color);
}
.header-fixed-wrapper .header-wrapper .title-wrapper {
  width: var(--layout-width);
  height: inherit;
  position: relative;
  z-index: 13;
  padding-left: 12px;
}
.header-fixed-wrapper .header-wrapper .title-wrapper .right {
  color: #8a8a8a;
  height: inherit;
  line-height: inherit;
}
.header-fixed-wrapper .header-wrapper .title-wrapper .right .pointer:hover {
  color: #f4552d;
}
.header-fixed-wrapper .header-wrapper .title-wrapper .right .el-divider--vertical {
  margin: 0 20px;
  background-color: #999999;
}
.header-fixed-wrapper .header-replace {
  width: 100%;
  height: var(--header-height);
  z-index: -1;
  position: relative;
  background: transparent;
}
.header-fixed-wrapper .address-select-wrapper {
  padding: 2px 0;
  font-size: 14px;
}
.header-fixed-wrapper .address-select .el-input {
  height: auto !important;
}
.header-fixed-wrapper .address-select .el-input__inner {
  width: 75px;
  width: calc(var(--address-count) * 15px + 20px);
  border: none;
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
  color: #999;
  height: 20px;
  line-height: 20px;
  text-align: center;
  padding-right: 20px;
  font-size: 14px;
}
.header-fixed-wrapper .address-select .el-input__suffix {
  right: -6px;
  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;
}
.header-fixed-wrapper .address-select .el-input__prefix {
  display: none;
}
.header-fixed-wrapper .header-cart-btn {
  width: 112px;
  height: 32px;
  background: #424242;
  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;
}
.header-fixed-wrapper .header-cart-btn img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.address-popper .el-select-dropdown__item.selected {
  color: #f4552d;
}
.address-popper .el-select-dropdown__item {
  padding: 0 5px;
  text-align: center;
}
.el-dropdown-menu__item {
  background-color: #fff !important;
}
.el-dropdown-menu__item.selected,
.el-dropdown-menu__item:hover {
  background-color: #fff !important;
  color: #f4552d !important;
}

.preview[data-v-0373338d] {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  overflow: scroll;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.preview-img[data-v-0373338d] {
  padding: 20px;
  display: inline-block;
  margin: auto;
}
.preview-img img[data-v-0373338d] {
  max-width: 100%;
  max-height: 100%;
}

.search-tabs-wrapper {
  --quick-btn-w: 93px;
  --search-input-bg-color: #f4f4f4;
  height: var(--search-height);
}
.search-tabs-wrapper .fixed-search-tabs {
  position: fixed;
  top: var(--header-height);
  background-color: #fff;
  height: var(--search-height);
  left: 0;
  right: 0;
  z-index: 11;
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view {
  height: inherit;
  width: var(--layout-width);
  margin: 0 auto;
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .tabs-wrapper {
  --tab-m-l: 82px;
  margin-left: 56px;
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .tabs-wrapper .tab-item {
  cursor: pointer;
  font-weight: bold;
  font-size: 16px;
  color: #333333;
  line-height: 24px;
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .tabs-wrapper .tab-item + .tab-item {
  margin-left: var(--tab-m-l);
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .tabs-wrapper .tab-item.active {
  color: #f36d2c;
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .tabs-wrapper .tab-item:hover {
  color: #f36d2c;
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .search-input-wrapper {
  margin-left: 100px;
  position: relative;
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .search-input-wrapper .search-input {
  height: 40px;
  border-radius: 5px;
  border: 1px solid #f1692a;
  --pre-w: 95px;
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .search-input-wrapper .search-input .el-input-group__prepend,
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .search-input-wrapper .search-input .el-input__inner,
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .search-input-wrapper .search-input .el-input-group__append {
  border: none !important;
  background-color: transparent !important;
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .search-input-wrapper .search-input .el-input-group__prepend {
  width: var(--pre-w);
  position: relative;
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .search-input-wrapper .search-input .el-input-group__prepend .el-input__inner {
  text-align: left;
  font-weight: 500;
  font-size: 16px;
  color: #333333;
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .search-input-wrapper .search-input .el-input-group__prepend::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 14px;
  background: #d2d2d2;
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .search-input-wrapper .quick-inquiry-btn {
  margin-left: 12px;
  width: var(--quick-btn-w);
  height: 40px;
  background: #d7fbc3;
  border-color: #d7fbc3;
  color: #319f42;
  font-size: 16px;
  font-weight: 500;
  border-radius: 5px;
  line-height: 40px;
  text-align: center;
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .search-input-wrapper .search-board {
  width: calc(100% - var(--quick-btn-w) - 12px);
  position: absolute;
  z-index: 99;
  background: #fff;
  border: 1px solid #f1692a;
  border-top: none;
  padding: 5px 0;
  font-size: 14px;
  color: #333333;
  bottom: 0px;
  left: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  border-radius: 0 0 5px 5px;
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .search-input-wrapper .search-board .search-cot {
  padding: 0 26px;
  min-height: 42px;
  max-height: 50vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .search-input-wrapper .search-board .search-cot .search-link {
  margin: 20px 0;
  cursor: pointer;
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .search-input-wrapper .search-board .search-cot .search-link:hover {
  text-decoration: underline;
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .search-input-wrapper .search-board .search-cot .search-none {
  text-align: center;
  height: 42px;
  line-height: 42px;
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .search-input-wrapper .search-board .search-cot::-webkit-scrollbar {
  background-color: #f4f4f4;
  width: 4px;
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .search-input-wrapper .search-board .search-cot::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
  width: 4px;
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .search-input-wrapper .search-board .search-cot::-webkit-scrollbar-track {
  background-color: #f4f4f4;
  border-radius: 4px;
  width: 4px;
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .search-input-wrapper .search-board .search-keywords {
  margin-top: 10px;
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .search-input-wrapper .search-board .search-keywords .search-tit {
  border-top: 1px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 26px;
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .search-input-wrapper .search-board .search-keywords .search-tit span {
  font-weight: 500;
  font-size: 16px;
  margin-left: 5px;
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .search-input-wrapper .search-board .search-keywords .search-tit img {
  width: 16px;
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .search-input-wrapper .search-board .search-keywords .search-key {
  padding: 0 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .search-input-wrapper .search-board .search-keywords .search-key .search-item {
  margin: 10px;
  cursor: pointer;
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .search-input-wrapper .search-board .search-keywords .search-key .search-item:hover {
  text-decoration: underline;
}
.search-tabs-wrapper .fixed-search-tabs .search-tabs-view .search-input-wrapper.has-board .search-input {
  border-radius: 5px 5px 0 0;
}
.idx-popper .el-select-dropdown__item.selected {
  color: #333333;
}


.svg-icon[data-v-3d896b26] {
  width: 16px;
  height: 16px;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.svg-external-icon[data-v-3d896b26] {
  background-color: currentColor;
  -webkit-mask-size: cover !important;
          mask-size: cover !important;
  display: inline-block;
}

.teleport-wrapper {
  position: fixed;
  z-index: -1000;
  left: -1000px;
  top: -1000px;
  display: none;
}

.lemon-message .lemon-message__content {
  position: relative;
}
.lemon-message .lemon-message__content::before {
  content: '未读';
  position: absolute;
  left: unset;
  right: -5px;
  -webkit-transform: translate(100%, 100%);
          transform: translate(100%, 100%);
  font-size: 12px;
  color: #f36d2c;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: none;
}
.lemon-message.read .lemon-message__content {
  position: relative;
}
.lemon-message.read .lemon-message__content::before {
  content: "已读";
  color: #aaa;
}
.lemon-message.lemon-message--reverse .lemon-message__content::before {
  right: unset;
  left: -5px;
  bottom: 0;
  -webkit-transform: translate(-100%, 100%);
          transform: translate(-100%, 100%);
  display: inline-block;
}
.lemon-message.revoke {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lemon-message.revoke .lemon-message__content {
  width: auto;
  max-width: -webkit-fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
  border-radius: 5px;
  background-color: #f5f5f5 !important;
  padding: 0 1px !important;
  color: #999 !important;
  font-size: 12px;
  line-height: 28px;
  border: 1px solid #eee;
}
.lemon-message.revoke .lemon-message__content::before,
.lemon-message.revoke .lemon-message__content::after {
  display: none !important;
}
.lemon-message.revoke .lemon-message__title {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lemon-message.revoke .lemon-message__avatar,
.lemon-message.revoke .lemon-message__content-after,
.lemon-message.revoke .lemon-message__status {
  display: none;
}
.lemon-message.revoke .lemon-message__inner {
  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;
}
.lemon-message-video .lemon-message__content {
  padding: 0;
  background-color: transparent !important;
}
.lemon-message-video .lemon-message__content::before {
  display: none;
}
.lemon-message-video .lemon-message__content .poster-wrapper {
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.lemon-message-video .lemon-message__content .poster-wrapper .play-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 32px;
  color: #fff;
  cursor: pointer;
  z-index: 2;
}

.lemon-message .lemon-message__content {
  position: relative;
}
.lemon-message .lemon-message__content::before {
  content: '未读';
  position: absolute;
  left: unset;
  right: -5px;
  -webkit-transform: translate(100%, 100%);
          transform: translate(100%, 100%);
  font-size: 12px;
  color: #f36d2c;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: none;
}
.lemon-message.read .lemon-message__content {
  position: relative;
}
.lemon-message.read .lemon-message__content::before {
  content: "已读";
  color: #aaa;
}
.lemon-message.lemon-message--reverse .lemon-message__content::before {
  right: unset;
  left: -5px;
  bottom: 0;
  -webkit-transform: translate(-100%, 100%);
          transform: translate(-100%, 100%);
  display: inline-block;
}
.lemon-message.revoke {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lemon-message.revoke .lemon-message__content {
  width: auto;
  max-width: -webkit-fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
  border-radius: 5px;
  background-color: #f5f5f5 !important;
  padding: 0 1px !important;
  color: #999 !important;
  font-size: 12px;
  line-height: 28px;
  border: 1px solid #eee;
}
.lemon-message.revoke .lemon-message__content::before,
.lemon-message.revoke .lemon-message__content::after {
  display: none !important;
}
.lemon-message.revoke .lemon-message__title {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lemon-message.revoke .lemon-message__avatar,
.lemon-message.revoke .lemon-message__content-after,
.lemon-message.revoke .lemon-message__status {
  display: none;
}
.lemon-message.revoke .lemon-message__inner {
  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;
}
.lemon-message-text .lemon-message__content {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #fff !important;
}

.lemon-message .lemon-message__content {
  position: relative;
}
.lemon-message .lemon-message__content::before {
  content: '未读';
  position: absolute;
  left: unset;
  right: -5px;
  -webkit-transform: translate(100%, 100%);
          transform: translate(100%, 100%);
  font-size: 12px;
  color: #f36d2c;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: none;
}
.lemon-message.read .lemon-message__content {
  position: relative;
}
.lemon-message.read .lemon-message__content::before {
  content: "已读";
  color: #aaa;
}
.lemon-message.lemon-message--reverse .lemon-message__content::before {
  right: unset;
  left: -5px;
  bottom: 0;
  -webkit-transform: translate(-100%, 100%);
          transform: translate(-100%, 100%);
  display: inline-block;
}
.lemon-message.revoke {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lemon-message.revoke .lemon-message__content {
  width: auto;
  max-width: -webkit-fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
  border-radius: 5px;
  background-color: #f5f5f5 !important;
  padding: 0 1px !important;
  color: #999 !important;
  font-size: 12px;
  line-height: 28px;
  border: 1px solid #eee;
}
.lemon-message.revoke .lemon-message__content::before,
.lemon-message.revoke .lemon-message__content::after {
  display: none !important;
}
.lemon-message.revoke .lemon-message__title {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lemon-message.revoke .lemon-message__avatar,
.lemon-message.revoke .lemon-message__content-after,
.lemon-message.revoke .lemon-message__status {
  display: none;
}
.lemon-message.revoke .lemon-message__inner {
  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;
}
.lemon-message-image .lemon-message__content {
  width: 100%;
  color: #fff !important;
}

.lemon-message .lemon-message__content {
  position: relative;
}
.lemon-message .lemon-message__content::before {
  content: '未读';
  position: absolute;
  left: unset;
  right: -5px;
  -webkit-transform: translate(100%, 100%);
          transform: translate(100%, 100%);
  font-size: 12px;
  color: #f36d2c;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: none;
}
.lemon-message.read .lemon-message__content {
  position: relative;
}
.lemon-message.read .lemon-message__content::before {
  content: "已读";
  color: #aaa;
}
.lemon-message.lemon-message--reverse .lemon-message__content::before {
  right: unset;
  left: -5px;
  bottom: 0;
  -webkit-transform: translate(-100%, 100%);
          transform: translate(-100%, 100%);
  display: inline-block;
}
.lemon-message.revoke {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lemon-message.revoke .lemon-message__content {
  width: auto;
  max-width: -webkit-fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
  border-radius: 5px;
  background-color: #f5f5f5 !important;
  padding: 0 1px !important;
  color: #999 !important;
  font-size: 12px;
  line-height: 28px;
  border: 1px solid #eee;
}
.lemon-message.revoke .lemon-message__content::before,
.lemon-message.revoke .lemon-message__content::after {
  display: none !important;
}
.lemon-message.revoke .lemon-message__title {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lemon-message.revoke .lemon-message__avatar,
.lemon-message.revoke .lemon-message__content-after,
.lemon-message.revoke .lemon-message__status {
  display: none;
}
.lemon-message.revoke .lemon-message__inner {
  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;
}
.lemon-message-product-link .lemon-message__content {
  padding: 0;
  background-color: transparent !important;
}
.lemon-message-product-link .lemon-message__content::before {
  display: none;
}
.lemon-message-product-link .lemon-product-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #ddd;
  padding: 5px;
  border-radius: 4px;
  margin-bottom: 10px;
  background-color: #fff;
  max-width: 216px;
  cursor: pointer;
}
.lemon-message-product-link .lemon-product-item .lemon-product-detail {
  max-width: 55%;
  margin-left: 5px;
}
.lemon-message-product-link .lemon-product-item .lemon-product-title {
  font-size: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lemon-message-product-link .lemon-product-item .lemon-product-price {
  margin-top: 5px;
  font-size: 12px;
  color: #fa562c;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.lemon-message .lemon-message__content {
  position: relative;
}
.lemon-message .lemon-message__content::before {
  content: '未读';
  position: absolute;
  left: unset;
  right: -5px;
  -webkit-transform: translate(100%, 100%);
          transform: translate(100%, 100%);
  font-size: 12px;
  color: #f36d2c;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: none;
}
.lemon-message.read .lemon-message__content {
  position: relative;
}
.lemon-message.read .lemon-message__content::before {
  content: "已读";
  color: #aaa;
}
.lemon-message.lemon-message--reverse .lemon-message__content::before {
  right: unset;
  left: -5px;
  bottom: 0;
  -webkit-transform: translate(-100%, 100%);
          transform: translate(-100%, 100%);
  display: inline-block;
}
.lemon-message.revoke {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lemon-message.revoke .lemon-message__content {
  width: auto;
  max-width: -webkit-fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
  border-radius: 5px;
  background-color: #f5f5f5 !important;
  padding: 0 1px !important;
  color: #999 !important;
  font-size: 12px;
  line-height: 28px;
  border: 1px solid #eee;
}
.lemon-message.revoke .lemon-message__content::before,
.lemon-message.revoke .lemon-message__content::after {
  display: none !important;
}
.lemon-message.revoke .lemon-message__title {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lemon-message.revoke .lemon-message__avatar,
.lemon-message.revoke .lemon-message__content-after,
.lemon-message.revoke .lemon-message__status {
  display: none;
}
.lemon-message.revoke .lemon-message__inner {
  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;
}
.lemon-message-file .lemon-message__content {
  background-color: #fff !important;
  border: 1px solid #eee;
  width: 220px;
}
.lemon-message-file .file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.lemon-message-file .file-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  color: #000;
}

.lemon-message .lemon-message__content {
  position: relative;
}
.lemon-message .lemon-message__content::before {
  content: '未读';
  position: absolute;
  left: unset;
  right: -5px;
  -webkit-transform: translate(100%, 100%);
          transform: translate(100%, 100%);
  font-size: 12px;
  color: #f36d2c;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: none;
}
.lemon-message.read .lemon-message__content {
  position: relative;
}
.lemon-message.read .lemon-message__content::before {
  content: "已读";
  color: #aaa;
}
.lemon-message.lemon-message--reverse .lemon-message__content::before {
  right: unset;
  left: -5px;
  bottom: 0;
  -webkit-transform: translate(-100%, 100%);
          transform: translate(-100%, 100%);
  display: inline-block;
}
.lemon-message.revoke {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lemon-message.revoke .lemon-message__content {
  width: auto;
  max-width: -webkit-fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
  border-radius: 5px;
  background-color: #f5f5f5 !important;
  padding: 0 1px !important;
  color: #999 !important;
  font-size: 12px;
  line-height: 28px;
  border: 1px solid #eee;
}
.lemon-message.revoke .lemon-message__content::before,
.lemon-message.revoke .lemon-message__content::after {
  display: none !important;
}
.lemon-message.revoke .lemon-message__title {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lemon-message.revoke .lemon-message__avatar,
.lemon-message.revoke .lemon-message__content-after,
.lemon-message.revoke .lemon-message__status {
  display: none;
}
.lemon-message.revoke .lemon-message__inner {
  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;
}
.lemon-message-editor .lemon-message__content {
  background-color: #fff !important;
  border: 1px solid #eee;
  width: 100%;
  padding: 5px;
}

.lemon-message .lemon-message__content {
  position: relative;
}
.lemon-message .lemon-message__content::before {
  content: '未读';
  position: absolute;
  left: unset;
  right: -5px;
  -webkit-transform: translate(100%, 100%);
          transform: translate(100%, 100%);
  font-size: 12px;
  color: #f36d2c;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: none;
}
.lemon-message.read .lemon-message__content {
  position: relative;
}
.lemon-message.read .lemon-message__content::before {
  content: "已读";
  color: #aaa;
}
.lemon-message.lemon-message--reverse .lemon-message__content::before {
  right: unset;
  left: -5px;
  bottom: 0;
  -webkit-transform: translate(-100%, 100%);
          transform: translate(-100%, 100%);
  display: inline-block;
}
.lemon-message.revoke {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lemon-message.revoke .lemon-message__content {
  width: auto;
  max-width: -webkit-fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
  border-radius: 5px;
  background-color: #f5f5f5 !important;
  padding: 0 1px !important;
  color: #999 !important;
  font-size: 12px;
  line-height: 28px;
  border: 1px solid #eee;
}
.lemon-message.revoke .lemon-message__content::before,
.lemon-message.revoke .lemon-message__content::after {
  display: none !important;
}
.lemon-message.revoke .lemon-message__title {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lemon-message.revoke .lemon-message__avatar,
.lemon-message.revoke .lemon-message__content-after,
.lemon-message.revoke .lemon-message__status {
  display: none;
}
.lemon-message.revoke .lemon-message__inner {
  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;
}
.lemon-message-question-answer .lemon-message__content {
  background: #fff !important;
  border: 1px solid #eee;
  width: 35vw;
  color: #000 !important;
}
.lemon-message-question-answer .lemon-message__content .question-answer-wrapper .answer-product-list .chat-product-spec-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #ddd;
  padding: 5px;
  border-radius: 4px;
  margin-bottom: 10px;
  background-color: #fff;
  cursor: pointer;
  width: 100%;
}
.lemon-message-question-answer .lemon-message__content .question-answer-wrapper .answer-product-list .chat-product-spec-item .chat-product-spec-detail {
  max-width: 70%;
  margin-left: 5px;
}
.lemon-message-question-answer .lemon-message__content .question-answer-wrapper .answer-product-list .chat-product-spec-item .chat-product-spec-title {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lemon-message-question-answer .lemon-message__content .question-answer-wrapper .answer-product-list .chat-product-spec-item .chat-product-spec-spec {
  margin-top: 5px;
  font-size: 12px;
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lemon-message-question-answer .lemon-message__content .question-answer-wrapper .answer-product-list .chat-product-spec-item .chat-product-spec-price {
  margin-top: 5px;
  font-size: 12px;
  color: #fa562c;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.lemon-message-question-answer .lemon-message__content .question-answer-wrapper .answer-doc-list .chat-doc-item {
  width: 100%;
  padding: 30px 15px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.08);
          box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  cursor: pointer;
}
.lemon-message-question-answer .lemon-message__content .question-answer-wrapper .answer-doc-list .chat-doc-item img {
  background: transparent;
  margin-right: 10px;
}
.lemon-message-question-answer .lemon-message__content .question-answer-wrapper .answer-video-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}
.lemon-message-question-answer .lemon-message__content .question-answer-wrapper .answer-video-list .chat-video-item {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
}
.lemon-message-question-answer .lemon-message__content .question-answer-wrapper .answer-video-list .chat-video-item .video-cover {
  width: 100%;
  height: 100px;
  border-radius: 4px;
}
.lemon-message-question-answer .lemon-message__content .question-answer-wrapper .answer-video-list .chat-video-item .video-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lemon-message .lemon-message__content {
  position: relative;
}
.lemon-message .lemon-message__content::before {
  content: '未读';
  position: absolute;
  left: unset;
  right: -5px;
  -webkit-transform: translate(100%, 100%);
          transform: translate(100%, 100%);
  font-size: 12px;
  color: #f36d2c;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: none;
}
.lemon-message.read .lemon-message__content {
  position: relative;
}
.lemon-message.read .lemon-message__content::before {
  content: "已读";
  color: #aaa;
}
.lemon-message.lemon-message--reverse .lemon-message__content::before {
  right: unset;
  left: -5px;
  bottom: 0;
  -webkit-transform: translate(-100%, 100%);
          transform: translate(-100%, 100%);
  display: inline-block;
}
.lemon-message.revoke {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lemon-message.revoke .lemon-message__content {
  width: auto;
  max-width: -webkit-fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
  border-radius: 5px;
  background-color: #f5f5f5 !important;
  padding: 0 1px !important;
  color: #999 !important;
  font-size: 12px;
  line-height: 28px;
  border: 1px solid #eee;
}
.lemon-message.revoke .lemon-message__content::before,
.lemon-message.revoke .lemon-message__content::after {
  display: none !important;
}
.lemon-message.revoke .lemon-message__title {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lemon-message.revoke .lemon-message__avatar,
.lemon-message.revoke .lemon-message__content-after,
.lemon-message.revoke .lemon-message__status {
  display: none;
}
.lemon-message.revoke .lemon-message__inner {
  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;
}
.lemon-message-question-problems .lemon-message__content {
  background: #fff !important;
  border: 1px solid #eee;
  width: 35vw;
  color: #000 !important;
}
.lemon-message-question-problems .lemon-message__content .question-problems-wrapper .question-problem-item {
  margin-top: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #ea4113;
  cursor: pointer;
}
.lemon-message-question-problems .lemon-message__content .question-problems-wrapper .question-problem-item:first-child {
  margin-top: 0;
}

@media (min-width: 1200px) {
  .home {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .cooperation {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .networkService-home {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .login {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-list {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-detail {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall-list {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall-detail {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade-list {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade-detail {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity-list {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity-detail {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice-list {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice-detail {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement-list {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement-detail {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-selfInquiry {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-course-home {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-eclub-home {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-eclub-list {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .doc {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .doc-detail {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .shop {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .shop-detail {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .helper {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .helper-more {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .gbm {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .gbm-policy-home {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .user-center {
    --layout-width: 1200px;
    --half-layout: calc(var(--layout-width) / 2);
  }
}
@media (min-width: 1230px) {
  .home {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .cooperation {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .networkService-home {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .login {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-list {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-detail {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall-list {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall-detail {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade-list {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade-detail {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity-list {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity-detail {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice-list {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice-detail {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement-list {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement-detail {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-selfInquiry {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-course-home {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-eclub-home {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-eclub-list {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .doc {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .doc-detail {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .shop {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .shop-detail {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .helper {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .helper-more {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .gbm {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .gbm-policy-home {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .user-center {
    --layout-width: 1230px;
    --half-layout: calc(var(--layout-width) / 2);
  }
}
@media (min-width: 1260px) {
  .home {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .cooperation {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .networkService-home {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .login {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-list {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-detail {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall-list {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall-detail {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade-list {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade-detail {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity-list {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity-detail {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice-list {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice-detail {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement-list {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement-detail {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-selfInquiry {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-course-home {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-eclub-home {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-eclub-list {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .doc {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .doc-detail {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .shop {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .shop-detail {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .helper {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .helper-more {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .gbm {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .gbm-policy-home {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .user-center {
    --layout-width: 1260px;
    --half-layout: calc(var(--layout-width) / 2);
  }
}
@media (min-width: 1290px) {
  .home {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .cooperation {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .networkService-home {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .login {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-list {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-detail {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall-list {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall-detail {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade-list {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade-detail {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity-list {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity-detail {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice-list {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice-detail {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement-list {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement-detail {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-selfInquiry {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-course-home {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-eclub-home {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-eclub-list {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .doc {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .doc-detail {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .shop {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .shop-detail {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .helper {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .helper-more {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .gbm {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .gbm-policy-home {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .user-center {
    --layout-width: 1290px;
    --half-layout: calc(var(--layout-width) / 2);
  }
}
@media (min-width: 1320px) {
  .home {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .cooperation {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .networkService-home {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .login {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-list {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-detail {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall-list {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall-detail {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade-list {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade-detail {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity-list {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity-detail {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice-list {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice-detail {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement-list {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement-detail {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-selfInquiry {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-course-home {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-eclub-home {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-eclub-list {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .doc {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .doc-detail {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .shop {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .shop-detail {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .helper {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .helper-more {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .gbm {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .gbm-policy-home {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .user-center {
    --layout-width: 1320px;
    --half-layout: calc(var(--layout-width) / 2);
  }
}
@media (min-width: 1350px) {
  .home {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .cooperation {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .networkService-home {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .login {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-list {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-detail {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall-list {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall-detail {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade-list {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade-detail {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity-list {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity-detail {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice-list {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice-detail {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement-list {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement-detail {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-selfInquiry {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-course-home {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-eclub-home {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-eclub-list {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .doc {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .doc-detail {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .shop {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .shop-detail {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .helper {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .helper-more {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .gbm {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .gbm-policy-home {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .user-center {
    --layout-width: 1350px;
    --half-layout: calc(var(--layout-width) / 2);
  }
}
@media (min-width: 1380px) {
  .home {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .cooperation {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .networkService-home {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .login {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-list {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-detail {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall-list {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall-detail {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade-list {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade-detail {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity-list {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity-detail {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice-list {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice-detail {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement-list {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement-detail {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-selfInquiry {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-course-home {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-eclub-home {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-eclub-list {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .doc {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .doc-detail {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .shop {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .shop-detail {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .helper {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .helper-more {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .gbm {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .gbm-policy-home {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .user-center {
    --layout-width: 1380px;
    --half-layout: calc(var(--layout-width) / 2);
  }
}
@media (min-width: 1410px) {
  .home {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .cooperation {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .networkService-home {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .login {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-list {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-detail {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall-list {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall-detail {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade-list {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade-detail {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity-list {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity-detail {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice-list {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice-detail {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement-list {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement-detail {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-selfInquiry {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-course-home {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-eclub-home {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-eclub-list {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .doc {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .doc-detail {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .shop {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .shop-detail {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .helper {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .helper-more {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .gbm {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .gbm-policy-home {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .user-center {
    --layout-width: 1410px;
    --half-layout: calc(var(--layout-width) / 2);
  }
}
@media (min-width: 1440px) {
  .home {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .cooperation {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .networkService-home {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .login {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-list {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-detail {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall-list {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall-detail {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade-list {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade-detail {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity-list {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity-detail {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice-list {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice-detail {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement-list {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement-detail {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-selfInquiry {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-course-home {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-eclub-home {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-eclub-list {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .doc {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .doc-detail {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .shop {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .shop-detail {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .helper {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .helper-more {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .gbm {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .gbm-policy-home {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .user-center {
    --layout-width: 1440px;
    --half-layout: calc(var(--layout-width) / 2);
  }
}
@media (min-width: 1470px) {
  .home {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .cooperation {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .networkService-home {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .login {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-list {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-detail {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall-list {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-retailMall-detail {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade-list {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-plasticTrade-detail {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity-list {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-digitalCity-detail {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice-list {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-machineDevice-detail {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement-list {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-procurement-detail {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .mall-selfInquiry {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-course-home {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-eclub-home {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .estar-eclub-list {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .doc {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .doc-detail {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .shop {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .shop-detail {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .helper {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .helper-more {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .gbm {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .gbm-policy-home {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
  .user-center {
    --layout-width: 1470px;
    --half-layout: calc(var(--layout-width) / 2);
  }
}
.full-bg {
  position: absolute;
  left: 50%;
  width: 100vw;
  height: 100%;
  z-index: 1;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  min-width: var(--layout-width);
}
@media (max-width: 1200px) {
  .full-bg {
    left: 0;
    -webkit-transform: unset;
            transform: unset;
  }
}
.full-wl {
  position: absolute;
  left: calc(var(--half-layout) - 50vw);
  width: 100vw;
}
@media (max-width: 1200px) {
  .full-wl {
    left: 0;
  }
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex.col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex.wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flex.wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}
.flex.v-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.flex.v-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex.v-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.flex.h-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flex.h-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex.h-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.flex.h-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.flex.h-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.flex .flex0 {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.flex .flex1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flex .flex2 {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
.flex .flex3 {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}
.flex .flex4 {
  -webkit-box-flex: 4;
      -ms-flex: 4;
          flex: 4;
}
.flex .gap10 {
  gap: 10px;
}
.flex .gap15 {
  gap: 15px;
}
.flex .gap20 {
  gap: 20px;
}
.flex .gap100 {
  gap: 100px;
}
.mt10 {
  margin-top: 10px;
}
.mr10 {
  margin-right: 10px;
}
.mb10 {
  margin-bottom: 10px;
}
.ml10 {
  margin-left: 10px;
}
.m10 {
  margin: 10px;
}
.mh10 {
  margin: 0 10px;
}
.mv10 {
  margin: 10px 0;
}
.mt13 {
  margin-top: 13px;
}
.mt15 {
  margin-top: 15px;
}
.mr15 {
  margin-right: 15px;
}
.mb15 {
  margin-bottom: 15px;
}
.ml15 {
  margin-left: 15px;
}
.m15 {
  margin: 15px;
}
.mh15 {
  margin: 0 15px;
}
.mv15 {
  margin: 15px 0;
}
.mt20 {
  margin-top: 20px;
}
.mr20 {
  margin-right: 20px;
}
.mb20 {
  margin-bottom: 20px;
}
.ml20 {
  margin-left: 20px;
}
.m20 {
  margin: 20px;
}
.mh20 {
  margin: 0 20px;
}
.mv20 {
  margin: 20px 0;
}
.mt25 {
  margin-top: 25px;
}
.mr25 {
  margin-right: 25px;
}
.mb25 {
  margin-bottom: 25px;
}
.ml25 {
  margin-left: 25px;
}
.m25 {
  margin: 25px;
}
.mh25 {
  margin: 0 25px;
}
.mv25 {
  margin: 25px 0;
}
.mt30 {
  margin-top: 30px;
}
.mr30 {
  margin-right: 30px;
}
.mb30 {
  margin-bottom: 30px;
}
.ml30 {
  margin-left: 30px;
}
.m30 {
  margin: 30px;
}
.mh30 {
  margin: 0 30px;
}
.mv30 {
  margin: 30px 0;
}
.mh6 {
  margin: 0 6px;
}
.mv6 {
  margin: 0 6px;
}
.mt5 {
  margin-top: 5px;
}
.mb5 {
  margin-bottom: 5px;
}
.mr5 {
  margin-right: 5px;
}
.ml5 {
  margin-left: 5px;
}
.pl10 {
  padding-left: 10px;
}
.pl5 {
  padding-left: 5px;
}
.mh-auto {
  margin: 0 auto;
}
.pl5 {
  padding-left: 5px;
}
.font10 {
  font-size: 10px;
}
.font12 {
  font-size: 12px;
}
.font13 {
  font-size: 13px;
}
.font14 {
  font-size: 14px;
}
.font15 {
  font-size: 15px;
}
.font16 {
  font-size: 16px;
}
.font18 {
  font-size: 18px;
}
.font20 {
  font-size: 20px;
}
.font22 {
  font-size: 22px;
}
.font24 {
  font-size: 24px;
}
.font26 {
  font-size: 26px;
}
.font28 {
  font-size: 28px;
}
.font30 {
  font-size: 30px;
}
.font32 {
  font-size: 32px;
}
.font34 {
  font-size: 34px;
}
.font36 {
  font-size: 36px;
}
.fw-bold {
  font-weight: bold;
}
.fw-500 {
  font-weight: 500;
}
.fw-bolder {
  font-weight: bolder;
}
.color-white {
  color: #fff;
}
.color-red {
  color: #F82020;
}
.color-gray {
  color: #999;
}
.color-black {
  color: #333;
}
.bg-white {
  background-color: #fff;
}
.bg-aliceblue {
  background: aliceblue;
}
.pointer {
  cursor: pointer;
}
.move {
  cursor: move;
}
.pos-abs {
  position: absolute;
}
.pos-rel {
  position: relative;
}
.pos-fix {
  position: fixed;
}
.align-l {
  text-align: left;
}
.align-c {
  text-align: center;
}
.align-r {
  text-align: right;
}
.text-line {
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-line.line1 {
  white-space: nowrap;
}
.text-line.line2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.text-line.line3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.text-line.line4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.text-line.line5 {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.text-line.line6 {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.text-line.line7 {
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}
.text-line.line8 {
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}
.text-line.line9 {
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
}
.text-line.line10 {
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
}
.text-line.line11 {
  display: -webkit-box;
  -webkit-line-clamp: 11;
  -webkit-box-orient: vertical;
}
.text-line.line12 {
  display: -webkit-box;
  -webkit-line-clamp: 12;
  -webkit-box-orient: vertical;
}
.text-line.line13 {
  display: -webkit-box;
  -webkit-line-clamp: 13;
  -webkit-box-orient: vertical;
}
.text-line.line14 {
  display: -webkit-box;
  -webkit-line-clamp: 14;
  -webkit-box-orient: vertical;
}
.text-line.line15 {
  display: -webkit-box;
  -webkit-line-clamp: 15;
  -webkit-box-orient: vertical;
}
.of-hide {
  overflow: hidden;
}
.padding-7 {
  padding: 7px !important;
}
.vw100 {
  width: 100vw;
}
.w100 {
  width: 100%;
}
.min-w100 {
  min-width: 100%;
}
.max-w100 {
  max-width: 100%;
}
.min-vw100 {
  min-width: 100vw;
}
.max-vw100 {
  max-width: 100vw;
}
.vh100 {
  height: 100vh;
}
.h100 {
  height: 100%;
}
.min-h100 {
  min-height: 100%;
}
.max-h100 {
  max-height: 100%;
}
.min-vh100 {
  min-height: 100vh;
}
.max-vh100 {
  max-height: 100vh;
}
.w50 {
  width: 50%;
}
.dialog-wrapper .el-dialog__header {
  background: #F3F3F3;
  height: 50px;
  line-height: 50px;
  padding: 0 20px 0 30px;
}
.dialog-wrapper .el-dialog__header .el-dialog__close {
  font-size: 20px;
}
.dialog-wrapper .el-dialog__body {
  padding: 10px 30px 20px;
}
.el-message-box.preview-alert.largest {
  width: 950px;
}
.el-message-box.preview-alert.large {
  width: 650px;
}
.el-dialog {
  font-family: system-ui, -apple-system, SourceHanSansCN-Bold, SourceHanSansCN;
}
.el-table.title-gray .el-table__header-wrapper th {
  background-color: var(--layout-bg-color);
}
.el-table.body-bg-white .el-table__row {
  background-color: #fff !important;
}
.el-table.body-bg-white .el-table__row .el-table__cell {
  background-color: #fff !important;
}
.el-table.body-bg-white .el-table__row:hover,
.el-table.body-bg-white .el-table__row:active {
  background-color: #fff !important;
}
.el-table.body-bg-white .el-table__row:hover .el-table__cell,
.el-table.body-bg-white .el-table__row:active .el-table__cell {
  background-color: #fff !important;
}
.el-table.no-cell-border td.el-table__cell {
  border-bottom: none;
}
.el-pagination[plain] .el-pager .number {
  background: transparent;
  border: 1px solid #D9D9D9;
  border-radius: 6px;
}
.el-pagination[plain] .el-pager .number.active {
  border-color: transparent;
}
.el-pagination[plain] .el-pager .more {
  border: 1px solid #D9D9D9;
  border-radius: 6px;
  background: transparent;
}
.el-pagination[plain] button {
  border: 1px solid #D9D9D9;
  border-radius: 6px !important;
  background: transparent !important;
  background-color: transparent !important;
}
.el-pagination[plain].is-background .el-pager .number {
  border-radius: 2px;
  border-color: #D1D7E1;
}
.el-pagination[plain].is-background .el-pager .number.active {
  background-color: #fff;
  color: #333;
  border-color: #409EFF;
}
.el-pagination[plain].is-background .btn-next,
.el-pagination[plain].is-background .btn-prev {
  border-radius: 2px !important;
}
.el-pagination[plain].is-background .el-input__inner {
  border-radius: 2px !important;
}
.el-tabs.white .el-tabs__content {
  padding: 0;
  background-color: #fff;
}
.el-tabs.white .el-tabs__header {
  background-color: var(--layout-bg-color);
  border-bottom: none;
  margin-bottom: 0 !important;
}
.el-tabs.white .el-tabs__nav-wrap .el-tabs__item {
  width: 112px;
  padding: 0;
  text-align: center;
  color: #4c4c4c;
  font-size: 16px;
  background-color: #fff;
  padding: 0 !important;
}
.el-tabs.white .el-tabs__nav-wrap .el-tabs__item.is-active {
  background-color: #fa562c;
  color: #fff;
  font-size: 16px;
}
.el-tabs.white .el-tabs__nav-wrap .el-tabs__item:hover {
  color: #fa562c;
  font-size: 16px;
}
.el-tabs.white .el-tabs__nav-wrap .el-tabs__item.is-active:hover {
  background-color: #fa562c;
  color: #fff;
  font-size: 16px;
}
.el-tabs.white .el-tabs__nav-wrap .el-tabs__item.is-disabled {
  color: #4c4c4c !important;
  font-size: 16px;
  background-color: #fff !important;
}
.el-tabs.white .el-tabs__nav-wrap .el-tabs__active-bar {
  background-color: #fa562c;
  display: none;
}
.el-tabs.white .el-tabs__nav-wrap::after {
  display: none;
}
.el-tabs.no-gap .el-tabs__header {
  margin-bottom: 0 !important;
}
.el-tabs.no-border {
  border: none;
}
.el-tabs.no-border .el-tabs__item {
  border: none;
}
.el-tabs.no-border .el-tabs__nav {
  border: none;
}
.el-tabs.orange.el-tabs--top .el-tabs__item.is-top.is-active {
  color: #F4552D;
}
.el-tabs.orange.el-tabs--top .el-tabs__item.is-top:hover {
  color: #F4552D;
}
.el-tabs.orange.el-tabs--top .el-tabs__active-bar {
  background-color: #F4552D;
}
.el-button.light-blue {
  height: 40px;
  background-color: #00C2F5;
  border-color: #00C2F5;
}
.el-button.light-blue:hover,
.el-button.light-blue:focus,
.el-button.light-blue:active {
  background: #00c4f5c4;
  border-color: #00c4f5c4;
}
.el-button.light-blue.is-plain {
  background-color: transparent;
  border-color: #00C2F5;
  color: #00C2F5;
}
.el-button.light-blue.is-plain:hover,
.el-button.light-blue.is-plain:focus,
.el-button.light-blue.is-plain:active {
  color: #fff;
  background-color: #00C2F5;
}
.el-button.light-blue.is-plain.is-disabled,
.el-button.light-blue.is-plain.is-disabled:focus,
.el-button.light-blue.is-plain.is-disabled:hover {
  background-color: transparent;
  border-color: #00C2F5;
  color: #00C2F5;
}
.el-button.light-blue.is-disabled,
.el-button.light-blue.is-disabled:focus,
.el-button.light-blue.is-disabled:hover {
  background: #00c4f5c4;
  border-color: #00c4f5c4;
}
.el-button.orange.el-button--primary {
  background-color: #F36D2C;
  border-color: #F36D2C;
}
.el-button.orange.el-button--primary.is-plain {
  color: #F36D2C;
  border-color: #F36D2C;
  background-color: transparent;
}
.el-button.orange.el-button--primary.is-disabled,
.el-button.orange.el-button--primary[disabled="disabled"] {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  cursor: not-allowed;
}
.el-button.orange.el-button--primary.is-disabled:active,
.el-button.orange.el-button--primary[disabled="disabled"]:active,
.el-button.orange.el-button--primary.is-disabled:hover,
.el-button.orange.el-button--primary[disabled="disabled"]:hover,
.el-button.orange.el-button--primary.is-disabled:focus,
.el-button.orange.el-button--primary[disabled="disabled"]:focus {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
}
.el-button.orange.el-button--primary:active,
.el-button.orange.el-button--primary:hover,
.el-button.orange.el-button--primary:focus {
  background-color: #ff3300c7;
  border-color: #ff3300c7;
}
.el-button.orange.el-button--primary:active.is-plain,
.el-button.orange.el-button--primary:hover.is-plain,
.el-button.orange.el-button--primary:focus.is-plain {
  background-color: #ff330049;
}
.el-button.el-button--text.orange {
  color: #F36D2C;
}
.el-checkbox-group.orange .el-checkbox__inner:hover {
  border-color: #F36D2C;
}
.el-checkbox-group.orange .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #F36D2C;
}
.el-checkbox-group.orange .el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox-group.orange .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #F36D2C;
  border-color: #F36D2C;
}
.el-checkbox-group.orange .el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #F36D2C;
}
.el-checkbox-group.orange .el-checkbox.is-bordered.is-checked {
  border-color: #F36D2C;
}
.el-checkbox-group.blue .el-checkbox__inner:hover {
  border-color: #127CF1;
}
.el-checkbox-group.blue .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #127CF1;
}
.el-checkbox-group.blue .el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox-group.blue .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #127CF1;
  border-color: #127CF1;
}
.el-checkbox-group.blue .el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #127CF1;
}
.el-checkbox-group.blue .el-checkbox.is-bordered.is-checked {
  border-color: #127CF1;
}
.el-radio-group.orange .el-radio__input.is-checked .el-radio__inner {
  background-color: #F36D2C;
  border-color: #F36D2C;
}
.el-radio-group.orange .el-radio__input.is-checked + .el-radio__label {
  color: #F36D2C;
  border-color: #F36D2C;
}
.el-radio-group.orange .el-radio.is-bordered.is-checked {
  border-color: #F36D2C;
}
.el-radio-group.blue .el-radio__input.is-checked .el-radio__inner {
  background-color: #127CF1;
  border-color: #127CF1;
}
.el-radio-group.blue .el-radio__input.is-checked + .el-radio__label {
  color: #127CF1;
  border-color: #127CF1;
}
.el-radio-group.blue .el-radio.is-bordered.is-checked {
  border-color: #127CF1;
}
.el-select.orange .el-input.is-focus .el-input__inner {
  border-color: #F36D2C;
}
.el-select.orange .el-input__inner:focus {
  border-color: #F36D2C;
}
.el-popper.orange-popper .el-select-dropdown__item.selected {
  color: #F36D2C;
}
.el-popper.orange-popper .el-date-table td.today span {
  color: #F36D2C;
}
.el-popper.orange-popper .el-date-table td.available:hover {
  color: #F36D2C;
}
.el-popper.orange-popper .el-date-table td.end-date span,
.el-popper.orange-popper .el-date-table td.start-date span {
  background-color: #F36D2C;
  color: #fff;
}
.el-date-editor.el-range-editor.orange.is-active {
  border-color: #F36D2C;
}
.el-link.el-link--default.orange {
  color: #F36D2C;
}
.el-link.el-link--default.orange:hover {
  color: #ff3300c7;
}
.el-link.el-link--default.orange.is-underline {
  line-height: 1.5;
}
.el-link.el-link--default.orange.is-underline:hover:after {
  border-color: #F36D2C;
}
.el-input-number.orange .el-input-number__decrease,
.el-input-number.orange .el-input-number__increase {
  background: #FFFFFF;
}
.el-input-number.orange .el-input-number__decrease i,
.el-input-number.orange .el-input-number__increase i {
  color: #F36D2C;
}
.el-form.form * {
  border-radius: 0;
}
.el-form.form .el-form-item.top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.el-form.form .el-form-item.top .el-form-item__label {
  width: auto !important;
  text-align: left;
  padding-left: 20px;
}
.el-form.form .el-form-item.top .el-form-item__content {
  margin-left: 0 !important;
  margin-top: 0 !important;
  padding-left: 20px;
}
.el-form.form .el-form-item.top .el-form-item__error {
  padding-left: 20px;
}
.el-form.form .el-form-item.top.is-required .el-form-item__label {
  padding-left: 10px;
}
.el-form.form .el-form-item__label {
  color: #4C4C4C;
  font-size: 14px;
}
.el-form.form .el-upload img {
  -o-object-fit: cover;
     object-fit: cover;
}
.el-form.form .el-upload--picture-card {
  width: 130px;
  height: 130px;
  line-height: normal;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-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;
}
.el-form.form .el-upload--picture-card .el-upload__text {
  margin-top: 10px;
  font-size: 14px;
  color: #8A8A8A;
}
.el-form.form .el-upload-list li {
  width: 130px !important;
  height: 130px !important;
}
.el-form.form .card-title {
  width: 100%;
  height: 38px;
  padding: 0 15px;
  margin-bottom: 15px;
  background: #f3f3f3;
  font-size: 14px;
  color: #4c4c4c;
  line-height: 38px;
}
.el-form.form .tip-wrapper {
  position: relative;
}
.el-form.form .tip-wrapper::after {
  display: block;
  content: attr(content);
  position: absolute;
  right: -10px;
  bottom: -12px;
  font-size: 12px;
  color: #8a8a8a;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  white-space: nowrap;
}
.el-form.form .el-radio__inner {
  border-radius: 100%;
}
.el-form.form .el-select.emphasize .el-input__inner {
  color: #0099F5;
}
.el-form .el-form-item.color-white .el-form-item__label {
  color: #fff;
}
.el-input.align-l .el-input__inner,
.el-input-number.align-l .el-input__inner {
  text-align: left;
}
.el-input.align-r .el-input__inner,
.el-input-number.align-r .el-input__inner {
  text-align: right;
}
.el-input.align-c .el-input__inner,
.el-input-number.align-c .el-input__inner {
  text-align: center;
}
.el-breadcrumb.orange .el-breadcrumb__inner.is-link:hover {
  color: #F36D2C;
}
.zoom {
  overflow: hidden;
}
.zoom .el-image {
  -webkit-transition: -webkit-transform ease-in-out 0.2s;
  transition: -webkit-transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.zoom:hover .el-image {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transform-origin: center;
          transform-origin: center;
}
.emphasize {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.emphasize:hover .text-line {
  color: #fa562c !important;
}
.shadow {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.shadow:hover {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
.picture-upload .el-upload-list__item-status-label {
  display: none !important;
}
.picture-upload .el-upload--picture-card {
  width: 130px !important;
  height: 130px !important;
  line-height: 130px !important;
}
.picture-upload .el-upload-list--picture-card .el-upload-list__item {
  width: 130px !important;
  height: 130px !important;
  line-height: 130px !important;
}
.picture-upload .el-progress.el-progress--circle {
  display: none !important;
}
.picture-upload.hide .el-upload--picture-card {
  display: none;
}
.picture-upload img {
  -o-object-fit: cover;
     object-fit: cover;
}
.self-info {
  margin-right: 5px;
  color: #FFFFFF;
  font-size: 12px;
  padding: 0 3px;
  background-color: #e1251b;
  border-radius: 2px;
}
.orange.el-pagination.is-background .el-range-editor.is-active,
.orange.el-pagination.is-background .el-range-editor.is-active:hover,
.orange.el-pagination.is-background .el-select .el-input.is-focus .el-input__inner {
  border-color: #F4552D;
}
.orange.el-pagination.is-background .el-pagination__sizes .el-input .el-input__inner:hover {
  border-color: #F4552D;
}
.orange.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: transparent;
  border-color: #F4552D;
  color: #F4552D;
}
.orange.el-pagination.is-background .el-pager li:not(.disabled).active:hover {
  color: #F4552D;
}
.orange.el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: #F4552D;
}
.orange.el-pagination.is-background .el-select .el-input__inner:focus {
  border-color: #F36D2C;
}
.orange.el-pagination.is-background .btn-next,
.orange.el-pagination.is-background .btn-prev,
.orange.el-pagination.is-background .el-pager .number,
.orange.el-pagination.is-background .el-select .el-input .el-input__inner,
.orange.el-pagination.is-background .el-pagination__editor.el-input .el-input__inner {
  border-radius: 2px !important;
}
.orange.el-pagination.is-background .el-input.el-pagination__editor.is-in-pagination .el-input__inner {
  background-color: transparent;
}
.inquiry-btn {
  width: 55% !important;
  height: 26px;
  color: #fff !important;
  background: #F4552D !important;
  border-color: #F4552D !important;
  border-radius: 0;
  line-height: 26px;
  padding: 0;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px;
  margin: 0 auto;
  display: block;
}
.inquiry-btn:hover {
  background-color: transparent !important;
  color: #F4552D !important;
}
.middle-align {
  vertical-align: middle;
}
/**
 * tag style 标签样式（商品卡片、商品详情页）
 * 绿色建材  gbm
 * 国标     gb
 * 欧标     euro
 * 未认证   unverified
 */
.product-tag {
  display: inline-block;
  padding: 0 4px;
  font-size: 12px;
  font-weight: 500;
  color: #F36D2C;
  border-radius: 3px;
  margin-right: 5px;
  vertical-align: middle;
  border: 1px solid #F36D2C;
  line-height: 22px;
  height: 22px;
  max-width: 60px;
}
.product-tag.gbm {
  color: #27A42B;
  border-color: #2FB833;
}
.product-tag.gb {
  color: #B8602F;
  border-color: #B8602F;
}
.product-tag.euro {
  color: #4B0C74;
  border-color: #4E1076;
}
.product-tag.over_euro {
  color: #127CF1;
  border-color: #127CF1;
}
.product-tag.unverified {
  color: #F36D2C;
  border-color: #F36D2C;
}
.product-tag.def {
  border-color: #007aff;
  color: #007aff;
}
.product-tag.self-support {
  border-color: #f14f4f;
  color: #f14f4f;
}
.product-tag.other {
  border-color: #f14f4f;
  color: #f14f4f;
}
.product-tag:last-child {
  margin-right: 0;
}
.product-img-box {
  position: absolute;
  bottom: 0;
  background: rgba(129, 195, 100, 0.85);
  color: #FFFFFF;
  padding: 10px;
  text-align: center;
  font-weight: bolder;
  letter-spacing: 1px;
}
.shop-tag {
  display: inline-block;
  padding: 2px 4px;
  font-size: 12px;
  color: #fff;
  border-radius: 3px;
  margin-right: 5px;
  vertical-align: middle;
}
.shop-tag.gbm {
  background-color: #79B160;
}
.shop-tag.duration {
  background-color: #685D1F;
}
.link-style {
  color: #007aff !important;
  text-decoration: none;
  cursor: pointer;
}
.link-style:hover {
  text-decoration: underline;
}
.link-style.orange {
  color: #F36D2C !important;
}
.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  min-height: 0;
}
.no-line {
  white-space: nowrap;
}
.price-prefix:before {
  content: '￥';
  font-size: 12px;
}
.paypage-amt-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 21px;
  gap: 163px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  background-color: #F8F8F9FF;
  border: 1px solid #DFE6ECFF;
}