.loading-part {
  border-radius: 0.106667rem;
  overflow: hidden;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  margin-top: -0.853333rem;
  background: rgba(255, 255, 255, 0.8);
  z-index: 999999;
  padding: 0.373333rem;
  width: fit-content;
}

.lodPopupText {
  padding: 0.8rem 0.533333rem 0.533333rem 0.533333rem;
  height: auto;
  text-align: center;
  overflow: inherit;
}

.lodPopupText .text {
  margin-top: 0.266667rem;
}

@keyframes loading-circle1 {
  25% {
    z-index: 2;
  }

  50% {
    transform: translate(0.266667rem, 0) scale(1);
  }

  75% {
    transform: translate(0, 0) scale(0.75);
  }

  100% {
    transform: translate(-0.266667rem, 0) scale(1);
  }
}

@keyframes loading-circle2 {
  25% {
    transform: translate(0, 0) scale(0.75);
  }

  50% {
    transform: translate(-0.266667rem, 0) scale(1);
  }

  75% {
    z-index: 2;
  }

  100% {
    transform: translate(0.266667rem, 0) scale(1);
  }
}

.loadingPopUp {
  z-index: 3000;
}

.dffl-m-loading {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.96rem;
  width: 0.96rem;
}

.dffl-m-loading_small {
  transform: scale(0.66666666);
}

.dffl-m-loading .circle_1,
.dffl-m-loading .circle_2 {
  position: absolute;
  width: 0.266667rem;
  height: 0.266667rem;
  border-radius: 50%;
}

.dffl-m-loading .circle_1 {
  transform: translate(-0.266667rem, 0);
  animation: loading-circle1 1s linear infinite;
}

.dffl-m-loading .circle_2 {
  transform: translate(0.266667rem, 0);
  animation: loading-circle2 1s linear infinite;
}

.dffl-m-loading_noColor .circle_1,
.dffl-m-loading_noColor .circle_2 {
  background-color: #fff;
}

.dffl-m-loading_noColor .circle_2 {
  opacity: 0.5;
}

.dffl-m-loading_color .circle_1 {
  background-color: #ff5757;
}

.dffl-m-loading_color .circle_2 {
  background-color: #3fa6ff;
}
.df-images {
  border: 0;
}
.service-card-extension {
  width: 100%;
  position: fixed;
  height: 100vh;
  left: 0;
  top: 0;
}

.service-card-extension > .head-image {
  width: 100%;
  height: 2.933333rem;
}

.service-card-extension > .head-image > img {
  height: 100%;
  width: 100%;
}

.service-card-extension > .content-form {
  background-color: #fff;
  border-radius: 0.266667rem;
  height: calc(100% - 4.613333rem);
  width: calc(100% - 0.533333rem);
  padding: 0.8rem 0.266667rem;
  margin-top: -0.266667rem;
  position: relative;
  z-index: 2;
}

.service-card-extension > .content-form > .content-form-row {
  margin-bottom: 0.133333rem;
  padding: 0 0.133333rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.service-card-extension > .content-form > .content-form-row > .label {
  font-size: 0.373333rem;
  font-weight: 500;
}

.service-card-extension > .content-form > .content-form-row > .input {
  margin-top: 0.266667rem;
  height: 0.666667rem;
  width: 90%;
}

.service-card-extension > .content-form > .content-form-row > .input > input {
  font-size: 0.373333rem;
  height: 100%;
  width: 100%;
  border: 0;
  outline: none;
  border-bottom: 0.026667rem solid #999;
  -webkit-appearance: none;
  border-radius: 0;
  /*清除ios默认圆角*/
}

.service-card-extension > .content-form > .content-form-row > .input-msg {
  padding-top: 0.266667rem;
  height: 0.533333rem;
  color: red;
}

.service-card-extension > .content-form > .content-form-button {
  margin-top: 1.066667rem;
}

.service-card-extension > .content-form > .content-form-button > div {
  height: 1.066667rem;
  line-height: 1.066667rem;
  text-align: center;
  font-size: 0.4rem;
  font-weight: 500;
  border-radius: 0.106667rem;
}

.service-card-extension > .content-form > .content-form-button > .content-form-button-submit {
  width: calc(100% - 0.4rem);
  margin-left: auto;
  margin-right: auto;
  background-color: #3d96e2;
  color: #fff;
}

.service-card-extension > .modal-loading {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 100;
}
/** 纯文案提示 **/

.bg-modal {
  position: fixed;
  background-color: transparent;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10001;
}

.bg-modal .bg-content {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0.106667rem;
  padding: 0.4rem;
  font-size: 0.373333rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.533333rem;
  max-width: 80%;
}

/** 带按钮的容器弹框 **/

.bg-content-button-modal {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10001;
}

.bg-content-button-modal .bg-content-button {
  max-width: calc(100% - 3.2rem);
  min-width: 60%;
  padding: 0.533333rem;
  z-index: 10002;
  background: #ffffff;
  border-radius: 0.213333rem;
}

.bg-content-button-modal .bg-content-button > .content > .title {
  font-size: 0.48rem;
  font-weight: 600;
  color: #333333;
  margin-bottom: 0.48rem;
  text-align: center;
}

.bg-content-button-modal .bg-content-button > .content > .desc {
  font-size: 0.426667rem;
  font-weight: 400;
  color: #333333;
  line-height: 0.586667rem;
  margin-bottom: 0.533333rem;
}

.bg-content-button-modal .bg-content-button > .buttons {
  display: flex;
}

.bg-content-button-modal .bg-content-button > .buttons > div {
  height: 1.173333rem;
  line-height: 1.173333rem;
  border-radius: 0.106667rem;
  text-align: center;
  margin-right: 0.533333rem;
  flex: 1;
  justify-content: center;
  align-items: center;
}

.bg-content-button-modal .bg-content-button > .buttons > .ok {
  font-size: 0.426667rem;
  font-weight: 400;
  color: #ffffff;
  background: #247dff;
  background: var(--df-primary-color, #247dff);
}

.bg-content-button-modal .bg-content-button > .buttons > .cancel {
  font-size: 0.426667rem;
  font-weight: 400;
  background: #ffffff;
  border: 0.026667rem solid #e5e5e5;
  color: #333333;
}

.bg-content-button-modal .bg-content-button > .buttons > div:last-child {
  margin-right: 0;
}
.recharge-style {
  font-size: 0.32rem;
  background-color: #f7f7f7;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.recharge-style > .recharge-style-banners {
  max-height: 4.8rem;
  height: auto;
}

.recharge-style > .recharge-style-banners > img {
  width: 100%;
  max-height: 100%;
}

.recharge-style > .category-tab {
  margin-top: -0.08rem;
}

.recharge-style > .category-tab .adm-tabs-header {
  border-bottom: none;
  padding-bottom: 0.213333rem;
}

.recharge-style > .category-tab .adm-tabs-header-mask-left {
  background: none;
}

.recharge-style > .category-tab .adm-tabs-header-mask-right {
  background: none;
}

.recharge-style > .category-tab .adm-tabs-tab {
  padding: 0.266667rem 0 0.186667rem;
  font-size: 0.426667rem;
  font-weight: 400;
}

.recharge-style > .category-tab .adm-tabs-tab-active {
  color: #3FA6FF;
  font-weight: 500;
}

.recharge-style > .recharge-style-list {
  height: calc(100% - 5.253333rem);
  width: calc(100% - 0.533333rem);
  z-index: 100;
  position: absolute;
  margin: 0 0.266667rem 0.266667rem 0.266667rem;
  overflow-y: auto;
  align-content: baseline;
}

.recharge-style > .recharge-style-list > .category {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 0.4rem 0 0.4rem 0.4rem;
  margin-top: 0.266667rem;
  border-radius: 0.266667rem;
}

.recharge-style > .recharge-style-list > .category > .category-name {
  font-weight: 500;
  font-size: 0.426667rem;
  color: #333333;
  line-height: 0.586667rem;
  margin-bottom: 0.4rem;
}

.recharge-style > .recharge-style-list > .category > .category-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0.08rem;
}

.recharge-style > .recharge-style-list > .category > .category-list > div {
  width: 1.733333rem;
  height: auto;
  margin-bottom: 0.4rem;
  margin-right: 0.533333rem;
  text-align: center;
}

.recharge-style > .recharge-style-list > .category > .category-list > div > .list-data-image {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  border: 0.026667rem solid #f0f0f0;
  border-radius: 0.213333rem;
  width: 1.733333rem;
  height: 1.733333rem;
  text-align: center;
  line-height: 0;
  box-sizing: border-box;
}

.recharge-style > .recharge-style-list > .category > .category-list > div > .list-data-image > img {
  max-width: 0.96rem;
  max-height: 0.96rem;
  margin-top: 0.346667rem;
  border-radius: 0.106667rem;
}

.recharge-style > .recharge-style-list > .category > .category-list > div > .list-data-image > .list-data-discountTag {
  position: absolute;
  max-width: 100%;
  height: 0.426667rem;
  box-sizing: border-box;
  padding: 0 0.053333rem;
  background: #FF5757;
  border-radius: 0.106667rem 0 0.106667rem 0;
  text-align: center;
  font-weight: 400;
  font-size: 0.32rem;
  color: #FFFFFF;
  line-height: 0.426667rem;
  top: -0.026667rem;
  left: -0.026667rem;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  white-space: nowrap;
}

.recharge-style > .recharge-style-list > .category > .category-list > div > .list-data-title {
  margin-top: 0.133333rem;
  height: auto;
  line-height: 0.533333rem;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  font-size: 0.373333rem;
  font-weight: 400;
  color: #333;
  text-overflow: -o-ellipsis-lastline;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.recharge-style > .recharge-style-list > .category > .category-list > div > .list-data-subtitle {
  height: 0.506667rem;
  line-height: 0.506667rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  font-size: 0.32rem;
  font-weight: 400;
  color: #999;
}

.recharge-style > .recharge-style-list > .category > .category-list > div:nth-child(4n + 0) {
  margin-right: 0;
}

.recharge-style > .recharge-style-list::-webkit-scrollbar {
  display: none;
}

.recharge-style > .recharge-style-null {
  background-color: #fff;
  height: calc(100% - 30%);
  padding-top: 2.666667rem;
  border-top-left-radius: 0.213333rem;
  border-top-right-radius: 0.213333rem;
  z-index: 100;
  position: relative;
}
.carousel-part {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: inherit;
}

.carousel-part > .carousel-part-item {
  transition: all 1s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.state-machine-part {
  text-align: center;
}

.state-machine-part > .state-machine-part-icon {
  width: 6.933333rem;
  height: 3.626667rem;
  margin-left: auto;
  margin-right: auto;
}

.state-machine-part > .state-machine-part-icon > img {
  width: 100%;
  height: 100%;
}

.state-machine-part > .state-machine-part-tips {
  text-align: center;
  font-size: 0.426667rem;
  line-height: 0.586667rem;
  font-weight: 400;
  color: #666666;
}
.recharge-skeleton-part {
  width: 100%;
  height: 100%;
  overflow-y: hidden;
}

.recharge-skeleton-part .main-skeleton {
  position: relative;
  z-index: 1;
  margin-top: -0.8rem;
  background: #fff;
  width: 100%;
  border-radius: 0.213333rem 0.213333rem 0 0;
  padding: 0.533333rem;
  box-sizing: border-box;
}

.recharge-skeleton-part .main-skeleton .main-skeleton-row {
  margin-bottom: 0.4rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.recharge-skeleton-part .main-skeleton .main-skeleton-row .main-skeleton-row-item {
  width: 1.733333rem;
  overflow-x: hidden;
}
.df-source-skeleton {
  display: block;
  width: 100%;
  margin: 0.266667rem 0;
  padding: 0.4rem 0.266667rem;
  background-color: #fff;
  border-radius: 0;
}

.df-source-skeleton-content {
  padding: 0.4rem 0.266667rem;
}

.df-source-skeleton-image {
  display: block;
  width: 100%;
  height: 2.533333rem;
  background-color: #f7f7f7;
}

.df-source-skeleton-paragraph-line {
  width: 100%;
  height: 0.48rem;
  margin-bottom: 0.213333rem;
  background-color: #f7f7f7;
}

.df-source-skeleton-paragraph-line:last-child {
  margin-bottom: 0;
}

.df-source-skeleton-goodsList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.df-source-skeleton-animated .df-source-skeleton-paragraph-line,
.df-source-skeleton-animated .df-source-skeleton-image {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.df-source-skeleton-animated .df-source-skeleton-paragraph-line::after,
.df-source-skeleton-animated .df-source-skeleton-image::after {
  position: absolute;
  top: 0;
  right: -150%;
  bottom: 0;
  left: -150%;
  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
  animation: df-source-skeleton-loading 1.4s ease infinite;
  content: '';
}

.df-source-skeleton-animated.df-source-skeleton-image {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.df-source-skeleton-animated.df-source-skeleton-image::after {
  position: absolute;
  top: 0;
  right: -150%;
  bottom: 0;
  left: -150%;
  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
  animation: df-source-skeleton-loading 1.4s ease infinite;
  content: '';
}

.df-source-skeleton-round {
  border-radius: 0.106667rem;
}

@keyframes df-source-skeleton-loading {
  0% {
    transform: translateX(-37.5%);
  }

  100% {
    transform: translateX(37.5%);
  }
}
:root {
  --adm-radius-s: 4px;
  --adm-radius-m: 8px;
  --adm-radius-l: 12px;
  --adm-font-size-1: 9px;
  --adm-font-size-2: 10px;
  --adm-font-size-3: 11px;
  --adm-font-size-4: 12px;
  --adm-font-size-5: 13px;
  --adm-font-size-6: 14px;
  --adm-font-size-7: 15px;
  --adm-font-size-8: 16px;
  --adm-font-size-9: 17px;
  --adm-font-size-10: 18px;
  --adm-color-primary: #1677ff;
  --adm-color-success: #00b578;
  --adm-color-warning: #ff8f1f;
  --adm-color-danger: #ff3141;
  --adm-color-yellow: #ff9f18;
  --adm-color-orange: #ff6430;
  --adm-color-wathet: #e7f1ff;
  --adm-color-text: #333333;
  --adm-color-text-secondary: #666666;
  --adm-color-weak: #999999;
  --adm-color-light: #cccccc;
  --adm-color-border: #eeeeee;
  --adm-color-background: #ffffff;
  --adm-color-highlight: var(--adm-color-danger);
  --adm-color-white: #ffffff;
  --adm-color-box: #f5f5f5;
  --adm-color-text-light-solid: var(--adm-color-white);
  --adm-color-text-dark-solid: #000000;
  --adm-color-fill-content: var(--adm-color-box);
  --adm-font-size-main: var(--adm-font-size-5);
  --adm-font-family: -apple-system, blinkmacsystemfont, 'Helvetica Neue',
    helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',
    'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
  --adm-border-color: var(--adm-color-border);
}
html[data-prefers-color-scheme='dark'] {
  --adm-color-primary: #3086ff;
  --adm-color-success: #34b368;
  --adm-color-warning: #ffa930;
  --adm-color-danger: #ff4a58;
  --adm-color-yellow: #ffa930;
  --adm-color-orange: #e65a2b;
  --adm-color-wathet: #0d2543;
  --adm-color-text: #e6e6e6;
  --adm-color-text-secondary: #b3b3b3;
  --adm-color-weak: #808080;
  --adm-color-light: #4d4d4d;
  --adm-color-border: #2b2b2b;
  --adm-color-box: #0a0a0a;
  --adm-color-background: #1a1a1a;
  --adm-color-background-body: var(--adm-color-background);
  --adm-border-color: var(--adm-color-border);
}
:root {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html {
  background-color: var(--adm-color-background-body);
}
body {
  color: var(--adm-color-text);
  font-size: var(--adm-font-size-main);
  font-family: var(--adm-font-family);
}
a,
button {
  cursor: pointer;
}
a {
  color: var(--adm-color-primary);
  transition: opacity ease-in-out 0.2s;
}
a:active {
  opacity: 0.8;
}
.adm-plain-anchor {
  color: unset;
  transition: none;
}
.adm-plain-anchor:active {
  opacity: unset;
}
body.adm-overflow-hidden {
  overflow: hidden !important;
}
div.adm-px-tester {
  --size: 1;
  height: calc(var(--size) / 2 * 2px);
  width: 0;
  position: fixed;
  left: -100vw;
  top: -100vh;
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
}

.adm-action-sheet-popup > .adm-popup-body {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
}
.adm-action-sheet-extra {
  display: flex;
  justify-content: center;
  color: var(--adm-color-weak);
  font-size: var(--adm-font-size-7);
  padding: 18px 12px;
  border-bottom: 1px solid var(--adm-color-border);
}
.adm-action-sheet-button-list {
  border-bottom: 1px solid var(--adm-color-border);
}
.adm-action-sheet-button-item-wrapper {
  border-bottom: 1px solid var(--adm-color-border);
}
.adm-action-sheet-button-item-wrapper:last-child {
  border-bottom: none;
}
.adm-action-sheet-button-item {
  text-align: center;
  display: block;
  background-color: var(--adm-color-background);
  padding: 16px;
}
.adm-action-sheet-button-item:active {
  background-color: var(--adm-color-border);
}
.adm-action-sheet-button-item-disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.4;
}
.adm-action-sheet-button-item-name {
  color: var(--adm-color-text);
  font-size: var(--adm-font-size-10);
}
.adm-action-sheet-button-item-description {
  font-size: var(--adm-font-size-6);
  color: var(--adm-color-weak);
  padding-top: 4px;
}
.adm-action-sheet-button-item-danger .adm-action-sheet-button-item-name {
  color: var(--adm-color-danger);
}
.adm-action-sheet-button-item-bold .adm-action-sheet-button-item-name {
  font-weight: bold;
}
.adm-action-sheet-cancel {
  background-color: var(--adm-color-fill-content);
  padding-top: 8px;
}

.adm-popup {
  --z-index: var(--adm-popup-z-index, 1000);
  position: fixed;
  z-index: var(--z-index);
}
.adm-popup-body {
  position: fixed;
  background-color: var(--adm-color-background);
  z-index: calc(var(--z-index) + 10);
}
.adm-popup-body .adm-popup-close-icon {
  position: absolute;
  z-index: 100;
}
.adm-popup-body-position-bottom {
  width: 100%;
  bottom: 0;
  left: 0;
}
.adm-popup-body-position-bottom .adm-popup-close-icon {
  right: 8px;
  top: 8px;
}
.adm-popup-body-position-top {
  width: 100%;
  top: 0;
  left: 0;
}
.adm-popup-body-position-top .adm-popup-close-icon {
  right: 8px;
  bottom: 8px;
}
.adm-popup-body-position-left {
  height: 100%;
  top: 0;
  left: 0;
}
.adm-popup-body-position-left .adm-popup-close-icon {
  right: 8px;
  top: 8px;
}
.adm-popup-body-position-right {
  height: 100%;
  top: 0;
  right: 0;
}
.adm-popup-body-position-right .adm-popup-close-icon {
  left: 8px;
  top: 8px;
}
.adm-popup-close-icon {
  cursor: pointer;
  padding: 4px;
  font-size: 18px;
  line-height: 1;
  color: var(--adm-color-weak);
}

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

.adm-safe-area {
  --multiple: var(--adm-safe-area-multiple, 1);
  display: block;
  width: 100%;
}
.adm-safe-area-position-top {
  padding-top: calc(env(safe-area-inset-top) * var(--multiple));
}
.adm-safe-area-position-bottom {
  padding-bottom: calc(env(safe-area-inset-bottom) * var(--multiple));
}

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

.adm-avatar {
  --size: var(--adm-avatar-size, 44px);
  --border-radius: var(--adm-avatar-border-radius, 4px);
  border-radius: var(--border-radius);
}
.adm-avatar.adm-image {
  --width: var(--size);
  --height: var(--size);
}
.adm-avatar-fallback {
  height: 100%;
  width: 100%;
  display: block;
}

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

.adm-badge-wrapper {
  display: inline-block;
  position: relative;
}
.adm-badge {
  display: inline-flex;
  vertical-align: middle;
  box-sizing: content-box;
  border-radius: 100px;
  background-color: var(--color);
  --right: 0;
  --top: 0;
  --color: var(--adm-badge-color, var(--adm-color-highlight));
}
.adm-badge-content {
  color: var(--adm-color-text-light-solid);
  box-sizing: border-box;
  min-width: 8px;
  padding: 1px 4px;
  font-size: var(--adm-font-size-1);
  line-height: 12px;
  white-space: nowrap;
  font-weight: normal;
  text-align: center;
}
.adm-badge-fixed {
  position: absolute;
  right: var(--right);
  top: var(--top);
  transform: translate(50%, -50%);
}
.adm-badge-dot {
  min-width: 10px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}
.adm-badge-bordered {
  border: solid 1px var(--adm-color-text-light-solid);
}

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

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

.adm-calendar .adm-calendar-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-top: 4px;
}
.adm-calendar .adm-calendar-header a.adm-calendar-arrow-button {
  padding: 4px 8px;
  display: block;
  flex: none;
}
.adm-calendar .adm-calendar-header a.adm-calendar-arrow-button svg {
  height: 22px;
}
.adm-calendar .adm-calendar-header a.adm-calendar-arrow-button.adm-calendar-arrow-button-right svg {
  transform: rotate(180deg);
}
.adm-calendar .adm-calendar-header .adm-calendar-title {
  font-size: var(--adm-font-size-10);
  flex: auto;
  text-align: center;
}
.adm-calendar .adm-calendar-body {
  display: flex;
  flex-wrap: wrap;
}
.adm-calendar-cells {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  padding: 8px 8px 4px;
}
.adm-calendar-cell {
  flex: none;
  box-sizing: border-box;
  width: calc(100% / 7);
  height: 48px;
  margin-bottom: 4px;
  padding: 2px;
  color: var(--adm-color-text);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.adm-calendar-cell.adm-calendar-cell-today {
  color: var(--adm-color-primary);
}
.adm-calendar-cell.adm-calendar-cell-disabled {
  color: var(--adm-color-light);
}
.adm-calendar-cell.adm-calendar-cell-disabled .adm-calendar-cell-bottom {
  color: var(--adm-color-light);
}
.adm-calendar-cell.adm-calendar-cell-selected.adm-calendar-cell.adm-calendar-cell-selected {
  background: var(--adm-color-primary);
  color: var(--adm-color-white);
}
.adm-calendar-cell.adm-calendar-cell-selected .adm-calendar-cell-bottom {
  color: var(--adm-color-white);
}
.adm-calendar-cell.adm-calendar-cell-selected.adm-calendar-cell.adm-calendar-cell-selected-begin {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.adm-calendar-cell.adm-calendar-cell-selected.adm-calendar-cell.adm-calendar-cell-selected-end {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.adm-calendar-cell.adm-calendar-cell-disabled.adm-calendar-cell.adm-calendar-cell-selected {
  color: var(--adm-color-light);
}
.adm-calendar-cell .adm-calendar-cell-top {
  flex: none;
  font-size: var(--adm-font-size-10);
}
.adm-calendar-cell .adm-calendar-cell-bottom {
  flex: none;
  font-size: var(--adm-font-size-4);
  height: 12px;
  line-height: 12px;
  color: var(--adm-color-weak);
}
.adm-calendar-mark {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-bottom: solid 1px var(--adm-color-border);
  height: 45px;
  box-sizing: border-box;
  font-size: var(--adm-font-size-7);
  padding: 0 8px;
}
.adm-calendar-mark .adm-calendar-mark-cell {
  flex: 1;
  text-align: center;
}

.adm-divider-horizontal {
  display: flex;
  align-items: center;
  margin: 16px 0;
  border-width: 0;
  border-color: var(--adm-color-border);
  border-style: solid;
  color: var(--adm-color-weak);
  font-size: 14px;
}
.adm-divider-left.adm-divider-horizontal::before {
  max-width: 10%;
}
.adm-divider-right.adm-divider-horizontal::after {
  max-width: 10%;
}
.adm-divider-horizontal::after,
.adm-divider-horizontal::before {
  flex: auto;
  display: block;
  content: '';
  border-style: inherit;
  border-color: inherit;
  border-width: 1px 0 0;
}
.adm-divider-horizontal .adm-divider-content {
  flex: none;
  padding: 0 16px;
}
.adm-divider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  height: 0.9em;
  margin: 0 16px;
  vertical-align: middle;
  border-top: 0;
  border-left: 1px solid var(--adm-color-border);
}

.adm-calendar-picker .adm-calendar-picker-title,
.adm-calendar-picker .adm-calendar-picker-view-title,
.adm-calendar-picker .adm-calendar-picker-popup-title,
.adm-calendar-picker-view .adm-calendar-picker-title,
.adm-calendar-picker-view .adm-calendar-picker-view-title,
.adm-calendar-picker-view .adm-calendar-picker-popup-title,
.adm-calendar-picker-popup .adm-calendar-picker-title,
.adm-calendar-picker-popup .adm-calendar-picker-view-title,
.adm-calendar-picker-popup .adm-calendar-picker-popup-title {
  flex: auto;
  font-size: var(--adm-font-size-10);
}
.adm-calendar-picker .adm-calendar-picker-header,
.adm-calendar-picker .adm-calendar-picker-view-header,
.adm-calendar-picker .adm-calendar-picker-popup-header,
.adm-calendar-picker-view .adm-calendar-picker-header,
.adm-calendar-picker-view .adm-calendar-picker-view-header,
.adm-calendar-picker-view .adm-calendar-picker-popup-header,
.adm-calendar-picker-popup .adm-calendar-picker-header,
.adm-calendar-picker-popup .adm-calendar-picker-view-header,
.adm-calendar-picker-popup .adm-calendar-picker-popup-header {
  padding: 12px;
  border-bottom: 1px solid var(--adm-color-border);
}
.adm-calendar-picker .adm-calendar-picker-header .adm-calendar-picker-view-title,
.adm-calendar-picker .adm-calendar-picker-view-header .adm-calendar-picker-view-title,
.adm-calendar-picker .adm-calendar-picker-popup-header .adm-calendar-picker-view-title,
.adm-calendar-picker-view .adm-calendar-picker-header .adm-calendar-picker-view-title,
.adm-calendar-picker-view .adm-calendar-picker-view-header .adm-calendar-picker-view-title,
.adm-calendar-picker-view .adm-calendar-picker-popup-header .adm-calendar-picker-view-title,
.adm-calendar-picker-popup .adm-calendar-picker-header .adm-calendar-picker-view-title,
.adm-calendar-picker-popup .adm-calendar-picker-view-header .adm-calendar-picker-view-title,
.adm-calendar-picker-popup .adm-calendar-picker-popup-header .adm-calendar-picker-view-title {
  text-align: center;
}
.adm-calendar-picker .adm-calendar-picker-body,
.adm-calendar-picker .adm-calendar-picker-view-body,
.adm-calendar-picker .adm-calendar-picker-popup-body,
.adm-calendar-picker-view .adm-calendar-picker-body,
.adm-calendar-picker-view .adm-calendar-picker-view-body,
.adm-calendar-picker-view .adm-calendar-picker-popup-body,
.adm-calendar-picker-popup .adm-calendar-picker-body,
.adm-calendar-picker-popup .adm-calendar-picker-view-body,
.adm-calendar-picker-popup .adm-calendar-picker-popup-body {
  height: 64vh;
  overflow: auto;
}
.adm-calendar-picker .adm-calendar-picker-body::-webkit-scrollbar,
.adm-calendar-picker .adm-calendar-picker-view-body::-webkit-scrollbar,
.adm-calendar-picker .adm-calendar-picker-popup-body::-webkit-scrollbar,
.adm-calendar-picker-view .adm-calendar-picker-body::-webkit-scrollbar,
.adm-calendar-picker-view .adm-calendar-picker-view-body::-webkit-scrollbar,
.adm-calendar-picker-view .adm-calendar-picker-popup-body::-webkit-scrollbar,
.adm-calendar-picker-popup .adm-calendar-picker-body::-webkit-scrollbar,
.adm-calendar-picker-popup .adm-calendar-picker-view-body::-webkit-scrollbar,
.adm-calendar-picker-popup .adm-calendar-picker-popup-body::-webkit-scrollbar {
  display: none;
}
.adm-calendar-picker .adm-calendar-picker-body .adm-calendar-picker-view-title,
.adm-calendar-picker .adm-calendar-picker-view-body .adm-calendar-picker-view-title,
.adm-calendar-picker .adm-calendar-picker-popup-body .adm-calendar-picker-view-title,
.adm-calendar-picker-view .adm-calendar-picker-body .adm-calendar-picker-view-title,
.adm-calendar-picker-view .adm-calendar-picker-view-body .adm-calendar-picker-view-title,
.adm-calendar-picker-view .adm-calendar-picker-popup-body .adm-calendar-picker-view-title,
.adm-calendar-picker-popup .adm-calendar-picker-body .adm-calendar-picker-view-title,
.adm-calendar-picker-popup .adm-calendar-picker-view-body .adm-calendar-picker-view-title,
.adm-calendar-picker-popup .adm-calendar-picker-popup-body .adm-calendar-picker-view-title {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 8px 20px;
  background-color: var(--adm-color-box);
}
.adm-calendar-picker .adm-calendar-picker-footer-bottom,
.adm-calendar-picker .adm-calendar-picker-view-footer-bottom,
.adm-calendar-picker .adm-calendar-picker-popup-footer-bottom,
.adm-calendar-picker-view .adm-calendar-picker-footer-bottom,
.adm-calendar-picker-view .adm-calendar-picker-view-footer-bottom,
.adm-calendar-picker-view .adm-calendar-picker-popup-footer-bottom,
.adm-calendar-picker-popup .adm-calendar-picker-footer-bottom,
.adm-calendar-picker-popup .adm-calendar-picker-view-footer-bottom,
.adm-calendar-picker-popup .adm-calendar-picker-popup-footer-bottom {
  padding: 0 20px 16px;
}
.adm-calendar-picker .adm-calendar-picker-footer .adm-divider,
.adm-calendar-picker .adm-calendar-picker-view-footer .adm-divider,
.adm-calendar-picker .adm-calendar-picker-popup-footer .adm-divider,
.adm-calendar-picker-view .adm-calendar-picker-footer .adm-divider,
.adm-calendar-picker-view .adm-calendar-picker-view-footer .adm-divider,
.adm-calendar-picker-view .adm-calendar-picker-popup-footer .adm-divider,
.adm-calendar-picker-popup .adm-calendar-picker-footer .adm-divider,
.adm-calendar-picker-popup .adm-calendar-picker-view-footer .adm-divider,
.adm-calendar-picker-popup .adm-calendar-picker-popup-footer .adm-divider {
  margin-top: 0;
}
.adm-calendar-picker .adm-calendar-picker-footer .adm-button,
.adm-calendar-picker .adm-calendar-picker-view-footer .adm-button,
.adm-calendar-picker .adm-calendar-picker-popup-footer .adm-button,
.adm-calendar-picker-view .adm-calendar-picker-footer .adm-button,
.adm-calendar-picker-view .adm-calendar-picker-view-footer .adm-button,
.adm-calendar-picker-view .adm-calendar-picker-popup-footer .adm-button,
.adm-calendar-picker-popup .adm-calendar-picker-footer .adm-button,
.adm-calendar-picker-popup .adm-calendar-picker-view-footer .adm-button,
.adm-calendar-picker-popup .adm-calendar-picker-popup-footer .adm-button {
  width: 100%;
}
.adm-calendar-picker-cells,
.adm-calendar-picker-view-cells,
.adm-calendar-picker-popup-cells {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  padding: 4px 8px;
}
.adm-calendar-picker-cell,
.adm-calendar-picker-view-cell,
.adm-calendar-picker-popup-cell {
  flex: none;
  box-sizing: border-box;
  width: calc(100% / 7);
  min-height: 55px;
  margin-bottom: 4px;
  padding: 2px;
  color: var(--adm-color-text);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.adm-calendar-picker-cell.adm-calendar-picker-cell-today,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-today,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-today,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-today,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-today,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-today,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-today,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-today,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-today {
  color: var(--adm-color-primary);
}
.adm-calendar-picker-cell.adm-calendar-picker-cell-disabled,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-disabled,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-disabled,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-disabled,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-disabled,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-disabled,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-disabled,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-disabled,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-disabled {
  color: var(--adm-color-light);
}
.adm-calendar-picker-cell.adm-calendar-picker-cell-disabled .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-disabled .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-disabled .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-disabled .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-disabled .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-disabled .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-disabled .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-disabled .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-disabled .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-cell.adm-calendar-picker-cell-disabled .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-disabled .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-disabled .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-disabled .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-disabled .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-disabled .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-disabled .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-disabled .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-disabled .adm-calendar-picker-view-cell-bottom {
  color: var(--adm-color-light);
}
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected {
  background: rgba(22, 119, 255, 0.1);
  color: var(--adm-color-text);
}
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected .adm-calendar-picker-view-cell-bottom {
  color: var(--adm-color-white);
}
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-begin,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-begin {
  background: var(--adm-color-primary);
  color: var(--adm-color-white);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected-end,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected-end {
  background: var(--adm-color-primary);
  color: var(--adm-color-white);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.adm-calendar-picker-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-view-cell.adm-calendar-picker-popup-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-view-cell-selected,
.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-disabled.adm-calendar-picker-popup-cell.adm-calendar-picker-popup-cell-selected {
  color: var(--adm-color-light);
}
.adm-calendar-picker-cell .adm-calendar-picker-cell-date,
.adm-calendar-picker-cell .adm-calendar-picker-view-cell-date,
.adm-calendar-picker-cell .adm-calendar-picker-popup-cell-date,
.adm-calendar-picker-view-cell .adm-calendar-picker-cell-date,
.adm-calendar-picker-view-cell .adm-calendar-picker-view-cell-date,
.adm-calendar-picker-view-cell .adm-calendar-picker-popup-cell-date,
.adm-calendar-picker-popup-cell .adm-calendar-picker-cell-date,
.adm-calendar-picker-popup-cell .adm-calendar-picker-view-cell-date,
.adm-calendar-picker-popup-cell .adm-calendar-picker-popup-cell-date {
  flex: none;
  line-height: 22px;
  font-size: var(--adm-font-size-8);
}
.adm-calendar-picker-cell .adm-calendar-picker-cell-top,
.adm-calendar-picker-cell .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-cell .adm-calendar-picker-popup-cell-top,
.adm-calendar-picker-view-cell .adm-calendar-picker-cell-top,
.adm-calendar-picker-view-cell .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-view-cell .adm-calendar-picker-popup-cell-top,
.adm-calendar-picker-popup-cell .adm-calendar-picker-cell-top,
.adm-calendar-picker-popup-cell .adm-calendar-picker-view-cell-top,
.adm-calendar-picker-popup-cell .adm-calendar-picker-popup-cell-top,
.adm-calendar-picker-cell .adm-calendar-picker-cell-bottom,
.adm-calendar-picker-cell .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-cell .adm-calendar-picker-popup-cell-bottom,
.adm-calendar-picker-view-cell .adm-calendar-picker-cell-bottom,
.adm-calendar-picker-view-cell .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-view-cell .adm-calendar-picker-popup-cell-bottom,
.adm-calendar-picker-popup-cell .adm-calendar-picker-cell-bottom,
.adm-calendar-picker-popup-cell .adm-calendar-picker-view-cell-bottom,
.adm-calendar-picker-popup-cell .adm-calendar-picker-popup-cell-bottom {
  flex: none;
  font-size: var(--adm-font-size-1);
  height: 14px;
  line-height: 14px;
  color: var(--adm-color-weak);
}
.adm-calendar-picker-mark,
.adm-calendar-picker-view-mark,
.adm-calendar-picker-popup-mark {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border-bottom: solid 1px var(--adm-color-border);
  height: 45px;
  box-sizing: border-box;
  font-size: var(--adm-font-size-6);
  padding: 0 8px;
}
.adm-calendar-picker-mark .adm-calendar-picker-mark-cell,
.adm-calendar-picker-mark .adm-calendar-picker-view-mark-cell,
.adm-calendar-picker-mark .adm-calendar-picker-popup-mark-cell,
.adm-calendar-picker-view-mark .adm-calendar-picker-mark-cell,
.adm-calendar-picker-view-mark .adm-calendar-picker-view-mark-cell,
.adm-calendar-picker-view-mark .adm-calendar-picker-popup-mark-cell,
.adm-calendar-picker-popup-mark .adm-calendar-picker-mark-cell,
.adm-calendar-picker-popup-mark .adm-calendar-picker-view-mark-cell,
.adm-calendar-picker-popup-mark .adm-calendar-picker-popup-mark-cell {
  flex: 1;
  text-align: center;
}

.adm-capsule-tabs {
  position: relative;
  min-width: 0;
}
.adm-capsule-tabs-header {
  position: relative;
  padding: 12px 6px;
  border-bottom: solid 1px var(--adm-color-border);
}
.adm-capsule-tabs-tab-list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  overflow-x: scroll;
  scrollbar-width: none;
}
.adm-capsule-tabs-tab-list::-webkit-scrollbar {
  display: none;
}
.adm-capsule-tabs-tab-wrapper {
  flex: auto;
  padding: 0 6px;
}
.adm-capsule-tabs-tab {
  position: relative;
  padding: 8px 20px;
  margin: 0 auto;
  border-radius: 20px;
  cursor: pointer;
  font-size: var(--adm-font-size-7);
  text-align: center;
  white-space: nowrap;
  background-color: var(--adm-color-fill-content);
}
.adm-capsule-tabs-tab-active {
  color: var(--adm-color-text-light-solid);
  background-color: var(--adm-color-primary);
}
.adm-capsule-tabs-tab-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.adm-capsule-tabs-content {
  padding: 12px;
}

.adm-scroll-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 30px;
  height: 100%;
  pointer-events: none;
}
.adm-scroll-mask-left {
  left: 0;
  background: linear-gradient(to right, var(--adm-color-background), rgba(255, 255, 255, 0));
}
.adm-scroll-mask-right {
  right: 0;
  background: linear-gradient(to left, var(--adm-color-background), rgba(255, 255, 255, 0));
}

.adm-card {
  background: var(--adm-color-background);
  border-radius: var(--adm-card-border-radius, 8px);
  padding: 0 var(--adm-card-padding-inline, 12px);
}
.adm-card-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--adm-card-header-gap, 8px);
  box-sizing: border-box;
  padding: var(--adm-card-header-padding-block, 12px) 0;
}
.adm-card-header:not(:last-child) {
  border-bottom: solid var(--adm-card-header-border-width, 0.5px) var(--adm-card-header-border-color, var(--adm-color-border));
}
.adm-card-header-title {
  font-size: var(--adm-font-size-7);
  line-height: 1.4;
  font-weight: bold;
}
.adm-card-body {
  padding: var(--adm-card-body-padding-block, 12px) 0;
}

.adm-picker {
  --header-button-font-size: var(--adm-font-size-7);
  --title-font-size: var(--adm-font-size-7);
  --item-font-size: var(--adm-font-size-8);
  --item-height: 34px;
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  ---item-font-size: var(--item-font-size);
  ---item-height: var(--item-height);
}
.adm-picker .adm-picker-view.adm-picker-view {
  --item-font-size: var(---item-font-size);
  --item-height: var(---item-height);
}
.adm-picker-header {
  flex-shrink: 0;
  border-bottom: solid 1px var(--adm-color-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 4px;
}
.adm-picker-header-button {
  font-size: var(--header-button-font-size);
  display: inline-block;
  padding: 8px 8px;
}
.adm-picker-header-button-disabled,
.adm-picker-header-button-disabled:active {
  opacity: 0.4;
  cursor: not-allowed;
}
.adm-picker-header-title {
  padding: 4px 4px;
  font-size: var(--title-font-size);
  color: var(--adm-color-text);
  text-align: center;
  flex: 1;
}
.adm-picker-body {
  flex: 1;
  width: 100%;
  height: 100%;
}
.adm-picker-body > .adm-picker-view {
  --height: 100%;
}
.adm-picker-popup .adm-popup-body {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.adm-picker-view {
  --height: 240px;
  --item-height: 34px;
  --item-font-size: var(--adm-font-size-8);
  height: var(--height);
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
  background: var(--adm-color-background);
}
.adm-picker-view-column {
  height: 100%;
  flex: 1;
  -webkit-user-select: none;
          user-select: none;
  touch-action: none;
  position: relative;
  z-index: 0;
}
.adm-picker-view-column-wheel {
  width: 100%;
  cursor: -webkit-grab;
  cursor: grab;
  position: absolute;
  top: calc(50% - var(--item-height) / 2);
  left: 0;
}
.adm-picker-view-column-wheel::before {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  height: 100vh;
  top: -100vh;
}
.adm-picker-view-column-wheel::after {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  height: 100vh;
  bottom: -100vh;
}
.adm-picker-view-column-item {
  font-size: var(--item-font-size);
  padding: 0 6px;
  height: var(--item-height);
  display: flex;
  justify-content: center;
  align-items: center;
}
.adm-picker-view-column-item-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.adm-picker-view-column-accessible {
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  top: calc(var(--item-height) * -1);
  z-index: 0;
  padding-bottom: 1px;
}
.adm-picker-view-column-accessible > * {
  flex: 1;
  text-overflow: ellipsis;
}
.adm-picker-view-column-accessible-current {
  position: absolute;
  width: 100%;
  height: 100%;
}
.adm-picker-view-column-accessible-button {
  width: 100%;
  height: 100%;
}
.adm-picker-view-mask {
  position: absolute;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  pointer-events: none;
}
.adm-picker-view-mask-top,
.adm-picker-view-mask-bottom {
  flex: auto;
}
.adm-picker-view-mask-middle {
  height: var(--item-height);
  box-sizing: border-box;
  flex: none;
  border-top: solid 1px var(--adm-color-border);
  border-bottom: solid 1px var(--adm-color-border);
}
.adm-picker-view-mask-top {
  background: var(--adm-color-background);
  -webkit-mask: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
          mask: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
}
.adm-picker-view-mask-bottom {
  background: var(--adm-color-background);
  -webkit-mask: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
          mask: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
}
.adm-picker-view-loading-content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.adm-picker-view-item-height-measure {
  position: relative;
  left: 0;
  top: 0;
  height: var(--item-height);
  width: 0;
  pointer-events: none;
}

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

.adm-cascader {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
}
.adm-cascader-header {
  flex: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 8px;
}
.adm-cascader-header-button {
  font-size: var(--adm-font-size-7);
  display: inline-block;
  padding: 4px 4px;
}
.adm-cascader-header-title {
  padding: 4px 4px;
  font-size: var(--adm-font-size-7);
  color: var(--adm-color-text);
  text-align: center;
  flex: 1;
}
.adm-cascader-body {
  flex: auto;
  height: 100%;
  width: 100%;
}
.adm-cascader-body > .adm-cascader-view {
  --height: 310px;
}

.adm-cascader-view {
  --height: auto;
}
.adm-cascader-view-tabs.adm-tabs {
  --title-font-size: var(--adm-font-size-6);
  --content-padding: none;
}
.adm-cascader-view-header-title {
  max-width: 84px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.adm-cascader-view-content {
  height: var(--height);
  overflow-y: auto;
}
.adm-cascader-view-content > .adm-check-list {
  --border-inner: none;
  --border-bottom: none;
  --border-top: none;
}
.adm-cascader-view-item {
  font-size: var(--adm-font-size-6);
}
.adm-cascader-view-item-active {
  color: var(--adm-color-primary);
}
.adm-cascader-view .adm-list-inner {
  margin-bottom: 0;
}
.adm-cascader-view-skeleton {
  padding: 16px 12px;
}
.adm-cascader-view-skeleton .adm-skeleton {
  margin-bottom: 16px;
  --height: 18px;
  --width: 80%;
  --border-radius: 2px;
}
.adm-cascader-view-skeleton .adm-skeleton.adm-cascader-view-skeleton-line-3 {
  --width: 90%;
}
.adm-cascader-view-skeleton .adm-skeleton.adm-cascader-view-skeleton-line-4 {
  --width: 60%;
}

.adm-tabs {
  --title-font-size: var(--adm-font-size-9);
  --content-padding: 12px;
  --active-line-height: 2px;
  --active-line-border-radius: var(--active-line-height);
  --active-line-color: var(--adm-color-primary);
  --active-title-color: var(--adm-color-primary);
  position: relative;
  min-width: 0;
}
.adm-tabs-header {
  position: relative;
  border-bottom: solid 1px var(--adm-color-border);
}
.adm-tabs-tab-list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  overflow-x: scroll;
  scrollbar-width: none;
}
.adm-tabs-tab-list::-webkit-scrollbar {
  display: none;
}
.adm-tabs-tab-wrapper {
  padding: 0 12px;
}
.adm-tabs-tab-wrapper-stretch {
  flex: auto;
}
.adm-tabs-tab {
  white-space: nowrap;
  padding: 8px 0 10px;
  width: -webkit-min-content;
  width: min-content;
  margin: 0 auto;
  font-size: var(--title-font-size);
  position: relative;
  cursor: pointer;
}
.adm-tabs-tab-active {
  color: var(--active-title-color);
}
.adm-tabs-tab-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.adm-tabs-tab-line {
  position: absolute;
  bottom: 0;
  height: var(--active-line-height);
  background: var(--active-line-color);
  border-radius: var(--active-line-border-radius);
}
.adm-tabs-content {
  padding: var(--content-padding);
}
.adm-tabs-header-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 30px;
  height: 100%;
  pointer-events: none;
}
.adm-tabs-header-mask-left {
  left: 0;
  background: linear-gradient(to right, var(--adm-color-background), rgba(255, 255, 255, 0));
}
.adm-tabs-header-mask-right {
  right: 0;
  background: linear-gradient(to left, var(--adm-color-background), rgba(255, 255, 255, 0));
}

.adm-skeleton {
  --width: 100%;
  --height: 0;
  --border-radius: 0;
  background-color: rgba(190, 190, 190, 0.2);
  border-radius: var(--border-radius);
  width: var(--width);
  height: var(--height);
  display: block;
}
.adm-skeleton.adm-skeleton-animated {
  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
  background-size: 400% 100%;
  animation: adm-skeleton-loading 1.4s ease infinite;
}
.adm-skeleton.adm-skeleton-title {
  --width: 45%;
  --height: 32px;
  --border-radius: 2px;
  margin-bottom: 16px;
  margin-top: 16px;
}
.adm-skeleton.adm-skeleton-paragraph-line {
  --height: 18px;
  --border-radius: 2px;
  margin-top: 12px;
  margin-bottom: 12px;
}
.adm-skeleton.adm-skeleton-paragraph-line:last-child {
  --width: 65%;
}
@keyframes adm-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

.adm-check-list-item-extra {
  font-size: var(--adm-font-size-10);
  line-height: 1;
  color: var(--adm-color-primary);
}
.adm-check-list-item-readonly {
  cursor: unset;
}

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

.adm-center-popup {
  --background-color: var(--adm-center-popup-background-color, var(--adm-color-background));
  --border-radius: var(--adm-center-popup-border-radius, 8px);
  --max-width: var(--adm-center-popup-max-width, 75vw);
  --min-width: var(--adm-center-popup-min-width, 280px);
  --z-index: var(--adm-center-popup-z-index, 1000);
  position: fixed;
  z-index: var(--z-index);
}
.adm-center-popup .adm-center-popup-mask {
  z-index: 0;
}
.adm-center-popup-wrap {
  position: fixed;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: auto;
  min-width: var(--min-width);
  max-width: var(--max-width);
  transform: translate(-50%, -50%);
}
.adm-center-popup-body {
  background-color: var(--background-color);
  border-radius: var(--border-radius);
}
.adm-center-popup-close {
  position: absolute;
  z-index: 100;
  right: 8px;
  top: 8px;
  cursor: pointer;
  padding: 4px;
  font-size: 18px;
  color: var(--adm-color-weak);
}

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

.adm-collapse-panel-header .adm-list-item-content-main {
  padding: 12px 0;
}
.adm-collapse-arrow {
  transform: rotate(0deg);
  transition: all ease 0.3s;
}
.adm-collapse-arrow-active {
  transform: rotate(-180deg);
}
.adm-collapse-panel-content {
  font-size: var(--adm-font-size-main);
  color: var(--adm-color-weak);
  overflow: hidden;
}

.adm-dialog {
  --z-index: var(--adm-dialog-z-index, 1000);
  ---z-index: var(--z-index);
}
.adm-dialog .adm-center-popup {
  --z-index: var(---z-index);
}
.adm-dialog-body {
  width: 100%;
  max-height: 70vh;
  font-size: var(--adm-font-size-6);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.adm-dialog-body > * {
  flex: none;
}
.adm-dialog-body > .adm-dialog-content {
  flex: auto;
}
.adm-dialog-body:not(.adm-dialog-with-image) {
  padding-top: 20px;
}
.adm-dialog-image-container {
  margin-bottom: 12px;
  max-height: 40vh;
}
.adm-dialog-header {
  margin-bottom: 8px;
  padding: 0 12px;
}
.adm-dialog-title {
  margin-bottom: 8px;
  padding: 0 12px;
  font-weight: bold;
  font-size: var(--adm-font-size-10);
  line-height: 25px;
  text-align: center;
}
.adm-dialog-content {
  padding: 0 12px 20px;
  max-height: 70vh;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: var(--adm-font-size-7);
  line-height: 1.4;
  color: var(--adm-color-text);
}
.adm-dialog-content-empty {
  padding: 0;
  height: 12px;
}
.adm-dialog-footer {
  -webkit-user-select: none;
          user-select: none;
}
.adm-dialog-footer .adm-dialog-action-row {
  display: flex;
  align-items: stretch;
  border-top: 0.5px solid var(--adm-color-border);
}
.adm-dialog-footer .adm-dialog-action-row > * {
  flex: 1;
}
.adm-dialog-footer .adm-dialog-action-row > .adm-dialog-button {
  padding: 10px;
  font-size: var(--adm-font-size-10);
  line-height: 25px;
  border-radius: 0;
  border-right: solid 0.5px var(--adm-color-border);
}
.adm-dialog-footer .adm-dialog-action-row > .adm-dialog-button-bold {
  font-weight: bold;
}
.adm-dialog-footer .adm-dialog-action-row > .adm-dialog-button:last-child {
  border-right: none;
}
.adm-dialog-image-container {
  overflow-y: auto;
}

.adm-dropdown {
  background-color: var(--adm-color-background);
}
.adm-dropdown .adm-dropdown-nav {
  display: flex;
  border-bottom: 1px solid transparent;
}
.adm-dropdown-open .adm-dropdown-nav {
  border-bottom-color: var(--adm-color-border);
}
.adm-dropdown-item {
  display: flex;
  flex: 1;
  justify-content: center;
  min-width: 0;
  cursor: pointer;
}
.adm-dropdown-item .adm-dropdown-item-title {
  display: flex;
  align-items: center;
  position: relative;
  max-width: 100%;
  font-size: var(--adm-font-size-main);
  padding: 12px;
}
.adm-dropdown-item .adm-dropdown-item-title-text {
  margin-right: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.adm-dropdown-item .adm-dropdown-item-title-arrow {
  color: var(--adm-color-light);
  font-size: 9px;
  transform: rotate(0deg) translateY(1px);
  transition: all ease 0.2s;
}
.adm-dropdown-item .adm-dropdown-item-title-arrow-active {
  transform: rotate(-180deg) translateY(-1px);
}
.adm-dropdown-item .adm-dropdown-item-title:active {
  opacity: 0.7;
}
.adm-dropdown-item-highlight {
  color: var(--adm-color-primary);
}
.adm-dropdown-item-active .adm-dropdown-item-title:after {
  margin-top: -1px;
  transform: rotate(135deg);
}
.adm-dropdown-item-content {
  width: 100%;
  background: var(--adm-color-background);
}
.adm-dropdown-item-content-hidden {
  display: none;
}
.adm-dropdown-popup {
  position: fixed;
  overflow: hidden;
  width: 100%;
  right: 0;
  bottom: 0;
  left: 0;
}
.adm-dropdown-popup .adm-dropdown-popup-mask {
  position: absolute;
}
.adm-dropdown-popup .adm-dropdown-popup-body {
  position: absolute;
}

.adm-ellipsis {
  overflow: hidden;
  line-height: 1.5;
  word-break: break-word;
}

.adm-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 0;
}
.adm-empty-image-container {
  display: flex;
  justify-content: center;
}
.adm-empty-image-container .adm-empty-image {
  width: 64px;
  height: intrinsic;
}
.adm-empty-description {
  margin-top: 8px;
  font-size: var(--adm-font-size-6);
  color: var(--adm-color-light);
}

.adm-error-block {
  --color: var(--adm-color-text);
  --image-height: var(--adm-error-block-image-height, 100px);
  --image-height-full-page: var(--adm-error-block-image-height-full-page, 200px);
  --image-width: var(--adm-error-block-image-width, auto);
  --image-width-full-page: var(--adm-error-block-image-width-full-page, auto);
  box-sizing: border-box;
  text-align: center;
}
.adm-error-block-image {
  height: var(--image-height);
  width: var(--image-width);
  max-width: 100%;
}
.adm-error-block-image svg,
.adm-error-block-image img {
  height: 100%;
}
.adm-error-block-description {
  font-size: var(--adm-font-size-4);
  color: var(--adm-color-weak);
  line-height: 1.4;
  margin-top: 12px;
}
.adm-error-block-description-title {
  font-size: var(--adm-font-size-7);
}
.adm-error-block-description-subtitle {
  margin-top: 8px;
}
.adm-error-block-content {
  margin-top: 12px;
}
.adm-error-block-full-page {
  padding-top: calc(50vh - var(--image-height-full-page));
}
.adm-error-block-full-page .adm-error-block-image {
  height: var(--image-height-full-page);
  width: var(--image-width-full-page);
}
.adm-error-block-full-page .adm-error-block-description {
  margin-top: 20px;
  font-size: var(--adm-font-size-main);
}
.adm-error-block-full-page .adm-error-block-description-title {
  font-size: 20px;
  color: var(--adm-color-text);
}

.adm-floating-bubble {
  --initial-position-left: var(--initial-position-left);
  --initial-position-right: var(--initial-position-right);
  --initial-position-top: var(--initial-position-top);
  --initial-position-bottom: var(--initial-position-bottom);
  --z-index: 1;
  --edge-distance: 0;
  --size: 48px;
  --border-radius: 50%;
  --background: var(--adm-color-primary);
}
.adm-floating-bubble-boundary-outer {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  padding: var(--edge-distance);
  box-sizing: border-box;
  pointer-events: none;
}
.adm-floating-bubble-boundary {
  position: relative;
  width: 100%;
  height: 100%;
}
.adm-floating-bubble-button {
  position: fixed;
  top: var(--initial-position-top);
  bottom: var(--initial-position-bottom);
  left: var(--initial-position-left);
  right: var(--initial-position-right);
  box-sizing: border-box;
  width: var(--size);
  height: var(--size);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
  transition: opacity ease 0.15s;
  -webkit-user-select: none;
          user-select: none;
  touch-action: none;
  background: var(--background);
  color: var(--adm-color-white);
  border-radius: var(--border-radius);
  z-index: var(--z-index);
}

.adm-floating-panel {
  --border-radius: 8px;
  --header-height: 28px;
  --z-index: var(--adm-floating-panel-z-index, 900);
  position: fixed;
  z-index: var(--z-index);
  bottom: 0;
  left: 0;
  width: 100vw;
  display: flex;
  flex-direction: column;
  touch-action: none;
}
.adm-floating-panel-mask {
  display: block;
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 0;
  top: -100vh;
  background: transparent;
}
.adm-floating-panel::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -100vh;
  height: 100vh;
  width: 100vw;
  background: var(--adm-color-background);
}
.adm-floating-panel .adm-floating-panel-header {
  flex: none;
  height: var(--header-height);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-user-select: none;
          user-select: none;
  background-color: var(--adm-color-background);
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
.adm-floating-panel .adm-floating-panel-header .adm-floating-panel-bar {
  height: 3px;
  width: 20px;
  border-radius: 10px;
  background: var(--adm-color-light);
}
.adm-floating-panel .adm-floating-panel-content {
  flex: 1;
  overflow-y: scroll;
  background: var(--adm-color-background);
}

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

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

.adm-popover-menu {
  --border-color: var(--adm-color-border);
}
.adm-popover-menu.adm-popover {
  --content-padding: 0;
}
.adm-popover-menu-list {
  overflow: hidden;
  min-width: 120px;
}
.adm-popover-menu-list-inner {
  margin-top: -1px;
}
.adm-popover-menu-list-scroll {
  padding-right: 2px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: auto;
}
.adm-popover-menu-list-scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
}
.adm-popover-menu-list-scroll::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #ddd;
}
.adm-popover-menu-item {
  display: flex;
  padding-left: 20px;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.adm-popover-menu-item-icon {
  flex: none;
  padding-right: 8px;
  font-size: 20px;
}
.adm-popover-menu-item-text {
  flex: auto;
  padding: 14px 20px 14px 0;
  border-top: solid 1px var(--border-color);
}
.adm-popover-menu-item-disabled {
  cursor: not-allowed;
}
.adm-popover-menu-item-disabled > * {
  opacity: 0.4;
}
.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled) {
  background-color: var(--border-color);
}
.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled)::after {
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  bottom: -1px;
  left: 0;
  border-bottom: solid 1px var(--border-color);
}
.adm-popover.adm-popover-dark.adm-popover-menu {
  --border-color: var(--adm-color-text);
  --background: rgba(0, 0, 0, 0.9);
}

.adm-grid {
  --gap: 0;
  --gap-horizontal: var(--gap);
  --gap-vertical: var(--gap);
  display: grid;
  grid-gap: 10px;
  -webkit-column-gap: var(--gap-horizontal);
          column-gap: var(--gap-horizontal);
  row-gap: var(--gap-vertical);
  grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
  align-items: stretch;
}
.adm-grid-item {
  grid-column-end: span var(--item-span);
}

.adm-image-uploader {
  --cell-size: 80px;
  --gap: 12px;
  ---gap: var(--gap);
  ---gap-horizontal: var(--gap-horizontal, var(--gap));
  ---gap-vertical: var(--gap-vertical, var(--gap));
}
.adm-image-uploader-grid,
.adm-image-uploader-space {
  --gap: var(---gap);
  --gap-horizontal: var(---gap-horizontal);
  --gap-vertical: var(---gap-vertical);
}
.adm-image-uploader-cell {
  position: relative;
  width: var(--cell-size);
  height: var(--cell-size);
  border-radius: 4px;
  overflow: hidden;
}
.adm-image-uploader-cell-fail {
  border: red solid 1px;
  box-sizing: border-box;
}
.adm-image-uploader-cell-delete {
  position: absolute;
  top: 0;
  right: 0;
  width: 14px;
  height: 14px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 0 0 0 12px;
  font-size: 8px;
  color: var(--adm-color-white);
  cursor: pointer;
}
.adm-image-uploader-cell-delete-icon {
  position: absolute;
  left: 4px;
  top: 3px;
}
.adm-image-uploader-cell-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: var(--adm-color-white);
  background-color: rgba(50, 50, 51, 0.88);
}
.adm-image-uploader-cell-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  box-sizing: border-box;
  padding-top: 8px;
}
.adm-image-uploader-cell-mask-message {
  display: inline-block;
  padding: 6px 4px;
  font-size: var(--adm-font-size-4);
}
.adm-image-uploader-cell-image {
  width: var(--cell-size);
  height: var(--cell-size);
}
.adm-image-uploader-upload-button-wrap {
  position: relative;
}
.adm-image-uploader-upload-button-wrap .adm-image-uploader-upload-button {
  background-color: var(--adm-color-box);
  text-align: center;
  line-height: var(--cell-size);
  display: block;
}
.adm-image-uploader-upload-button-wrap .adm-image-uploader-upload-button-icon {
  color: var(--adm-color-weak);
  font-size: 32px;
}
.adm-image-uploader-upload-button-wrap .adm-image-uploader-input {
  cursor: pointer;
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.adm-image-uploader .adm-image-uploader-gap-measure {
  position: absolute;
  left: 0;
  top: 0;
  height: var(--gap-horizontal);
  width: 0;
}

.adm-image-viewer-content {
  width: 100vw;
  height: 100vh;
  touch-action: none;
  -webkit-user-select: none;
          user-select: none;
}
.adm-image-viewer-footer {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 1;
}
.adm-image-viewer-slides {
  height: 100%;
  position: relative;
  z-index: 1;
  cursor: -webkit-grab;
  cursor: grab;
  touch-action: none;
}
.adm-image-viewer-slides-inner {
  height: 100%;
  white-space: nowrap;
}
.adm-image-viewer-slides-inner > * {
  margin-right: 16px;
}
.adm-image-viewer-slide {
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.adm-image-viewer-control {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: -webkit-grab;
  cursor: grab;
  touch-action: none;
}
.adm-image-viewer-image-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.adm-image-viewer-image-wrapper img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.adm-image-viewer-indicator {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 12px;
  transform: translateX(-50%);
  color: var(--adm-color-border);
  font-size: var(--adm-font-size-6);
}

.adm-space-item {
  flex: none;
}
.adm-space {
  display: inline-flex;
  --gap: 8px;
  --gap-vertical: var(--gap);
  --gap-horizontal: var(--gap);
}
.adm-space-vertical {
  flex-direction: column;
}
.adm-space-vertical > .adm-space-item {
  margin-bottom: var(--gap-vertical);
}
.adm-space-vertical > .adm-space-item:last-child {
  margin-bottom: 0;
}
.adm-space-horizontal {
  flex-direction: row;
}
.adm-space-horizontal > .adm-space-item {
  margin-right: var(--gap-horizontal);
}
.adm-space-horizontal > .adm-space-item:last-child {
  margin-right: 0;
}
.adm-space-horizontal.adm-space-wrap {
  flex-wrap: wrap;
  margin-bottom: calc(var(--gap-vertical) * -1);
}
.adm-space-horizontal.adm-space-wrap > .adm-space-item {
  padding-bottom: var(--gap-vertical);
}
.adm-space.adm-space-block {
  display: flex;
}
.adm-space-align-center {
  align-items: center;
}
.adm-space-align-start {
  align-items: flex-start;
}
.adm-space-align-end {
  align-items: flex-end;
}
.adm-space-align-baseline {
  align-items: baseline;
}
.adm-space-justify-center {
  justify-content: center;
}
.adm-space-justify-start {
  justify-content: flex-start;
}
.adm-space-justify-end {
  justify-content: flex-end;
}
.adm-space-justify-between {
  justify-content: space-between;
}
.adm-space-justify-around {
  justify-content: space-around;
}
.adm-space-justify-evenly {
  justify-content: space-evenly;
}
.adm-space-justify-stretch {
  justify-content: stretch;
}

.adm-index-bar {
  --color: var(--adm-color-text);
  overflow: hidden;
  height: 100%;
  position: relative;
  background-color: var(--adm-color-background);
  --sticky-offset-top: 0;
}
.adm-index-bar-body {
  overflow: scroll;
  height: 100%;
  width: 100%;
}
.adm-index-bar-body::-webkit-scrollbar {
  display: none;
}
.adm-index-bar-anchor-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 35px;
  padding: 0 12px;
  color: var(--adm-color-weak);
  font-size: var(--adm-font-size-main);
  background-color: var(--adm-color-fill-content);
}
.adm-index-bar-sidebar {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 910;
  overflow: visible;
  color: var(--adm-color-weak);
  font-size: var(--adm-font-size-4);
  -webkit-user-select: none;
          user-select: none;
  touch-action: none;
}
.adm-index-bar-sidebar-bubble {
  position: absolute;
  top: 50%;
  right: 60px;
  width: 47px;
  height: 47px;
  color: var(--adm-color-text-light-solid);
  font-size: 25px;
  line-height: 47px;
  text-align: center;
  background: var(--adm-color-light);
  border-radius: 50%;
  transform: translateY(-50%);
}
.adm-index-bar-sidebar-row {
  cursor: pointer;
  width: auto;
  text-align: right;
  position: relative;
  padding: 0 12px;
}
.adm-index-bar-sidebar-row > * {
  pointer-events: none;
}
.adm-index-bar-sidebar-item {
  display: inline-flex;
  width: 16px;
  height: 16px;
  line-height: 16px;
  justify-content: center;
  align-items: center;
}
.adm-index-bar-sidebar-item-active {
  color: var(--adm-color-text-light-solid);
  background-color: var(--adm-color-primary);
  border-radius: 50%;
}
.adm-index-bar-sidebar-interacting {
  width: 100%;
}
.adm-index-bar-sticky .adm-index-bar-anchor-title {
  position: -webkit-sticky;
  position: sticky;
  z-index: 900;
  top: var(--sticky-offset-top);
  left: 0;
}

.adm-infinite-scroll {
  color: var(--adm-color-weak);
  padding: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--adm-font-size-main);
}
.adm-infinite-scroll-failed-text {
  display: inline-block;
  margin-right: 8px;
}

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

.adm-jumbo-tabs {
  --gap: 8px;
  position: relative;
  min-width: 0;
}
.adm-jumbo-tabs-header {
  position: relative;
  border-bottom: solid 1px var(--adm-color-border);
}
.adm-jumbo-tabs-tab-list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  overflow-x: scroll;
  padding: 0 var(--gap);
  scrollbar-width: none;
}
.adm-jumbo-tabs-tab-list::-webkit-scrollbar {
  display: none;
}
.adm-jumbo-tabs-tab-wrapper {
  flex: auto;
  padding: 0 calc(var(--gap) / 2);
  text-align: center;
}
.adm-jumbo-tabs-tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: -webkit-min-content;
  width: min-content;
  margin: 0 auto;
  padding: 12px 0;
  cursor: pointer;
  font-size: var(--adm-font-size-9);
  white-space: nowrap;
}
.adm-jumbo-tabs-tab-title {
  line-height: 24px;
  padding: 0 4px;
}
.adm-jumbo-tabs-tab-description {
  width: -webkit-min-content;
  width: min-content;
  padding: 0 8px;
  border-radius: 10px;
  color: var(--adm-color-weak);
  font-size: var(--adm-font-size-main);
  background-color: var(--adm-color-fill-content);
}
.adm-jumbo-tabs-tab-active {
  color: var(--adm-color-primary);
}
.adm-jumbo-tabs-tab-active .adm-jumbo-tabs-tab-description {
  color: var(--adm-color-text-light-solid);
  background-color: var(--adm-color-primary);
}
.adm-jumbo-tabs-tab-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.adm-jumbo-tabs-content {
  padding: 12px;
}

.adm-modal {
  --z-index: var(--adm-modal-z-index, 1000);
  ---z-index: var(--z-index);
}
.adm-modal .adm-center-popup {
  --z-index: var(---z-index);
}
.adm-modal-body {
  width: 100%;
  max-height: 70vh;
  font-size: var(--adm-font-size-6);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.adm-modal-body > * {
  flex: none;
}
.adm-modal-body > .adm-modal-content {
  flex: auto;
}
.adm-modal-body:not(.adm-modal-with-image) {
  padding-top: 20px;
}
.adm-modal-image-container {
  margin-bottom: 12px;
  max-height: 40vh;
  overflow-y: scroll;
}
.adm-modal-header {
  margin-bottom: 8px;
  padding: 0 12px;
}
.adm-modal-title {
  margin-bottom: 8px;
  padding: 0 12px;
  font-weight: bold;
  font-size: var(--adm-font-size-10);
  line-height: 25px;
  text-align: center;
}
.adm-modal-content {
  padding: 0 12px 12px;
  max-height: 70vh;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: var(--adm-font-size-7);
  line-height: 1.4;
  color: var(--adm-color-text);
}
.adm-modal-footer {
  -webkit-user-select: none;
          user-select: none;
  padding: 8px 12px 12px;
}
.adm-modal-footer-empty {
  padding: 0;
  height: 8px;
}
.adm-modal-footer.adm-space {
  --gap-vertical: 20px;
}
.adm-modal-footer .adm-modal-button {
  font-size: var(--adm-font-size-10);
  line-height: 25px;
}
.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary) {
  padding-top: 0;
  padding-bottom: 0;
}
.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary)::before {
  display: none;
}
.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary):active {
  opacity: 0.7;
}

.adm-nav-bar {
  --height: 45px;
  --border-bottom: none;
  display: flex;
  align-items: center;
  height: var(--height);
  border-bottom: var(--border-bottom);
  padding: 0 12px;
  white-space: nowrap;
}
.adm-nav-bar-left,
.adm-nav-bar-right {
  flex: 1;
}
.adm-nav-bar-title {
  flex: auto;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.adm-nav-bar-back {
  display: flex;
  align-items: center;
  margin-right: 16px;
  padding: 6px 0;
  cursor: pointer;
}
.adm-nav-bar-back-arrow {
  font-size: 24px;
  margin-right: 4px;
}
.adm-nav-bar-left {
  font-size: var(--adm-font-size-7);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.adm-nav-bar-title {
  justify-content: center;
  white-space: nowrap;
  font-size: var(--adm-font-size-10);
  padding: 0 12px;
}
.adm-nav-bar-right {
  text-align: right;
}

.adm-notice-bar {
  --background-color: var(--adm-color-weak);
  --border-color: var(--adm-color-weak);
  --text-color: var(--adm-color-text-light-solid);
  --font-size: var(--adm-font-size-7);
  --icon-font-size: var(--adm-font-size-10);
  --height: 40px;
  --adm-notice-bar-border-radius: 4px;
  --adm-notice-bar-border-width: 1px;
  height: var(--height);
  box-sizing: border-box;
  font-size: var(--font-size);
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: solid var(--adm-notice-bar-border-width) var(--border-color);
  border-left-width: 0;
  border-right-width: 0;
  background-color: var(--background-color);
  color: var(--text-color);
}
.adm-notice-bar > span[role='img'] {
  color: var(--text-color);
}
.adm-notice-bar.adm-notice-bar-alert {
  --background-color: #fff9ed;
  --border-color: #fff3e9;
  --text-color: var(--adm-color-orange);
}
.adm-notice-bar.adm-notice-bar-error {
  --background-color: var(--adm-color-danger);
  --border-color: #d9281e;
  --text-color: #fff;
}
.adm-notice-bar.adm-notice-bar-info {
  --background-color: #d0e4ff;
  --border-color: #bcd8ff;
  --text-color: var(--adm-color-primary);
}
.adm-notice-bar.adm-notice-bar-success {
  --background-color: #d1fff0;
  --border-color: #a8f0d8;
  --text-color: var(--adm-color-success);
}
.adm-notice-bar .adm-notice-bar-left {
  flex-shrink: 0;
  margin-right: 8px;
  font-size: var(--icon-font-size);
}
.adm-notice-bar .adm-notice-bar-content {
  flex: 1;
  overflow: hidden;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.adm-notice-bar .adm-notice-bar-content .adm-notice-bar-content-inner {
  width: auto;
  transition-timing-function: linear;
  white-space: nowrap;
}
.adm-notice-bar-wrap.adm-notice-bar .adm-notice-bar-content .adm-notice-bar-content-inner {
  white-space: normal;
}
.adm-notice-bar .adm-notice-bar-right {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: 12px;
}
.adm-notice-bar-close {
  width: 24px;
  height: 24px;
  margin-right: -3px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--adm-font-size-10);
}
.adm-notice-bar-wrap {
  height: auto;
  align-items: flex-start;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 22px;
}
.adm-notice-bar-neutral {
  border-radius: var(--adm-notice-bar-border-radius);
}
.adm-notice-bar-rounded {
  border-radius: 1000px;
}
.adm-notice-bar-bordered {
  border-left-width: var(--adm-notice-bar-border-width);
  border-right-width: var(--adm-notice-bar-border-width);
}
.adm-notice-bar-without-border {
  border-top-width: 0;
  border-bottom-width: 0;
}

.adm-number-keyboard-main {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
.adm-number-keyboard-main.adm-number-keyboard-main-confirmed-style .adm-number-keyboard-key-sign {
  background-color: var(--adm-color-background);
}
.adm-number-keyboard-popup.adm-popup {
  width: 100%;
  -webkit-user-select: none;
          user-select: none;
  z-index: 1050;
}
.adm-number-keyboard-popup.adm-popup .adm-popup-body {
  background-color: var(--adm-color-box);
}
.adm-number-keyboard-wrapper {
  display: flex;
}
.adm-number-keyboard-header {
  height: 34px;
  line-height: 34px;
  border-top: solid 1px var(--adm-color-border);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  color: var(--adm-color-weak);
  background-color: var(--adm-color-background);
}
.adm-number-keyboard-header-close-button {
  padding: 0 12px;
  font-size: 16px;
}
.adm-number-keyboard-header.adm-number-keyboard-header-with-title {
  justify-content: space-between;
}
.adm-number-keyboard-header.adm-number-keyboard-header-with-title .adm-number-keyboard-header-close-button {
  padding-right: 0;
}
.adm-number-keyboard-footer {
  background: var(--adm-color-white);
}
.adm-number-keyboard-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.adm-number-keyboard-confirm {
  width: 25%;
}
.adm-number-keyboard-key {
  flex: 1 33.33%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  font-size: 22px;
  box-sizing: border-box;
  border: solid 1px var(--adm-color-border);
  border-bottom: none;
  border-left: none;
}
.adm-number-keyboard-key:nth-child(3n),
.adm-number-keyboard-key:last-child {
  border-right: none;
}
.adm-number-keyboard-key::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background-color: var(--adm-color-text-dark-solid);
  border: inherit;
  border-color: var(--adm-color-text-dark-solid);
  border-radius: inherit;
  transform: translate(-50%, -50%);
  opacity: 0;
  content: ' ';
  box-sizing: content-box;
}
.adm-number-keyboard-key.adm-number-keyboard-key-mid {
  flex-basis: 66.67%;
}
.adm-number-keyboard-key.adm-number-keyboard-key-sign:active::before {
  opacity: 0.1;
}
.adm-number-keyboard-key.adm-number-keyboard-key-extra {
  border-left: solid 1px var(--adm-color-border);
  border-right: none;
}
.adm-number-keyboard-key.adm-number-keyboard-key-extra,
.adm-number-keyboard-key.adm-number-keyboard-key-number {
  background-color: var(--adm-color-background);
}
.adm-number-keyboard-key.adm-number-keyboard-key-extra:active::before,
.adm-number-keyboard-key.adm-number-keyboard-key-number:active::before {
  opacity: 0.1;
}
.adm-number-keyboard-key.adm-number-keyboard-key-ok {
  background-color: var(--adm-color-primary);
  color: var(--adm-color-white);
  height: 144px;
  font-size: 16px;
  border: none;
}

.adm-page-indicator {
  display: flex;
  width: auto;
  --dot-color: var(--adm-color-light);
  --active-dot-color: var(--adm-color-primary);
  --dot-size: 3px;
  --active-dot-size: 13px;
  --dot-border-radius: 1px;
  --active-dot-border-radius: var(--dot-border-radius);
  --dot-spacing: 3px;
}
.adm-page-indicator-dot {
  display: block;
  width: var(--dot-size);
  height: var(--dot-size);
  border-radius: var(--dot-border-radius);
  background: var(--dot-color);
}
.adm-page-indicator-dot:last-child {
  margin-right: 0;
}
.adm-page-indicator-dot-active {
  border-radius: var(--active-dot-border-radius);
  background: var(--active-dot-color);
}
.adm-page-indicator-color-white {
  --dot-color: rgba(255, 255, 255, 0.5);
  --active-dot-color: var(--adm-color-text-light-solid);
}
.adm-page-indicator-horizontal {
  flex-direction: row;
}
.adm-page-indicator-horizontal .adm-page-indicator-dot {
  margin-right: var(--dot-spacing);
}
.adm-page-indicator-horizontal .adm-page-indicator-dot-active {
  width: var(--active-dot-size);
}
.adm-page-indicator-vertical {
  flex-direction: column;
}
.adm-page-indicator-vertical .adm-page-indicator-dot {
  margin-bottom: var(--dot-spacing);
}
.adm-page-indicator-vertical .adm-page-indicator-dot-active {
  height: var(--active-dot-size);
}

.adm-passcode-input {
  position: relative;
  display: inline-block;
  --cell-size: 40px;
  --cell-gap: 6px;
  --dot-size: 10px;
  --border-color: var(--adm-color-border);
  --border-radius: 8px;
}
.adm-passcode-input-cell-container {
  display: inline-flex;
  vertical-align: top;
}
.adm-passcode-input-cell {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  font-size: var(--adm-font-size-10);
  width: var(--cell-size);
  height: var(--cell-size);
  background: var(--adm-color-background);
}
.adm-passcode-input:not(.adm-passcode-input-seperated) {
  border-radius: var(--border-radius);
  overflow: hidden;
  border: 1px solid var(--border-color);
}
.adm-passcode-input:not(.adm-passcode-input-seperated) .adm-passcode-input-cell:not(:last-child) {
  border-right: 1px solid var(--border-color);
}
.adm-passcode-input:not(.adm-passcode-input-seperated).adm-passcode-input-focused {
  border-color: var(--adm-color-primary);
  box-shadow: 0 0 2px 0 var(--adm-color-primary);
  outline: none;
}
.adm-passcode-input:not(.adm-passcode-input-seperated).adm-passcode-input-error {
  border-color: var(--adm-color-danger);
  box-shadow: 0 0 2px 0 var(--adm-color-danger);
  animation: 100ms ease-in-out 0s 3 normal none running adm-shake-horizontal;
}
.adm-passcode-input.adm-passcode-input-seperated .adm-passcode-input-cell {
  border-radius: var(--border-radius);
  border: 1px solid var(--border-color);
}
.adm-passcode-input.adm-passcode-input-seperated .adm-passcode-input-cell:not(:last-child) {
  margin-right: var(--cell-gap);
}
.adm-passcode-input.adm-passcode-input-seperated .adm-passcode-input-cell-focused {
  border-color: var(--adm-color-primary);
  box-shadow: 0 0 2px 0 var(--adm-color-primary);
}
.adm-passcode-input-seperated.adm-passcode-input-focused {
  outline: none;
}
.adm-passcode-input.adm-passcode-input-seperated.adm-passcode-input-error {
  animation: 100ms ease-in-out 0s 3 normal none running adm-shake-horizontal;
}
.adm-passcode-input.adm-passcode-input-seperated.adm-passcode-input-error .adm-passcode-input-cell {
  border-color: var(--adm-color-danger);
  box-shadow: 0 0 2px 0 var(--adm-color-danger);
}
.adm-passcode-input-cell-dot::before {
  content: '';
  width: var(--dot-size);
  height: var(--dot-size);
  border-radius: 100%;
  background: var(--adm-color-text);
}
.adm-passcode-input-cell-caret::after {
  content: '';
  width: 2px;
  height: 1.1em;
  margin-left: 1px;
  background: var(--adm-color-primary);
  animation: 1s linear infinite adm-caret-blink;
}
.adm-passcode-input > .adm-passcode-input-native-input {
  position: absolute;
  left: -200vw;
  top: 0;
  display: block;
  width: 50px;
  height: 20px;
  opacity: 0.5;
}
@keyframes adm-shake-horizontal {
  0% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-4px);
  }
  20% {
    transform: translateX(5px);
  }
  30% {
    transform: translateX(-1px);
  }
  40% {
    transform: translateX(8px);
  }
  50% {
    transform: translateX(0);
  }
  60% {
    transform: translateX(-8px);
  }
  70% {
    transform: translateX(1px);
  }
  80% {
    transform: translateX(-5px);
  }
  90% {
    transform: translateX(4px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes adm-caret-blink {
  from {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}

.adm-progress-bar {
  --track-width: var(--adm-progress-bar-track-width, 8px);
  --track-color: var(--adm-progress-bar-track-color, var(--adm-color-border));
  --fill-color: var(--adm-progress-bar-fill-color, var(--adm-color-primary));
  --text-width: var(--adm-progress-bar-text-width, 40px);
  display: flex;
  align-items: center;
}
.adm-progress-bar-trail {
  flex: auto;
  background: var(--track-color);
  overflow: hidden;
  height: var(--track-width);
}
.adm-progress-bar-fill {
  transition: width 0.3s;
  background: var(--fill-color);
  height: var(--track-width);
}
.adm-progress-bar-text {
  flex: none;
  width: calc(var(--text-width) + 8px);
  padding-left: 8px;
  color: var(--adm-color-weak);
}
.adm-progress-bar-rounded .adm-progress-bar-trail,
.adm-progress-bar-rounded .adm-progress-bar-fill {
  border-radius: var(--track-width);
}

/*进度圈*/
.adm-progress-circle {
  --track-width: var(--adm-progress-circle-track-width, 3px);
  --size: var(--adm-progress-circle-size, 50px);
  --track-color: var(--adm-progress-circle-track-color, var(--adm-color-border));
  --fill-color: var(--adm-progress-circle-fill-color, var(--adm-color-primary));
  --percent: 0;
  --pi: 3.14159265;
  --radius: calc(var(--size) / 2 - var(--track-width) / 2);
  --circumference: calc(var(--radius) * var(--pi) * 2);
  display: inline-block;
  width: var(--size);
  height: var(--size);
}
.adm-progress-circle-svg {
  width: 100%;
  height: 100%;
}
.adm-progress-circle-svg > .adm-progress-circle-track,
.adm-progress-circle-svg .adm-progress-circle-fill {
  stroke-width: var(--track-width);
  r: var(--radius);
  cx: calc(var(--size) / 2);
  cy: calc(var(--size) / 2);
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}
.adm-progress-circle-svg > .adm-progress-circle-track {
  stroke: var(--track-color);
}
.adm-progress-circle-svg > .adm-progress-circle-fill {
  transition: stroke-dashoffset 0.35s;
  stroke: var(--fill-color);
  stroke-dasharray: var(--circumference);
  stroke-dashoffset: calc(var(--circumference) * (1 - var(--percent) / 100));
  stroke-linecap: round;
}
.adm-progress-circle-content {
  position: relative;
  margin: auto;
  width: 100%;
  height: 100%;
}
.adm-progress-circle-info {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
}

.adm-pull-to-refresh-head {
  overflow: hidden;
  position: relative;
}
.adm-pull-to-refresh-head-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: var(--adm-color-weak);
  display: flex;
  justify-content: center;
  align-items: center;
}

.adm-radio {
  --icon-size: 22px;
  --font-size: var(--adm-font-size-9);
  --gap: 8px;
  display: inline-flex;
  vertical-align: text-bottom;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.adm-radio input[type='radio'] {
  display: none;
}
.adm-radio .adm-radio-icon {
  flex: none;
  border: 1px solid var(--adm-color-light);
  border-radius: var(--icon-size);
  box-sizing: border-box;
  width: var(--icon-size);
  height: var(--icon-size);
  color: var(--adm-color-text-light-solid);
}
.adm-radio .adm-radio-icon > svg {
  display: block;
  width: 100%;
  height: 100%;
}
.adm-radio.adm-radio-block {
  display: flex;
}
.adm-radio.adm-radio-checked .adm-radio-icon {
  border-color: var(--adm-color-primary);
  background-color: var(--adm-color-primary);
}
.adm-radio.adm-radio-disabled {
  cursor: not-allowed;
}
.adm-radio.adm-radio-disabled .adm-radio-content {
  opacity: 0.4;
}
.adm-radio.adm-radio-disabled .adm-radio-icon {
  color: var(--adm-color-light);
  border-color: var(--adm-color-light);
  background-color: var(--adm-color-fill-content);
}
.adm-radio .adm-radio-custom-icon {
  font-size: var(--icon-size);
}
.adm-radio-content {
  flex: 0 1 auto;
  font-size: var(--font-size);
  padding-left: var(--gap);
}

.adm-rate {
  --star-size: 24px;
  --active-color: var(--adm-color-yellow);
  --inactive-color: var(--adm-color-border);
  --inactive-color-half: var(--adm-color-border);
  display: inline-flex;
  touch-action: pan-y;
  -webkit-user-select: none;
          user-select: none;
}
.adm-rate-box {
  position: relative;
}
.adm-rate-star {
  padding: 0.125em;
  line-height: var(--star-size);
  font-size: var(--star-size);
  color: var(--inactive-color);
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  box-sizing: border-box;
  transition: all 0.3s;
}
.adm-rate-star-half {
  padding-right: 0;
  width: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.adm-rate-star-active {
  color: var(--active-color);
}
.adm-rate-star-readonly {
  cursor: unset;
}
.adm-rate.adm-rate-half .adm-rate-star-half:not(.adm-rate-star-active) {
  color: var(--inactive-color-half);
}

.adm-result {
  padding: 32px 12px;
  background-color: var(--adm-color-background);
}
.adm-result-icon {
  box-sizing: border-box;
  width: 64px;
  height: 64px;
  margin: 0 auto 20px auto;
  padding: 6px;
}
.adm-result-icon .antd-mobile-icon {
  font-size: 52px;
}
.adm-result-title {
  color: var(--adm-color-text);
  font-size: var(--adm-font-size-10);
  line-height: 1.4;
  text-align: center;
}
.adm-result-description {
  margin-top: 8px;
  color: var(--adm-color-weak);
  font-size: var(--adm-font-size-main);
  line-height: 1.4;
  text-align: center;
}
.adm-result-success .adm-result-icon .antd-mobile-icon {
  color: var(--adm-color-primary);
}
.adm-result-error .adm-result-icon .antd-mobile-icon {
  color: var(--adm-color-danger);
}
.adm-result-info .adm-result-icon .antd-mobile-icon {
  color: var(--adm-color-primary);
}
.adm-result-waiting .adm-result-icon .antd-mobile-icon {
  color: var(--adm-color-success);
}
.adm-result-warning .adm-result-icon .antd-mobile-icon {
  color: var(--adm-color-warning);
}

.adm-result-page {
  --background-color: var(--adm-color-primary);
  position: relative;
  background-color: var(--adm-color-box);
  min-height: 100vh;
  width: 100%;
}
.adm-result-page-header {
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: transparent;
  position: relative;
  padding: 20px;
  padding-bottom: 100px;
  z-index: 1;
  overflow: hidden;
}
.adm-result-page-icon {
  color: var(--adm-color-text-light-solid);
  box-sizing: border-box;
  padding: 2px;
  margin-bottom: 8px;
}
.adm-result-page-icon .antd-mobile-icon {
  font-size: 32px;
}
.adm-result-page-title {
  font-size: var(--adm-font-size-10);
  color: var(--adm-color-text-light-solid);
  line-height: 1.4;
  text-align: center;
}
.adm-result-page-description {
  margin-top: 8px;
  margin-bottom: 24px;
  font-size: var(--adm-font-size-6);
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.4;
  text-align: center;
}
.adm-result-page-details {
  width: 100%;
}
.adm-result-page-detail {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 5px;
  color: var(--adm-color-text-light-solid);
  font-size: var(--adm-font-size-6);
}
.adm-result-page-detail-bold {
  font-weight: 600;
}
.adm-result-page-collapse {
  opacity: 0.6;
  width: 10px;
  height: 10px;
  margin: auto;
  margin-bottom: 5px;
  border-top: 2px solid var(--adm-color-text-light-solid);
  border-right: 2px solid var(--adm-color-text-light-solid);
  transform: rotate(135deg);
}
.adm-result-page-collapse-active {
  transform: rotate(-45deg);
}
.adm-result-page-bgWrapper {
  position: relative;
  align-self: flex-start;
  top: 54px;
}
.adm-result-page-bg {
  --width: 440vw;
  position: absolute;
  height: var(--width);
  width: var(--width);
  left: calc((var(--width) - 100vw) * -1 / 2 - 20px);
  top: calc(var(--width) * -1 + 1vw);
  border-radius: 50%;
  background-color: var(--background-color);
  z-index: -1;
}
.adm-result-page-content {
  position: relative;
  padding: 12px;
  top: -104px;
  z-index: 2;
}
.adm-result-page-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 12px;
  padding-bottom: 24px;
  display: flex;
  justify-content: center;
  background-color: var(--adm-color-box);
  z-index: 3;
  box-sizing: border-box;
}
.adm-result-page-footer-btn {
  flex: 1;
  max-width: calc((100vw - 36px) / 2);
}
.adm-result-page-footer-space {
  width: 12px;
}
.adm-result-page-card {
  border-radius: 8px;
  background-color: var(--adm-color-background);
}

.adm-search-bar {
  --height: 32px;
  --padding-left: 8px;
  --background: var(--adm-color-fill-content);
  --border-radius: 6px;
  --placeholder-color: var(--adm-color-weak);
  ---placeholder-color: var(--placeholder-color);
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--height);
}
.adm-search-bar .adm-search-bar-input-box {
  flex: auto;
  background: var(--background);
  border-radius: var(--border-radius);
  border: solid 1px transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: var(--padding-left);
}
.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input-box-icon {
  flex: none;
  color: var(--adm-color-light);
  font-size: var(--adm-font-size-8);
}
.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input {
  flex: auto;
  padding: 4px 8px 4px 4px;
  height: calc(var(--height) - 2px);
  box-sizing: border-box;
}
.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-input {
  --placeholder-color: var(---placeholder-color);
  --font-size: var(--adm-font-size-7);
}
.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input .adm-input-element {
  line-height: 19px;
}
.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-search-bar-input-without-icon {
  padding-left: 8px;
}
.adm-search-bar .adm-search-bar-suffix {
  flex: none;
  margin-left: 4px;
}
.adm-search-bar .adm-search-bar-cancel-button.adm-button {
  padding: 3px 12px;
}
.adm-search-bar-active .adm-input.adm-input.adm-input {
  --placeholder-color: var(--adm-color-light);
}
.adm-search-bar-active .adm-search-bar-input-box {
  border-color: var(--adm-color-primary);
  background: var(--adm-color-background);
}

.adm-segmented {
  --segmented-background: var(--adm-color-fill-content);
  --segmented-item-color: var(--adm-color-text-secondary);
  --segmented-item-selected-background: var(--adm-color-background);
  --segmented-item-selected-color: var(--adm-color-text);
  --segmented-item-disabled-color: var(--adm-color-weak);
  --transition-time-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  display: inline-block;
  padding: 2px;
  color: var(--segmented-item-color);
  background-color: var(--segmented-background);
  border-radius: 2px;
  transition: all 0.3s var(--transition-time-function);
}
.adm-segmented-group {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-items: flex-start;
  width: 100%;
}
.adm-segmented.adm-segmented-block {
  display: flex;
}
.adm-segmented.adm-segmented-block .adm-segmented-item {
  flex: 1;
  min-width: 0;
}
.adm-segmented-item {
  position: relative;
  text-align: center;
  cursor: pointer;
  transition: color 0.3s var(--transition-time-function);
}
.adm-segmented-item-selected {
  background-color: var(--segmented-item-selected-background);
  border-radius: 2px;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
  color: var(--segmented-item-selected-color);
}
.adm-segmented-item-label {
  min-height: 10px;
  padding: 0 11px;
  line-height: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.adm-segmented-item-icon + * {
  margin-left: 6px;
}
.adm-segmented-item-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.adm-segmented-item-disabled {
  color: var(--segmented-item-disabled-color);
  cursor: not-allowed;
}
.adm-segmented-thumb {
  background-color: var(--segmented-item-selected-background);
  border-radius: 2px;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  padding: 4px 0;
}
.adm-segmented-thumb-motion-appear-active {
  transition: transform 0.3s var(--transition-time-function), width 0.3s var(--transition-time-function);
  will-change: transform, width;
}
/* ---- mixins part starts ---- */
.segmented-disabled-item {
  color: var(--segmented-item-disabled-color);
  cursor: not-allowed;
}
.segmented-item-selected {
  background-color: var(--segmented-item-selected-background);
  border-radius: 2px;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.05), 0 1px 4px -1px rgba(0, 0, 0, 0.07), 0 0 1px 0 rgba(0, 0, 0, 0.08);
}
.segmented-text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
/* ---- mixins part ends ---- */

.adm-selector {
  --color: var(--adm-color-fill-content);
  --checked-color: var(--adm-color-wathet);
  --text-color: var(--adm-color-text);
  --checked-text-color: var(--adm-color-primary);
  --border: none;
  --checked-border: none;
  --border-radius: 2px;
  --padding: 8px 16px;
  --gap: 8px;
  ---gap: var(--gap);
  ---gap-horizontal: var(--gap-horizontal, var(--gap));
  ---gap-vertical: var(--gap-vertical, var(--gap));
  overflow: hidden;
  font-size: var(--adm-font-size-7);
  line-height: 1.4;
}
.adm-selector .adm-space.adm-space {
  --gap: 12px;
}
.adm-selector .adm-grid {
  --gap: var(---gap);
  --gap-horizontal: var(---gap-horizontal);
  --gap-vertical: var(---gap-vertical);
}
.adm-selector-item {
  padding: var(--padding);
  position: relative;
  background-color: var(--color);
  border: var(--border);
  border-radius: var(--border-radius);
  color: var(--text-color);
  opacity: 1;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  vertical-align: top;
}
.adm-selector-item-description {
  font-size: var(--adm-font-size-main);
  color: var(--adm-color-weak);
}
.adm-selector-item-active,
.adm-selector-item-multiple-active {
  color: var(--checked-text-color);
  background-color: var(--checked-color);
  border: var(--checked-border);
}
.adm-selector-item .adm-selector-check-mark-wrapper {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: solid 8px transparent;
  border-bottom: solid 8px var(--adm-color-primary);
  border-left: solid 10px transparent;
  border-right: solid 10px var(--adm-color-primary);
}
.adm-selector-item .adm-selector-check-mark-wrapper > svg {
  position: absolute;
  left: 0;
  top: 0;
  height: 6px;
  width: 8px;
}
.adm-selector-item-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

.adm-side-bar {
  --height: 100%;
  --width: 105px;
  --item-border-radius: 8px;
  --background-color: var(--adm-color-fill-content);
  width: var(--width);
  height: var(--height);
  box-sizing: border-box;
  font-size: var(--adm-font-size-main);
  overflow-y: auto;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  background-color: var(--background-color);
  display: flex;
  flex-direction: column;
}
.adm-side-bar-items {
  flex: none;
  overflow: hidden;
}
.adm-side-bar-extra-space {
  flex: auto;
  overflow: hidden;
  position: relative;
}
.adm-side-bar-item {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 16px 12px;
  position: relative;
  cursor: pointer;
  background-color: var(--background-color);
  overflow: visible;
}
.adm-side-bar-item-highlight {
  position: absolute;
  height: 100%;
  width: 2px;
  left: -12px;
  top: 0;
  background: var(--adm-color-primary);
  border-radius: 2px;
}
.adm-side-bar-item-active {
  color: var(--adm-color-primary);
  background-color: var(--adm-color-background);
  position: relative;
}
.adm-side-bar-item-corner {
  width: var(--item-border-radius);
  height: var(--item-border-radius);
  position: absolute;
  z-index: 100;
  right: 0;
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
}
.adm-side-bar-item-corner-top {
  top: 0;
  transform: rotate(-90deg);
}
.adm-side-bar-item-corner-bottom {
  bottom: 0;
}
.adm-side-bar-item-disabled {
  cursor: not-allowed;
}
.adm-side-bar-item-disabled .adm-side-bar-item-title {
  opacity: 0.4;
}
.adm-side-bar-badge.adm-badge {
  --right: -4px;
}

.adm-slider {
  --fill-color: var(--adm-color-primary);
  padding: 5px 14px;
  list-style: none;
  -webkit-user-select: none;
          user-select: none;
}
.adm-slider-track-container {
  padding: 8px 0;
}
.adm-slider-track {
  position: relative;
  width: 100%;
  height: 3px;
  background-color: var(--adm-color-fill-content);
  border-radius: 3px;
}
.adm-slider-fill {
  position: absolute;
  z-index: 1;
  height: 3px;
  border-radius: 3px;
  background-color: var(--fill-color);
}
.adm-slider-ticks {
  position: absolute;
  width: 100%;
  height: 3px;
  background: transparent;
}
.adm-slider-tick {
  position: absolute;
  top: -2px;
  width: 7px;
  height: 7px;
  margin-left: -3px;
  background-color: var(--adm-color-fill-content);
  border-radius: 50%;
}
.adm-slider-tick-active {
  background-color: var(--fill-color);
}
.adm-slider-thumb {
  width: 28px;
  height: 28px;
  margin: 2px;
  border-radius: 50%;
  text-align: center;
  line-height: 28px;
  background: var(--adm-color-text-light-solid);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12);
  color: var(--fill-color);
}
.adm-slider-thumb:focus {
  outline: none;
}
.adm-slider-thumb-icon {
  width: 12px;
  height: 12px;
  margin: 8px;
  -webkit-user-select: none;
          user-select: none;
}
.adm-slider-thumb-container {
  cursor: -webkit-grab;
  cursor: grab;
  touch-action: none;
  position: absolute;
  z-index: 2;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.adm-slider-mark {
  position: relative;
  width: 100%;
  overflow: visible;
  font-size: var(--adm-font-size-3);
  height: 11px;
  margin-top: 10px;
}
.adm-slider-mark-text {
  position: absolute;
  display: inline-block;
  line-height: 1;
  color: var(--adm-color-text);
  text-align: center;
  word-break: keep-all;
  -webkit-user-select: none;
          user-select: none;
  transform: translateX(-50%);
}
.adm-slider-disabled .adm-slider-mark,
.adm-slider-disabled .adm-slider-thumb-icon {
  opacity: 0.4;
}
.adm-slider-disabled .adm-slider-tick-active::after,
.adm-slider-disabled .adm-slider-fill::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  background-color: rgba(255, 255, 255, 0.6);
}
.adm-slider-disabled .adm-slider-thumb {
  cursor: not-allowed;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.06);
}
.adm-slider-disabled .adm-slider-mark-text,
.adm-slider-disabled .adm-slider-tick {
  cursor: not-allowed;
  box-shadow: none;
}

.adm-stepper {
  --height: 28px;
  --input-width: 44px;
  --input-font-size: var(--adm-font-size-main);
  --input-font-color: var(--adm-color-text);
  --input-background-color: var(--adm-color-fill-content);
  --border-radius: 2px;
  --border: none;
  --border-inner: solid 2px transparent;
  --active-border: var(--border);
  --button-font-size: var(--adm-font-size-7);
  --button-text-color: var(--adm-color-primary);
  --button-background-color: var(--adm-color-fill-content);
  --button-width: var(--height);
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  width: calc(var(--input-width) + 2 * var(--button-width));
  border: var(--border);
  border-radius: var(--border-radius);
}
.adm-stepper-active {
  border: var(--active-border);
}
.adm-stepper-middle {
  flex: 1;
  border-left: var(--border-inner);
  border-right: var(--border-inner);
}
.adm-stepper .adm-stepper-input {
  height: var(--height);
  --background-color: var(--input-background-color);
  --font-size: var(--input-font-size);
  --color: var(--input-font-color);
  --text-align: center;
}
.adm-stepper-minus,
.adm-stepper-plus {
  width: var(--button-width);
  height: var(--height);
  padding: 0;
  color: var(--button-text-color);
  background-color: var(--button-background-color);
  font-size: var(--button-font-size);
  --border-width: 0;
}
.adm-stepper-minus:disabled,
.adm-stepper-plus:disabled {
  color: var(--adm-color-weak);
}
.adm-stepper-minus svg,
.adm-stepper-plus svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.adm-stepper-minus {
  border-radius: 0;
}
.adm-stepper-plus {
  border-radius: 0;
}

.adm-step {
  --line-to-next-color: var(--adm-color-border);
  --icon-color: var(--adm-color-border);
  position: relative;
  z-index: 0;
}
.adm-step .adm-step-indicator {
  position: relative;
}
.adm-step .adm-step-indicator::after {
  content: '';
  position: absolute;
  z-index: 0;
  background-color: var(--line-to-next-color);
}
.adm-step .adm-step-indicator .adm-step-icon-container {
  position: absolute;
  z-index: 1;
  color: var(--icon-color);
}
.adm-step .adm-step-indicator .adm-step-icon-container > .antd-mobile-icon {
  display: block;
}
.adm-step:last-child .adm-step-indicator::after {
  display: none;
}
.adm-step-status-finish {
  --line-to-next-color: var(--adm-color-primary);
}
.adm-step-status-wait {
  --icon-color: var(--adm-color-border);
}
.adm-step-status-wait .adm-step-title {
  color: var(--adm-color-weak);
}
.adm-step-status-process {
  --icon-color: var(--adm-color-primary);
}
.adm-step-status-process .adm-step-title {
  color: var(--adm-color-primary);
}
.adm-step-status-finish {
  --icon-color: var(--adm-color-primary);
}
.adm-step-status-error {
  --icon-color: var(--adm-color-danger);
}
.adm-step-status-error .adm-step-title {
  color: var(--adm-color-danger);
}
.adm-steps {
  --title-font-size: var(--adm-font-size-main);
  --description-font-size: var(--adm-font-size-4);
  --indicator-margin-right: 0;
  --icon-size: 18px;
  width: 100%;
  box-sizing: border-box;
}
.adm-steps-horizontal {
  display: flex;
  justify-content: space-around;
  padding: 8px 0;
}
.adm-steps-horizontal .adm-step {
  flex: 1;
}
.adm-steps-horizontal .adm-step .adm-step-indicator {
  width: 100%;
  height: 24px;
}
.adm-steps-horizontal .adm-step .adm-step-indicator::after {
  left: 50%;
  top: 50%;
  height: 1px;
  transform: translateY(-50%);
  width: 100%;
}
.adm-steps-horizontal .adm-step .adm-step-indicator .adm-step-icon-container {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.adm-steps-horizontal .adm-step-content {
  text-align: center;
  font-size: var(--description-font-size);
  padding: 2px 8px 0;
}
.adm-steps-horizontal .adm-step-content .adm-step-title {
  font-size: var(--title-font-size);
}
.adm-steps-horizontal .adm-step-content .adm-step-description {
  margin-top: 4px;
  color: var(--adm-color-weak);
}
.adm-steps-vertical {
  padding: 8px 16px;
}
.adm-steps-vertical .adm-step {
  display: flex;
  align-items: stretch;
}
.adm-steps-vertical .adm-step .adm-step-indicator {
  flex: none;
  width: 24px;
  margin-right: var(--indicator-margin-right);
}
.adm-steps-vertical .adm-step .adm-step-indicator::after {
  left: 50%;
  top: calc(var(--title-font-size) * 1.5 / 2);
  width: 1px;
  transform: translateX(-50%);
  height: 100%;
}
.adm-steps-vertical .adm-step .adm-step-indicator .adm-step-icon-container {
  top: calc(var(--title-font-size) * 1.5 / 2);
  left: 50%;
  transform: translate(-50%, -50%);
}
.adm-steps-vertical .adm-step:last-child .adm-step-content {
  padding-bottom: 0;
}
.adm-steps-vertical .adm-step .adm-step-content {
  flex: auto;
  padding-bottom: 24px;
}
.adm-steps-vertical .adm-step .adm-step-content .adm-step-title {
  font-size: var(--title-font-size);
  line-height: 1.5;
}
.adm-steps-vertical .adm-step .adm-step-content .adm-step-description {
  padding-top: 4px;
  font-size: var(--description-font-size);
  color: var(--adm-color-weak);
}
.adm-step-icon-container {
  font-size: var(--icon-size);
}
.adm-step-icon-dot {
  display: block;
  width: 8px;
  height: 8px;
  background: currentColor;
  border-radius: 4px;
}

.adm-swipe-action {
  --background: var(--adm-color-background);
  background: var(--background);
  cursor: -webkit-grab;
  cursor: grab;
  overflow: hidden;
  touch-action: pan-y;
}
.adm-swipe-action-track {
  position: relative;
  overflow: visible;
}
.adm-swipe-action-actions {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: stretch;
  width: auto;
  white-space: nowrap;
}
.adm-swipe-action-actions-right {
  left: 100%;
  top: 0;
  height: 100%;
}
.adm-swipe-action-actions-left {
  right: 100%;
  top: 0;
  height: 100%;
}
.adm-swipe-action-action-button.adm-button {
  --border-radius: 0;
  --border-width: 0;
  --text-color: var(--adm-color-text-light-solid);
  padding-left: 20px;
  padding-right: 20px;
}

.adm-swiper {
  --height: auto;
  --width: 100%;
  --border-radius: 0;
  --track-padding: 0;
  --slide-size: 100%;
  --track-offset: 0%;
  display: block;
  width: var(--width);
  height: var(--height);
  position: relative;
  border-radius: var(--border-radius);
  z-index: 0;
  overflow: hidden;
}
.adm-swiper-track {
  width: 100%;
  height: 100%;
  white-space: nowrap;
  padding: var(--track-padding);
}
.adm-swiper-track-allow-touch-move {
  cursor: -webkit-grab;
  cursor: grab;
}
.adm-swiper-track-inner {
  width: 100%;
  height: 100%;
  overflow: visible;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
}
.adm-swiper-slide,
.adm-swiper-slide-placeholder {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  white-space: unset;
  flex: none;
}
.adm-swiper-item {
  display: block;
  width: 100%;
  height: 100%;
  white-space: normal;
}
.adm-swiper-horizontal .adm-swiper-track-allow-touch-move {
  touch-action: pan-y;
}
.adm-swiper-horizontal .adm-swiper-indicator {
  position: absolute;
  bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
}
.adm-swiper-horizontal .adm-swiper-track {
  transform: translateX(var(--track-offset));
}
.adm-swiper-horizontal .adm-swiper-track-inner {
  flex-direction: row;
  width: var(--slide-size);
}
.adm-swiper-vertical .adm-swiper-track-allow-touch-move {
  touch-action: pan-x;
}
.adm-swiper-vertical .adm-swiper-indicator {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}
.adm-swiper-vertical .adm-swiper-track {
  transform: translateY(var(--track-offset));
}
.adm-swiper-vertical .adm-swiper-track-inner {
  flex-direction: column;
  height: var(--slide-size);
}

@keyframes loading-rotate {
  100% {
    transform: rotate(1turn);
  }
}
.adm-switch {
  --checked-color: var(--adm-color-primary);
  --height: 31px;
  --width: 51px;
  --border-width: 2px;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  position: relative;
  align-self: center;
  cursor: pointer;
  /* 选中状态 */
  /* 禁用状态 */
  /* loading图标 */
}
.adm-switch input {
  display: none;
}
.adm-switch-checkbox {
  min-width: var(--width);
  height: var(--height);
  box-sizing: border-box;
  border-radius: 31px;
  background: var(--adm-color-border);
  z-index: 0;
  overflow: hidden;
  line-height: var(--height);
}
.adm-switch-checkbox:before {
  content: ' ';
  position: absolute;
  left: var(--border-width);
  top: var(--border-width);
  width: calc(100% - 2 * var(--border-width));
  height: calc(var(--height) - 2 * var(--border-width));
  border-radius: calc(var(--height) - 2 * var(--border-width));
  box-sizing: border-box;
  background: var(--adm-color-background);
  z-index: 1;
  transition: all 200ms;
  transform: scale(1);
}
.adm-switch-handle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--height) - 2 * var(--border-width));
  height: calc(var(--height) - 2 * var(--border-width));
  border-radius: calc(var(--height) - 2 * var(--border-width));
  background: var(--adm-color-text-light-solid);
  position: absolute;
  z-index: 2;
  top: var(--border-width);
  left: var(--border-width);
  transition: all 200ms;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2), 0 2px 11.5px 0 rgba(0, 0, 0, 0.08), -1px 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.adm-switch-inner {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 8px 0 calc(var(--height) - var(--border-width) + 5px);
  height: 100%;
  color: var(--adm-color-weak);
  transition: margin 200ms;
  font-size: var(--adm-font-size-7);
}
.adm-switch.adm-switch-checked .adm-switch-checkbox {
  background: var(--checked-color);
}
.adm-switch.adm-switch-checked .adm-switch-checkbox:before {
  transform: scale(0);
}
.adm-switch.adm-switch-checked .adm-switch-handle {
  left: calc(100% - (var(--height) - var(--border-width)));
}
.adm-switch.adm-switch-checked .adm-switch-inner {
  margin: 0 calc(var(--height) - var(--border-width) + 5px) 0 8px;
  color: var(--adm-color-text-light-solid);
}
.adm-switch.adm-switch-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.adm-switch-spin-icon {
  width: 14px;
  height: 14px;
  animation: loading-rotate 1s linear infinite;
}

.adm-tab-bar-wrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  overflow: hidden;
  min-height: 48px;
}
.adm-tab-bar-item {
  flex: 1;
  color: var(--adm-color-text-secondary);
  white-space: nowrap;
  padding: 4px 8px;
  width: -webkit-min-content;
  width: min-content;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.adm-tab-bar-item-icon {
  font-size: 24px;
  height: 24px;
  line-height: 1;
}
.adm-tab-bar-item-title {
  font-size: var(--adm-font-size-2);
  line-height: 15px;
}
.adm-tab-bar-item-title-with-icon {
  margin-top: 2px;
}
.adm-tab-bar-item-active {
  color: var(--adm-color-primary);
}
.adm-tab-bar-icon-badge {
  --top: 6px;
}
.adm-tab-bar-title-badge {
  --right: -2px;
  --top: -2px;
}

.adm-tag {
  --border-radius: var(--adm-tag-border-radius, 2px);
  padding: 2px 4px;
  font-size: var(--adm-font-size-3);
  line-height: 1;
  font-weight: normal;
  background: var(--background-color);
  color: var(--text-color);
  display: inline-block;
  white-space: nowrap;
  border-radius: var(--border-radius);
  border: 1px solid var(--border-color);
  box-sizing: border-box;
}
.adm-tag-round {
  border-radius: 100px;
}

.adm-text-area {
  --font-size: var(--adm-font-size-9);
  --color: var(--adm-color-text);
  --placeholder-color: var(--adm-color-light);
  --disabled-color: var(--adm-color-weak);
  --text-align: left;
  --count-text-align: right;
  position: relative;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
}
.adm-text-area-element {
  font-family: var(--adm-font-family);
  resize: none;
  flex: auto;
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
  margin: 0;
  color: var(--color);
  font-size: var(--font-size);
  line-height: 1.5;
  background: transparent;
  border: 0;
  outline: none;
  -webkit-appearance: none;
          appearance: none;
  min-height: 1.5em;
  text-align: var(--text-align);
}
.adm-text-area-element::-webkit-input-placeholder {
  color: var(--placeholder-color);
  font-family: inherit;
}
.adm-text-area-element::placeholder {
  color: var(--placeholder-color);
  font-family: inherit;
}
.adm-text-area-element:-webkit-autofill {
  background-color: transparent;
}
.adm-text-area-element:disabled {
  color: var(--disabled-color);
  cursor: not-allowed;
  opacity: 1;
  -webkit-text-fill-color: var(--disabled-color);
}
.adm-text-area-element:read-only {
  cursor: default;
}
.adm-text-area-element:invalid {
  box-shadow: none;
}
.adm-text-area-element::-ms-clear {
  display: none;
}
.adm-text-area-element-hidden {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1000;
}
.adm-text-area-count {
  text-align: var(--count-text-align);
  color: var(--adm-color-weak);
  font-size: var(--adm-font-size-9);
  padding-top: 8px;
}

.adm-toast-mask .adm-toast-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.adm-toast-mask .adm-toast-main {
  display: inline-block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  max-width: 204px;
  max-height: 70%;
  overflow: auto;
  color: white;
  word-break: break-all;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 8px;
  pointer-events: all;
  font-size: var(--adm-font-size-7);
  line-height: 1.5;
  box-sizing: border-box;
  text-align: initial;
}
.adm-toast-mask .adm-toast-main-text {
  padding: 12px;
  min-width: 0;
}
.adm-toast-mask .adm-toast-main-icon {
  padding: 35px 12px;
  min-width: 150px;
}
.adm-toast-mask .adm-toast-main-icon .adm-toast-icon {
  text-align: center;
  margin-bottom: 8px;
  font-size: 36px;
  line-height: 1;
}
.adm-toast-loading {
  --size: 48px;
  margin: 0 auto 8px;
}

.adm-tree-select,
.adm-tree-select-multiple {
  display: flex;
  height: 100%;
  font-size: var(--adm-font-size-main);
  background-color: var(--adm-color-white);
}
.adm-tree-select-column,
.adm-tree-select-multiple-column {
  overflow-y: auto;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.adm-tree-select-column:first-child,
.adm-tree-select-multiple-column:first-child {
  background-color: var(--adm-color-box);
}
.adm-tree-select-column:nth-child(2),
.adm-tree-select-multiple-column:nth-child(2) {
  background-color: var(--adm-color-box);
}
.adm-tree-select-item,
.adm-tree-select-multiple-item {
  display: flex;
  align-items: center;
  min-height: 50px;
  box-sizing: border-box;
  padding: 6px 12px;
  position: relative;
}
.adm-tree-select-item-active {
  color: var(--adm-color-primary);
  font-weight: bold;
  background-color: white;
}
.adm-tree-select-multiple-item-expand {
  color: var(--adm-color-primary);
  font-weight: bold;
  background-color: white;
}
.adm-tree-select-multiple-item-checkbox {
  margin-right: 8px;
}
.adm-tree-select-multiple-dot {
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 8px;
  width: 6px;
  height: 6px;
  background: var(--adm-color-primary);
  border-radius: 3px;
}

.adm-virtual-input {
  --font-size: var(--adm-font-size-9);
  --color: var(--adm-color-text);
  --placeholder-color: var(--adm-color-light);
  --disabled-color: var(--adm-color-weak);
  --text-align: left;
  --caret-width: var(--adm-virtual-input-caret-width, 2px);
  --caret-color: var(--adm-virtual-input-caret-color, var(--adm-color-primary));
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  text-align: var(--text-align);
  font-size: var(--font-size);
  line-height: 1.5;
  white-space: nowrap;
  color: var(--color);
}
.adm-virtual-input > * {
  vertical-align: top;
}
.adm-virtual-input-content {
  flex: auto;
  display: inline-block;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 100%;
  overflow-y: hidden;
  overflow-x: scroll;
  scrollbar-width: none;
}
.adm-virtual-input-content::-webkit-scrollbar {
  display: none;
}
.adm-virtual-input-placeholder {
  display: block;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  overflow: hidden;
  text-align: var(--text-align);
  color: var(--placeholder-color);
}
.adm-virtual-input-caret-container {
  display: inline-block;
  width: var(--caret-width);
  height: 1.3em;
  vertical-align: top;
  margin-right: 1px;
}
.adm-virtual-input-caret {
  width: 100%;
  height: 100%;
  background-color: var(--caret-color);
  position: relative;
  top: 5%;
}
.adm-virtual-input:focus {
  outline: none;
}
.adm-virtual-input:focus .adm-virtual-input-caret {
  display: block;
  animation-name: adm-caret-blink;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.adm-virtual-input-disabled {
  color: var(--disabled-color);
}
@keyframes adm-caret-blink {
  from {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
.adm-virtual-input-clear {
  flex: none;
  margin-left: 8px;
  color: var(--placeholder-color);
  padding: 3px;
  cursor: pointer;
}
.adm-virtual-input-clear .antd-mobile-icon {
  display: block;
  font-size: var(--adm-font-size-6);
}

.adm-water-mark {
  --z-index: var(--adm-water-mark-z-index, 2000);
  position: absolute;
  z-index: var(--z-index);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  background-repeat: repeat;
}
.adm-water-mark-full-page {
  position: fixed;
}

.adm-footer {
  --background-color: var(--adm-color-background);
  color: var(--adm-color-text);
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--background-color);
}
.adm-footer-label {
  width: 100%;
}
.adm-footer-label .adm-divider.adm-divider {
  color: var(--adm-color-light);
}
.adm-footer-links {
  margin: 8px 0;
  color: var(--adm-color-primary);
  white-space: nowrap;
}
.adm-footer-links a {
  text-decoration: none;
}
.adm-footer-content {
  display: flex;
  align-items: center;
  margin: 8px 0;
  color: var(--adm-color-light);
}
.adm-footer-chips {
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin: 8px 0;
}
.adm-footer-chip {
  white-space: nowrap;
  margin-right: 20px;
  font-size: 12px;
  background-color: var(--adm-color-fill-content);
  color: var(--adm-color-weak);
  padding: 4px 12px;
  border-radius: 100px;
}
.adm-footer-chip-link {
  cursor: pointer;
  background-color: var(--adm-color-wathet);
  color: var(--adm-color-primary);
}
.adm-footer-chip:last-child {
  margin-right: 0;
}

.search-style {
  font-size: 0.32rem;
  background-color: #fff;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.search-head-tabs-part {
  overflow-x: auto;
  width: calc(100% - 0.133333rem);
  display: -webkit-box;
  padding-left: 0.133333rem;
  color: #333;
  font-size: 0.426667rem;
  transition: all 1s;
  margin-top: 0.533333rem;
}

.search-head-tabs-part > div {
  height: 1.066667rem;
  line-height: 1.066667rem;
  margin: 0 0.32rem;
}

.search-head-tabs-part > .active-tab {
  color: #3fa6ff;
  color: var(--df-primary-color, #3fa6ff);
  font-weight: 500;
  position: relative;
}

.search-head-tabs-part > .active-tab::after {
  content: "";
  border-bottom: 0.08rem solid #3fa6ff;
  border-bottom: 0.08rem solid var(--df-primary-color, #3fa6ff);
  width: 0.426667rem;
  position: absolute;
  bottom: 0.08rem;
  left: calc(50% - 0.213333rem);
}

.search-head-tabs-part::-webkit-scrollbar {
  height: 0;
}
.search-result-view-part {
  height: calc(100% - 1.333333rem);
  overflow-y: auto;
  padding: 0 0.4rem;
}

.search-result-view-part > .search-result-view-line {
  height: 2.4rem;
  line-height: 1.6rem;
  text-align: center;
  font-size: 0.426667rem;
  color: #999;
}
.goods-single-row {
  display: flex;
  padding: 0.266667rem 0;
  position: relative;
}

.goods-single-row > .goods-single-image {
  min-width: 2rem;
  width: 2rem;
  height: 2rem;
  margin-right: 0.266667rem;
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 0.106667rem;
  border: 0.026667rem solid #e5e5e5;
  overflow: hidden;
}

.goods-single-row > .goods-single-image > img {
  width: 100%;
}

.goods-single-row > .goods-single-content {
  width: 100%;
}

.goods-single-row > .goods-single-content > .goods-single-title {
  font-size: 0.373333rem;
  line-height: 1.36;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0.133333rem;
  font-weight: 600;
  color: #333333;
  line-height: 0.533333rem;
}

.goods-single-row > .goods-single-content > .goods-single-subtitle {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0.133333rem;
  font-size: 0.32rem;
  font-weight: 400;
  color: #666666;
}

.goods-single-row > .goods-single-content > .goods-single-tags {
  display: flex;
  margin-bottom: 0.293333rem;
}

.goods-single-row > .goods-single-content > .goods-single-tags > div {
  padding: 0 0.106667rem;
  height: 0.426667rem;
  border-radius: 0.053333rem;
  opacity: 0.8;
  margin-right: 0.133333rem;
  font-size: 0.32rem;
  font-weight: 400;
}

.goods-single-row > .goods-single-content > .goods-single-tags > .goods-single-tags-theme1 {
  border: 0.026667rem solid #ff5757;
  color: #ff5757;
}

.goods-single-row > .goods-single-content > .goods-single-tags > .goods-single-tags-theme2 {
  border: 0.026667rem solid #ff6600;
  color: #ff6600;
}

.goods-single-row > .goods-single-content > .goods-single-tags > .goods-single-tags-theme3 {
  border: 0.026667rem solid #247dff;
  color: #247dff;
}

.goods-single-row > .goods-single-content > .goods-single-price {
  display: flex;
  justify-content: space-between;
}

.goods-single-row > .goods-single-content > .goods-single-price > .df-price-part > .goods-single-price-style {
  font-size: 0.426667rem;
  font-weight: 600;
  color: #333333;
}

.goods-single-row > .goods-single-content > .goods-single-price > .df-price-part > .goods-single-price-style > img {
  width: 0.32rem;
  height: 0.32rem;
}

.goods-single-row::after {
  content: "";
  height: 0.026667rem;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #E5E5E5;
  width: 100%;
}
.df-price-part {
  display: flex;
}

.df-price-part > .df-price-part-main {
  font-size: 0.64rem;
  font-weight: 500;
  color: #ff5757;
  border: 0;
  display: flex;
  align-items: center;
  margin-right: 0.106667rem;
}

.df-price-part > .df-price-part-main > img {
  width: 0.4rem;
  height: 0.4rem;
  vertical-align: middle;
}

.df-price-part > .df-price-part-scribe {
  font-size: 0.373333rem;
  font-weight: 400;
  color: #999999;
  margin-right: 0.133333rem;
}

.df-price-part > .df-price-part-scribe > span {
  text-decoration: line-through;
}

.df-price-part > .df-price-part-scribe > img {
  width: 0.396rem;
}

.df-price-part > .df-price-part-scribe-gray > img {
  filter: grayscale(100%);
}

.df-price-part > .df-price-part-marketing {
  display: flex;
  align-items: center;
  font-size: 0.48rem;
  font-weight: 500;
  color: #333333;
  line-height: 0.64rem;
  margin: 0;
  padding: 0;
}

.df-price-part > .df-price-part-marketing > .df-price-part-marketing-style {
  display: flex;
  line-height: 0.64rem;
  font-size: 0.32rem;
  font-weight: 400;
  color: #333333;
}

.df-price-part > .df-price-part-marketing > img {
  width: 0.4rem;
  vertical-align: middle;
}
.df-price-enterprise-price-part {
  width: 2.373333rem;
  height: 0.373333rem;
  border-radius: 0.053333rem;
  /***  企业专享价  ***/
}

.df-price-enterprise-price-part > .theme1 {
  display: flex;
  border: 0;
  line-height: 0.346667rem;
}

.df-price-enterprise-price-part > .theme1 > .theme1-left {
  border: 0;
  background: #333333;
  height: 0.373333rem;
  width: 50%;
  display: flex;
  align-items: center;
}

.df-price-enterprise-price-part > .theme1 > .theme1-left > .theme1-v {
  border: 0;
  width: 0.24rem;
  margin-left: 0.106667rem;
}

.df-price-enterprise-price-part > .theme1 > .theme1-left > .theme1-discount {
  font-size: 0.32rem;
  font-weight: 400;
  color: #ffffff;
}

.df-price-enterprise-price-part > .theme1 > .theme1-tips {
  font-size: 0.32rem;
  font-weight: 400;
  color: #333333;
  border: 0;
  margin-left: 0.053333rem;
}

.df-price-enterprise-price-part > .theme1-text {
  padding: 0 0.053333rem;
  height: 0.426667rem;
  background: #333333;
  border-radius: 0.053333rem;
  display: flex;
  align-items: center;
  width: max-content;
  font-size: 0.32rem;
  font-weight: 400;
  color: #ecc87e;
  line-height: 0.32rem;
}

.df-price-enterprise-price-part > .theme1-text > img {
  width: 0.426667rem;
}
.number-panel-part {
  display: flex;
  background: #ffffff;
  border: 0.026667rem solid #cccccc;
  height: 0.64rem;
  width: 2.186667rem;
  position: relative;
  border-radius: 0 0.053333rem 0.053333rem 0;
  overflow: hidden;
}

.number-panel-part > .number-panel-part-reduce {
  line-height: 0.586667rem;
  width: 0.64rem;
  text-align: center;
}

.number-panel-part > .number-panel-part-input {
  width: calc(100% - 1.333333rem);
  border-left: 0.026667rem solid #cccccc;
  border-right: 0.026667rem solid #cccccc;
  text-align: center;
}

.number-panel-part > .number-panel-part-input > input {
  height: 0.586667rem;
  border: 0;
  width: calc(100% - 0.16rem);
  outline: none;
  text-align: center;
  font-size: 0.32rem;
}

.number-panel-part > .number-panel-part-add {
  line-height: 0.586667rem;
  width: 0.64rem;
  text-align: center;
}

.number-panel-part > .number-panel-part-disabel {
  background: #f7f7f7;
  color: #cccccc;
}
.search-input-part {
  position: relative;
  display: flex;
  height: 0.826667rem;
  line-height: 0.826667rem;
  padding-left: 0.4rem;
  margin-top: 0.266667rem;
}

.search-input-part > .search-input-left {
  width: 0.64rem;
  text-align: center;
  padding-right: 0.266667rem;
}

.search-input-part > .search-input-left > img {
  width: 0.64rem;
  vertical-align: middle;
}

.search-input-part > .search-input-input {
  flex: 1;
  height: 0.96rem;
  background: #f7f7f7;
  border-radius: 0.48rem;
  display: flex;
  padding-left: 0.266667rem;
}

.search-input-part > .search-input-input > .search-input-icon {
  width: 0.32rem;
  margin-right: 0.133333rem;
}

.search-input-part > .search-input-input > .search-input-icon > img {
  margin-top: 0.32rem;
  width: 100%;
}

.search-input-part > .search-input-input > input {
  font-size: 0.373333rem;
  width: 100%;
  height: 100%;
  color: #323233;
  background-color: transparent;
  border: 0;
  padding: 0;
  outline-color: transparent;
  line-height: 0.96rem;
}

.search-input-part > .search-input-input > input::placeholder {
  font-size: 0.373333rem;
  letter-spacing: 0.053333rem;
  color: #919191 !important;
  padding-left: 0.133333rem;
  border: 0;
  line-height: 0.96rem;
}

.search-input-part > .search-input-input > input:focus-visible {
  border: 0;
  background-color: transparent;
  outline-color: transparent;
  outline-width: 0;
}

.search-input-part > .search-input-button {
  width: 0.746667rem;
  text-align: center;
  color: #3fa6ff;
  font-size: 0.373333rem;
  padding: 0 0.4rem;
}
.df-toast__container .df-toast__mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999998;
  transform: translateZ(0.026667rem);
}

.df-toast__container .df-toast__content {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999999;
  min-width: 3.2rem;
  max-width: 6.8rem;
  padding: 0.4rem;
  color: #fff;
  font-size: 0.373333rem;
  line-height: 0.533333rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0.106667rem;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
}

.df-toast__container .df-toast__content.df-toast__bottom {
  top: 80%;
}

.df-toast__container .df-toast__content.df-toast__top {
  top: 20%;
}
.search-wrap {
  font-size: 0.32rem;
  background-color: #fff;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.search-wrap .search-input-wrap,
.search-wrap .search-tabs-part,
.search-wrap .search-head-filter-part,
.search-wrap .search-head-marketing-part {
  flex-shrink: 0;
}
.tabs-loader-Content {
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 99;
  background: #fff;
}

.tabs-loader-Content .tabs-loader-tabs-content {
  width: max-content;
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  box-sizing: border-box;
  /* padding-right: 12px; */
  padding: 0.133333rem 0;
}

.tabs-loader-Content .tabs-loader-tabs-content .skeleton-item .df-skeleton-image {
  display: block;
  width: 1.706667rem;
  height: 0.533333rem;
  margin-right: 0.266667rem;
}
.df-skeleton {
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  margin: 0.266667rem 0;
  padding: 0;
  padding: 0.4rem 0.266667rem;
  background-color: #fff;
  border-radius: 0;
}

.df-skeleton ul,
.df-skeleton li {
  list-style: none;
}

.df-skeleton * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.df-skeleton-content {
  padding: 0.4rem 0.266667rem;
}

.df-skeleton-image {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.533333rem;
  margin: 0;
  padding: 0;
  background-color: #f7f7f7;
}

.df-skeleton-image ul,
.df-skeleton-image li {
  list-style: none;
}

.df-skeleton-image * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.df-skeleton-paragraph {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.df-skeleton-paragraph ul,
.df-skeleton-paragraph li {
  list-style: none;
}

.df-skeleton-paragraph * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.df-skeleton-paragraph-line {
  width: 100%;
  height: 0.48rem;
  margin-bottom: 0.213333rem;
  background-color: #f7f7f7;
}

.df-skeleton-paragraph-line:last-child {
  margin-bottom: 0;
}

.df-skeleton-goodsList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.df-skeleton-goodsList * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.df-skeleton-animated .df-skeleton-paragraph-line,
.df-skeleton-animated .df-skeleton-image {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.df-skeleton-animated .df-skeleton-paragraph-line::after,
.df-skeleton-animated .df-skeleton-image::after {
  position: absolute;
  top: 0;
  right: -150%;
  bottom: 0;
  left: -150%;
  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
  animation: df-skeleton-loading 1.4s ease infinite;
  content: '';
}

.df-skeleton-animated.df-skeleton-image {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.df-skeleton-animated.df-skeleton-image::after {
  position: absolute;
  top: 0;
  right: -150%;
  bottom: 0;
  left: -150%;
  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
  animation: df-skeleton-loading 1.4s ease infinite;
  content: '';
}

.df-skeleton-round {
  border-radius: 0.106667rem;
}

@keyframes df-skeleton-loading {
  0% {
    transform: translateX(-37.5%);
  }

  100% {
    transform: translateX(37.5%);
  }
}
.search-tabs-part {
  overflow-x: auto;
  width: calc(100% - 0.133333rem);
  display: -webkit-box;
  padding-left: 0.133333rem;
  color: #333;
  font-size: 0.426667rem;
  transition: all 1s;
  position: relative;
  z-index: 18;
}

.search-tabs-part > div {
  height: 1.066667rem;
  line-height: 1.066667rem;
  margin: 0 0.32rem;
  position: relative;
}

.search-tabs-part > .active-tab {
  color: #3fa6ff;
  color: var(--df-primary-color, #3fa6ff);
  font-weight: 500;
  position: relative;
}

.search-tabs-part .active-line {
  width: 0.426667rem;
  height: 0.08rem;
  position: absolute;
  bottom: 0.08rem;
  left: calc(50% - 0.213333rem);
}

.search-tabs-part::-webkit-scrollbar {
  height: 0;
}
.morePopup {
  width: 1.706667rem;
  height: 1.173333rem;
  border-radius: 0.106667rem;
  overflow: hidden;
  display: block;
  margin: 0 auto;
  z-index: 9999;
}

@keyframes loading-circle1 {
  25% {
    z-index: 2;
  }

  50% {
    transform: translate(0.133333rem, 0) scale(1);
  }

  75% {
    transform: translate(0, 0) scale(0.75);
  }

  100% {
    transform: translate(-0.133333rem, 0) scale(1);
  }
}

@keyframes loading-circle2 {
  25% {
    transform: translate(0, 0) scale(0.75);
  }

  50% {
    transform: translate(-0.133333rem, 0) scale(1);
  }

  75% {
    z-index: 2;
  }

  100% {
    transform: translate(0.133333rem, 0) scale(1);
  }
}

.morePopup .loadingPopUp {
  z-index: 3000;
}

.morePopup .dffl-more-loading {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.173333rem;
}

.morePopup .dffl-more-loading_small {
  transform: scale(0.66666666);
}

.morePopup .dffl-more-loading .circle_1,
.morePopup .dffl-more-loading .circle_2 {
  position: absolute;
  width: 0.213333rem;
  height: 0.213333rem;
  border-radius: 50%;
}

.morePopup .dffl-more-loading .circle_1 {
  transform: translate(-0.213333rem, 0);
  animation: loading-circle1 1s linear infinite;
}

.morePopup .dffl-more-loading .circle_2 {
  transform: translate(0.213333rem, 0);
  animation: loading-circle2 1s linear infinite;
}

.morePopup .dffl-more-loading_noColor .circle_1,
.morePopup .dffl-more-loading_noColor .circle_2 {
  background-color: #fff;
}

.morePopup .dffl-more-loading_noColor .circle_2 {
  opacity: 0.5;
}

.morePopup .dffl-more-loading_color .circle_1 {
  background-color: #ff5757;
}

.morePopup .dffl-more-loading_color .circle_2 {
  background-color: #3fa6ff;
}
.search-result-goods-part {
  width: 100%;
  height: calc(100% - 1.173333rem);
  overflow: hidden;
  overflow-y: auto;
  padding: 0 0.4rem 0.266667rem;
  box-sizing: border-box;
}

.search-result-goods-part-item {
  padding: 0.266667rem 0;
}

.search-result-goods-part-item .oneLineGoodsWrapper .imgWrapper {
  border: 0.026667rem solid #e5e5e5;
}

.search-result-goods-part > .search-result-view-line {
  height: auto;
  line-height: 2.4rem;
  text-align: center;
  font-size: 0.426667rem;
  color: #999;
}

.search-result-goods-part .search-result-view-loadingTips {
  width: 100%;
}

.search-result-goods-part-empty {
  width: 7.866667rem;
  display: block;
  margin: 1.146667rem auto 0;
}

.search-result-goods-part-empty img {
  width: 6.933333rem;
  display: block;
  margin: 0 auto 0.08rem;
  font-size: 0;
}

.search-result-goods-part-empty-tip {
  font-weight: 400;
  font-size: 0.4rem;
  color: #999999;
  line-height: 0.693333rem;
  text-align: center;
}
.imgWrapper {
  display: block;
  position: relative;
  width: 100%;
  line-height: 0;
  width: 2.4rem;
  height: 2.4rem;
  overflow: hidden;
  border-radius: 0.106667rem;
}

.imgWrapper svg {
  width: 100%;
}

.imgWrapper img {
  width: 100%;
  height: auto;
  max-height: 100%;
}

.imgWrapper img.restock {
  position: absolute;
  width: 1.466667rem;
  height: 1.466667rem;
  min-height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.imgWrapper img.soldOut {
  position: absolute;
  width: 1.466667rem;
  height: 1.466667rem;
  min-height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.imgWrapper .noInventory {
  background: rgba(0, 0, 0, 0.5);
  font-weight: 400;
  font-size: 0.293333rem;
  color: #FFFFFF;
  line-height: 0.4rem;
  text-align: center;
  padding: 0.08rem 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0.32rem;
  width: 1.466667rem;
}

.imgWrapper .sticker {
  position: absolute;
  width: 100%;
  min-height: auto;
  top: 0;
  left: 0;
  z-index: 1;
}

.imgWrapper .sticker img.stickerImg {
  width: 100%;
  display: block;
}
.sell-out-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.sell-out-wrap .sell-out-tips {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.853333rem;
  padding: 0 0.4rem;
  font-size: 0.373333rem;
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0.426667rem;
}

.sell-out-wrap .sell-out-second-tips {
  height: 0.693333rem;
  border-radius: 0.373333rem;
  padding: 0 0.266667rem;
}
.df-mobile-df-price-center-normalCol0 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.df-mobile-df-price-center-normalCol0 .df-mobile-df-single-price_common {
  margin-right: 0.106667rem;
}

.df-mobile-df-price-center-normalCol0 .df-mobile-df-single-price_common .df-mobile-df-single-price-num {
  max-width: none;
}

.df-mobile-df-price-center-normalCol0-through {
  opacity: 0.5;
}

.df-mobile-df-price-center-normalCol0-through .df-mobile-df-single-price-num {
  max-width: none;
}

.df-mobile-df-price-center-normalCol1-saveOneLine {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.df-mobile-df-price-center-normalCol1-saveOneLine .df-mobile-df-single-price-num {
  max-width: none;
}

.df-mobile-df-price-center-normalCol1-saveOneLine .df-mobile-df-price-center-normal-savemoneyCol1 {
  margin: 0 0 0 0.133333rem;
}

.df-mobile-df-price-center-normalCol1-saveOneLine .df-mobile-df-price-center-normal-through {
  flex-shrink: 0;
  width: 100%;
}

.df-mobile-df-price-center-normalCol1,
.df-mobile-df-price-center-normalCol2,
.df-mobile-df-price-center-normalCol3 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.df-mobile-df-price-center-lowerVipCol0 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.df-mobile-df-price-center-lowerVipCol0 .df-mobile-df-single-price_common {
  margin-right: 0.106667rem;
}

.df-mobile-df-price-center-lowerVipCol0-through {
  opacity: 0.5;
}

.df-mobile-df-price-center-lowerVipCol0-through .df-mobile-df-single-price-num {
  max-width: none;
}

.df-mobile-df-price-center-lowerVipCol1-saveOneLine {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.df-mobile-df-price-center-lowerVipCol1-saveOneLine .df-mobile-df-single-price-num {
  max-width: none;
}

.df-mobile-df-price-center-lowerVipCol1-saveOneLine .df-mobile-df-price-center-normal-savemoneyCol1 {
  margin: 0 0 0 0.133333rem;
}

.df-mobile-df-price-center-lowerVipCol1-saveOneLine .df-mobile-df-price-center-lowerVip-through {
  flex-shrink: 0;
  width: 100%;
}

.df-mobile-df-price-center-lowerVipCol1,
.df-mobile-df-price-center-lowerVipCol2,
.df-mobile-df-price-center-lowerVipCol3 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.df-mobile-df-price-center-blackVip {
  margin-bottom: 0.053333rem;
}

.df-mobile-df-price-center-blackVipCol0 {
  display: flex;
  flex-wrap: wrap;
}

.df-mobile-df-price-center-blackVipCol0-part {
  height: 0.533333rem;
  overflow-y: hidden;
}

.df-mobile-df-price-center-blackVipCol1 {
  height: 0.48rem;
  overflow-y: hidden;
}

.df-mobile-df-price-center-blackVipCol2 {
  height: 0.48rem;
  overflow-y: hidden;
}

.df-mobile-df-price-center-blackVipCol3 {
  height: 0.426667rem;
  overflow-y: hidden;
}

.df-mobile-df-price-center-lowerVipCol1-vip,
.df-mobile-df-price-center-lowerVipCol1-saveOneLine-vip {
  height: 0.48rem;
  overflow-y: hidden;
}

.df-mobile-df-price-center-lowerVipCol2-vip {
  height: 0.48rem;
  overflow-y: hidden;
}

.df-mobile-df-price-center-lowerVipCol3-vip {
  height: 0.426667rem;
  overflow-y: hidden;
}

.df-mobile-df-price-center-normalCol1 .df-mobile-df-single-price_common,
.df-mobile-df-price-center-normalCol1-saveOneLine .df-mobile-df-single-price_common {
  height: 0.48rem;
  overflow-y: hidden;
}

.df-mobile-df-price-center-normalCol2 .df-mobile-df-single-price_common {
  height: 0.48rem;
  overflow-y: hidden;
}

.df-mobile-df-price-center-normalCol3 .df-mobile-df-single-price_common {
  height: 0.426667rem;
  overflow-y: hidden;
}

.df-mobile-df-price-center-normal-savemoney {
  box-sizing: border-box;
  width: fit-content;
  padding: 0.026667rem 0.133333rem;
  overflow: hidden;
}

.df-mobile-df-price-center-normal-savemoney .df-mobile-df-single-price-num::before {
  content: '立省';
}

.df-mobile-df-price-center-normal-savemoneyBg-none {
  background: white;
}

.df-mobile-df-price-center-normal-savemoneyBg-has {
  background: linear-gradient(226deg, #ff9049 20%, #ff5757 50%);
}

.df-mobile-df-price-center-normal-savemoneyCol0 {
  margin: 0 0.133333rem;
}

.df-mobile-df-price-center-normal-savemoney-large {
  height: 0.48rem;
  border-radius: 0.053333rem 0.24rem 0.24rem 0.053333rem;
}

.df-mobile-df-price-center-normal-savemoneyCol1,
.df-mobile-df-price-center-normal-savemoneyCol2,
.df-mobile-df-price-center-normal-savemoneyCol3 {
  order: -1;
  margin: 0 0 0.133333rem;
}

.df-mobile-df-price-center-normalCol1-saveOneLine .df-mobile-df-price-center-normal-savemoneyCol1,
.df-mobile-df-price-center-lowerVipCol1-saveOneLine .df-mobile-df-price-center-normal-savemoneyCol1 {
  order: initial;
}

.df-mobile-df-price-center-normal-savemoney-small {
  height: 0.426667rem;
  border-radius: 0.053333rem 0.213333rem 0.213333rem 0.053333rem;
}
.df-mobile-df-single-price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  max-width: 100%;
}

.df-mobile-df-single-price-img {
  display: block;
  flex-shrink: 0;
  font-size: 0;
}

.df-mobile-df-single-price-icon20 {
  width: 0.533333rem;
  height: 0.533333rem;
}

.df-mobile-df-single-price-icon18 {
  width: 0.48rem;
  height: 0.48rem;
}

.df-mobile-df-single-price-icon16 {
  width: 0.426667rem;
  height: 0.426667rem;
}

.df-mobile-df-single-price-icon14 {
  width: 0.373333rem;
  height: 0.373333rem;
}

.df-mobile-df-single-price-icon12 {
  width: 0.32rem;
  height: 0.32rem;
}

.df-mobile-df-single-price-icon10 {
  width: 0.266667rem;
  height: 0.266667rem;
}

.df-mobile-df-single-price-num {
  display: block;
  max-width: calc(100% - 0.346667rem);
  overflow: hidden;
  color: #ff5757;
  font-weight: 600;
  font-size: 0.48rem;
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.df-mobile-df-single-price-col0 {
  font-weight: 500;
  font-size: 0.533333rem;
}

.df-mobile-df-single-price-col1 {
  font-size: 0.48rem;
}

.df-mobile-df-single-price-col2 {
  font-size: 0.48rem;
}

.df-mobile-df-single-price-col3 {
  font-size: 0.426667rem;
}

.df-mobile-df-single-price-font32 {
  font-size: 0.853333rem;
}

.df-mobile-df-single-price-font30 {
  font-size: 0.8rem;
}

.df-mobile-df-single-price-font28 {
  font-size: 0.746667rem;
}

.df-mobile-df-single-price-font26 {
  font-size: 0.693333rem;
}

.df-mobile-df-single-price-font24 {
  font-size: 0.64rem;
}

.df-mobile-df-single-price-font22 {
  font-size: 0.586667rem;
}

.df-mobile-df-single-price-font20 {
  font-size: 0.533333rem;
}

.df-mobile-df-single-price-font18 {
  font-size: 0.48rem;
}

.df-mobile-df-single-price-font16 {
  font-size: 0.426667rem;
}

.df-mobile-df-single-price-font14 {
  font-size: 0.373333rem;
}

.df-mobile-df-single-price-font12 {
  font-size: 0.32rem;
}

.df-mobile-df-single-price-font10 {
  font-size: 0.266667rem;
}

.df-mobile-df-single-price-priceTag {
  flex: 1;
  flex-shrink: 0;
}

.df-mobile-df-single-price-text {
  color: #999999;
  font-weight: 400;
  font-size: 0.32rem;
  line-height: 1;
}

.df-mobile-df-single-price_through .df-mobile-df-single-price-img {
  filter: grayscale(100%);
}

.df-mobile-df-single-price_through .df-mobile-df-single-price-num {
  color: #999999;
  font-weight: 600;
  font-size: 0.32rem;
  line-height: 0.32rem;
  text-decoration: line-through;
}

.df-mobile-df-single-price_through .df-mobile-df-single-price-col0 {
  font-size: 0.373333rem;
  line-height: 0.373333rem;
}

.df-mobile-df-single-price_noGray .df-mobile-df-single-price-img {
  filter: none;
}

.df-mobile-df-single-price_savemoney {
  width: 100%;
  height: 100%;
  font-weight: 500;
}

.df-mobile-df-single-price_savemoney .df-mobile-df-single-price-num {
  overflow: visible;
}

.df-mobile-df-single-price_savemoney .df-mobile-df-single-price-num::before {
  content: '立省';
}
.df-mobile-df-single-price-tag {
  margin-left: 0.053333rem;
}

.df-mobile-df-single-price-tag .purpleIcon {
  display: flex;
  align-items: center;
  width: max-content;
  height: 0.32rem;
}

.df-mobile-df-single-price-tag .purpleIcon img {
  display: block;
  width: auto;
  height: 100%;
}

.df-mobile-df-single-price-tag .purpleEnIcon {
  display: flex;
  align-items: center;
  width: 2.24rem;
  height: 0.426667rem;
}

.df-mobile-df-single-price-tag .purpleCnIcon {
  display: flex;
  align-items: center;
  width: 1.306667rem;
  height: 0.426667rem;
}

.df-mobile-df-single-price-tag .promoEnIcon {
  display: flex;
  align-items: center;
  width: 2.506667rem;
  height: 0.426667rem;
}

.df-mobile-df-single-price-tag .promoCnIcon {
  display: flex;
  align-items: center;
  width: 1.28rem;
  height: 0.426667rem;
}

.df-mobile-df-single-price-tag-unionVipWrap {
  box-sizing: border-box;
  height: 0.426667rem;
  padding: 0.026667rem 0;
}

.df-mobile-df-single-price-tag-unionVip {
  display: flex;
  align-items: center;
  width: fit-content;
  height: 0.373333rem;
  padding: 0;
  overflow: hidden;
  background: #333333;
  border-radius: 0.053333rem;
}

.df-mobile-df-single-price-tag-unionVip .unionVipSvgIcon {
  display: flex;
  align-items: center;
  width: 0.213333rem;
  height: 0.213333rem;
  margin-right: 0.053333rem;
  margin-left: 0.053333rem;
}

.df-mobile-df-single-price-tag-unionVip .unionVipIcon {
  width: 0.32rem;
  height: auto;
  max-height: 100%;
  font-size: 0;
}

.df-mobile-df-single-price-tag-unionVip .vipText {
  display: block;
  width: max-content;
  margin-right: 0.053333rem;
  color: #ecc87e;
  font-weight: 400;
  font-size: 0.266667rem;
  line-height: 0.346667rem;
}

.df-mobile-df-single-price-tag .purple-png {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  max-width: 100%;
  height: 0.32rem;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.df-mobile-df-single-price-tag .purpleIcon-small-png {
  height: 0.32rem;
}

.df-mobile-df-single-price-tag .purpleIcon-big-png {
  height: 0.32rem;
}
.df-mobile-df-icon-followColor {
  width: 100%;
  height: 100%;
  --fill-color: currentColor;
}

.df-mobile-df-icon-followColor [fill='#3FA6FF'],
.df-mobile-df-icon-followColor [fill='#1989fa'],
.df-mobile-df-icon-followColor [fill='#333333'],
.df-mobile-df-icon-followColor [fill='#aaaaaa'],
.df-mobile-df-icon-followColor [fill='#999999'],
.df-mobile-df-icon-followColor [fill='#666666'] {
  fill: var(--fill-color);
}

.df-mobile-df-icon-followColor [fill='#3FA6FF'],
.df-mobile-df-icon-followColor [fill='#1989fa'],
.df-mobile-df-icon-followColor [fill='#333333'],
.df-mobile-df-icon-followColor [fill='#aaaaaa'],
.df-mobile-df-icon-followColor [fill='#999999'],
.df-mobile-df-icon-followColor [fill='#666666'] {
  stroke: var(--fill-color);
}

.df-mobile-df-icon-img {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  user-select: none;
  -webkit-user-drag: none;
}
.df-mobile-library2-svg {
  display: inline-block;
}

.df-mobile-library2-svg > svg {
  width: 100%;
  height: 100%;
}

.df-mobile-library2-svg-error {
  display: inline-block;
}

.df-mobile-library2-svg-error > object {
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.df-mobile-library2-svg-loading {
  display: inline-block;
}

.df-mobile-library2-svg-loading > object {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.df-mobile-library2-loading_container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: center;
  justify-content: center;
  width: 1.706667rem;
  height: 1.706667rem;
  margin: auto;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0.106667rem;
  /**
    加载圆点颜色: 红 #215AA8 蓝 #3FA6FF
     */
}

.df-mobile-library2-loading_container_with_logo {
  justify-content: start;
  width: 2.453333rem;
  height: 2.453333rem;
}

.df-mobile-library2-loading_container_with_logo .logo {
  width: 1.92rem;
  height: 1.92rem;
}

.df-mobile-library2-loading_container_with_logo .circle_1,
.df-mobile-library2-loading_container_with_logo .circle_2 {
  top: 1.92rem;
}

.df-mobile-library2-loading_container_in_page {
  min-width: 1.333333rem;
  height: 0.666667rem;
  background: inherit;
}

.df-mobile-library2-loading_container_in_page .circle_1,
.df-mobile-library2-loading_container_in_page .circle_2 {
  width: 0.213333rem;
  height: 0.213333rem;
}

.df-mobile-library2-loading_container .circle_1,
.df-mobile-library2-loading_container .circle_2 {
  position: absolute;
  width: 0.266667rem;
  height: 0.266667rem;
  border-radius: 50%;
}

.df-mobile-library2-loading_container .circle_1 {
  background: #ff5757;
  transform: translate(-0.213333rem, 0);
  animation: loading-circle1 1s linear infinite;
}

.df-mobile-library2-loading_container .circle_2 {
  background: #3fa6ff;
  transform: translate(0.213333rem, 0);
  animation: loading-circle2 1s linear infinite;
}

.df-mobile-library2-loadingFrame .loadingTarget {
  pointer-events: none !important;
}

.df-mobile-library2-loadingFrame.loadingFrameOvert .loadingTarget:before,
.df-mobile-library2-loadingFrame.loadingFrameOvert .loadingTarget:after {
  position: absolute;
  top: 0.026667rem;
  right: 0.026667rem;
  bottom: 0.026667rem;
  left: 0.026667rem;
  z-index: 1;
  content: '';
}

.df-mobile-library2-loadingFrame.loadingFrameOvert .loadingTarget::before {
  background: rgba(0, 0, 0, 0.3);
}

@keyframes loading-circle1 {
  25% {
    z-index: 2;
  }

  50% {
    transform: translate(0.213333rem, 0) scale(1);
  }

  75% {
    transform: translate(0, 0) scale(0.75);
  }

  100% {
    transform: translate(-0.213333rem, 0) scale(1);
  }
}

@keyframes loading-circle2 {
  25% {
    transform: translate(0, 0) scale(0.75);
  }

  50% {
    transform: translate(-0.213333rem, 0) scale(1);
  }

  75% {
    z-index: 2;
  }

  100% {
    transform: translate(0.213333rem, 0) scale(1);
  }
}
.df-mobile-library2-dialogRoot {
  position: fixed;
  z-index: 9999;
}

.df-mobile-library2-dialogContainer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.goodsListPriceWrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}

.goodsListPriceWrap_priceWrap {
  width: 100%;
}

.goodsListPriceWrap_afterCart {
  width: calc(100% - 0.746667rem);
}

.goodsListPriceWrap_cartWrap {
  width: 0.586667rem;
  height: 0.586667rem;
  flex-shrink: 0;
  border-radius: 0.293333rem;
  position: relative;
}

.goodsListPriceWrap_cartWrap .add_icon {
  display: block;
  font-size: 0.586667rem;
}

.goodsListPriceWrap_cartCol3 {
  width: 0.426667rem;
  height: 0.426667rem;
  border-radius: 0.213333rem;
}

.goodsListPriceWrap_cartCol3 img {
  display: block;
  width: 0.213333rem;
  height: auto;
  font-size: 0;
  margin: 0.106667rem auto 0;
}

.goodsListPriceWrap-isSkuPanel {
  margin-top: 0 !important;
}
.oneLineGoodsWrapper {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

.oneLineGoodsWrapper .imgWrapper {
  flex-shrink: 0;
}

.oneLineGoodsWrapper .rightGoodsInfo {
  width: calc(100% - 2.4rem);
  box-sizing: border-box;
  padding-left: 0.266667rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.oneLineGoodsWrapper .title {
  height: auto;
  max-height: 0.96rem;
  font-size: 0.373333rem;
  font-weight: 400;
  color: #333;
  line-height: 0.48rem;
  margin-bottom: 0;
  box-sizing: border-box;
  word-break: break-all;
}

.oneLineGoodsWrapper .title .df-mobile-df-tags-biz-titleWrap {
  font-weight: 400;
}

.oneLineGoodsWrapper .ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
}

.oneLineGoodsWrapper .pre_sale {
  overflow: hidden;
  max-height: 0.96rem;
}

.oneLineGoodsWrapper .tagsWrap {
  margin-top: 0.133333rem;
  width: 100%;
  overflow-x: hidden;
}

.oneLineGoodsWrapper .tagsWrap .marketTags {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.oneLineGoodsWrapper .preSaleTag .single-advance {
  border: 0.026667rem solid #3FA6FF !important;
  color: #3FA6FF !important;
}

.oneLineGoodsWrapper .preSaleTag .single-advance .single-advance-date {
  height: 100%;
  box-sizing: border-box;
  display: block;
  flex-shrink: 0;
  width: fit-content;
  padding: 0 0.053333rem;
  margin-right: 0.053333rem;
  background: #3FA6FF;
  color: #fff;
}

.oneLineGoodsWrapper .businessCouponWrapper {
  margin-top: 0.266667rem;
}

.oneLineGoodsWrapper .priceAddWrapper {
  margin-top: 0.426667rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.df-mobile-df-tags-biz {
  width: 100%;
}

.df-mobile-df-tags-biz-titleWrap {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  color: #333;
  font-weight: 500;
  word-break: break-all;
}

.df-mobile-df-tags-biz-titleWrap-tag {
  position: relative;
  top: -0.053333rem;
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  height: 0.373333rem;
  font-size: 0;
  white-space: nowrap;
  vertical-align: text-bottom;
}

.df-mobile-df-tags-biz-titleWrap-tag .df-mobile-df-single-tag {
  box-sizing: border-box;
  height: 0.373333rem;
  margin-right: 0.053333rem;
}

.df-mobile-df-tags-biz-titleWrap-ellipsis {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.df-mobile-df-tags-biz-TitleCol0 {
  max-height: 1.226667rem;
}

.df-mobile-df-tags-biz-TitleCol1 {
  max-height: 0.96rem;
}

.df-mobile-df-tags-biz-TitleCol2 {
  max-height: 0.853333rem;
}

.df-mobile-df-tags-biz-titleWrap-noEllipsis {
  max-height: none !important;
}

.df-mobile-df-tags-biz-TitleCol3 {
  max-height: 0.853333rem;
}

.df-mobile-df-tags-biz-TitleCol3 .df-mobile-df-tags-biz-titleWrap-tag {
  top: -0.026667rem;
}

.df-mobile-df-tags-biz-titleWrap-higherIos {
  overflow: hidden;
}

.df-mobile-df-tags-biz-marketWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  height: 0.453333rem;
  margin-bottom: 0.053333rem;
  overflow: hidden;
}

.df-mobile-df-tags-biz-marketWrap .df-mobile-df-single-tag {
  margin-right: 0.053333rem;
  margin-bottom: 0.106667rem;
}

.df-mobile-df-tags-biz-guideWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}

.df-mobile-df-tags-biz-guideWrap .df-mobile-df-single-tag {
  margin-right: 0.053333rem;
  margin-bottom: 0.053333rem;
}

.df-mobile-df-tags-biz-guideWrap .df-mobile-df-single-tag .df-mobile-df-single-tag-wrap-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.df-mobile-df-tags-biz-guide-col0 .df-mobile-df-single-tag {
  margin-right: 0.133333rem;
}

.df-mobile-df-tags-biz-limitWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: fit-content;
  max-width: 100%;
}

.df-mobile-df-tags-biz-limitWrap .df-mobile-df-single-tag {
  margin-right: 0.053333rem;
}

.df-mobile-df-tags-biz-promoWrap {
  font-style: normal;
}

.df-mobile-df-tags-biz-cardWrap {
  font-style: normal;
}

.df-mobile-df-tags-biz-cardWrap .df-mobile-df-tags-biz-TitleCol1 {
  margin-bottom: 0.133333rem;
}

.df-mobile-df-tags-biz-cardWrap .df-mobile-df-tags-biz-TitleCol2 {
  margin-bottom: 0.133333rem;
}

.df-mobile-df-tags-biz-cardWrap .df-mobile-df-tags-biz-TitleCol3 {
  margin-bottom: 0.053333rem;
}

.df-mobile-df-tags-biz-card-lineOne .df-mobile-df-tags-biz-titleWrap {
  margin-bottom: 0;
  -webkit-line-clamp: 1;
}

.df-mobile-df-tags-biz-card-noPromo .df-mobile-df-tags-biz-TitleCol1 {
  margin-bottom: 0;
}

.df-mobile-df-tags-biz-card-noPromo .df-mobile-df-tags-biz-TitleCol2 {
  margin-bottom: 0;
}

.df-mobile-df-tags-biz-card-noPromo .df-mobile-df-tags-biz-TitleCol3 {
  margin-bottom: 0;
}

.df-mobile-df-tags-biz-XL32 {
  font-size: 0.853333rem;
}

.df-mobile-df-tags-biz-XL30 {
  font-size: 0.8rem;
}

.df-mobile-df-tags-biz-XL28 {
  font-size: 0.746667rem;
}

.df-mobile-df-tags-biz-XL26 {
  font-size: 0.693333rem;
}

.df-mobile-df-tags-biz-XL24 {
  font-size: 0.64rem;
}

.df-mobile-df-tags-biz-XL22 {
  font-size: 0.586667rem;
}

.df-mobile-df-tags-biz-XL20 {
  font-size: 0.533333rem;
}

.df-mobile-df-tags-biz-XL18 {
  font-size: 0.48rem;
}

.df-mobile-df-tags-biz-XL16 {
  font-size: 0.426667rem;
  line-height: 0.613333rem;
}

.df-mobile-df-tags-biz-XL14 {
  font-size: 0.373333rem;
  line-height: 0.48rem;
}

.df-mobile-df-tags-biz-XL13 {
  font-size: 0.346667rem;
  line-height: 0.426667rem;
}

.df-mobile-df-tags-biz-XL12 {
  font-size: 0.32rem;
  line-height: 0.426667rem;
}

.df-mobile-df-tags-biz-XL10 {
  font-size: 0.266667rem;
}

.df-mobile-df-tags-biz-prefix-coupon {
  display: block;
  margin-right: 0.053333rem;
  padding: 0.04rem 0.053333rem 0.026667rem;
  color: #fff;
  font-size: 0.32rem;
  line-height: 1;
  background: #ff6600;
}

.df-mobile-df-tags-biz-tag1000000001,
.df-mobile-df-tags-biz-tag9005,
.df-mobile-df-tags-biz-tag9006,
.df-mobile-df-tags-biz-tag8000005,
.df-mobile-df-tags-biz-tag1001,
.df-mobile-df-tags-biz-tag1004,
.df-mobile-df-tags-biz-tag2001,
.df-mobile-df-tags-biz-tag9001,
.df-mobile-df-tags-biz-tag9003,
.df-mobile-df-tags-biz-tag9004,
.df-mobile-df-tags-biz-tag300001,
.df-mobile-df-tags-biz-tag400001,
.df-mobile-df-tags-biz-tag90061,
.df-mobile-df-tags-biz-tag90062 {
  font-style: normal;
}

.df-mobile-df-tags-biz-tag400001 {
  box-sizing: border-box;
}

.df-mobile-df-tags-biz-tag400001 .df-mobile-df-single-tag-wrap-text {
  padding-top: 1;
  padding-bottom: 0;
}
.df-mobile-df-single-tag {
  width: fit-content;
  max-width: 100%;
  padding: 0 0.053333rem;
  border-radius: 0.053333rem;
}

.df-mobile-df-single-tag-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  width: fit-content;
  max-width: 100%;
  height: 100%;
}

.df-mobile-df-single-tag-wrap-img {
  width: auto;
  max-height: 100%;
}

.df-mobile-df-single-tag-wrap-text {
  display: block;
  padding-top: 0.066667rem;
  padding-bottom: 0.04rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.df-mobile-df-single-tag-wrap-XL32 {
  font-size: 0.853333rem;
}

.df-mobile-df-single-tag-wrap-XL30 {
  font-size: 0.8rem;
}

.df-mobile-df-single-tag-wrap-XL28 {
  font-size: 0.746667rem;
}

.df-mobile-df-single-tag-wrap-XL26 {
  font-size: 0.693333rem;
}

.df-mobile-df-single-tag-wrap-XL24 {
  font-size: 0.64rem;
}

.df-mobile-df-single-tag-wrap-XL22 {
  font-size: 0.586667rem;
}

.df-mobile-df-single-tag-wrap-XL20 {
  font-size: 0.533333rem;
}

.df-mobile-df-single-tag-wrap-XL18 {
  font-size: 0.48rem;
}

.df-mobile-df-single-tag-wrap-XL16 {
  font-size: 0.426667rem;
}

.df-mobile-df-single-tag-wrap-XL14 {
  font-size: 0.373333rem;
}

.df-mobile-df-single-tag-wrap-XL12 {
  font-size: 0.32rem;
}

.df-mobile-df-single-tag-wrap-XL10 {
  font-size: 0.266667rem;
}

.df-mobile-df-single-tag-outline .df-mobile-df-single-tag-wrap-text {
  padding-top: 0.04rem;
  padding-bottom: 0.013333rem;
}

.df-mobile-df-single-tag-imgType {
  padding: 0;
}
.df-mobile-df-badge {
  display: inline-flex;
  box-sizing: content-box;
  vertical-align: middle;
  background-color: var(--color);
  border-radius: 2.666667rem;
  --right: 0;
  --top: 0;
  --color: #f44545;
}

.df-mobile-df-badge-content {
  box-sizing: border-box;
  min-width: 0.213333rem;
  padding: 0.026667rem 0.106667rem;
  color: #fff;
  font-weight: normal;
  font-size: 0.24rem;
  line-height: 0.32rem;
  white-space: nowrap;
  text-align: center;
}

.df-mobile-df-badge-fixed {
  position: absolute;
  top: var(--top);
  right: var(--right);
  transform: translate(50%, -50%);
}

.df-mobile-df-badge-dot {
  width: 0.213333rem;
  min-width: 0.213333rem;
  height: 0.213333rem;
  border-radius: 0.106667rem;
}

.df-mobile-df-badge-bordered {
  border: solid 0.026667rem #f44545;
}

.df-mobile-df-badge-wrapper {
  position: relative;
  display: inline-block;
}
.df-fix-icon {
  position: fixed;
  z-index: 9;
  right: 0.24rem;
  bottom: 2.666667rem;
  width: 1.706667rem;
  height: 1.706667rem;
}

.df-fix-icon img {
  width: 1.706667rem;
  height: auto;
  font-size: 0;
  display: block;
  margin: 0 auto;
}
.search-goods-loader-Content {
  width: 100%;
  height: auto;
  background: #f7f7f7;
}

.search-goods-loader-Content .search-goods-loader-goods-content .skeleton-item {
  background: #fff;
  border-radius: 0.106667rem;
  padding: 0.266667rem 0;
  display: flex;
  flex-wrap: nowrap;
}

.search-goods-loader-Content .search-goods-loader-goods-content .skeleton-item .skeleton-item-image {
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
}

.search-goods-loader-Content .search-goods-loader-goods-content .skeleton-item .skeleton-item-image .df-skeleton-image {
  display: block;
  width: 100%;
  height: 100%;
}

.search-goods-loader-Content .search-goods-loader-goods-content .skeleton-item .skeleton-item-info {
  width: 100%;
  margin-left: 0.266667rem;
}

.search-goods-loader-Content .search-goods-loader-goods-content .skeleton-item .skeleton-item-info .df-skeleton-image:first-child {
  width: 100%;
  height: 0.48rem;
  margin-bottom: 0.213333rem;
}

.search-goods-loader-Content .search-goods-loader-goods-content .skeleton-item .skeleton-item-info .df-skeleton-image:nth-of-type(2n) {
  width: 100%;
  height: 0.48rem;
  margin-bottom: 0.72rem;
}

.search-goods-loader-Content .search-goods-loader-goods-content .skeleton-item .skeleton-item-info .df-skeleton-image:last-child {
  width: 50%;
  height: 0.48rem;
}
.search-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.16rem 0.4rem;
  z-index: 20;
}

.search-input-wrap > .search-input-input {
  flex-shrink: 0;
  width: 8.053333rem;
  height: 0.853333rem;
  background: #f7f7f7;
  border-radius: 0.426667rem;
  display: flex;
  padding-left: 0.266667rem;
  box-sizing: border-box;
  position: relative;
}

.search-input-wrap > .search-input-input > .search-input-icon {
  width: 0.32rem;
  margin-right: 0.106667rem;
  flex-shrink: 0;
}

.search-input-wrap > .search-input-input > .search-input-icon > img {
  margin-top: 0.266667rem;
  width: 100%;
}

.search-input-wrap > .search-input-input > input {
  font-size: 0.373333rem;
  width: 100%;
  height: 100%;
  color: #323233;
  background-color: transparent;
  border: 0;
  padding: 0;
  outline-color: transparent;
  line-height: 0.853333rem;
  -webkit-appearance: none;
  /* 移除iOS默认样式 */
  -moz-appearance: none;
  border-radius: 0;
  appearance: none;
  background: transparent;
  /* 避免安卓默认灰色背景 */
  border: none;
  /* 移除默认边框 */
  outline: none;
  /* 移除聚焦轮廓 */
  text-shadow: none;
  box-shadow: none;
}

.search-input-wrap > .search-input-input > input::placeholder {
  font-size: 0.373333rem;
  color: #919191 !important;
  padding-left: 0.133333rem;
  border: 0;
  line-height: 0.853333rem;
}

.search-input-wrap > .search-input-input > input:focus {
  -webkit-tap-highlight-color: transparent;
  /* 移除点击高亮 */
  -webkit-user-select: text;
  /* 允许用户选择文本 */
  outline: none;
}

.search-input-wrap > .search-input-input > input:focus-visible {
  border: none;
  background-color: transparent;
  outline-color: transparent;
  outline-width: 0;
  outline: none;
}

.search-input-wrap > .search-input-input > .search-input-delete {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 1.12rem;
  height: 100%;
}

.search-input-wrap > .search-input-input > .search-input-delete > img {
  margin-top: 0.213333rem;
  width: 0.426667rem;
  display: block;
  margin: 0.213333rem auto 0;
}

.search-input-wrap > .search-input-button {
  width: 1.12rem;
  text-align: center;
  color: #3fa6ff;
  font-size: 0.373333rem;
  text-align: right;
}
.search-focus-part {
  width: 100%;
  height: calc(100% - 1.173333rem);
  position: fixed;
  top: 1.173333rem;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 19;
  overflow-y: auto;
  padding: 0.746667rem 0.4rem 0;
  box-sizing: border-box;
  background: #fff;
}

.search-focus-part .search-focus-part-history-title,
.search-focus-part .search-focus-part-find-title,
.search-focus-part .search-focus-part-recommend-title {
  font-weight: 500;
  font-size: 0.426667rem;
  color: #333333;
  line-height: 0.586667rem;
}

.search-focus-part .search-focus-part-history-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.search-focus-part .search-focus-part-history-title-delete {
  width: 0.48rem;
  height: auto;
  font-size: 0;
}

.search-focus-part .search-focus-part-history {
  position: relative;
  margin-bottom: 0.266667rem;
}

.search-focus-part .search-focus-part-history-content {
  display: flex;
  flex-wrap: wrap;
}

.search-focus-part .search-focus-part-history-content-item {
  max-width: 6.266667rem;
  width: max-content;
  box-sizing: border-box;
  padding: 0.16rem 0.213333rem;
  font-weight: 400;
  font-size: 0.32rem;
  color: #666666;
  line-height: 0.533333rem;
  margin: 0.213333rem 0.266667rem 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: #F7F7F7;
  border-radius: 0.4rem;
  overflow: hidden;
}

.search-focus-part .search-focus-part-find {
  margin-bottom: 0.266667rem;
}

.search-focus-part .search-focus-part-find-content {
  display: flex;
  flex-wrap: wrap;
}

.search-focus-part .search-focus-part-find-content-list-item {
  max-width: 6.266667rem;
  width: max-content;
  margin: 0.213333rem 0.266667rem 0 0;
  box-sizing: border-box;
  padding: 0 0.266667rem;
  height: 0.853333rem;
  line-height: 0.853333rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-radius: 0.426667rem;
  color: #333;
  font-size: 0.373333rem;
}

.search-focus-part .search-focus-part-find-content-list-item-first {
  background: rgba(247, 94, 53, 0.1);
  color: #F75E35;
}

.search-focus-part .search-focus-part-find-content-list-item-first-img {
  width: 0.373333rem;
  height: auto;
  font-size: 0;
  margin-right: 0.133333rem;
}

.search-focus-part .search-focus-part-find-content-list-item-second {
  background: rgba(61, 150, 226, 0.1);
  color: #3FA6FF;
}

.search-focus-part .search-focus-part-find-content-list-item-second-img {
  width: 0.426667rem;
  height: auto;
  font-size: 0;
  margin-right: 0.133333rem;
}

.search-focus-part .search-focus-part-recommend {
  position: relative;
}

.search-focus-part .search-focus-part-recommend-content {
  display: flex;
  flex-wrap: wrap;
}

.search-focus-part .search-focus-part-recommend-content-list {
  width: 1.6rem;
  box-sizing: border-box;
  margin: 0.213333rem 0.266667rem 0 0;
}

.search-focus-part .search-focus-part-recommend-content-list-item {
  width: 100%;
}

.search-focus-part .search-focus-part-recommend-content-list-item-img {
  width: 1.6rem;
  height: 1.6rem;
  font-size: 0;
  margin: 0 auto 0.133333rem;
}

.search-focus-part .search-focus-part-recommend-content-list-item-name {
  display: block;
  text-align: center;
  font-weight: 400;
  font-size: 0.32rem;
  color: #666666;
  line-height: 0.453333rem;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.search-focus-part .search-focus-part-recommend-content-list:nth-of-type(5n) {
  margin-right: 0;
}
.search-fast-part {
  width: 100%;
  height: calc(100% - 1.173333rem);
  position: fixed;
  top: 1.173333rem;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 19;
  overflow-y: auto;
  box-sizing: border-box;
  background: #fff;
}

.search-fast-part-suggest {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0.32rem;
  border-bottom: 0.026667rem solid #e5e5e5;
}

.search-fast-part-suggest-item {
  width: 100%;
  height: 1.066667rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 0.026667rem solid #eee;
}

.search-fast-part-suggest-item:last-child {
  border-bottom: none;
}

.search-fast-part-suggest-item-icon {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  font-size: 0;
  margin-right: 0.32rem;
  flex-shrink: 0;
}

.search-fast-part-suggest-item-text {
  font-size: 0.373333rem;
  color: #999;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.search-fast-part-merchant {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0.32rem;
  border-bottom: 0.026667rem solid #e5e5e5;
}

.search-fast-part-merchant-item {
  width: 100%;
  min-height: 1.066667rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 0.026667rem solid #eee;
  padding: 0.32rem 0;
}

.search-fast-part-merchant-item:last-child {
  border-bottom: none;
}

.search-fast-part-merchant-item-icon {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  font-size: 0;
  margin-right: 0.32rem;
  flex-shrink: 0;
}

.search-fast-part-merchant-item-text {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  font-size: 0.373333rem;
  color: #999;
  overflow: hidden;
}

.search-fast-part-merchant-item-text-left {
  width: 100%;
  overflow: hidden;
}

.search-fast-part-merchant-item-text-left-title {
  display: flex;
  width: 100%;
  align-items: baseline;
  justify-content: flex-start;
}

.search-fast-part-merchant-item-text-left-title-info {
  width: 100%;
  overflow: hidden;
}

.search-fast-part-merchant-item-text-left-title-info-highlight {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #333;
  line-height: 0.56rem;
}

.search-fast-part-merchant-item-text-left-title-info-address {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.32rem;
  line-height: 0.426667rem;
  color: #999;
}

.search-fast-part-merchant-item-text-left-title .quick-tip {
  flex-shrink: 0;
  border-radius: 0.053333rem;
  padding: 0 0.026667rem;
  font-size: 0.32rem;
  line-height: 0.426667rem;
  color: #3FA6FF;
  background: #e7f1ff;
  margin-left: 0.053333rem;
}

.search-fast-part-merchant-item-text-left-title .quick-tip:first-child {
  margin-left: 0;
}

.search-fast-part-merchant-item-text-left-title .suixindui {
  background-color: rgba(250, 140, 22, 0.2);
  color: #fa8c16;
}

.search-fast-part-merchant-item-text-left-title .canbu {
  background-color: rgba(250, 140, 22, 0.2);
  color: #fa8c16;
}

.search-fast-part-merchant-item-text-right {
  color: #999;
  flex-shrink: 0;
  width: 1.52rem;
  text-align: right;
}

.search-fast-part-goods {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0.32rem;
  border-bottom: 0.026667rem solid #e5e5e5;
}

.search-fast-part-goods-item {
  width: 100%;
  height: 1.066667rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 0.026667rem solid #eee;
}

.search-fast-part-goods-item:last-child {
  border-bottom: none;
}

.search-fast-part-goods-item-icon {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  font-size: 0;
  margin-right: 0.32rem;
  flex-shrink: 0;
}

.search-fast-part-goods-item-text {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  font-size: 0.373333rem;
  color: #999;
  overflow: hidden;
}

.search-fast-part-goods-item-text-title {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.search-fast-part-goods-item-text-money {
  color: #999;
  flex-shrink: 0;
  width: 3.093333rem;
  text-align: right;
}

.search-fast-part-product {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0.32rem;
}

.search-fast-part-product-item {
  width: 100%;
  height: 1.066667rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 0.026667rem solid #eee;
}

.search-fast-part-product-item:last-child {
  border-bottom: none;
}

.search-fast-part-product-item-icon {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  font-size: 0;
  margin-right: 0.32rem;
  flex-shrink: 0;
}

.search-fast-part-product-item-text {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.373333rem;
  color: #333;
  overflow: hidden;
}

.search-fast-part-product-item-text-key {
  color: red;
  margin-right: 0.133333rem;
  max-width: 40%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.search-fast-part-product-item-text-productType {
  margin-right: auto;
  color: #999;
  max-width: 40%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.search-fast-part-product-item-text-num {
  color: #999;
  flex-shrink: 0;
  width: 3.093333rem;
  text-align: right;
}
.search-filter-diy-part {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  background: #fff;
  position: relative;
  z-index: 15;
  padding: 0.4rem 0 0;
}

.search-filter-diy-part-price {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0.4rem 0.4rem;
  overflow: hidden;
}

.search-filter-diy-part-price-title {
  font-weight: 400;
  font-size: 0.373333rem;
  color: #999999;
  line-height: 0.533333rem;
  margin-bottom: 0.266667rem;
}

.search-filter-diy-part-price-input {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 0.4rem;
}

.search-filter-diy-part-price-input input {
  width: 4.213333rem;
  height: 0.8rem;
  line-height: 0.8rem;
  box-sizing: border-box;
  background: #F7F7F7;
  border-radius: 0.4rem;
  padding: 0 0.266667rem;
  font-size: 0.373333rem;
  color: #333;
  border: none;
  outline: none;
  text-align: center;
}

.search-filter-diy-part-price-input input::placeholder {
  font-size: 0.373333rem;
  color: #919191 !important;
  border: 0;
  line-height: 0.8rem;
}

.search-filter-diy-part-price-input span {
  flex-shrink: 0;
  margin: 0 0.266667rem;
  font-weight: 400;
  font-size: 0.373333rem;
  color: #999999;
}

.search-filter-diy-part-regions {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
}

.search-filter-diy-part-regions-left {
  width: 2.666667rem;
  flex-shrink: 0;
  background: #f7f7f7;
  text-align: center;
}

.search-filter-diy-part-regions-left-item {
  width: 100%;
  overflow: hidden;
}

.search-filter-diy-part-regions-left-item-title {
  font-weight: 400;
  font-size: 0.426667rem;
  color: #666;
  line-height: 0.533333rem;
  padding: 0.4rem 0.266667rem;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #f7f7f7;
}

.search-filter-diy-part-regions-left-item-active {
  background: #fff;
}

.search-filter-diy-part-regions-right {
  width: 100%;
  box-sizing: border-box;
  padding-left: 0.32rem;
  background: #fff;
  overflow: hidden;
  overflow-y: auto;
  max-height: 7.6rem;
}

.search-filter-diy-part-regions-right-item {
  width: 100%;
  border-bottom: 0.026667rem solid #e5e5e5;
  padding: 0.4rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}

.search-filter-diy-part-regions-right-item:last-child {
  border-bottom: none;
}

.search-filter-diy-part-regions-right-item-title {
  font-weight: 400;
  font-size: 0.426667rem;
  color: #333;
  line-height: 0.533333rem;
}

.search-filter-diy-part-regions-right-item img {
  width: 0.48rem;
  height: auto;
  display: block;
  flex-shrink: 0;
  margin-right: 0.4rem;
}

.search-filter-diy-part-regions-right-item .color-icon {
  font-size: 0.426667rem;
}

.search-filter-diy-part-regions-right-item .color-icon-checked {
  font-size: 0.586667rem;
}
.search-filter-part {
  position: relative;
  width: 100%;
  height: auto;
  max-height: 1.226667rem;
  z-index: 15;
}

.search-filter-part-list {
  width: 100%;
  height: 1.226667rem;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 15;
  background: #fff;
}

.search-filter-part-list-item {
  flex: 1;
  height: 1.226667rem;
  box-sizing: border-box;
  padding: 0 0.106667rem;
  max-width: 100%;
  overflow: hidden;
}

.search-filter-part-list-item-info {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.search-filter-part-list-item-info-name {
  width: max-content;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.373333rem;
}

.search-filter-part-list-item-info img {
  flex-shrink: 0;
  font-size: 0;
  width: 0.32rem;
  height: 0.32rem;
}

.search-filter-part-list-item-info .price-icon {
  width: 0.16rem;
  height: auto;
  margin-left: 0.106667rem;
}

.search-filter-part-panel {
  width: 100%;
  height: auto;
  box-sizing: border-box;
}

.search-filter-part-panel-mask {
  position: fixed;
  top: 2.4rem;
  height: calc(100vh - 2.4rem);
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 14;
}

.search-filter-part-panel-content {
  width: 100%;
  max-height: 7.6rem;
  padding: 0.16rem 0;
  box-sizing: border-box;
  overflow: hidden;
  overflow-y: auto;
  background: #fff;
  position: relative;
  z-index: 15;
}

.search-filter-part-panel-content .search-panel-list {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0.4rem;
}

.search-filter-part-panel-content .search-panel-list-item {
  width: 100%;
  height: 1.066667rem;
  line-height: 1.066667rem;
  font-size: 0.373333rem;
  color: #333;
  text-align: left;
}

.search-filter-part-panel-content .search-panel-list-item-info {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  overflow: hidden;
}

.search-filter-part-panel-content .search-panel-list-item-info-name {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.search-filter-part-panel-content .search-panel-list-item-info img {
  flex-shrink: 0;
  font-size: 0;
  width: 0.48rem;
  height: 0.48rem;
}

.search-filter-part-panel-content .search-panel-cover {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.search-filter-part-panel-content .search-panel-cover-item {
  padding: 0.133333rem;
}

.search-filter-part-panel-content .search-panel-cover-item-info {
  height: 0.96rem;
  line-height: 0.96rem;
  width: 3.04rem;
  box-sizing: border-box;
  padding: 0 0.32rem;
  text-align: center;
  position: relative;
}

.search-filter-part-panel-content .search-panel-cover-item-info-name {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  z-index: 12;
  font-size: 0.346667rem;
  color: #333;
  font-weight: 300;
}

.search-filter-part-panel-content .search-panel-cover-item-info-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #f7f7f7;
  border-radius: 0.48rem;
  z-index: 11;
}

.search-filter-part-panel-footer {
  width: 100%;
  height: 1.706667rem;
  background: #fff;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
  z-index: 15;
  border-top: 0.026667rem solid #e5e5e5;
  box-sizing: border-box;
  padding: 0.266667rem 0.4rem;
}

.search-filter-part-panel-footer-cancel {
  color: #333;
  border: 0.026667rem solid #999;
  width: 2.666667rem;
  flex-shrink: 0;
  border-radius: 0.106667rem;
  height: 100%;
  line-height: 1.12rem;
  text-align: center;
  font-size: 0.426667rem;
  margin-right: 0.266667rem;
}

.search-filter-part-panel-footer-confirm {
  width: 100%;
  color: #fff;
  border-radius: 0.106667rem;
  border: 0.026667rem solid #3FA6FF;
  height: 100%;
  line-height: 1.12rem;
  text-align: center;
  font-size: 0.426667rem;
}

.color-icon {
  font-size: 0.373333rem;
}

.color-icon-checked {
  font-size: 0.586667rem;
}

.color-icon-price-top {
  margin-bottom: -0.266667rem;
}
.filter-loader-Content {
  position: relative;
  top: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
  z-index: 99;
  background: #fff;
}

.filter-loader-Content .filter-loader-filter-content {
  width: 100%;
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  height: 1.226667rem;
  /* padding-right: 12px; */
  padding: 0.133333rem 0;
  box-sizing: border-box;
  justify-content: space-around;
}

.filter-loader-Content .filter-loader-filter-content .skeleton-item .df-skeleton-image {
  display: block;
  width: 1.706667rem;
  height: 0.533333rem;
}
.search-market-filter-part {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
}

.search-market-filter-part-list {
  width: 100%;
  height: auto;
  overflow-x: auto;
  box-sizing: border-box;
  padding-left: 0.32rem;
  padding-bottom: 0.266667rem;
}

.search-market-filter-part-list::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
  opacity: 0;
}

.search-market-filter-part-list-scroll {
  width: max-content;
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  height: 100%;
  padding-right: 0.32rem;
}

.search-market-filter-part-list-scroll-item {
  width: auto;
  display: block;
  text-align: center;
  padding: 0.106667rem 0.586667rem;
  box-sizing: border-box;
  border: 0.026667rem solid #E5E5E5;
  border-radius: 0.4rem;
  margin-right: 0.32rem;
  font-weight: 400;
  font-size: 0.373333rem;
  color: #333333;
  line-height: 0.533333rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.search-market-filter-part-list-scroll-item1 {
  flex: 1;
  width: 100%;
}

.search-market-filter-part-list-scroll-item2 {
  flex: 1;
  width: 50%;
}

.search-market-filter-part-list-scroll-item3 {
  flex: 1;
  width: 33.33%;
}

.search-market-filter-part-list-scroll-active {
  background: rgba(255, 87, 87, 0.08);
  color: #ff5757;
  border: 0.026667rem solid #ff5757;
}

.search-market-filter-part-list-scroll .fontGray {
  color: #333;
}
:global .sku-panel-modal-wrap {
  overflow: hidden;
}

.df-mobile-sku-panel-skuPicker {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 60vh;
  overflow: hidden;
  background: #ffffff;
  border-radius: 0.32rem 0.32rem 0 0;
}

.df-mobile-sku-panel-skuPicker .df-mobile-sku-panel-headerPart {
  flex-shrink: 0;
  width: 100%;
}

.df-mobile-sku-panel-skuPicker .df-mobile-sku-panel-skuPart {
  height: 100%;
  overflow-y: auto;
}

.df-mobile-sku-panel-skuPicker .df-mobile-sku-panel-footerBar {
  flex-shrink: 0;
  width: 100%;
}

.df-mobile-sku-panel-imgLogoModal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.df-mobile-sku-panel-imgLogoModal .df-mobile-sku-panel-imgLogo {
  position: fixed;
  top: 22vh;
  left: 0;
  z-index: 9991;
  width: 100%;
  height: 10rem;
  text-align: center;
}

.df-mobile-sku-panel-imgLogoModal .df-mobile-sku-panel-imgLogo > img {
  top: 22vh;
  max-width: 100%;
}
.df-popup {
  --top: 0;
  --bottom: 0;
  position: fixed;
  top: var(--top);
  right: 0;
  bottom: var(--bottom);
  left: 0;
  z-index: 1999;
  pointer-events: none;
  /* position为center时 使用flex居中 */
}

.df-popup__center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.df-popup__portal {
  position: absolute;
  top: 0;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
}

.df-popup .df-popup-mask {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.7);
  pointer-events: auto;
}

.df-popup .df-popup-mask__visible {
  display: block;
}

.df-popup .df-popup-mask::before {
  display: block;
  width: 0.026667rem;
  height: 0.026667rem;
  margin-left: -0.266667rem;
  background-color: rgba(0, 0, 0, 0.1);
  content: '.';
}

.df-popup .df-popup-content {
  position: relative;
  width: 100%;
  color: #717171;
  pointer-events: auto;
  -webkit-overflow-scrolling: touch;
  /* ios5+ */
}

.df-popup .df-popup-content ::-webkit-scrollbar {
  display: none;
}

.df-popup .df-popup-content__top {
  position: absolute;
  left: 0;
}

.df-popup .df-popup-content__bottom {
  position: absolute;
  bottom: 0;
  left: 0;
}

.df-popup .df-popup-content__left {
  position: absolute;
  width: auto;
  max-width: 100%;
  height: 100%;
}

.df-popup .df-popup-content__right {
  position: absolute;
  right: 0;
  width: auto;
  max-width: 100%;
  height: 100%;
}

.df-popup .df-popup-content__center {
  width: auto;
  max-width: 100%;
}
.df-mobile-mask {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.7);
  pointer-events: auto;
}

.df-mobile-mask__visible {
  display: block;
}

.df-mobile-mask::before {
  display: block;
  width: 0.026667rem;
  height: 0.026667rem;
  margin-left: -0.266667rem;
  background-color: rgba(0, 0, 0, 0.1);
  content: '.';
}
.df-mobile-sku-panel-skuHeader-headerWrapper {
  position: relative;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  padding: 0.8rem 0.4rem 0.266667rem;
  overflow-x: hidden;
}

.df-mobile-sku-panel-skuHeader-headerWrapper svg {
  width: 100%;
}

.df-mobile-sku-panel-skuHeader-headerWrapper .df-mobile-sku-panel-skuHeader-close {
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
  width: 0.48rem;
  height: 0.48rem;
}

.df-mobile-sku-panel-skuHeader-headerWrapper .df-mobile-sku-panel-skuHeader-close img {
  width: 100%;
  height: 100%;
}

.df-mobile-sku-panel-skuHeader-headerWrapper .df-mobile-sku-panel-skuHeader-leftImage {
  position: relative;
  flex-shrink: 0;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.266667rem;
  overflow: hidden;
  border: 0.026667rem solid #e5e5e5;
  border-radius: 0.106667rem;
}

.df-mobile-sku-panel-skuHeader-headerWrapper .df-mobile-sku-panel-skuHeader-leftImage img {
  width: 100%;
  height: 100%;
}

.df-mobile-sku-panel-skuHeader-headerWrapper .df-mobile-sku-panel-skuHeader-leftImage .df-mobile-sku-panel-skuHeader-sticker {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
  width: 100%;
  min-height: auto;
}

.df-mobile-sku-panel-skuHeader-headerWrapper .df-mobile-sku-panel-skuHeader-leftImage .df-mobile-sku-panel-skuHeader-sticker img.df-mobile-sku-panel-skuHeader-stickerImg {
  display: block;
  width: 100%;
}
.df-mobile-sku-panel-close-addWrapper {
  flex-shrink: 0;
  color: #333;
  font-weight: 500;
  font-size: 0.373333rem;
}
.df-mobile-sku-panel-skuList-sepcListWrapper {
  padding: 0 0.4rem;
}

.df-mobile-sku-panel-skuList-sepcListWrapper h4 {
  margin-bottom: 0.266667rem;
  color: #999;
  font-weight: 400;
  font-size: 0.373333rem;
  line-height: 0.506667rem;
  text-align: left;
}

.df-mobile-sku-panel-skuList-sepcListWrapper .df-mobile-sku-panel-skuList-skuList {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  max-height: calc(100% - 0.773333rem);
  overflow-y: scroll;
}

.df-mobile-sku-panel-skuList-sepcListWrapper .df-mobile-sku-panel-skuList-skuList .df-mobile-sku-panel-skuList-skuItem {
  margin-right: 0.266667rem;
  margin-bottom: 0.266667rem;
  padding: 0.213333rem 0.266667rem;
  color: #333333;
  line-height: 0.533333rem;
  border: 0.026667rem solid #b2b2b2;
  border-radius: 0.053333rem;
}

.df-mobile-sku-panel-skuList-sepcListWrapper .df-mobile-sku-panel-skuList-skuList .df-mobile-sku-panel-skuList-skuItem img {
  width: 0.64rem;
  height: 0.64rem;
  margin-right: 0.213333rem;
}

.df-mobile-sku-panel-skuList-sepcListWrapper .df-mobile-sku-panel-skuList-skuList .df-mobile-sku-panel-skuList-skuItem span {
  display: block;
  font-weight: 300;
  font-size: 0.346667rem;
}

.df-mobile-sku-panel-skuList-sepcListWrapper .df-mobile-sku-panel-skuList-skuList .df-mobile-sku-panel-skuList-active {
  color: #3fa6ff;
  border: 0.026667rem solid #3fa6ff;
}

.df-mobile-sku-panel-skuList-sepcListWrapper .df-mobile-sku-panel-skuList-skuList .df-mobile-sku-panel-skuList-gray {
  color: #999;
  background: rgba(51, 51, 51, 0.03);
  border: 0.026667rem solid #e5e5e5;
}

.df-mobile-sku-panel-skuList-sepcListWrapper .df-mobile-sku-panel-skuList-skuList .df-mobile-sku-panel-skuList-gray.df-mobile-sku-panel-skuList-active {
  border: 0.026667rem solid #999;
}

.df-mobile-sku-panel-skuList-sepcListWrapper .df-mobile-sku-panel-skuList-skuList::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 0.08rem;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 0.08rem;
}

.df-mobile-sku-panel-skuList-sepcListWrapper .df-mobile-sku-panel-skuList-skuList::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  background: #f0f0f0;
}

.df-mobile-sku-panel-skuList-sepcListWrapper .df-mobile-sku-panel-skuList-skuList::-webkit-scrollbar-track {
  background: #fff;
  /*滚动条里面轨道*/
  border-radius: 0.026667rem;
}
.df-mobile-sku-panel-btn-btnGroup {
  display: flex;
  box-sizing: border-box;
  padding: 0.266667rem 0.4rem;
  padding-bottom: calc(0.266667rem + constant(safe-area-inset-bottom));
  padding-bottom: calc(0.266667rem + env(safe-area-inset-bottom));
  background: #fff;
  border-top: 0.026667rem solid #e5e5e5;
}

.df-mobile-sku-panel-btn-btnGroup .df-mobile-sku-panel-btn-btn {
  flex: 1;
  box-sizing: border-box;
  height: 1.173333rem;
  color: #fff;
  font-size: 0.426667rem;
  line-height: 1.12rem;
  text-align: center;
  border: 0.026667rem solid #3fa6ff;
  border-radius: 0.106667rem;
}

.df-mobile-sku-panel-btn-btnGroup .df-mobile-sku-panel-btn-btn:nth-child(even) {
  margin-left: 0.266667rem;
}
.simpleStepper .tb > div {
  display: flex;
  align-items: center;
}

.simpleStepper .tb .md {
  height: 0.8rem;
  line-height: 0.72rem;
  color: #111;
  font-size: 0.533333rem;
}

.simpleStepper .tb .md > div {
  border: 0.026667rem solid #ccc;
  padding: 0;
  border-radius: 0.053333rem;
  box-sizing: border-box;
}

.simpleStepper .tb .md > div.count {
  text-align: center;
  width: 0.8rem;
}

.simpleStepper .tb .md > div.tdLimitText {
  color: #f44545;
  border: none !important;
}

.simpleStepper .tb .md > div.tdLimitText .limitText {
  margin-right: 0.213333rem !important;
  line-height: 0.8rem;
  display: flex;
}

.simpleStepper .tb .md > div.tdLimitText .limitText span {
  display: block;
  min-width: 0.853333rem;
  border-radius: 0.053333rem;
  text-align: center;
  font-size: 0.373333rem !important;
  box-sizing: border-box;
  color: #FF5757;
  border: 0.026667rem solid #FF5757;
  min-width: 1.253333rem;
  width: auto;
  height: 0.426667rem;
  line-height: 0.426667rem;
  color: #A037E5;
  border: none;
  padding: 0 0.053333rem;
  margin-left: 0.053333rem;
}

.simpleStepper .tb .md > div.tdCount {
  background: #fff;
}

.simpleStepper .tb .md > div.tdCount div {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
}

.simpleStepper .tb .md > div.countminus {
  border-radius: 0.053333rem 0 0 0.053333rem;
}

.simpleStepper .tb .md > div.countplus {
  border-radius: 0 0.053333rem 0.053333rem 0;
}

.simpleStepper .tb .md > div.tdInput {
  background: #fff;
  border-radius: 0;
  border-left: none;
  border-right: none;
}

.simpleStepper .tb .md > div.tdInput .stepInput {
  outline: none;
  border: none;
  color: #111;
  font-size: 0.32rem;
  font-weight: 400;
  width: 0.96rem;
  line-height: 0.8rem;
  padding: 0;
}

.simpleStepper .tb .sm {
  height: 0.64rem;
  line-height: 0.586667rem;
}

.simpleStepper .tb .sm > div {
  border: 0.026667rem solid #ccc;
  padding: 0;
  border-radius: 0.053333rem;
  box-sizing: border-box;
}

.simpleStepper .tb .sm > div.count {
  font-size: 0.426667rem;
  text-align: center;
  width: 0.64rem;
}

.simpleStepper .tb .sm > div.tdLimitText {
  color: #f44545;
  border: none !important;
}

.simpleStepper .tb .sm > div.tdLimitText .limitText {
  margin-right: 0.213333rem !important;
  line-height: 0.586667rem;
  display: flex;
}

.simpleStepper .tb .sm > div.tdLimitText .limitText span {
  display: block;
  min-width: 0.853333rem;
  border-radius: 0.053333rem;
  text-align: center;
  font-size: 0.373333rem !important;
  box-sizing: border-box;
  color: #FF5757;
  border: 0.026667rem solid #FF5757;
  min-width: 1.253333rem;
  width: auto;
  height: 0.426667rem;
  line-height: 0.426667rem;
  color: #A037E5;
  border: none;
  padding: 0 0.053333rem;
  margin-left: 0.053333rem;
}

.simpleStepper .tb .sm > div.tdCount {
  background: #fff;
}

.simpleStepper .tb .sm > div.tdCount div {
  display: block;
  width: 0.64rem;
  height: 0.64rem;
  text-align: center;
}

.simpleStepper .tb .sm > div.countminus {
  border-radius: 0.053333rem 0 0 0.053333rem;
}

.simpleStepper .tb .sm > div.countplus {
  border-radius: 0 0.053333rem 0.053333rem 0;
}

.simpleStepper .tb .sm > div.tdInput {
  background: #fff;
  border-radius: 0;
  border-left: none;
  border-right: none;
}

.simpleStepper .tb .sm > div.tdInput .stepInput {
  outline: none;
  border: none;
  color: #111;
  font-size: 0.32rem;
  font-weight: 400;
  width: 1.04rem;
  height: 0.64rem;
  line-height: 0.586667rem;
  padding: 0;
}

.simpleStepper .stepInput {
  color: #111111;
  display: block;
  background: #ffffff;
  outline: none;
  border-radius: 0;
  margin: 0;
  -moz-appearance: textfield;
  text-align: center;
  -webkit-appearance: none;
  line-height: 0.426667rem;
}

.simpleStepper .limitText {
  font-size: 0.346667rem;
  font-weight: 400;
  color: #f44545;
  white-space: nowrap;
}

.simpleStepper .disable {
  color: #ccc;
  background: #f7f7f7 !important;
}
.preTag {
  width: 100%;
  display: flex;
  align-items: center;
}

.preTag .preTitle {
  font-size: 0.32rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 0.32rem;
  height: auto;
  padding: 0.053333rem;
  border: 0.026667rem solid #3FA6FF;
  background: #3FA6FF;
  border-radius: 0.053333rem 0 0 0.053333rem;
}

.preTag .preSubTitle {
  font-size: 0.32rem;
  font-weight: 400;
  color: #3FA6FF;
  line-height: 0.32rem;
  height: auto;
  padding: 0.053333rem;
  border: 0.026667rem solid #3FA6FF;
  background: #fff;
  border-radius: 0 0.053333rem 0.053333rem 0;
}
.rightPriceContent {
  flex: 1;
  margin-left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
  position: relative;
  width: calc(100% - 2.72rem);
  max-width: 10.533333rem;
}

.rightPriceContent .salePrice {
  display: flex;
  align-items: center;
  height: 0.48rem;
  font-size: 0.48rem;
  font-weight: 600;
  color: #FF5757;
  line-height: 0.48rem;
}

.rightPriceContent .salePrice img {
  height: 0.32rem;
  width: 0.32rem;
  display: block;
}

.rightPriceContent .delPrice {
  display: flex;
  align-items: center;
  height: 0.32rem;
  font-size: 0.32rem;
  font-weight: 400;
  color: #999999;
  line-height: 0.32rem;
}

.rightPriceContent .delPrice span.delText {
  position: relative;
  text-decoration: line-through;
}

.rightPriceContent .delPrice img {
  height: 0.32rem;
  width: 0.32rem;
  display: block;
  filter: grayscale(100%);
}

.rightPriceContent .tags {
  margin-top: 0.266667rem;
  min-height: 0.373333rem;
  height: auto;
  overflow-y: hidden;
}

.rightPriceContent p {
  font-size: 0.346667rem;
  font-weight: 300;
  color: #333333;
  max-width: 6.133333rem;
  margin-top: 0.053333rem;
  margin-bottom: 0;
}

.rightPriceContent .presale {
  width: 5.226667rem;
  height: 0.533333rem;
  background: url(//oss-dffl-ops.dongfangfuli.com/prd/df-source-mall/9f6867152cf107ceeb74.png);
  background-size: 5.226667rem 0.533333rem;
  color: #fff;
  line-height: 0.533333rem;
  white-space: nowrap;
  text-align: center;
  margin-top: 0.4rem;
}

.rightPriceContent .presale-time {
  margin-left: 1.2rem;
  font-size: 0.293333rem;
}

.rightPriceContent .isBilingual {
  background-image: url(//oss-dffl-ops.dongfangfuli.com/prd/df-source-mall/38c68703f0bf86651149.png);
}

.rightPriceContent .ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 1;
}

.panelStepperWrapper {
  display: flex;
  align-items: center;
  padding: 0.266667rem 0.4rem;
  font-size: 0.373333rem;
  font-weight: 400;
  color: #999;
}

.panelStepperWrapper span {
  margin-right: auto;
}

.panelStepperWrapper p {
  margin-right: 0.4rem;
  font-size: 0.346667rem;
  font-weight: 400;
  color: #f44545;
}

.panelStepperWrapper .tb td {
  border: 0.026667rem solid #ccc;
}
.vouchers-detail-style {
  font-size: 0.32rem;
  background: #f7f7f7;
  height: calc(100% - 1.706667rem);
  max-height: calc(100% - 1.706667rem);
  width: 100%;
  overflow-y: auto;
  position: relative;
}

.vouchers-detail-style .vouchers-detail-style-banners {
  height: 9.973333rem;
  width: 100%;
  margin-bottom: 0.266667rem;
  text-align: center;
}

.vouchers-detail-style .vouchers-detail-style-banners > img {
  width: 100%;
}
.goods-desc-part {
  width: calc(100% - 1.066667rem);
  background: #ffffff;
  border-radius: 0.106667rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.266667rem;
  padding: 0.4rem 0.266667rem;
}

.goods-desc-part > .goods-desc-part-price {
  line-height: 0.64rem;
  width: 100%;
  border: 0;
  margin-bottom: 0.266667rem;
}

.goods-desc-part > .goods-desc-part-price .df-mobile-df-single-price-num {
  font-size: 0.64rem;
}

.goods-desc-part > .goods-desc-part-price .df-mobile-df-single-price_through .df-mobile-df-single-price-num {
  font-size: 0.373333rem;
  font-weight: 400;
}

.goods-desc-part > .goods-desc-part-discount {
  margin-bottom: 0.106667rem;
  display: flex;
  align-items: center;
}

.goods-desc-part > .goods-desc-part-discount .goods-desc-part-discount-brand {
  border: 0.026667rem solid #ff5757;
  color: #ff5757;
  font-size: 0.32rem;
  border-radius: 0.053333rem;
  padding: 0 0.106667rem;
  line-height: 0.373333rem;
}

.goods-desc-part > .goods-desc-part-title {
  font-size: 0.426667rem;
  font-weight: 500;
  color: #333333;
  line-height: 0.64rem;
  margin-bottom: 0.133333rem;
}

.goods-desc-part > .goods-desc-part-subtitle {
  font-size: 0.373333rem;
  font-weight: 400;
  color: #666666;
}

.goods-desc-part > .goods-desc-part-marketing-tags {
  display: flex;
  margin-top: 0.133333rem;
}

.goods-desc-part > .goods-desc-part-marketing-tags > div {
  display: flex;
  align-items: center;
  height: 0.32rem;
  border-radius: 0.053333rem;
  padding: 0.08rem 0.053333rem;
  opacity: 0.8;
  font-size: 0.32rem;
  font-weight: 400;
}

.goods-desc-part > .goods-desc-part-marketing-tags > .theme1 {
  color: #ff6600;
  border: 0.026667rem solid #ff6600;
}

.goods-desc-part > .goods-desc-part-detail-info {
  display: flex;
  margin-bottom: 0.4rem;
}

.goods-desc-part > .goods-desc-part-detail-info > .goods-desc-part-label {
  font-size: 0.373333rem;
  font-weight: 400;
  color: #999999;
  width: 2.08rem;
  text-align: left;
}

.goods-desc-part > .goods-desc-part-detail-info > .goods-desc-part-desc {
  font-size: 0.373333rem;
  font-weight: 400;
  color: #333333;
  width: calc(100% - 1.6rem);
}

.goods-desc-part > .goods-desc-part-detail-info > .goods-desc-part-icon {
  width: 0.32rem;
}

.goods-desc-part > .goods-desc-part-detail-info > .goods-desc-part-icon > img {
  width: 100%;
  vertical-align: middle;
}

.goods-desc-part > .goods-desc-part-detail-info:last-child {
  margin-bottom: 0;
}

.goods-desc-part > div:last-child {
  margin-bottom: 0 !important;
}
.goods-detail-part {
  padding-top: 0.266667rem;
  width: calc(100% - 0.533333rem);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.goods-detail-part > .goods-detail-part-title {
  font-size: 0.426667rem;
  font-weight: 500;
  color: #333333;
  text-align: center;
  margin-bottom: 0.266667rem;
}

.goods-detail-part > .goods-detail-part-title > img {
  width: 0.426667rem;
  vertical-align: middle;
  margin: 0 0.133333rem;
}

.goods-detail-part > .goods-detail-part-html {
  width: 100%;
  margin-bottom: 0.533333rem;
  background: #fff;
}

.goods-detail-part > .goods-detail-part-html > img {
  max-width: 100%;
  height: auto !important;
}

.goods-detail-part > .goods-detail-part-html img {
  max-width: 100%;
  height: auto !important;
}

.goods-detail-part > .goods-detail-part-desc {
  padding: 0.4rem 0.266667rem;
  background-color: #fff;
  border-radius: 0.106667rem;
  margin-bottom: 0.533333rem;
}

.goods-detail-part > .goods-detail-part-illustrate {
  background: #fff;
  padding: 0.4rem 0.266667rem;
  margin-bottom: 0.533333rem;
}

.goods-detail-part > .goods-detail-part-recommend {
  position: relative;
}

.goods-detail-part > .goods-detail-part-recommend > .goods-detail-part-recommend-goods {
  background: #fff;
  margin-bottom: 1.6rem;
}

.goods-detail-part > .goods-detail-part-recommend > .goods-detail-part-recommend-goods > div {
  display: flex;
  flex-wrap: wrap;
}

.goods-detail-part > .goods-detail-part-recommend > .goods-detail-part-recommend-goods > div > div {
  margin-right: 0.133333rem;
  margin-bottom: 0.266667rem;
}

.goods-detail-part > .goods-detail-part-recommend > .goods-detail-part-recommend-goods > div > div:nth-of-type(3n) {
  margin-right: 0;
}
.row-desc-part-row {
  margin-bottom: 0.4rem;
}

.row-desc-part-row > .row-desc-part-title {
  height: 0.533333rem;
  font-size: 0.373333rem;
  font-weight: 500;
  color: #333333;
  line-height: 0.533333rem;
  margin-bottom: 0.133333rem;
}

.row-desc-part-row > .row-desc-part-subtitle {
  font-size: 0.32rem;
  font-weight: 400;
  color: #666666;
  line-height: 0.533333rem;
  overflow: hidden;
  width: 100%;
}

.row-desc-part-row > .row-desc-part-subtitle img {
  max-width: 100% !important;
  height: auto !important;
}

> .row-desc-part-row:last-child {
  margin-bottom: 0;
}
.detail-title-part {
  font-size: 0.426667rem;
  font-weight: 500;
  color: #333333;
  text-align: center;
  margin-bottom: 0.266667rem;
}

.detail-title-part > img {
  width: 0.426667rem;
  vertical-align: middle;
  margin: 0 0.133333rem;
}
.goods-three-column {
  position: relative;
  width: 3.066667rem;
}

.goods-three-column > .goods-image {
  height: 3.066667rem;
  text-align: center;
}

.goods-three-column > .goods-image > img {
  max-width: 100%;
}

.goods-three-column > .goods-title {
  margin-top: 0.133333rem;
  height: 0.853333rem;
  font-size: 0.32rem;
  font-weight: 500;
  color: #333333;
  line-height: 0.426667rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 0 0.133333rem;
}

.goods-three-column > .goods-price {
  margin-top: 0.133333rem;
  padding: 0 0.133333rem;
}

.goods-three-column > .goods-price .df-mobile-df-single-price_savemoney .df-mobile-df-single-price-num {
  font-size: 0.346667rem!important;
}

.goods-three-column > .goods-price .goods-three-column-price-style {
  font-size: 0.426667rem;
}

.goods-three-column > .goods-price .goods-three-column-price-style > img {
  width: 0.32rem;
}
.footer-button-part {
  position: relative;
  height: 1.146667rem;
  background: #ffff;
  padding: 0.266667rem 0.4rem;
  width: calc(100% - 0.8rem);
  display: flex;
  border-top: 0.026667rem solid #e5e5e5;
}

.footer-button-part > .footer-button-part-service {
  display: block;
  text-align: center;
  margin-right: 0.4rem;
  font-size: 0.266667rem;
  font-weight: 400;
  color: #666666;
}

.footer-button-part > .footer-button-part-service > img {
  width: 0.64rem;
}

.footer-button-part > .footer-button-part-service > div {
  width: 100%;
  display: inline-block;
}

.footer-button-part > .footer-button-part-cart {
  display: block;
  text-align: center;
  margin-right: 0.4rem;
  font-size: 0.266667rem;
  font-weight: 400;
  color: #666666;
}

.footer-button-part > .footer-button-part-cart > img {
  width: 0.64rem;
}

.footer-button-part > .footer-button-part-cart > div {
  width: 100%;
  display: inline-block;
}

.footer-button-part > .footer-button-part-buttons {
  display: flex;
  width: 100%;
}

.footer-button-part > .footer-button-part-buttons > div {
  flex: 1;
  background: #247dff;
  background: var(--df-primary-color, #247dff);
  border-radius: 0.106667rem;
  font-size: 0.426667rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.173333rem;
  text-align: center;
  margin-right: 0.266667rem;
}

.footer-button-part > .footer-button-part-buttons > .footer-button-part-button-disabel {
  background: rgba(36, 125, 255, 0.5) !important;
  background: var(--df-primary-color-opacity, rgba(36, 125, 255, 0.5)) !important;
}

.footer-button-part > .footer-button-part-buttons > div:last-child {
  margin-right: 0 !important;
}

.footer-button-part > .footer-button-part-tips {
  line-height: 0.426667rem;
  background-color: #f8e7e7;
  width: calc(100% - 1.066667rem);
  padding: 0.266667rem 0.533333rem;
  position: absolute;
  left: 0;
  bottom: 1.6rem;
  z-index: 10;
  text-align: center;
  font-size: 0.32rem;
  font-weight: 400;
  color: #ff5757;
  opacity: 1;
}
.vouchersModalBody {
  background: white;
  border-radius: 0.213333rem;
  width: 7.866667rem;
  position: relative;
  max-height: 9.76rem;
  padding: 0.533333rem 0.533333rem 0.133333rem 0.533333rem;
  box-sizing: border-box;
}

.vouchersModalBody p {
  font-weight: 400;
  font-size: 0.426667rem;
  color: #333333;
  line-height: 0.586667rem;
  max-height: 5.28rem;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

.vouchersModalBody p span {
  color: #ff5757;
}

.vouchersModalBody .adm-button-primary {
  --color: #247DFF;
  --color: var(--df-primary-color, #247dff);
}
.head-tab-part {
  position: relative;
  height: 0.906667rem;
  width: calc(100% - 0.533333rem);
  padding: 0.133333rem 0.266667rem;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  opacity: 0;
}

.head-tab-part > div {
  font-size: 0.426667rem;
  font-weight: 400;
  color: #333333;
  text-align: center;
  margin-right: 0.4rem;
  line-height: 0.426667rem;
  flex: 1;
}

.head-tab-part > div > img {
  width: 0.853333rem;
  height: 0.853333rem;
}

.head-tab-part > div:last-child {
  margin-right: 0;
}

.head-tab-part > .active-tab {
  font-size: 0.426667rem;
  font-weight: 500;
  color: #3fa6ff;
  color: var(--df-primary-color, #3fa6ff);
  position: relative;
}

.head-tab-part > .active-tab::after {
  content: "";
  position: absolute;
  width: 0.48rem;
  height: 0.08rem;
  background: #3fa6ff;
  background: var(--df-primary-color, #3fa6ff);
  border-radius: 0.053333rem;
  left: calc(50% - 0.24rem);
  bottom: -0.16rem;
}

.head-tab-defulat-part {
  position: relative;
  height: 0.906667rem;
  width: calc(100% - 0.533333rem);
  background: transparent;
  display: flex;
  align-items: center;
  position: absolute;
  justify-content: space-between;
  top: 0;
  left: 0;
  z-index: 998;
  opacity: 1;
  padding: 0.133333rem 0.266667rem;
}

.head-tab-defulat-part > div > img {
  width: 0.853333rem;
  height: 0.853333rem;
}
.vouchers-confirm {
  padding: 0.266667rem;
  background: #f7f7f7;
  overflow-y: auto;
  position: relative;
  height: calc(100% - 2.026667rem);
}

.vouchers-confirm > .vouchers-custom-notice {
  margin: -0.266667rem -0.266667rem 0.266667rem -0.266667rem;
}

.vouchers-confirm > .vouchers-confirm-goods {
  padding: 0.133333rem 0.266667rem;
  background: #ffffff;
  border-radius: 0.106667rem;
}

.vouchers-confirm > .vouchers-confirm-goods > .vouchers-confirm-msg {
  margin: 0.4rem 0;
}

.vouchers-confirm > .vouchers-confirm-goods > .vouchers-confirm-msg .vouchers-confirm-total {
  text-align: right;
  font-size: 0.48rem;
  font-weight: 600;
  color: #333333;
}

.vouchers-confirm > .vouchers-confirm-goods > .vouchers-confirm-msg .vouchers-confirm-total > img {
  width: 0.32rem;
  height: 0.32rem;
}

.vouchers-confirm > .vouchers-confirm-phone {
  margin-top: 0.266667rem;
  padding: 0.4rem 0.266667rem;
  background: #ffffff;
  border-radius: 0.106667rem;
}

.vouchers-confirm > .vouchers-confirm-phone-tips {
  margin-top: 0.266667rem;
  height: 0.533333rem;
  font-size: 0.373333rem;
  font-weight: 400;
  color: #ff6600;
  line-height: 0.533333rem;
}

.vouchers-confirm-ex-b {
  height: calc(100% - 3.546667rem - 1.04rem);
}

.vouchers-confirm-ex {
  height: calc(100% - 3.546667rem);
}
.phone-part > div {
  display: flex;
  margin-bottom: 0.8rem;
}

.phone-part > div > div {
  height: 0.533333rem;
  line-height: 0.533333rem;
  border: 0;
}

.phone-part > div > .phone-part-label {
  width: 1.866667rem;
  font-size: 0.373333rem;
  font-weight: 400;
  color: #333333;
  line-height: 0.533333rem;
  border: 0;
}

.phone-part > div > .phone-part-input {
  flex: 1;
  font-size: 0.373333rem;
  font-weight: 400;
  color: #333333;
  text-align: right;
}

.phone-part > div > .phone-part-input > input {
  height: 100%;
  width: 100%;
  font-size: 0.373333rem;
  font-weight: 400;
  line-height: 0.533333rem;
  border: 0;
  outline: none;
}

.phone-part > div > .phone-part-button {
  min-width: 1.866667rem;
  border: 0;
  height: 0.533333rem;
  font-size: 0.373333rem;
  font-weight: 400;
  color: #247dff;
  color: var(--df-primary-color, #247dff);
  line-height: 0.533333rem;
  text-align: right;
}

.phone-part > div > .phone-part-button > span {
  color: #333333;
}

.phone-part > div:last-child {
  margin-bottom: 0;
}
.label-part {
  display: flex;
  margin-bottom: 0.8rem;
  width: 100%;
  justify-content: space-between;
}

.label-part > div {
  height: 0.533333rem;
  line-height: 0.533333rem;
  border: 0;
}

.label-part > .label-part-label {
  width: 2.666667rem;
  font-size: 0.373333rem;
  font-weight: 400;
  color: #333333;
  line-height: 0.533333rem;
  border: 0;
}

.label-part > .label-part-value {
  text-align: right;
  font-size: 0.373333rem;
  font-weight: 400;
  color: #333333;
  line-height: 0.533333rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

> div:last-child {
  margin-bottom: 0;
}
.footer-modal-part {
  height: 0.96rem;
  background: #ffffff;
  display: flex;
  line-height: 0.96rem;
  padding: 0.266667rem 0.4rem;
}

.footer-modal-part > div {
  flex: 1;
}

.footer-modal-part > .footer-modal-part-price {
  font-size: 0.373333rem;
  font-weight: 400;
  color: #333333;
  display: flex;
}

.footer-modal-part > .footer-modal-part-price > span {
  margin-right: 0.106667rem;
}

.footer-modal-part > .footer-modal-part-price > .df-price-part > .footer-modal-part-price-style {
  font-size: 0.48rem;
}

.footer-modal-part > .footer-modal-part-button {
  text-align: right;
  display: flex;
  justify-content: flex-end;
}

.footer-modal-part > .footer-modal-part-button > span {
  font-size: 0.373333rem;
  font-weight: 400;
  color: #666666;
  margin-right: 0.266667rem;
}

.footer-modal-part > .footer-modal-part-button > span > img {
  width: 0.32rem;
}

.footer-modal-part > .footer-modal-part-button > .footer-modal-part-button-submit {
  width: 2.4rem;
  height: 0.96rem;
  background: #247dff;
  background: var(--df-primary-color, #247dff);
  border-radius: 0.106667rem;
  border: 0;
  text-align: center;
  font-size: 0.373333rem;
  font-weight: 400;
  color: #ffffff;
}

.footer-modal-part > .footer-modal-part-button > .footer-modal-part-button-submit-disabled {
  background: rgba(36, 125, 255, 0.5) !important;
  background: var(--df-primary-color-opacity, rgba(36, 125, 255, 0.5)) !important;
}

.footer-modal-part > .footer-modal-part-modal {
  position: absolute;
  bottom: 1.493333rem;
  left: 0;
  width: calc(100% - 0.8rem);
  height: 7.92rem;
  background: #ffffff;
  border-radius: 0.32rem 0.32rem 0 0;
  z-index: 1001;
  padding: 0.346667rem 0.4rem;
}

.footer-modal-part > .footer-modal-part-modal > .footer-modal-part-modal-title {
  font-size: 0.48rem;
  font-weight: 600;
  color: #333333;
  text-align: center;
  margin-bottom: 0.613333rem;
}

.footer-modal-part > .footer-modal-part-modal > .footer-modal-part-modal-title > div {
  position: absolute;
  right: 0.4rem;
  top: 0.426667rem;
  width: 0.48rem;
  height: 0.48rem;
}

.footer-modal-part > .footer-modal-part-modal > .footer-modal-part-modal-title > div > img {
  width: 100%;
}

.footer-modal-part > .footer-modal-part-modal > .footer-modal-part-modal-row {
  display: flex;
  margin-bottom: 0.4rem;
  position: relative;
}

.footer-modal-part > .footer-modal-part-modal > .footer-modal-part-modal-row > .footer-modal-part-modal-row-label {
  width: 50%;
  height: 0.533333rem;
  font-size: 0.373333rem;
  font-weight: 500;
  color: #333333;
  line-height: 0.533333rem;
}

.footer-modal-part > .footer-modal-part-modal > .footer-modal-part-modal-row > .footer-modal-part-modal-row-value {
  align-items: center;
  height: 0.533333rem;
  font-size: 0.373333rem;
  font-weight: 500;
  color: #333333;
  line-height: 0.533333rem;
  width: 50%;
  text-align: right;
  display: flex;
  justify-content: flex-end;
}

.footer-modal-part > .footer-modal-part-modal > .footer-modal-part-modal-row > .footer-modal-part-modal-row-value > img {
  width: 0.32rem;
  height: 0.32rem;
  margin-left: 0.133333rem;
}

.footer-modal-part > .footer-modal-part-modal > .footer-modal-part-modal-row > .footer-modal-part-modal-row-value > .df-price-part > div {
  font-size: 0.373333rem;
  font-weight: 500;
  color: #333333;
  margin-right: 0;
}

.footer-modal-part > .footer-modal-part-modal > .footer-modal-part-modal-row > .footer-modal-part-modal-row-value > .df-price-part > div > img {
  width: 0.32rem;
}

.footer-modal-part > .footer-modal-part-modal > .footer-modal-part-modal-row > .footer-modal-part-modal-row-gray {
  padding: 0.266667rem;
  background: #f7f7f7;
  border-radius: 0.053333rem;
  width: 100%;
}

.footer-modal-part > .footer-modal-part-modal > .footer-modal-part-modal-row > .footer-modal-part-modal-row-gray .footer-modal-part-modal-row-gray-point {
  width: 0.106667rem !important;
  height: 0.106667rem !important;
  border-radius: 0.053333rem;
  background: #999999;
  margin-right: 0.133333rem;
}

.footer-modal-part > .footer-modal-part-modal > .footer-modal-part-modal-row > .footer-modal-part-modal-row-gray > div {
  display: flex;
  height: 0.48rem;
  font-size: 0.32rem;
  font-weight: 400;
  color: #666666;
  line-height: 0.48rem;
  justify-content: space-between;
  margin-bottom: 0.266667rem;
}

.footer-modal-part > .footer-modal-part-modal > .footer-modal-part-modal-row > .footer-modal-part-modal-row-gray > div:last-child {
  margin-bottom: 0;
}

.footer-modal-part > .footer-modal-part-modal-bg {
  position: absolute;
  left: 0;
  bottom: 1.493333rem;
  height: 100%;
  width: 100%;
  background: #000000;
  opacity: 0.5;
  z-index: 1000;
}
.footer-modal-partex {
  background: #ffffff;
}

.footer-modal-partex > .footer-modal-partex-tips {
  padding: 0.266667rem 0.4rem;
  display: flex;
  align-items: flex-start;
  border-bottom: 0.026667rem solid #e8e8e8;
}

.footer-modal-partex > .footer-modal-partex-tips > div {
  flex: 1;
  font-size: 0.32rem;
  font-weight: 400;
  color: #666666;
}

.footer-modal-partex > .footer-modal-partex-card {
  padding: 0.266667rem 0.4rem;
  display: flex;
  align-items: flex-start;
  border-bottom: 0.026667rem solid #e8e8e8;
}

.footer-modal-partex > .footer-modal-partex-price {
  font-size: 0.373333rem;
  font-weight: 400;
  color: #333333;
  display: flex;
}

.footer-modal-partex > .footer-modal-partex-price > span {
  margin-right: 0.106667rem;
}

.footer-modal-partex .footer-modal-partex-price-balance {
  font-size: 0.426667rem;
  font-weight: 400;
  color: #ff6600;
}
.vouchers-notice {
  background-color: #FFF8EE;
  height: 0.96rem;
  display: flex;
  padding: 0 0.133333rem 0 0.4rem;
}

.notice-wrap21 {
  display: flex;
  width: 100%;
  align-items: center;
}

.notice-wrap21 .notice-tit21 {
  padding: 0 0.16rem;
  margin-right: 0.133333rem;
  position: relative;
}

.notice-wrap21 .notice-content21 {
  text-align: left;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
}

.notice-wrap21 .notice-roll21 {
  position: relative;
  display: inline-block;
  font-size: 0.373333rem;
  font-weight: 400;
  color: #FF6600;
  line-height: 0.48rem;
  text-align: left;
}

.notice-wrap21 .notice-more21 {
  width: 0.426667rem;
  height: 0.426667rem;
  padding: 0.266667rem 0.133333rem 0.266667rem 0.133333rem;
}

.notice-wrap21 .notice-more21 img {
  width: 0.426667rem;
  height: 0.426667rem;
}

@keyframes leftMove {
  from {
    transform: translateX(8rem);
  }

  to {
    transform: translateX(-100%);
  }
}

@-webkit-keyframes leftMove {
  /*Safari and Chrome*/
  from {
    transform: translateX(8rem);
  }

  to {
    transform: translateX(-100%);
  }
}
.classification-style {
  font-size: 0.32rem;
  background-color: #fff;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.class-result-view-part {
  height: 100%;
  overflow: hidden;
  background: #f7f7f7;
}
.classification-part {
  display: flex;
  padding-top: 0.4rem;
  height: calc(100% - 0.4rem);
  height: calc(100% - (0.4rem + constant(safe-area-inset-bottom)));
  padding-bottom: constant(safe-area-inset-bottom);
}

.classification-part .class-result-view-left {
  width: 2.133333rem;
  padding: 0 0.266667rem;
  overflow-y: auto;
}

.classification-part .class-result-view-left > div {
  text-align: center;
  height: 0.506667rem;
  margin-bottom: 0.666667rem;
}

.classification-part .class-result-view-left > .active {
  background: linear-gradient(270deg, #73d2ff 0%, #3fa6ff 100%);
  border-radius: 0.426667rem;
  height: 0.853333rem;
  line-height: 0.853333rem;
  font-size: 0.373333rem;
  font-weight: 500;
  color: #ffffff;
}

.classification-part .class-result-view-right {
  width: calc(100% - 2.933333rem);
  padding-right: 0.266667rem;
  overflow-y: auto;
}

.classification-part .class-result-view-right > div {
  margin-bottom: 0.4rem;
  background: #ffffff;
  border-radius: 0.426667rem;
  width: 100%;
  padding-bottom: 0.4rem;
  overflow: hidden;
}

.classification-part .class-result-view-right > div > .head {
  border-radius: 0.426667rem 0.426667rem 0 0;
  padding: 0.4rem 0;
  padding-left: 0.4rem;
  display: flex;
}

.classification-part .class-result-view-right > div > .head > .round {
  display: flex;
  align-items: center;
  width: 0.533333rem;
  justify-content: center;
}

.classification-part .class-result-view-right > div > .head > .round > div {
  background-color: #73d2ff;
  width: 0.266667rem;
  height: 0.266667rem;
  border-radius: 50%;
}

.classification-part .class-result-view-right > div > .head > .title {
  font-size: 0.48rem;
  font-weight: 500;
  color: #333333;
  width: calc(100% - 1.6rem);
  text-align: left;
}

.classification-part .class-result-view-right > div > .head > .more {
  width: 1.066667rem;
  font-size: 0.32rem;
  font-weight: 400;
  color: #666666;
  display: flex;
  align-items: center;
}

.classification-part .class-result-view-right > div > .hot-style {
  background: linear-gradient(360deg, #ffffff 0%, #ffe8e8 100%);
  text-align: center !important;
}

.classification-part .class-result-view-right > div > .image-list {
  display: flex;
  padding-left: 0.4rem;
  margin-bottom: 0.533333rem;
  flex-wrap: wrap;
}

.classification-part .class-result-view-right > div > .image-list > div {
  min-height: 2.293333rem;
  width: 1.733333rem;
  margin-right: 0.533333rem;
}

.classification-part .class-result-view-right > div > .image-list > div > img {
  width: 100%;
}

.classification-part .class-result-view-right > div > .image-list > div > .title {
  margin-top: 0.133333rem;
  font-size: 0.32rem;
  font-weight: 400;
  color: #666666;
  text-align: center;
}

.classification-part .class-result-view-right > div > .image-list > div:nth-child(3n + 0) {
  margin-right: 0 !important;
}

.classification-part .class-result-view-right > div > .image-list > div:nth-child(n + 4) {
  margin-top: 0.533333rem;
}

.classification-part .class-result-view-right > div > .image-list:last-child {
  margin-bottom: 0;
}
.advertising-part-style {
  font-size: 0.32rem;
  background-color: #fff;
  height: 1.6rem;
  overflow-x: auto;
  position: relative;
  padding: 0.266667rem;
  display: -webkit-box;
}

.advertising-part-style > div {
  width: 3.066667rem;
  height: 1.6rem;
  border-radius: 0.213333rem;
  margin-right: 0.133333rem;
}

.advertising-part-style > .div1 {
  background: linear-gradient(180deg, #ff9662 0%, #ff2727 100%);
}

.advertising-part-style > .div2 {
  background: linear-gradient(180deg, #ffc262 0%, #ff6b27 100%);
}

.advertising-part-style > .div3 {
  background: linear-gradient(180deg, #62c2ff 0%, #2776ff 100%);
}
.error-page {
  background: #f9f9f9;
  height: 100%;
}

.error-page > .error-image {
  height: 4.666667rem;
  text-align: center;
  max-width: 100%;
}

.error-page > .error-image > img {
  max-height: 100%;
  max-width: 100%;
}

.error-page > .error-tips {
  color: #999;
  margin-top: 0.4rem;
  font-size: 0.426667rem;
  text-align: center;
}

.error-page > .error-button {
  margin-top: 0.88rem;
  border: 0.02667rem solid #3fa6ff;
  border-color: var(--df-primary-color, #3fa6ff);
  color: #3fa6ff;
  color: var(--df-primary-color, #3fa6ff);
  border-radius: 0.10667rem;
  font-size: 0.426667rem;
  width: 2.933333rem;
  height: 1.28rem;
  line-height: 1.28rem;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.error-page > .error-button2 {
  color: #ffffff;
  margin-top: 0.88rem;
  width: 3.733333rem;
  height: 1.173333rem;
  background: #3fa6ff;
  background: var(--df-primary-color, #3fa6ff);
  border-radius: 0.106667rem;
  font-size: 0.426667rem;
  line-height: 1.173333rem;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.header {
  display: flex;
  align-items: center;
  padding: 0.4rem 0.266667rem 0.266667rem 0.4rem;
  justify-content: space-between;
}

.header .header-city {
  display: flex;
  align-items: center;
}

.header .header-city .city-logo {
  width: 0.48rem;
  height: 0.48rem;
}

.header .header-city .city-name {
  font-weight: 400;
  font-size: 0.426667rem;
  color: #FFFFFF;
  line-height: 0.533333rem;
  text-align: left;
}

.header .header-city .city-arrow {
  width: 0.32rem;
  height: 0.32rem;
}

.header .header-service {
  height: 0.64rem;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 0.426667rem;
  display: flex;
  align-items: center;
  padding: 0 0.186667rem 0 0.133333rem;
}

.header .header-service .service-logo {
  width: 0.533333rem;
  height: 0.533333rem;
}

.header .header-service .service-text {
  font-weight: 500;
  font-size: 0.32rem;
  color: #FFFFFF;
  line-height: px;
  text-align: center;
}
.locationSwitch {
  height: 1.28rem;
  width: 100%;
  position: fixed;
  bottom: calc(2.666667rem + env(safe-area-inset-bottom));
  color: #ffffff;
  left: 0;
  top: 1.013333rem;
  z-index: 2;
}

.locationSwitch-single {
  width: 0;
  height: 0;
  border-left: 0.16rem solid transparent;
  border-right: 0.16rem solid transparent;
  border-bottom: 0.266667rem solid rgba(0, 0, 0, 0.8);
  margin-left: 1.013333rem;
  margin-top: 0.053333rem;
}

.locationSwitch-main {
  margin: 0 0.213333rem;
  height: 1.12rem;
  position: relative;
  padding-top: 0.1em;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0.16rem;
}

.locationSwitch-main-wrap {
  width: calc(100% - 0.4rem);
  height: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 99;
  padding: 0 0.266667rem;
}

.locationSwitch-main-l {
  display: flex;
  align-items: center;
}

.locationSwitch-main-l span {
  font-size: 0.32rem;
  color: #ffffff;
  line-height: 0.4rem;
  max-width: 4.8rem;
  word-break: break-word;
}

.locationSwitch-main-r {
  display: flex;
  align-items: center;
}

.locationSwitch-main-r .location-switch {
  height: 0.613333rem;
  background: #3FA6FF;
  background: var(--df-primary-color, #3FA6FF);
  border-radius: 0.106667rem;
  border: 0;
  font-size: 0.293333rem;
  color: #ffffff;
  line-height: 0.4rem;
  max-width: 3.68rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.locationSwitch-main-r .close-icon {
  width: 0.4rem;
  height: 0.4rem;
  padding: 0.133333rem;
  position: relative;
  margin-left: 0.053333rem;
}
.empty-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 2.4rem;
}

.empty-card .empty-icon {
  width: 6.933333rem;
  height: 3.626667rem;
  margin-top: 1.44rem;
}

.empty-card .empty-tip {
  font-weight: 500;
  font-size: 0.426667rem;
  color: #333333;
  line-height: 0.533333rem;
  text-align: center;
  padding: 0 1.466667rem;
}

.empty-card .empty-btn {
  width: 2.346667rem;
  height: 0.96rem;
  margin-top: 0.533333rem;
  background: #247DFF;
  background: var(--df-primary-color, #247dff);
  border-radius: 0.48rem;
  font-weight: 400;
  font-size: 0.426667rem;
  color: #FFFFFF;
  line-height: 0.586667rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.empty-card .empty-button {
  padding: 0 0.32rem;
  height: 0.96rem;
  background: #247DFF;
  background: var(--df-primary-color, #247dff);
  border-radius: 0.96rem;
  border: none;
  color: #fff;
  font-weight: 400;
  font-size: 0.426667rem;
  margin-top: 0.533333rem;
}
.df-source-skeleton {
  display: block;
  width: 100%;
  margin: 0.266667rem 0;
  padding: 0.4rem 0.266667rem;
  background-color: #fff;
  border-radius: 0;
}

.df-source-skeleton-content {
  padding: 0.4rem 0.266667rem;
}

.df-source-skeleton-image {
  display: block;
  width: 100%;
  height: 2.533333rem;
  background-color: #f7f7f7;
}

.df-source-skeleton-paragraph-line {
  width: 100%;
  height: 0.48rem;
  margin-bottom: 0.213333rem;
  background-color: #f7f7f7;
}

.df-source-skeleton-paragraph-line:last-child {
  margin-bottom: 0;
}

.df-source-skeleton-goodsList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.df-source-skeleton-animated .df-source-skeleton-paragraph-line,
.df-source-skeleton-animated .df-source-skeleton-image {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.df-source-skeleton-animated .df-source-skeleton-paragraph-line::after,
.df-source-skeleton-animated .df-source-skeleton-image::after {
  position: absolute;
  top: 0;
  right: -150%;
  bottom: 0;
  left: -150%;
  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
  animation: df-source-skeleton-loading 1.4s ease infinite;
  content: '';
}

.df-source-skeleton-animated.df-source-skeleton-image {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.df-source-skeleton-animated.df-source-skeleton-image::after {
  position: absolute;
  top: 0;
  right: -150%;
  bottom: 0;
  left: -150%;
  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
  animation: df-source-skeleton-loading 1.4s ease infinite;
  content: '';
}

.df-source-skeleton-round {
  border-radius: 0.106667rem;
}

@keyframes df-source-skeleton-loading {
  0% {
    transform: translateX(-37.5%);
  }

  100% {
    transform: translateX(37.5%);
  }
}
.top-content {
  background: #FFFFFF;
  border-radius: 0.32rem;
  padding-bottom: 0.4rem;
}

.top-content .content-first {
  display: flex;
  justify-content: space-between;
  padding: 0.4rem 0.293333rem 0 0.533333rem;
}

.top-content .content-second {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 0.64rem;
}

.top-content .content-third {
  border-top: 0.026667rem dashed #CCCCCC;
  margin-top: 0.586667rem;
}
.df-mobile-onenunber-card-list-card-content {
  min-height: 7.466667rem;
  max-height: 10.666667rem;
  padding-bottom: 2.666667rem;
  overflow: scroll;
}

.df-mobile-onenunber-card-list-card-content-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.df-mobile-onenunber-card-list-card-content-empty-imgicon {
  width: 6.96rem;
  height: 3.626667rem;
  margin-top: 1.6rem;
}

.df-mobile-onenunber-card-list-card-content-empty span {
  color: #999999;
  font-weight: 500;
  font-size: 0.426667rem;
  line-height: 0.533333rem;
}

.df-mobile-onenunber-card-list-bottom-btn {
  position: absolute;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  padding-bottom: calc(constant(safe-area-inset-bottom));
  padding-bottom: calc(env(safe-area-inset-bottom));
  background-color: #ffffff;
}

.df-mobile-onenunber-card-list-sure-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.173333rem;
  margin: 0.266667rem 0.4rem;
  color: #ffffff;
  font-weight: 400;
  font-size: 0.426667rem;
  background: #3fa6ff;
  /* fallback */
  background: var(--df-primary-color, #3fa6ff);
  border-radius: 0.106667rem;
}
.selectedCards {
  box-sizing: border-box;
  margin: 0.266667rem 0.266667rem 0 0.266667rem;
  overflow: hidden;
  background-color: #fff;
  border-radius: 0.213333rem;
}

.selectedCards .cardsTop {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  padding-right: 0.4rem;
  background: #ffffff;
}

.selectedCards .cardsTop .cardsLeft {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 3.013333rem;
  height: calc(100% - 0.133333rem);
  margin: 0.08rem;
  border-radius: 0.106667rem;
}

.selectedCards .cardsTop .cardsLeft .cardsLeftBg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3.013333rem;
  height: 100%;
  background: rgba(63, 166, 255, 0.05);
  /* fallback */
  background: var(--df-primary-color-opacity, rgba(63, 166, 255, 0.05));
  border-radius: 0.106667rem;
  transform: translate(-50%, -50%);
}

.selectedCards .cardsTop .cardsLeft .leftTitle {
  z-index: 1;
  margin-bottom: 0.266667rem;
  color: #3fa6ff;
  /* fallback */
  color: var(--df-primary-color, #3fa6ff);
  font-weight: 500;
  font-size: 0.293333rem;
  line-height: 0.4rem;
  text-align: center;
}

.selectedCards .cardsTop .cardsLeft .leftAmount {
  z-index: 1;
  color: #3fa6ff;
  /* fallback */
  color: var(--df-primary-color, #3fa6ff);
  font-weight: 500;
  font-size: 0.506667rem;
  line-height: 0.826667rem;
}

.selectedCards .cardsTop .cardsLeft .leftAmount .value-decimal {
  font-size: 0.293333rem;
}

.selectedCards .cardsTop .cardsCenter {
  flex: 1;
  margin-left: 3.2rem;
  padding: 0.266667rem 0 0.133333rem 0.266667rem;
}

.selectedCards .cardsTop .cardsCenter .kindName {
  margin-bottom: 0.133333rem;
  color: #111111;
  font-weight: 500;
  font-size: 0.373333rem;
  line-height: 0.506667rem;
  text-align: left;
}

.selectedCards .cardsTop .cardsCenter .kindName .kindTag {
  width: 0.853333rem;
  height: 0.48rem;
  margin-right: 0.106667rem;
  padding: 0.026667rem 0.106667rem;
  color: #ffffff;
  font-weight: 400;
  font-size: 0.32rem;
  font-style: normal;
  text-align: left;
  background: #3fa6ff;
  /* fallback */
  background: var(--df-primary-color, #3fa6ff);
  border-radius: 0.053333rem;
}

.selectedCards .cardsTop .cardsCenter .noLabel {
  margin-bottom: 0.133333rem;
  color: #666666;
  font-weight: 400;
  font-size: 0.32rem;
  line-height: 0.453333rem;
  text-align: left;
}

.selectedCards .cardsTop .cardsCenter .expireLabel {
  margin-bottom: 0.133333rem;
  color: #666666;
  font-weight: 400;
  font-size: 0.32rem;
  line-height: 0.453333rem;
  text-align: left;
}

.selectedCards .cardsTop .cardsCenter .service-fee-tip {
  margin-bottom: 0.133333rem;
  color: #999999;
  font-weight: 400;
  font-size: 0.32rem;
}

.selectedCards .cardsTop .cardsCenter .usedTarget {
  display: flex;
  align-items: center;
  padding-top: 0.133333rem;
  color: #999999;
  font-weight: 400;
  font-size: 0.293333rem;
}

.selectedCards .cardsTop .cardsCenter .usedTarget .usedArrow {
  width: 0.426667rem;
  height: 0.426667rem;
}

.selectedCards .cardsTop .decu-right-part {
  text-align: right;
}

.selectedCards .cardsTop .decu-right-part .icons {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.506667rem;
  height: 0.506667rem;
  overflow: visible;
  font-size: 0.586667rem;
}

.selectedCards .cardsTop .chooseIcon {
  display: inline-block;
  width: 0.506667rem;
  height: 0.506667rem;
}

.selectedCards .cardsTop .money-decu {
  margin-top: 0.08rem;
  color: #ff5757;
  font-weight: 400;
  font-size: 0.293333rem;
}

.selectedCards .cardsBottom {
  padding: 0.266667rem;
  background-color: #fff;
}

.selectedCards .cardsBottom .descLabel {
  color: #b2b2b2;
  font-weight: 400;
  font-size: 0.293333rem;
  text-align: left;
}

.selectedCards .cardsBottom .reason {
  display: flex;
  margin-top: 0.133333rem;
  color: #f44545;
  font-weight: 400;
  font-size: 0.293333rem;
  text-align: left;
}

.selectedCards .cardsBottom .reason .infoIcon {
  width: 0.426667rem;
  height: 0.426667rem;
  margin-right: 0.106667rem;
}

.selectedCards .cardsBottom .noMargin {
  margin-top: 0;
}

.unUsable {
  border: none;
}

.unUsable .cardsTop .cardsLeft .cardsLeftBg {
  background: #f0f0f0;
  opacity: 1;
}

.unUsable .cardsTop .cardsLeft .leftTitle {
  color: #999999;
}

.unUsable .cardsTop .cardsLeft .leftAmount {
  color: #999999;
}

.red-font {
  color: #f44545;
}

.hasNoTime {
  border: none;
}
.selectedCards {
  box-sizing: border-box;
  margin: 0.266667rem 0.266667rem 0 0.266667rem;
  overflow: hidden;
  background-color: #fff;
  border-radius: 0.213333rem;
}

.selectedCards .cardsContent {
  display: flex;
  padding: 0.053333rem;
}

.selectedCards .cardsContent > .leftContent {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.986667rem;
  padding: 0.266667rem 0.133333rem;
  background: #e9f2ff;
  /* fallback */
  background: var(--df-primary-color-opacity, #e9f2ff);
  border-radius: 0.106667rem;
}

.selectedCards .cardsContent > .leftContent > div {
  max-width: 2.773333rem;
}

.selectedCards .cardsContent > .leftContent > div > .cards-title {
  color: #3fa6ff;
  /* fallback */
  color: var(--df-primary-color, #3fa6ff);
  font-weight: 500;
  font-size: 0.293333rem;
  font-style: normal;
  text-align: center;
}

.selectedCards .cardsContent > .leftContent > div > .cards-value {
  margin-top: 0.213333rem;
  color: #3fa6ff;
  /* fallback */
  color: var(--df-primary-color, #3fa6ff);
  font-weight: 500;
  font-size: 0.506667rem;
  font-style: normal;
  text-align: center;
}

.selectedCards .cardsContent > .leftContent > div > .cards-value > span {
  font-size: 0.266667rem;
}

.selectedCards .cardsContent > .rightContent {
  flex: 1;
  padding: 0.24rem 0.266667rem;
}

.selectedCards .cardsContent > .rightContent > .cards-detail {
  display: flex;
  background: #ffffff;
}

.selectedCards .cardsContent > .rightContent > .cards-detail > div > .card-title {
  padding-bottom: 0.133333rem;
  color: #111111;
  font-weight: 500;
  font-size: 0.373333rem;
  font-style: normal;
  line-height: 0.533333rem;
  text-align: left;
}

.selectedCards .cardsContent > .rightContent > .cards-detail > div > .card-title > span {
  width: 0.853333rem;
  height: 0.48rem;
  margin-right: 0.133333rem;
  padding: 0.026667rem 0.106667rem;
  color: #ffffff;
  font-weight: 400;
  font-size: 0.32rem;
  font-style: normal;
  text-align: center;
  background: #3fa6ff;
  /* fallback */
  background: var(--df-primary-color, #3fa6ff);
  border-radius: 0.053333rem;
}

.selectedCards .cardsContent > .rightContent > .cards-detail > div > .card-subtitle {
  padding-top: 0.133333rem;
  color: #666666;
  font-weight: 400;
  font-size: 0.32rem;
  font-style: normal;
  line-height: 0.453333rem;
  text-align: left;
}

.selectedCards .cardsContent > .rightContent > .cards-detail > div > .card-subtitle > div {
  margin-bottom: 0.133333rem;
}

.selectedCards .cardsContent > .rightContent > .cards-detail > div > .decu-right-part > img {
  width: 0.426667rem;
  height: 0.426667rem;
}

.selectedCards .cardsContent > .rightContent > .cards-detail > div > .decu-right-part .icons {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.426667rem;
  height: 0.426667rem;
  overflow: visible;
  font-size: 0.48rem;
}

.selectedCards .cardsContent > .rightContent > .cards-detail > div:first-child {
  flex: 1;
}

.selectedCards .cardsContent > .rightContent > .cards-operate {
  margin-top: 0.133333rem;
}

.selectedCards .cardsContent > .rightContent > .cards-operate .number-tips {
  display: flex;
  justify-content: space-between;
  height: 0.64rem;
}

.selectedCards .cardsContent > .rightContent > .cards-operate .number-tips > .number-part {
  display: flex;
}

.selectedCards .cardsContent > .rightContent > .cards-operate .number-tips > .number-part > .number-button {
  width: 0.64rem;
  height: 0.64rem;
  line-height: 0.586667rem;
  text-align: center;
  background: #f7f7f7;
  border: 0.026667rem solid #cccccc;
  border-radius: 0.053333rem 0 0 0.053333rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectedCards .cardsContent > .rightContent > .cards-operate .number-tips > .number-part > .number-button-active {
  color: #333333;
  background: #ffffff;
}

.selectedCards .cardsContent > .rightContent > .cards-operate .number-tips > .number-part > .number-input {
  width: 0.96rem;
  height: 0.64rem;
  background: #ffffff;
  border: 0.026667rem solid #cccccc;
  border-right: 0;
  border-left: 0;
}

.selectedCards .cardsContent > .rightContent > .cards-operate .number-tips > .number-part > .number-input > input {
  width: 100%;
  height: 0.613333rem;
  color: #333333;
  font-size: 0.32rem;
  font-style: normal;
  line-height: 0.426667rem;
  text-align: center;
  border: 0;
  outline: none;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
}

.selectedCards .cardsContent > .rightContent > .cards-operate .number-tips > .usedTarget {
  display: flex;
  align-items: center;
  color: #999999;
  font-weight: 400;
  font-size: 0.293333rem;
  font-style: normal;
  text-align: left;
}

.selectedCards .cardsBottom {
  padding: 0.266667rem 0.266667rem 0.4rem 0.266667rem;
  background-color: #fff;
}

.selectedCards .cardsBottom .descLabel {
  color: #b2b2b2;
  font-weight: 400;
  font-size: 0.293333rem;
  text-align: left;
}

.selectedCards .cardsBottom .reason {
  display: flex;
  margin-top: 0.133333rem;
  color: #f44545;
  font-weight: 400;
  font-size: 0.293333rem;
  text-align: left;
}

.selectedCards .cardsBottom .reason .infoIcon {
  width: 0.426667rem;
  height: 0.426667rem;
  margin-right: 0.106667rem;
}

.selectedCards .cardsBottom .noMargin {
  margin-top: 0;
}

.unUsable {
  border: none;
}

.unUsable .cardsTop .cardsLeft .cardsLeftBg {
  padding: 0.266667rem 0;
  background: #f0f0f0;
  opacity: 1;
}

.unUsable .cardsTop .cardsLeft .leftTitle {
  color: #999999;
}

.unUsable .cardsTop .cardsLeft .leftAmount {
  color: #999999;
}

.red-font {
  color: #f44545;
}

.hasNoTime {
  border: none;
}
.balance-part {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0.266667rem 0.266667rem;
  padding: 0.4rem;
  color: #999;
  text-align: left;
  background: #ffffff;
  border-radius: 0.16rem;
}

.balance-part .title {
  font-weight: 400;
  font-size: 0.373333rem;
  line-height: 0.453333rem;
}

.balance-part .show-amount {
  margin: 0.16rem 0;
  color: #333;
  font-weight: 500;
  font-size: 0.64rem;
}

.balance-part .unUsed-font {
  color: #999;
}

.balance-part .over-due-font {
  color: #f44545;
}

.balance-part .unUsed-font {
  color: #999 !important;
}

.balance-part .expireDate {
  color: #666;
  font-weight: 400;
  font-size: 0.32rem;
}

.balance-part .use-button {
  display: flex;
  align-items: center;
  margin-top: 0.4rem;
  font-weight: 400;
  font-size: 0.293333rem;
  line-height: 0.533333rem;
}

.balance-part .use-button .tip {
  display: inline-block;
  white-space: nowrap;
}

.balance-part .use-button img {
  width: 0.426667rem;
  height: 0.426667rem;
  margin-right: 0.4rem;
}

.balance-part .selected-icon {
  width: 0.426667rem;
  height: 0.426667rem;
}

.balance-part .icons {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.426667rem;
  height: 0.426667rem;
  overflow: visible;
  font-size: 0.506667rem;
}

.balance-part .balance-bottom {
  padding-top: 0.32rem;
  font-size: 0.293333rem;
}

.balance-part .balance-bottom .line {
  width: 100%;
  height: 0.026667rem;
  background-color: #e5e5e5;
  transform: scale(1, 0.5);
}

.balance-part .balance-bottom .account-no {
  margin: 0.32rem 0 0.16rem;
}
.popup-modal-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.5);
}

.popup-modal-part-modal {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1001;
  width: 100%;
  max-height: 16rem;
  background: #ffffff;
  border-radius: 0.32rem 0.32rem 0 0;
}

.popup-modal-part-modal .part-content {
  background-color: #f7f7f7;
}

.popup-modal-part-modal .part-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.346667rem 0.4rem;
  padding-bottom: 0.266667rem;
}

.popup-modal-part-modal .part-header .part-header-title {
  color: #333333;
  font-weight: 500;
  font-size: 0.48rem;
  line-height: 0.64rem;
  text-align: center;
}

.popup-modal-part-modal .part-header .part-header-close {
  position: absolute;
  right: 0.4rem;
  width: 0.48rem;
  height: 0.48rem;
}
.selection-part {
  position: relative;
  z-index: 9;
  height: 1.066667rem;
  color: #333333;
  font-weight: 400;
  font-size: 0;
  line-height: 0.56rem;
  text-align: center;
  background: white !important;
  border-bottom: 0.026667rem solid #e5e5e5;
  box-shadow: 0 0.026667rem 0.053333rem 0 rgba(0, 0, 0, 0.07);
}

.selection-part > div {
  display: inline-block;
  width: 50%;
  height: 1.066667rem;
  font-size: 0.4rem;
  line-height: 1.066667rem;
}

.selection-part > .active {
  position: relative;
  color: #3fa6ff;
  /* fallback */
  color: var(--df-primary-color, #3fa6ff);
  font-weight: 600;
}

.selection-part > .active::after {
  position: absolute;
  bottom: 0;
  left: calc(50% - 0.373333rem);
  width: 0.746667rem;
  height: 0.08rem;
  background: #3fa6ff;
  /* fallback */
  background: var(--df-primary-color, #3fa6ff);
  border-radius: 0.053333rem;
  content: '';
}

.bind-card {
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.066667rem;
  padding: 0 0.4rem;
  line-height: 1.066667rem;
  background: white;
  box-shadow: 0 0.026667rem 0.053333rem 0 rgba(0, 0, 0, 0.07);
}

.bind-card > div {
  flex: 1;
}

.bind-card > .left {
  display: flex;
  align-items: center;
  color: #3fa6ff;
  /* fallback */
  color: var(--df-primary-color, #3fa6ff);
  font-weight: 500;
  font-size: 0.346667rem;
  text-align: left;
}

.bind-card > .left > img {
  width: 0.506667rem;
  height: 0.506667rem;
  margin-right: 0.106667rem;
  vertical-align: text-top;
}

.bind-card > .right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
}

.bind-card > .right img {
  width: 0.426667rem;
  height: 0.426667rem;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
}

.modal-content {
  background: white;
  border-radius: 0.213333rem;
  width: 7.866667rem;
  position: relative;
  max-height: 12.426667rem;
}

.modal-close {
  width: 0.64rem;
  height: 0.64rem;
  margin-top: 0.426667rem;
}

.modal-footer {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 0.533333rem;
}

.modal-footer .modal-confirm {
  width: 6.8rem;
  height: 1.173333rem;
  background: #247DFF;
  background: var(--df-primary-color, #247dff);
  border-radius: 0.106667rem;
  font-weight: 400;
  font-size: 0.426667rem;
  color: #FFFFFF;
  line-height: 0.48rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.under-verification {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.under-verification .verification-content {
  width: 5.066667rem;
  height: 5.066667rem;
  background: #FFFFFF;
  border-radius: 0.106667rem;
  margin-top: -2.08rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.under-verification .verification-content .content-icon {
  width: 0.96rem;
  height: 0.96rem;
  margin-top: 1.2rem;
}

.under-verification .verification-content .content-label {
  font-weight: 500;
  font-size: 0.426667rem;
  color: #333333;
  line-height: 0.586667rem;
  text-align: center;
  margin-top: 0.133333rem;
}

.under-verification .verification-content .content-title {
  font-weight: 400;
  font-size: 0.426667rem;
  color: #333333;
  line-height: 0.586667rem;
  text-align: center;
  margin-top: 0.266667rem;
}
.countdown-timer {
  font-weight: 400;
  font-size: 0.373333rem;
  line-height: 0.373333rem;
  display: flex;
  align-items: center;
  text-align: center;
  color: #FF6600;
}

.countdown-timer .modal-conetnt1 {
  padding: 0.533333rem;
}

.countdown-timer .modal-conetnt1 .content-title {
  font-weight: 600;
  font-size: 0.48rem;
  color: #333333;
  line-height: 0.64rem;
  text-align: center;
  margin-bottom: 0.533333rem;
}

.countdown-timer .modal-conetnt1 .content-subTitle {
  font-weight: 400;
  font-size: 0.373333rem;
  color: #666666;
  line-height: 0.64rem;
  margin-bottom: 0.533333rem;
}

.countdown-timer .modal-conetnt1 .reason-content {
  display: flex;
  justify-content: space-between;
}

.countdown-timer .modal-conetnt1 .reason-content .content-name {
  font-weight: 400;
  font-size: 0.426667rem;
  color: #333333;
  line-height: 0.586667rem;
  text-align: center;
  max-height: 5.28rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.countdown-timer .modal-conetnt1 .reason-content .content-name p span {
  color: #FF5757;
}

.countdown-timer .modal-conetnt1 .reason-content .content-price {
  font-weight: 500;
  font-size: 0.426667rem;
  color: #FF5757;
  line-height: 0.586667rem;
  text-align: right;
}

.countdown-timer .modal-conetnt1 .bottom-btns {
  display: flex;
  justify-content: center;
  margin-top: 0.533333rem;
}

.countdown-timer .modal-conetnt1 .bottom-btns .cancle-btn {
  width: 3.253333rem;
  height: 1.173333rem;
  border-radius: 0.106667rem;
  border: 0.026667rem solid #2C7DFF;
  font-weight: 400;
  font-size: 0.426667rem;
  color: #2C7DFF;
  line-height: 0.48rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.countdown-timer .modal-conetnt1 .bottom-btns .pay-btn {
  width: 3.253333rem;
  height: 1.173333rem;
  background: #2C7DFF;
  border-radius: 0.106667rem;
  font-weight: 400;
  font-size: 0.426667rem;
  color: #FFFFFF;
  line-height: 0.48rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.293333rem;
}
.content-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.533333rem;
}

.content-header .left-text {
  font-weight: 500;
  font-size: 0.48rem;
  color: #000000;
  line-height: 0.666667rem;
  text-align: left;
}

.content-header .right-scan {
  background-color: rgba(63, 166, 255, 0.1);
  background-color: var(--df-primary-color-opacity, rgba(63, 166, 255, 0.1));
  border-radius: 0.48rem;
  height: 0.96rem;
  display: flex;
  align-items: center;
  padding: 0 0.426667rem 0 0.533333rem;
}

.content-header .right-scan .svgIcon {
  font-size: 0.64rem;
  width: 0.64rem;
  height: 0.64rem;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
}

.content-header .right-scan .scan-icon {
  width: 0.64rem;
  height: 0.64rem;
}

.content-header .right-scan .scan-text {
  font-weight: 500;
  font-size: 0.426667rem;
  color: #3FA6FF;
  color: var(--df-primary-color, #3FA6FF);
  line-height: 0.586667rem;
  text-align: center;
  margin-left: 0.053333rem;
}

.qr-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 0.533333rem;
}

.qr-content .qr-title {
  font-weight: 500;
  font-size: 0.426667rem;
  color: #333333;
  line-height: 0.533333rem;
  text-align: center;
}

.qr-content .qr-title span {
  color: #3FA6FF;
  color: var(--df-primary-color, #3FA6FF);
}

.qr-content .qr-refresh-text {
  margin-top: 0.373333rem;
  font-weight: 400;
  font-size: 0.373333rem;
  color: #999999;
  line-height: 0.373333rem;
  display: flex;
  align-items: center;
  margin-bottom: -0.133333rem;
  position: relative;
  z-index: 2;
}

.qr-content .qr-refresh-text span {
  color: #FF6600;
}

.qr-content .qr-refresh-text img {
  margin-left: 0.106667rem;
  width: 0.373333rem;
  height: 0.373333rem;
}

.qr-content .qr-code {
  width: 6rem;
  height: 6rem;
}

.qr-content .qr-code-mask {
  width: 6rem;
  height: 6rem;
  background: rgba(255, 255, 255, 0.95);
  margin-top: -6rem;
  font-weight: 500;
  font-size: 0.426667rem;
  color: #FF6600;
  line-height: 0.586667rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.qr-content .qr-number {
  font-weight: 400;
  font-size: 0.373333rem;
  color: #666666;
  line-height: 0.533333rem;
  text-align: center;
  margin-top: -0.266667rem;
}

.qr-content .qr-tip {
  font-weight: 400;
  font-size: 0.32rem;
  color: #999999;
  line-height: 0.373333rem;
  text-align: center;
  margin-top: 0.16rem;
}

.qr-content .selected-card {
  border-top: 0.026667rem dashed #CCCCCC;
  width: 100%;
  padding: 0.4rem 0;
  margin-top: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.qr-content .selected-card .card-left {
  display: flex;
  align-items: center;
  margin-left: 0.4rem;
}

.qr-content .selected-card .card-left .card-logo {
  width: 0.64rem;
  height: 0.64rem;
}

.qr-content .selected-card .card-left .card-info {
  display: flex;
  flex-direction: column;
  margin-left: 0.266667rem;
}

.qr-content .selected-card .card-left .card-info .card-info-title {
  font-weight: 500;
  font-size: 0.373333rem;
  color: #333333;
  line-height: 0.426667rem;
  text-align: left;
}

.qr-content .selected-card .card-left .card-info .card-info-tip {
  font-weight: 400;
  font-size: 0.32rem;
  color: #999999;
  line-height: 0.373333rem;
  text-align: left;
  margin-top: 0.106667rem;
}

.qr-content .selected-card .card-right {
  display: flex;
  align-items: center;
  margin-right: 0.4rem;
}

.qr-content .selected-card .card-right .card-icon {
  width: 0.4rem;
  height: 0.4rem;
}

.qr-content .selected-card .card-right .card-balance {
  font-weight: 600;
  font-size: 0.48rem;
  color: #FF5757;
  line-height: 0.48rem;
}

.qr-content .selected-card .card-right .card-arrow {
  margin-left: 0.213333rem;
  width: 0.426667rem;
  height: 0.426667rem;
}

.card-content {
  overflow: scroll;
  max-height: 11.466667rem;
  min-height: 9.333333rem;
  padding-bottom: 2.4rem;
}

.bottom-btn {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1000;
  background-color: #FFFFFF;
}

.sure-btn {
  height: 1.173333rem;
  margin: 0.266667rem 0.4rem;
  background: #3FA6FF;
  background: var(--df-primary-color, #3FA6FF);
  border-radius: 0.106667rem;
  font-weight: 400;
  font-size: 0.426667rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-conetnt .content-title {
  font-weight: 600;
  font-size: 0.48rem;
  color: #333333;
  line-height: 0.64rem;
  text-align: center;
  padding: 0 0.533333rem 0.533333rem 0.533333rem;
}

.modal-conetnt .content-name {
  font-weight: 400;
  font-size: 0.426667rem;
  color: #333333;
  line-height: 0.586667rem;
  text-align: center;
  padding: 0.666667rem 0.666667rem 0.666667rem 0.666667rem;
}
.brand-top-content {
  display: flex;
  flex-wrap: wrap;
  background: #FFFFFF;
  border-radius: 0.32rem;
  margin: 0.266667rem;
  padding-bottom: 0.4rem;
}

.brand-top-content .brand-content-item {
  margin-top: 0.373333rem;
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.brand-content {
  margin: 0.266667rem;
  background: #FFFFFF;
  border-radius: 0.32rem;
  padding: 0.4rem 0.213333rem;
  margin-top: 0.293333rem;
}

.brand-content .brand-header {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.brand-content .brand-header .brand-header-title {
  display: flex;
  align-items: center;
}

.brand-content .brand-header .brand-header-title .title-line {
  width: 2.186667rem;
  height: 0.053333rem;
}

.brand-content .brand-header .brand-header-title .title-label {
  font-weight: 600;
  font-size: 0.426667rem;
  color: #34A1FF;
  color: var(--df-primary-color, #34A1FF);
  line-height: 0.426667rem;
  text-align: left;
  margin: 0 0.48rem;
}

.brand-content .brand-header .brand-header-tip {
  margin-top: 0.213333rem;
  font-weight: 400;
  font-size: 0.32rem;
  color: #666666;
  line-height: 0.533333rem;
  text-align: left;
  padding: 0 0.266667rem;
  margin-bottom: 0.32rem;
}

.brand-content .brand-list {
  display: flex;
  flex-wrap: wrap;
}

.brand-content .brand-list .brand-item {
  margin-top: 0.16rem;
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.brand-content .brand-list .brand-item .brand-logo-content {
  position: relative;
}

.brand-content .brand-list .brand-item .brand-logo-content .brand-logo-discount {
  position: absolute;
  top: 0;
  right: 0;
  height: 0.373333rem;
  background: #FFFFFF;
  border-radius: 0.053333rem 0 0.053333rem 0.053333rem;
  border: 0.026667rem solid #FF5757;
  padding: 0 0.053333rem;
  display: flex;
  align-items: center;
}

.brand-content .brand-list .brand-item .brand-logo-content .brand-logo-discount img {
  width: 0.213333rem;
  height: 0.266667rem;
}

.brand-content .brand-list .brand-item .brand-logo-content .brand-logo-discount span {
  font-weight: 500;
  font-size: 0.293333rem;
  color: #FF5757;
  line-height: 0.32rem;
}

.brand-content .brand-list .brand-item .brand-logo-content .brand-logo {
  width: 1.6rem;
  height: 1.6rem;
}

.brand-content .brand-list .brand-item .brand-name {
  margin-top: 0.213333rem;
  font-weight: 400;
  font-size: 0.32rem;
  color: #333333;
  line-height: 0.453333rem;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 1.6rem;
}

.brand-content .brand-list .brand-empty {
  width: 100%;
  font-weight: 400;
  font-size: 0.32rem;
  color: #666666;
  line-height: 0.453333rem;
  text-align: center;
}
.page-container {
  background: linear-gradient(0, #DBEEFF 0%, #4DACFF 100%);
  background: linear-gradient(0, #FFFFFF 0%, var(--df-primary-color, #4DACFF) 100%);
  min-height: 100vh;
  padding-bottom: 1.333333rem;
}

.page-container .code-content {
  background: #FFFFFF;
  border-radius: 0.32rem;
  margin: 0 0.266667rem 0.266667rem 0.266667rem;
  padding: 0.4rem 0 0 0;
}

.page-container .notice-content {
  margin: 0 0.4rem;
}

.page-container .notice-content .notice-title {
  font-weight: 500;
  font-size: 0.373333rem;
  color: #333333;
  line-height: 0.533333rem;
  margin-bottom: 0.266667rem;
}

.page-container .notice-content .notice-text {
  font-weight: 400;
  font-size: 0.373333rem;
  color: #666666;
  line-height: 0.48rem;
  text-align: left;
  margin-bottom: 0.4rem;
}

.page-container .bottom-tip {
  margin: 1.333333rem 0;
  font-size: 0.32rem;
  color: #999999;
  text-align: center;
}
.notice-wrap {
  border-radius: 0.053333rem;
  overflow: hidden;
  padding: 0.266667rem 0.4rem 0 0.4rem;
}

.notice-skeleton-wrap {
  padding: 0.266667rem 0.4rem 0 0.4rem;
}

.notice-skeleton-wrap .df-skeleton-image {
  display: block;
  width: 100%;
  height: 0.96rem;
  border-radius: 0.053333rem;
  overflow: hidden;
}

.notice-modal-wrap {
  width: 100%;
  min-height: 40vh;
  max-height: 60vh;
  background: #fff;
  border-radius: 0.32rem 0.32rem 0 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  box-sizing: border-box;
  overflow: hidden;
}

.notice-modal-wrap .notice-modal-title {
  height: 1.6rem;
  position: relative;
  text-align: center;
  box-sizing: border-box;
  padding-top: 0.4rem;
  font-weight: 500;
  font-size: 0.48rem;
  color: #333333;
  line-height: 0.666667rem;
}

.notice-modal-wrap .notice-modal-title .notice-close {
  position: absolute;
  right: 0.4rem;
  top: 0.48rem;
  display: block;
  font-size: 0;
  width: 0.48rem;
  height: auto;
}

.notice-modal-wrap .notice-detail {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0.4rem;
  height: auto;
  max-height: calc(60vh - 1.6rem);
  overflow: hidden;
  overflow-y: auto;
  font-weight: 400;
  font-size: 0.373333rem;
  color: #666666;
  line-height: 0.56rem;
  padding-bottom: 0.4rem;
}
.df-notice {
  --initial-position-left: var(--initial-position-left);
  --initial-position-right: var(--initial-position-right);
  --initial-position-top: var(--initial-position-top);
  --initial-position-bottom: var(--initial-position-bottom);
  --z-index: 1000;
  --edge-distance: 0;
  --size: 1.28rem;
  --border-radius: 50%;
  --background: var(--adm-color-primary);
  --background-color: #ababab;
  --border-color: #999999;
  --text-color: var(--adm-color-white);
  --font-size: var(--adm-font-size-7);
  --icon-font-size: var(--adm-font-size-10);
  --height: 1.066667rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  height: var(--height);
  padding: 0 0.32rem;
  color: var(--text-color);
  font-size: var(--font-size);
  background-color: var(--background-color);
  border: solid 0.026667rem var(--border-color);
  border-right: none;
  border-left: none;
}

.df-notice > span[role='img'] {
  color: var(--text-color);
}

.df-notice.df-notice-alert {
  --background-color: #fff9ed;
  --border-color: #fff3e9;
  --text-color: #ff6010;
}

.df-notice.df-notice-error {
  --background-color: #ff3b30;
  --border-color: #d9281e;
  --text-color: #ffffff;
}

.df-notice.df-notice-info {
  --background-color: #d0e4ff;
  --border-color: #bcd8ff;
  --text-color: #1677ff;
}

.df-notice .df-notice-left {
  flex-shrink: 0;
  margin-right: 0.213333rem;
  font-size: var(--icon-font-size);
}

.df-notice .df-notice-content {
  position: relative;
  display: flex;
  flex: 1;
  align-items: center;
  height: 100%;
  overflow: hidden;
}

.df-notice .df-notice-content .df-notice-content-inner {
  width: auto;
  white-space: nowrap;
  transition-timing-function: linear;
}

.df-notice-wrap.df-notice .df-notice-content .df-notice-content-inner {
  white-space: normal;
}

.df-notice .df-notice-right {
  flex-shrink: 0;
  margin-left: 0.32rem;
}

.df-notice-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.64rem;
  height: 0.64rem;
  margin-right: -0.08rem;
}

.df-notice-close-icon {
  font-size: var(--adm-font-size-10);
}

.df-notice-wrap {
  align-items: flex-start;
  height: auto;
  padding-top: 0.213333rem;
  padding-bottom: 0.213333rem;
  line-height: 0.586667rem;
}
.first-cate-content {
  height: fit-content;
  min-height: 2.346667rem;
  display: grid;
  background: #fff;
  grid-template-columns: auto 0.853333rem;
  grid-template-rows: auto;
  position: relative;
  z-index: 14;
  /* 左边分类滑动列表 */
  /* 全部按钮展开弹框 */
  /* 面板蒙层 */
  /* 展开面板 */
  /* 分类单元 */
  /* 选中状态 */
}

.first-cate-content .cate-list {
  flex: 1;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 0.08rem 0.266667rem 0.266667rem 0.186667rem;
  display: flex;
  white-space: nowrap;
  scroll-behavior: auto;
  /* 骨架屏 */
}

.first-cate-content .cate-list::-webkit-scrollbar {
  display: none;
}

.first-cate-content .cate-list .skeleton-content {
  display: flex;
  width: 100%;
  overflow-x: hidden;
}

.first-cate-content .cate-list .skeleton-content-item {
  margin: 0 0.186667rem;
  width: 1.386667rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.first-cate-content .cate-list .skeleton-content-item-img {
  padding: 0;
  margin: 0 0 0.186667rem;
  text-align: -webkit-center;
  border: 0.053333rem solid transparent;
}

.first-cate-content .cate-list .skeleton-content-item .df-skeleton-paragraph {
  width: 100%;
}

.first-cate-content .all-btn {
  width: 0.853333rem;
  font-size: 0.32rem;
  font-weight: 400;
  color: #666666;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.first-cate-content .all-btn .shadowImg {
  position: absolute;
  left: -0.426667rem;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  width: 0.426667rem;
}

.first-cate-content .all-btn .more-icon {
  width: 0.373333rem;
  height: 0.373333rem;
  margin-top: 0.133333rem;
}

.first-cate-content .mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  /*优化蒙层出现时最顶部有黑线*/
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}

.first-cate-content .cate-panel {
  max-height: calc(100vh - constant(safe-area-inset-bottom) - 2.346667rem);
  max-height: calc(100vh - env(safe-area-inset-bottom) - 2.346667rem);
  height: fit-content;
  transition: transform 0.5s;
  width: 100%;
  position: absolute;
  top: -0.026667rem;
  left: 0;
  right: 0;
  box-sizing: border-box;
  overflow-y: auto;
  scrollbar-width: none;
  /* 隐藏滚动条 */
  -ms-overflow-style: none;
  /* 用于 Internet Explorer 10+ */
  background: #FFFFFF;
  border-radius: 0 0 0.16rem 0.16rem;
}

.first-cate-content .cate-panel-content {
  padding: 0.32rem 0.373333rem 0.533333rem;
  display: grid;
  grid-template-columns: repeat(5, 1.6rem);
  -ms-overflow-style: none;
  grid-template-rows: max-content;
  row-gap: 0.4rem;
  column-gap: 0.32rem;
}

.first-cate-content .cate-panel-btn {
  font-weight: 400;
  font-size: 0.32rem;
  color: #666666;
  line-height: 0.506667rem;
  border-top: 0.026667rem solid #F0F0F0;
  padding: 0.213333rem 0 0.4rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.first-cate-content .cate-panel-btn img {
  width: 0.533333rem;
  height: 0.533333rem;
  margin-left: 0.053333rem;
}

.first-cate-content .cate-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: fit-content;
  margin: 0 0.266667rem;
  transition: transform 0.3s ease, background-color 0.3s ease;
}

.first-cate-content .cate-item .pic {
  width: 1.386667rem;
  height: 1.386667rem;
  border-radius: 0.16rem;
  border: 0.053333rem solid transparent;
  box-sizing: border-box;
  overflow: hidden;
}

.first-cate-content .cate-item .title {
  text-align: center;
  font-weight: 400;
  color: #666666;
  margin-top: 0.186667rem;
  line-height: 0.426667rem;
  font-size: 0.293333rem;
  padding: 0 0.106667rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.first-cate-content .cate-item .title-cn {
  max-width: 1.493333rem;
  white-space: nowrap;
}

.first-cate-content .cate-item .title-en {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
  width: 1.493333rem;
}

.first-cate-content .cate-item-active .pic {
  border-color: #3FA6FF;
  border-color: var(--df-primary-color, #3FA6FF);
}

.first-cate-content .cate-item-active .title {
  font-weight: 500;
  color: #FFFFFF;
  background: linear-gradient(135deg, #3FA6FF 0%, #2C7DFF 100%);
  background: var(--df-primary-color, #3FA6FF);
  border-radius: 0.106667rem;
}
.category-wrap {
  height: 100%;
  box-sizing: border-box;
  /* padding: 5px 0; */
  background: #f7f7f7;
}

.category-wrap .scroll-bar {
  width: 2.133333rem;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}

.category-wrap .scroll-bar::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
  opacity: 0;
}

.category-wrap .scroll-bar .barLeftCot {
  min-height: 1.066667rem;
  margin-bottom: 0.053333rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
  padding: 0.16rem 0.133333rem;
  text-align: center;
}

.category-wrap .scroll-bar .barLeftCot .imgBox {
  line-height: 0;
  padding-right: 0.133333rem;
  flex-shrink: 0;
}

.category-wrap .scroll-bar .barLeftCot .imgBox img {
  width: 0.32rem;
  height: auto;
}

.category-wrap .scroll-bar .barLeftCot .text {
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
  font-size: 0.32rem;
  color: #333333;
  line-height: 0.48rem;
}

.category-wrap .scroll-bar .activeCot {
  position: relative;
  background: #fff;
}

.category-wrap .scroll-bar .activeCot .activeDot {
  width: 0.053333rem;
  height: 0.426667rem;
  border-radius: 0 0.053333rem 0.053333rem 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: calc(50% - 0.213333rem);
}

.category-wrap .scroll-bar .activeCot .text {
  font-weight: 500;
}

.category-wrap .listSkeleton {
  width: 2.133333rem;
  height: 100%;
  overflow: hidden;
}

.category-wrap .listSkeleton .df-skeleton-image {
  width: 100%;
  height: 100%;
}
.cate-loader-Content {
  position: relative;
  top: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
  z-index: 99;
  background: #fff;
}

.cate-loader-Content .cate-loader-cate-content {
  width: max-content;
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  /*height: 100%;*/
  /* padding-right: 12px; */
  padding: 0.133333rem 0;
}

.cate-loader-Content .cate-loader-cate-content .skeleton-item .df-skeleton-image {
  display: block;
  width: 1.706667rem;
  height: 0.533333rem;
  margin-right: 0.133333rem;
}
.third-wrap {
  width: 100%;
  background: #fff;
  position: relative;
  z-index: 1;
}

.third-wrap .third-wrap-normal {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0.106667rem 0;
}

.third-wrap .third-wrap-skeleton {
  padding: 0 0.4rem;
}

.third-wrap .thirdCate-list {
  width: 100%;
  overflow-x: auto;
  box-sizing: border-box;
  margin-left: 0.4rem;
}

.third-wrap .thirdCate-list::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
  opacity: 0;
}

.third-wrap .thirdCate-list .thirdCate-scroll {
  width: max-content;
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  /*height: 100%;*/
  /* padding-right: 12px; */
  padding: 0.133333rem 0;
}

.third-wrap .thirdCate-list .thirdCate-scroll .thirdCate-item {
  display: block;
  padding: 0 0.213333rem;
  border-radius: 0.4rem;
  margin-right: 0.133333rem;
  font-weight: 400;
  font-size: 0.32rem;
  color: #666666;
  line-height: 0.533333rem;
  position: relative;
}

.third-wrap .thirdCate-list .thirdCate-scroll .thirdCate-item:last-child {
  margin-right: 0;
}

.third-wrap .thirdCate-list .thirdCate-scroll .thirdCate-item .text {
  max-width: 3.466667rem;
  word-break: break-all;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.third-wrap .thirdCate-list .thirdCate-scroll .thirdCate-item .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.4rem;
  z-index: -1;
}

.third-wrap .thirdCate-list .thirdCate-scroll .activeCot {
  color: #3FA6FF;
  color: var(--df-primary-color, #3FA6FF);
  font-weight: 500;
}

.third-wrap .cate-more .cate-moreCot {
  width: 0.853333rem;
  height: 0.8rem;
  background: #fff;
}

.third-wrap .cate-more .vertical {
  width: 0.853333rem;
  height: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.third-wrap .cate-more .vertical .more-img {
  width: 0.453333rem;
  height: 0.453333rem;
}

.third-wrap .mask {
  position: absolute;
  width: 100%;
  height: calc(100vh - constant(safe-area-inset-bottom) - 4.853333rem);
  height: calc(100vh - env(safe-area-inset-bottom) - 4.853333rem);
  top: 0;
  /*优化蒙层出现时最顶部有黑线*/
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}

.third-wrap .category-panel {
  height: auto;
  transition: transform 0.2s;
  width: 100%;
  position: absolute;
  top: -0.026667rem;
  left: 0;
  right: 0;
  padding-top: 0.266667rem;
  box-sizing: border-box;
  overflow-y: auto;
  scrollbar-width: none;
  /* 隐藏滚动条 */
  -ms-overflow-style: none;
  /* 用于 Internet Explorer 10+ */
  background: #FFFFFF;
  border-radius: 0 0 0.32rem 0.32rem;
}

.third-wrap .category-panel .category-panel-list {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0 0.133333rem 0.4rem;
  height: auto;
  max-height: 4.266667rem;
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 0.026667rem solid #F0F0F0;
}

.third-wrap .category-panel .category-panel-list .category-panel-item {
  width: 2.133333rem;
  height: 0.746667rem;
  box-sizing: border-box;
  padding: 0 0.133333rem;
  border-radius: 0.4rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.266667rem;
  margin-right: 0.32rem;
  position: relative;
}

.third-wrap .category-panel .category-panel-list .category-panel-item:nth-child(3n) {
  margin-right: 0;
}

.third-wrap .category-panel .category-panel-list .category-panel-item .text {
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 0.373333rem;
  font-weight: 400;
  font-size: 0.32rem;
  color: #666666;
}

.third-wrap .category-panel .category-panel-list .category-panel-item .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.4rem;
  z-index: -1;
}

.third-wrap .category-panel .category-panel-list .active .text {
  font-weight: 500;
  color: #3FA6FF;
}

.third-wrap .category-panel .category-panel-btn {
  width: 100%;
  height: 1.013333rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.third-wrap .category-panel .category-panel-btn span {
  font-weight: 400;
  font-size: 0.32rem;
  color: #666666;
  line-height: 0.506667rem;
}

.third-wrap .category-panel .category-panel-btn img {
  display: block;
  font-size: 0;
  width: 0.453333rem;
  height: 0.453333rem;
}
.df-swiper {
  position: relative;
  z-index: 1;
  display: flex;
  box-sizing: content-box;
  overflow: hidden;
  transition-property: transform;
}

.df-swiper-item {
  height: 100%;
}

.df-swiper-inner {
  display: flex;
  height: 100%;
}

.df-swiper__horizontal {
  touch-action: pan-y;
}

.df-swiper__vertical {
  flex-direction: column;
  touch-action: pan-x;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

.df-swiper__pagination {
  position: absolute;
  bottom: 0.32rem;
  left: 50%;
  display: flex;
  transform: translateX(-50%);
}

.df-swiper__pagination i {
  width: 0.08rem;
  height: 0.08rem;
  margin-right: 0.08rem;
  border-radius: 0.026667rem;
}

.df-swiper__pagination i:last-child {
  margin-right: 0;
}

.df-swiper__pagination i.active {
  width: 0.346667rem;
}

.df-swiper__pagination-item {
  background-color: #ddd;
}

.df-swiper__pagination-vertical {
  top: 50%;
  bottom: auto;
  left: 0.32rem;
  flex-direction: column;
  transform: translateY(-50%);
}

.df-swiper__pagination-vertical i {
  margin-bottom: 0.133333rem;
}
.swiper-content {
  width: 7.466667rem!important;
}
.category-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.category-container .empty-category {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.category-container .empty-category img {
  width: 6.933333rem;
  height: 3.626667rem;
  margin-top: 4.266667rem;
}

.category-container .empty-category .empty-tips {
  font-weight: 400;
  font-size: 0.426667rem;
  color: #999999;
  line-height: 0.613333rem;
  text-align: center;
}

.category-container .empty-category .reload-btn {
  width: 3.733333rem;
  height: 1.173333rem;
  background: #3FA6FF;
  border-radius: 0.106667rem;
  font-weight: 500;
  font-size: 0.4rem;
  color: #FFFFFF;
  line-height: 0.533333rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.533333rem;
}

.category-container .first-part {
  flex-shrink: 0;
  min-height: 2.346667rem;
  background: #fff;
  margin-bottom: 0.026667rem;
}

.category-container .next-part {
  max-height: calc(100% - 2.373333rem);
  display: flex;
  justify-content: flex-start;
  flex-grow: 2;
  overflow: hidden;
}

.category-container .next-part .left-part {
  width: 2.133333rem;
  flex-shrink: 0;
}

.category-container .next-part .right-part {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  box-sizing: border-box;
  background: #fff;
  position: relative;
}

.category-container .next-part .right-part::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
  opacity: 0;
}

.category-container .next-part .right-part .notice-part {
  width: 100%;
  box-sizing: border-box;
}

.category-container .next-part .right-part .swiper-part {
  width: 7.066667rem;
  height: 1.813333rem;
  margin: 0.266667rem 0.4rem 0 0.4rem;
  border-radius: 0.24rem;
  overflow: hidden;
}

.category-container .next-part .right-part .swiper-part .swipe-img {
  width: 7.066667rem;
  height: 1.813333rem;
  border-radius: 0.24rem;
}

.category-container .next-part .right-part .goods-part {
  position: relative;
  padding-top: 0.16rem;
  box-sizing: border-box;
}

.category-container .next-part .right-part .goods-part .third-part {
  width: 100%;
  box-sizing: border-box;
  background: #FFFFFF;
  position: relative;
  z-index: 12;
}

.category-container .next-part .right-part .goods-part .third-part-fixed-en {
  width: calc(100% - 2.133333rem);
  position: fixed;
  z-index: 12;
  top: 3.946667rem;
}

.category-container .next-part .right-part .goods-part .third-part-fixed {
  width: calc(100% - 2.133333rem);
  position: fixed;
  z-index: 12;
  top: 3.52rem;
}

.category-container .next-part .right-part .goods-part .third-part-pull {
  width: 0.053333rem;
  height: 0.88rem;
  background: transparent;
}

.category-container .next-part .right-part .goods-part .list-part {
  width: 100%;
  box-sizing: border-box;
  padding: 0.16rem 0.4rem 0 0.4rem;
}

.category-container .next-part .right-part .goods-part-has-all {
  min-height: calc(100% - 1.226667rem - 2.08rem);
}

.category-container .next-part .right-part .goods-part-has-notice-no-carousel {
  min-height: calc(100% - 1.226667rem);
}

.category-container .next-part .right-part .goods-part-has-carousel-no-notice {
  min-height: calc(100% - 2.08rem);
}

.category-container .next-part .right-part .goods-part-has-no-all {
  min-height: 100%;
}
.goods-loader-Content {
  width: 100%;
  height: auto;
  background: #f7f7f7;
}

.goods-loader-Content .goods-loader-goods-content .skeleton-item {
  background: #fff;
  border-radius: 0.106667rem;
  padding-bottom: 0.4rem;
  display: flex;
  flex-wrap: nowrap;
}

.goods-loader-Content .goods-loader-goods-content .skeleton-item .skeleton-item-image {
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
}

.goods-loader-Content .goods-loader-goods-content .skeleton-item .skeleton-item-image .df-skeleton-image {
  display: block;
  width: 100%;
  height: 100%;
}

.goods-loader-Content .goods-loader-goods-content .skeleton-item .skeleton-item-info {
  width: 100%;
  margin-left: 0.266667rem;
}

.goods-loader-Content .goods-loader-goods-content .skeleton-item .skeleton-item-info .df-skeleton-image:first-child {
  width: 100%;
  height: 0.48rem;
  margin-bottom: 0.213333rem;
}

.goods-loader-Content .goods-loader-goods-content .skeleton-item .skeleton-item-info .df-skeleton-image:nth-of-type(2n) {
  width: 100%;
  height: 0.48rem;
  margin-bottom: 0.72rem;
}

.goods-loader-Content .goods-loader-goods-content .skeleton-item .skeleton-item-info .df-skeleton-image:last-child {
  width: 50%;
  height: 0.48rem;
}
.empty-wrap {
  padding-top: 1.333333rem;
}

.empty-wrap .text-desc-bold4-999 {
  font-size: 0.346667rem;
  color: #333;
  font-weight: 400;
  line-height: 0.693333rem;
  color: #999;
  text-align: center;
}

.empty-wrap .text {
  font-size: 0.346667rem;
  color: #333;
  line-height: 0.48rem;
}

.empty-wrap .btn-theme-sd {
  width: 3.866667rem;
  height: 1.173333rem;
  line-height: 1.173333rem;
  text-align: center;
  border-radius: 0.106667rem;
  font-size: 0.346667rem;
  font-weight: 400;
  color: #fff;
  background: linear-gradient(315deg, #5cb4ec 0%, #3d96e2 100%);
  margin: 0 auto;
  margin-top: 0.666667rem !important;
}

.img {
  width: 100%;
  height: auto;
}
.sectionContent {
  padding-top: 0.133333rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
}

.sectionContent .skeletonContent {
  height: 100%;
  width: calc(100% - 2.8rem);
  position: fixed;
  top: auto;
}

.sectionContent > div {
  width: 100%;
}

.sectionContent .item {
  margin-bottom: 0.533333rem;
  box-sizing: border-box;
  width: 100%;
}

.sectionContent .loadingTips {
  width: 100%;
}

.sectionContent .endTips {
  width: 100%;
  text-align: center;
  padding-bottom: 0.533333rem;
  font-weight: 400;
  font-size: 0.32rem;
  color: #CCCCCC;
  line-height: 0.506667rem;
}

.sectionContent .endTipsFixed {
  position: fixed;
  bottom: 1.333333rem;
  bottom: calc(1.333333rem + constant(safe-area-inset-bottom));
  bottom: calc(1.333333rem + env(safe-area-inset-bottom));
  width: calc(100% - 2.8rem);
}

.sectionContent .isEmpty {
  width: 100%;
}
.scroll-cate-loader-Content {
  position: relative;
  top: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
  z-index: 99;
  background: #fff;
}

.scroll-cate-loader-Content .scroll-cate-loader-cate-content {
  width: max-content;
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  /*height: 100%;*/
  /* padding-right: 12px; */
  padding: 0.133333rem 0;
}

.scroll-cate-loader-Content .scroll-cate-loader-cate-content .skeleton-item .df-skeleton-image {
  display: block;
  width: 1.706667rem;
  height: 0.533333rem;
  margin: 0 0.266667rem;
}
.scroll-wrap {
  width: 100%;
  background: #fff;
  position: relative;
  z-index: 1;
}

.scroll-wrap .scroll-wrap-normal {
  width: 100%;
  display: flex;
  align-items: center;
}

.scroll-wrap .scroll-wrap-skeleton {
  padding: 0.24rem 0.133333rem;
}

.scroll-wrap .scrollTab-list {
  width: 100%;
  overflow-x: auto;
  box-sizing: border-box;
  margin-left: 0.133333rem;
  padding: 0.106667rem 0;
}

.scroll-wrap .scrollTab-list::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
  opacity: 0;
}

.scroll-wrap .scrollTab-list .scrollTab-scroll {
  width: max-content;
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  /*height: 100%;*/
  /* padding-right: 12px; */
  padding: 0.133333rem 0;
}

.scroll-wrap .scrollTab-list .scrollTab-scroll .scrollTab-item {
  display: block;
  padding: 0.133333rem 0.266667rem;
  border-radius: 0.4rem;
  font-weight: 400;
  font-size: 0.426667rem;
  color: #333;
  line-height: 0.533333rem;
  position: relative;
}

.scroll-wrap .scrollTab-list .scrollTab-scroll .scrollTab-item:last-child {
  margin-right: 0;
}

.scroll-wrap .scrollTab-list .scrollTab-scroll .scrollTab-item .badge {
  position: absolute;
  top: -0.24rem;
  right: 0;
  height: 0.426667rem;
  color: #fff;
  line-height: 0.426667rem;
  padding: 0 0.133333rem 0 0.08rem;
  font-weight: 500;
  font-size: 0.266667rem;
  border-radius: 0.213333rem 0.213333rem 0.213333rem 0;
}

.scroll-wrap .scrollTab-list .scrollTab-scroll .scrollTab-item .text {
  word-break: break-all;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.scroll-wrap .scrollTab-list .scrollTab-scroll .scrollTab-item .line {
  width: 0.48rem;
  height: 0.08rem;
  position: absolute;
  left: 50%;
  margin-left: -0.24rem;
  right: 0;
  bottom: 0;
  border-radius: 0.053333rem;
}
.gift-category-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
}

.gift-category-container .empty-category {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.gift-category-container .empty-category img {
  width: 6.933333rem;
  height: 3.626667rem;
  margin-top: 3.36rem;
}

.gift-category-container .empty-category .empty-tips {
  font-weight: 400;
  font-size: 0.426667rem;
  color: #999999;
  line-height: 0.613333rem;
  text-align: center;
}

.gift-category-container .empty-category .reload-btn {
  width: 3.733333rem;
  height: 1.173333rem;
  background: #3FA6FF;
  background: var(--df-primary-color, #3FA6FF);
  border-radius: 0.106667rem;
  font-weight: 500;
  font-size: 0.4rem;
  color: #FFFFFF;
  line-height: 0.533333rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.533333rem;
}

.gift-category-container .first-part {
  flex-shrink: 0;
  min-height: 1.28rem;
  background: #fff;
  margin-bottom: 0.026667rem;
}

.gift-category-container .next-part {
  max-height: calc(100% - 1.306667rem);
  display: flex;
  justify-content: flex-start;
  flex-grow: 2;
  overflow: hidden;
}

.gift-category-container .next-part .left-part {
  flex-shrink: 0;
}

.gift-category-container .next-part .right-part {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  box-sizing: border-box;
  background: #fff;
  position: relative;
}

.gift-category-container .next-part .right-part::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
  opacity: 0;
}

.gift-category-container .next-part .right-part .notice-part {
  width: 100%;
  box-sizing: border-box;
}

.gift-category-container .next-part .right-part .swiper-part {
  width: 7.066667rem;
  height: 1.813333rem;
  margin: 0.266667rem 0.4rem 0 0.4rem;
  border-radius: 0.24rem;
  overflow: hidden;
}

.gift-category-container .next-part .right-part .swiper-part .swipe-img {
  width: 7.066667rem;
  height: 1.813333rem;
  border-radius: 0.24rem;
}

.gift-category-container .next-part .right-part .goods-part {
  position: relative;
  box-sizing: border-box;
}

.gift-category-container .next-part .right-part .goods-part .third-part {
  width: 100%;
  box-sizing: border-box;
  background: #FFFFFF;
  position: relative;
  z-index: 12;
}

.gift-category-container .next-part .right-part .goods-part .third-part .third-wrap .mask {
  height: calc(100vh - constant(safe-area-inset-bottom) - 3.786667rem);
  height: calc(100vh - env(safe-area-inset-bottom) - 3.786667rem);
}

.gift-category-container .next-part .right-part .goods-part .third-part .filter-part {
  width: 100%;
}

.gift-category-container .next-part .right-part .goods-part .third-part-fixed-en {
  width: calc(100% - 2.133333rem);
  position: fixed;
  z-index: 12;
  top: 2.88rem;
}

.gift-category-container .next-part .right-part .goods-part .third-part-fixed {
  width: calc(100% - 2.133333rem);
  position: fixed;
  z-index: 12;
  top: 2.48rem;
}

.gift-category-container .next-part .right-part .goods-part .third-part-pull {
  width: 0.053333rem;
  height: 0.88rem;
  background: transparent;
}

.gift-category-container .next-part .right-part .goods-part .third-part-pull-filter {
  height: 1.733333rem;
}

.gift-category-container .next-part .right-part .goods-part .list-part {
  width: 100%;
  box-sizing: border-box;
  padding: 0.16rem 0.4rem 0 0.4rem;
}

.gift-category-container .next-part .right-part .goods-part-has-all {
  min-height: calc(100% - 1.226667rem - 2.08rem);
}

.gift-category-container .next-part .right-part .goods-part-has-notice-no-carousel {
  min-height: calc(100% - 1.226667rem);
}

.gift-category-container .next-part .right-part .goods-part-has-carousel-no-notice {
  min-height: calc(100% - 2.08rem);
}

.gift-category-container .next-part .right-part .goods-part-has-no-all {
  min-height: 100%;
}
.gift-goods-loader-Content {
  width: 100%;
  height: auto;
  background: #f7f7f7;
}

.gift-goods-loader-Content .gift-goods-loader-goods-content .skeleton-item {
  background: #fff;
  border-radius: 0.106667rem;
  padding-bottom: 0.4rem;
  display: flex;
  flex-wrap: nowrap;
}

.gift-goods-loader-Content .gift-goods-loader-goods-content .skeleton-item .skeleton-item-image {
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
}

.gift-goods-loader-Content .gift-goods-loader-goods-content .skeleton-item .skeleton-item-image .df-skeleton-image {
  display: block;
  width: 100%;
  height: 100%;
}

.gift-goods-loader-Content .gift-goods-loader-goods-content .skeleton-item .skeleton-item-info {
  width: 100%;
  margin-left: 0.266667rem;
}

.gift-goods-loader-Content .gift-goods-loader-goods-content .skeleton-item .skeleton-item-info .df-skeleton-image:first-child {
  width: 100%;
  height: 0.48rem;
  margin-bottom: 0.213333rem;
}

.gift-goods-loader-Content .gift-goods-loader-goods-content .skeleton-item .skeleton-item-info .df-skeleton-image:nth-of-type(2n) {
  width: 100%;
  height: 0.48rem;
  margin-bottom: 0.72rem;
}

.gift-goods-loader-Content .gift-goods-loader-goods-content .skeleton-item .skeleton-item-info .df-skeleton-image:last-child {
  width: 50%;
  height: 0.48rem;
}
.gift-sectionContent {
  padding-top: 0.133333rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
}

.gift-sectionContent .skeletonContent {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  overflow-y: hidden;
}

.gift-sectionContent > div {
  width: 100%;
}

.gift-sectionContent .item {
  margin-bottom: 0.533333rem;
  box-sizing: border-box;
  width: 100%;
}

.gift-sectionContent .loadingTips {
  width: 100%;
}

.gift-sectionContent .endTips {
  width: 100%;
  text-align: center;
  padding-bottom: 0.533333rem;
  font-weight: 400;
  font-size: 0.32rem;
  color: #CCCCCC;
  line-height: 0.506667rem;
}

.gift-sectionContent .endTipsFixed {
  position: fixed;
  bottom: 1.333333rem;
  bottom: calc(1.333333rem + constant(safe-area-inset-bottom));
  bottom: calc(1.333333rem + env(safe-area-inset-bottom));
  width: calc(100% - 2.8rem);
}

.gift-sectionContent .isEmpty {
  width: 100%;
}

.gift-sectionContent .skeletonWideContent {
  width: calc(100% - 0.666667rem);
}
.gift-filter-part {
  width: 100%;
  height: 0.853333rem;
  background-color: #fff;
}

.gift-filter-part-tabs {
  width: 100%;
  height: 100%;
  padding: 0 0.533333rem;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.gift-filter-part-tabs-item {
  margin-left: 0.533333rem;
  font-weight: 400;
  font-size: 0.32rem;
  color: #666666;
  line-height: 0.453333rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.gift-filter-part-tabs-item > div {
  flex-shrink: 0;
}

.gift-filter-part-tabs-item-icon {
  height: 0.266667rem !important;
  margin-left: 0.106667rem;
}

.gift-filter-part-tabs-item img {
  font-size: 0;
  height: 0.32rem;
  width: auto;
}

.gift-filter-part-panel {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  background: #fff;
  position: relative;
}

.gift-filter-part-panel-mask {
  position: absolute;
  top: 0;
  height: calc(100vh - constant(safe-area-inset-bottom) - 5.653333rem);
  height: calc(100vh - env(safe-area-inset-bottom) - 5.653333rem);
  width: 100%;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
}

.gift-filter-part-panel-content {
  width: 100%;
  max-height: 7.6rem;
  padding: 0.213333rem 0.32rem 0;
  box-sizing: border-box;
  overflow: hidden;
  overflow-y: auto;
  background: #fff;
  position: relative;
  top: -0.026667rem;
  z-index: 15;
}

.gift-filter-part-panel-content-item-title {
  font-weight: 400;
  font-size: 0.373333rem;
  color: #999999;
  line-height: 0.533333rem;
  margin-bottom: 0.266667rem;
}

.gift-filter-part-panel-content .gift-filter-diy-part-price-input {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 0.4rem;
}

.gift-filter-part-panel-content .gift-filter-diy-part-price-input input {
  width: 3.2rem;
  height: 0.8rem;
  line-height: 0.8rem;
  box-sizing: border-box;
  background: #F7F7F7;
  border-radius: 0.4rem;
  padding: 0 0.266667rem;
  font-size: 0.373333rem;
  color: #333;
  border: none;
  outline: none;
  text-align: center;
}

.gift-filter-part-panel-content .gift-filter-diy-part-price-input input::placeholder {
  font-size: 0.373333rem;
  color: #919191 !important;
  border: 0;
  line-height: 0.8rem;
}

.gift-filter-part-panel-content .gift-filter-diy-part-price-input span {
  flex-shrink: 0;
  margin: 0 0.266667rem;
  font-weight: 400;
  font-size: 0.373333rem;
  color: #999999;
}

.gift-filter-part-panel-footer {
  width: 100%;
  height: 1.706667rem;
  background: #fff;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
  top: -0.026667rem;
  z-index: 15;
  border-top: 0.026667rem solid #e5e5e5;
  box-sizing: border-box;
  padding: 0.266667rem 0.32rem;
}

.gift-filter-part-panel-footer-cancel {
  color: #333;
  border: 0.026667rem solid #999;
  width: 2.133333rem;
  flex-shrink: 0;
  border-radius: 0.106667rem;
  height: 100%;
  line-height: 1.12rem;
  text-align: center;
  font-size: 0.426667rem;
  margin-right: 0.266667rem;
}

.gift-filter-part-panel-footer-confirm {
  width: 100%;
  color: #fff;
  border-radius: 0.106667rem;
  border: 0.026667rem solid #3FA6FF;
  height: 100%;
  line-height: 1.12rem;
  text-align: center;
  font-size: 0.426667rem;
}
html,
body,
#df-root {
  overflow: hidden;
  height: calc(100vh - constant(safe-area-inset-bottom));
  height: calc(100vh - env(safe-area-inset-bottom));
  position: relative;
  background-color: #FFFFFF;
  margin: 0 !important;
  padding: 0;
  display: block;
}

.g-style::after {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  background-color: red;
  color: #fff;
  width: 2.666667rem;
  height: calc(constant(safe-area-inset-bottom) + 0);
  height: calc(env(safe-area-inset-bottom) + 0);
}

.g-style {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.g-style > .g-header {
  height: 1.173333rem;
  overflow: hidden;
}

.g-style > .g-content {
  height: 100%;
  overflow-y: auto;
  position: relative;
}

.g-style > .g-content-hide-head {
  height: calc(100% - 1.173333rem);
}

.g-style > .g-content-hide-footer {
  height: calc(100% - 1.333333rem);
}

.g-style > .g-content-hide-all {
  height: calc(100% - 2.506667rem);
}

.g-style > .g-content-dingtalk-safe {
  box-sizing: border-box;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.g-style > .g-footer {
  height: 1.333333rem;
  overflow: hidden;
  position: relative;
  z-index: 3;
}
.df-mobile-df-tabBar-biz {
  width: 100%;
}

.df-mobile-df-tabBar-biz .followColor {
  --fill-color: currentColor;
}

.df-mobile-df-tabBar-biz .followColor [fill='#3FA6FF'],
.df-mobile-df-tabBar-biz .followColor [fill='#1989fa'],
.df-mobile-df-tabBar-biz .followColor [fill='#333333'],
.df-mobile-df-tabBar-biz .followColor [fill='#aaaaaa'],
.df-mobile-df-tabBar-biz .followColor [fill='#999999'],
.df-mobile-df-tabBar-biz .followColor [fill='#666666'] {
  fill: var(--fill-color);
}

.df-mobile-df-tabBar-biz .followColor [fill='#3FA6FF'],
.df-mobile-df-tabBar-biz .followColor [fill='#1989fa'],
.df-mobile-df-tabBar-biz .followColor [fill='#333333'],
.df-mobile-df-tabBar-biz .followColor [fill='#aaaaaa'],
.df-mobile-df-tabBar-biz .followColor [fill='#999999'],
.df-mobile-df-tabBar-biz .followColor [fill='#666666'] {
  stroke: var(--fill-color);
}
.df-mobile-library2-svg {
  display: inline-block;
}

.df-mobile-library2-svg > svg {
  width: 100%;
  height: 100%;
}

.df-mobile-library2-svg-error {
  display: inline-block;
}

.df-mobile-library2-svg-error > object {
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.df-mobile-library2-svg-loading {
  display: inline-block;
}

.df-mobile-library2-svg-loading > object {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.df-mobile-library2-loading_container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: center;
  justify-content: center;
  width: 1.706667rem;
  height: 1.706667rem;
  margin: auto;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0.106667rem;
  /**
    加载圆点颜色: 红 #215AA8 蓝 #3FA6FF
     */
}

.df-mobile-library2-loading_container_with_logo {
  justify-content: start;
  width: 2.453333rem;
  height: 2.453333rem;
}

.df-mobile-library2-loading_container_with_logo .logo {
  width: 1.92rem;
  height: 1.92rem;
}

.df-mobile-library2-loading_container_with_logo .circle_1,
.df-mobile-library2-loading_container_with_logo .circle_2 {
  top: 1.92rem;
}

.df-mobile-library2-loading_container_in_page {
  min-width: 1.333333rem;
  height: 0.666667rem;
  background: inherit;
}

.df-mobile-library2-loading_container_in_page .circle_1,
.df-mobile-library2-loading_container_in_page .circle_2 {
  width: 0.213333rem;
  height: 0.213333rem;
}

.df-mobile-library2-loading_container .circle_1,
.df-mobile-library2-loading_container .circle_2 {
  position: absolute;
  width: 0.266667rem;
  height: 0.266667rem;
  border-radius: 50%;
}

.df-mobile-library2-loading_container .circle_1 {
  background: #ff5757;
  transform: translate(-0.213333rem, 0);
  animation: loading-circle1 1s linear infinite;
}

.df-mobile-library2-loading_container .circle_2 {
  background: #3fa6ff;
  transform: translate(0.213333rem, 0);
  animation: loading-circle2 1s linear infinite;
}

.df-mobile-library2-loadingFrame .loadingTarget {
  pointer-events: none !important;
}

.df-mobile-library2-loadingFrame.loadingFrameOvert .loadingTarget:before,
.df-mobile-library2-loadingFrame.loadingFrameOvert .loadingTarget:after {
  position: absolute;
  top: 0.026667rem;
  right: 0.026667rem;
  bottom: 0.026667rem;
  left: 0.026667rem;
  z-index: 1;
  content: '';
}

.df-mobile-library2-loadingFrame.loadingFrameOvert .loadingTarget::before {
  background: rgba(0, 0, 0, 0.3);
}

@keyframes loading-circle1 {
  25% {
    z-index: 2;
  }

  50% {
    transform: translate(0.213333rem, 0) scale(1);
  }

  75% {
    transform: translate(0, 0) scale(0.75);
  }

  100% {
    transform: translate(-0.213333rem, 0) scale(1);
  }
}

@keyframes loading-circle2 {
  25% {
    transform: translate(0, 0) scale(0.75);
  }

  50% {
    transform: translate(-0.213333rem, 0) scale(1);
  }

  75% {
    z-index: 2;
  }

  100% {
    transform: translate(0.213333rem, 0) scale(1);
  }
}
.df-mobile-library2-dialogRoot {
  position: fixed;
  z-index: 9999;
}

.df-mobile-library2-dialogContainer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.defaultFooterTabSvg {
  width: 100%;
  height: 100%;
}

.defaultFooterTabSvg svg {
  width: 100%;
  height: 100%;
}
.df-mobile-df-tabBar-ui {
  box-sizing: border-box;
  width: 100%;
  height: calc(1.333333rem + env(safe-area-inset-bottom));
  height: calc(1.333333rem + constant(safe-area-inset-bottom));
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.df-mobile-df-tabBar-ui-wrap {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
  min-height: 1.333333rem;
  overflow: hidden;
}

.df-mobile-df-tabBar-ui-item {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: min-content;
  padding: 0.106667rem 0.213333rem;
  color: #666;
  white-space: nowrap;
  cursor: pointer;
}

.df-mobile-df-tabBar-ui-item:nth-child(n + 7) {
  display: none;
}

.df-mobile-df-tabBar-ui-item-icon {
  width: 0.666667rem;
  height: 0.666667rem;
  font-size: 0.64rem;
  line-height: 1;
}

.df-mobile-df-tabBar-ui-item-icon img {
  width: 100%;
  height: 100%;
}

.df-mobile-df-tabBar-ui-item-title {
  width: 100%;
  overflow: hidden;
  font-size: 0.32rem;
  line-height: 0.373333rem;
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
}

.df-mobile-df-tabBar-ui-item-title-with-icon {
  margin-top: 0.053333rem;
}

.df-mobile-df-tabBar-ui-item-active {
  color: #3fa6ff;
}

.df-mobile-df-tabBar-ui-icon-badge {
  --top: 0.106667rem;
}

.df-mobile-df-tabBar-ui-title-badge {
  --right: -0.053333rem;
  --top: -0.053333rem;
  width: 100%;
}
.footer-part {
  display: flex;
  height: 100%;
  width: 100%;
  text-align: center;
  padding: 0;
  background-color: #fff;
}

.footer-part > div {
  flex: 1;
  height: 100%;
}

.footer-part > div > div {
  text-align: center;
  font-size: 0.266667rem;
  color: #666666;
  display: flex;
  justify-content: center;
}

.footer-part > div > div > img {
  height: 0.666667rem;
  width: 0.666667rem;
  display: block;
}
.header-part {
  height: 1.066667rem;
  display: flex;
  text-align: center;
  padding: 0.106667rem 0.266667rem;
  font-size: 0.32rem;
  background-color: #fff;
  justify-content: space-between;
  overflow: hidden;
  width: calc(100% - 0.533333rem);
}

.header-part > div {
  display: flex;
  flex: 1;
  position: relative;
}

.header-part > div > div:last-child {
  padding-right: 0;
}

.header-part > div > .home-icon {
  height: 0.96rem;
  width: 0.693333rem;
  padding-right: 0.266667rem;
  line-height: 0.266667rem;
}

.header-part > div > .home-icon > img {
  width: 0.64rem;
  display: block;
}

.header-part > div > .home-icon > div {
  height: 0.32rem;
  transform: scale(0.8);
  text-align: left;
}

.header-part > div > .logo-icon {
  width: 2.266667rem;
  padding-right: 0.133333rem;
  text-align: center;
  line-height: 1.333333rem;
}

.header-part > div > .logo-icon > img {
  width: 100%;
}

.header-part > div > .city-text {
  width: 2.933333rem;
  padding-right: 0.4rem;
  line-height: 1.066667rem;
  text-align: left;
  font-size: 0.373333rem;
  overflow: hidden;
  height: 100%;
  display: flex;
  align-items: center;
}

.header-part > div > .city-text > div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 0.426667rem);
}

.header-part > div > .city-text > img {
  width: 0.32rem;
  height: 0.32rem;
  margin-left: 0.106667rem;
}

.header-part > div > .search-icon {
  width: 0.693333rem;
  padding-right: 0.4rem;
  line-height: 0.266667rem;
}

.header-part > div > .search-icon > img {
  width: 0.64rem;
  display: block;
}

.header-part > div > .search-icon > div {
  height: 0.32rem;
  transform: scale(0.8);
  text-align: left;
}

.header-part > div > .service-icon {
  width: 0.693333rem;
  padding-right: 0.4rem;
  line-height: 0.266667rem;
}

.header-part > div > .service-icon > img {
  width: 0.64rem;
  display: block;
}

.header-part > div > .service-icon > div {
  height: 0.32rem;
  transform: scale(0.8);
  text-align: left;
}

.header-part > div > .menus-icon {
  width: 0.693333rem;
  line-height: 0.266667rem;
}

.header-part > div > .menus-icon > img {
  width: 0.64rem;
  display: block;
}

.header-part > div > .menus-icon > div {
  height: 0.32rem;
  transform: scale(0.8);
  text-align: left;
}
.common-classification {
  height: 1.173333rem;
  display: flex;
  text-align: center;
  font-size: 0.373333rem;
  font-weight: 500;
  background-color: #fff;
  color: #333333;
  width: 100%;
  position: fixed;
  z-index: 15;
  top: 0;
  left: 0;
  right: 0;
}

.common-classification > .common-classification-left {
  width: 2.666667rem;
  height: 100%;
  display: flex;
  justify-content: flex-start;
}

.common-classification > .common-classification-left > .common-classification-left-div {
  width: 1.333333rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.common-classification > .common-classification-left > .common-classification-left-div > img {
  width: 0.64rem;
  vertical-align: middle;
}

.common-classification > .common-classification-title {
  text-align: center;
  line-height: 1.173333rem;
  width: calc(100% - 5.333333rem);
}

.common-classification > .common-classification-right {
  width: 2.666667rem;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  box-sizing: border-box;
  padding-right: 0.4rem;
}

.common-classification > .common-classification-right > .common-classification-right-div {
  text-align: center;
  width: 0.64rem;
  height: 100%;
  font-size: 0.32rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.common-classification > .common-classification-right > .common-classification-right-div > div {
  width: 100%;
}

.common-classification > .common-classification-right > .common-classification-right-div > div > img {
  width: 0.64rem;
  vertical-align: middle;
}

.common-classification > .common-classification-right .cart-icon {
  flex-shrink: 0;
  width: 0.906667rem;
  height: 100%;
  padding: 0.266667rem 0 0.266667rem 0.266667rem;
  box-sizing: border-box;
  position: relative;
}

.common-classification > .common-classification-right .cart-icon img {
  display: block;
  width: 0.64rem;
  height: 0.64rem;
}

.common-classification > .common-classification-right .cart-icon .df-mobile-df-badge-content {
  font-size: 0.293333rem;
}
.common-sort {
  height: 1.173333rem;
  display: flex;
  flex-wrap: nowrap;
  font-size: 0.373333rem;
  font-weight: 500;
  background-color: #fff;
  color: #333333;
  width: 100%;
  position: fixed;
  z-index: 15;
  top: 0;
  left: 0;
  right: 0;
}

.common-sort .go-home {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 1.066667rem;
  margin-left: 0.266667rem;
}

.common-sort .go-home img {
  width: 0.64rem;
  height: 0.64rem;
}

.common-sort .go-home span {
  font-size: 0.346667rem;
}

.common-sort .search-icon {
  width: 100%;
  height: 100%;
  padding: 0.133333rem 0.266667rem;
  box-sizing: border-box;
}

.common-sort .search-icon .ipt-wrap {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: #f7f7f7;
  border: 0.026667rem solid #f7f7f7;
  border-radius: 0.426667rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0.133333rem;
}

.common-sort .search-icon .ipt-wrap > img {
  display: block;
  width: 0.32rem;
  height: 0.32rem;
}

.common-sort .search-icon .ipt-wrap .ipt-wrap-text {
  margin-left: 0.133333rem;
  font-weight: 400;
  font-size: 0.373333rem;
  color: #999999;
  line-height: 0.533333rem;
}

.common-sort .search-icon .ipt-gift-wrap {
  background: #fff;
  border: 0.026667rem solid #ff5757;
  border-color: var(--df-primary-color, #ff5757);
}

.common-sort .cart-icon {
  flex-shrink: 0;
  width: 1.173333rem;
  height: 100%;
  padding: 0.266667rem 0.4rem 0.266667rem 0.133333rem;
  box-sizing: border-box;
  position: relative;
}

.common-sort .cart-icon img {
  display: block;
  width: 0.64rem;
  height: 0.64rem;
}

.common-sort .cart-icon .df-mobile-df-badge-content {
  font-size: 0.293333rem;
}
.top-part {
  width: 1.706667rem;
  position: fixed;
  z-index: 10;
  right: 0;
  bottom: 3.573333rem;
}

.top-part > img {
  width: 1.706667rem;
  height: 1.706667rem;
}
.df-mobile-city-cover {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999999;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
}

.df-mobile-city-cover-content {
  box-sizing: border-box;
  width: 7.866667rem;
  padding: 1.28rem 0.533333rem 0.533333rem;
  background: #ffffff;
  border-radius: 0.16rem;
  box-shadow: 0 0.16rem 0.32rem 0 rgba(53, 59, 64, 0.05);
}

.df-mobile-city-cover-tips {
  height: 0.533333rem;
  margin-bottom: 1.28rem;
  color: #333333;
  font-weight: 400;
  font-size: 0.373333rem;
  line-height: 0.533333rem;
  text-align: center;
}

.df-mobile-city-cover-button {
  width: 100%;
  height: 1.173333rem;
  color: #ffffff;
  font-weight: 400;
  font-size: 0.4rem;
  line-height: 1.173333rem;
  text-align: center;
  background: #247dff;
  background: var(--df-primary-color, #247dff);
  border-radius: 0.106667rem;
  cursor: pointer;
}