/* [next]/internal/font/google/geist_a71539c9.module.css [app-client] (css) */
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Fallback;
  src: local(Arial);
  ascent-override: 95.94%;
  descent-override: 28.16%;
  line-gap-override: 0.0%;
  size-adjust: 104.76%;
}

.geist_a71539c9-module__T19VSG__className {
  font-family: Geist, Geist Fallback;
  font-style: normal;
}

.geist_a71539c9-module__T19VSG__variable {
  --font-geist-sans: "Geist", "Geist Fallback";
}

/* [next]/internal/font/google/geist_mono_8d43a2aa.module.css [app-client] (css) */
@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/5ce348bf30bf5439-s.0zgw-jeven.3w.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/4fa387ec64143e14-s.0wkzw~je483f-.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/6306c77e7c8268e4-s.0rhz0arwfsn~5.woff2") format("woff2");
  unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/7d817b4c03b0c5f1-s.0l76wvqk9d84w.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/bbc41e54d2fcbd21-s.0k4k9394f2q-k.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist Mono;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/797e433ab948586e-s.p.08e28id.o-okb.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Mono Fallback;
  src: local(Arial);
  ascent-override: 74.67%;
  descent-override: 21.92%;
  line-gap-override: 0.0%;
  size-adjust: 134.59%;
}

.geist_mono_8d43a2aa-module__8Li5zG__className {
  font-family: Geist Mono, Geist Mono Fallback;
  font-style: normal;
}

.geist_mono_8d43a2aa-module__8Li5zG__variable {
  --font-geist-mono: "Geist Mono", "Geist Mono Fallback";
}

/* [project]/node_modules/@nutui/nutui-react/dist/style.css [app-client] (css) */
@keyframes nutFadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes nutFadeOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.nutFade-enter-active, .nutFadeIn, .nutFade-leave-active, .nutFadeOut {
  animation-duration: .25s;
  animation-timing-function: cubic-bezier(.55, .085, .68, .53);
  animation-fill-mode: both;
}

.nutFade-enter-active, .nutFadeIn {
  animation-name: nutFadeIn;
}

.nutFade-leave-active, .nutFadeOut {
  animation-name: nutFadeOut;
}

@keyframes nutZoomIn {
  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes nutZoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.nutZoom-enter-active, .nutZoomIn, .nutZoom-leave-active, .nutZoomOut {
  animation-duration: .25s;
  animation-timing-function: cubic-bezier(.55, .085, .68, .53);
  animation-fill-mode: both;
}

.nutZoom-enter-active, .nutZoomIn {
  animation-name: nutZoomIn;
}

.nutZoom-leave-active, .nutZoomOut {
  animation-name: nutZoomOut;
}

@keyframes nutEaseIn {
  0% {
    opacity: 0;
    transform: scale(.9);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes nutEaseOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 0;
    transform: scale(.9);
  }
}

.nutEase-enter-active, .nutEaseIn, .nutEase-leave-active, .nutEaseOut {
  animation-duration: .25s;
  animation-timing-function: cubic-bezier(.55, .085, .68, .53);
  animation-fill-mode: both;
}

.nutEase-enter-active, .nutEaseIn {
  animation-name: nutEaseIn;
}

.nutEase-leave-active, .nutEaseOut {
  animation-name: nutEaseOut;
}

@keyframes nutDropIn {
  0% {
    opacity: 0;
    transform: scaleY(.8);
  }

  to {
    opacity: 1;
    transform: scaleY(1);
  }
}

@keyframes nutDropOut {
  0% {
    opacity: 1;
    transform: scaleY(1);
  }

  to {
    opacity: 0;
    transform: scaleY(.8);
  }
}

.nutDrop-enter-active, .nutDropIn, .nutDrop-leave-active, .nutDropOut {
  animation-duration: .25s;
  animation-timing-function: cubic-bezier(.55, .085, .68, .53);
  animation-fill-mode: both;
}

.nutDrop-enter-active, .nutDropIn {
  animation-name: nutDropIn;
}

.nutDrop-leave-active, .nutDropOut {
  animation-name: nutDropOut;
}

.nutRotate-enter-active, .nutRotateIn, .nutRotate-leave-active, .nutRotateOut {
  animation-duration: .25s;
  animation-timing-function: cubic-bezier(.55, .085, .68, .53);
  animation-fill-mode: both;
}

.nutRotate-enter-active, .nutRotateIn {
  animation-name: nutRotateIn;
}

.nutRotate-leave-active, .nutRotateOut {
  animation-name: nutRotateOut;
}

@keyframes nutJump {
  to {
    transform: scale3d(.8, 1, .9)translateY(-10px);
  }
}

@keyframes nutJumpOne {
  50% {
    transform: scale3d(.8, 1, .9)translateY(-10px);
  }

  to {
    transform: scaleZ(1)translateY(0);
  }
}

@keyframes nutBlink {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes nutBreathe {
  0%, to {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }
}

@keyframes nutFlash {
  0%, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes nutBounce {
  0%, 20%, 53%, to {
    -webkit-transform: translate3d(0, 0, 0);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: translateZ(0);
  }

  40%, 43% {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    transform: translate3d(0, -30px, 0)scaleY(1.1);
  }

  70% {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    transform: translate3d(0, -15px, 0)scaleY(1.05);
  }

  80% {
    -webkit-transform: translate3d(0, 0, 0)scaleY(.95);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transform: translateZ(0)scaleY(.95);
  }

  90% {
    transform: translate3d(0, -4px, 0)scaleY(1.02);
  }
}

@keyframes nutShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translate(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px)rotateY(-9deg);
    transform: translate(-6px)rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px)rotateY(7deg);
    transform: translate(5px)rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px)rotateY(-5deg);
    transform: translate(-3px)rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px)rotateY(3deg);
    transform: translate(2px)rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translate(0);
  }
}

.nut-watermark {
  z-index: var(--nutui-watermark-z-index, 1200);
  pointer-events: none;
  background-repeat: repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.nut-watermark-full-page {
  position: fixed;
}

.nut-horizontal-items {
  float: left;
}

.nut-horizontal-items li {
  float: left;
  color: var(--nutui-color-title, #1a1a1a);
  background: var(--nutui-color-background-overlay, #fff);
  margin-right: 20px;
  padding: 10px;
  display: block;
}

.nut-horizontal-items:after {
  content: "";
  visibility: hidden;
  clear: both;
  display: block;
}

.nut-vertical-items li {
  color: var(--nutui-color-title, #1a1a1a);
  background: var(--nutui-color-background-overlay, #fff);
  border-radius: 7px;
  margin-top: 20px;
  padding: 14px 15px;
  font-family: PingFangSC;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  display: block;
  box-shadow: 0 1px 6px #edeef1;
}

.nut-virtualList-box {
  overflow: auto;
}

.nut-virtuallist {
  -webkit-overflow-scrolling: touch;
  width: 100%;
  position: relative;
  overflow: scroll;
}

.nut-virtuallist-phantom {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.nut-virtuallist-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.nut-virtuallist-item {
  margin: var(--nutui-list-item-margin, 0 0 10px 0);
  overflow: hidden;
}

[dir="rtl"] .nut-horizontal-items, .nut-rtl .nut-horizontal-items {
  float: right;
}

[dir="rtl"] .nut-horizontal-items li, .nut-rtl .nut-horizontal-items li {
  float: right;
  margin-left: 20px;
  margin-right: 0;
}

.nut-video {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.nut-video-player {
  background: #000;
  width: 100%;
}

.nut-video-player:focus {
  outline: none;
}

.nut-video video {
  object-fit: fill;
  width: 100%;
  height: 100%;
}

.nut-uploader {
  flex-wrap: wrap;
  display: flex;
  position: relative;
}

.nut-uploader-slot {
  position: relative;
}

.nut-uploader-upload {
  background: var(--nutui-uploader-background, var(--nutui-color-background, #f2f3f5));
  width: var(--nutui-uploader-image-width, 100px);
  height: var(--nutui-uploader-image-height, 100px);
  border: var(--nutui-uploader-image-border, 0px);
  border-radius: var(--nutui-uploader-image-border-radius, 4px);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.nut-uploader-icon {
  color: var(--nutui-uploader-image-color, var(--nutui-color-text-help, #888b94));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nut-uploader-icon i, .nut-uploader-icon .nut-icon {
  color: var(--nutui-uploader-image-color, var(--nutui-color-text-help, #888b94));
  margin-bottom: var(--nutui-uploader-image-icon-margin-bottom, 6px);
}

.nut-uploader-icon-tip {
  font-size: var(--nutui-uploader-image-icon-tip-font-size, 12px);
}

.nut-uploader-input {
  cursor: pointer;
  opacity: 0;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
}

.nut-uploader-input:disabled {
  cursor: not-allowed;
}

.nut-uploader-upload-disabled {
  background: var(--nutui-uploader-background-disabled, var(--nutui-color-background, #f2f3f5));
  color: var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #c2c4cc));
}

.nut-uploader-upload-disabled .nut-uploader-icon i, .nut-uploader-upload-disabled .nut-uploader-icon .nut-icon {
  color: var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #c2c4cc));
  margin-bottom: var(--nutui-uploader-image-icon-margin-bottom, 6px);
}

.nut-uploader-preview {
  margin-right: var(--nutui-uploader-preview-margin-right, 10px);
  margin-bottom: var(--nutui-uploader-preview-margin-bottom, 10px);
  border-radius: var(--nutui-uploader-image-border-radius, 4px);
  position: relative;
  box-shadow: 0 2px 10px #0000001a;
}

.nut-uploader-preview-progress {
  background: var(--nutui-uploader-preview-progress-background, var(--nutui-color-mask, #000000b3));
  border-radius: var(--nutui-uploader-image-border-radius, 4px);
  z-index: 10;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.nut-uploader-preview-progress i {
  margin-bottom: var(--nutui-uploader-image-icon-margin-bottom, 6px);
}

.nut-uploader-preview-progress-msg {
  color: var(--nutui-color-text-help, #888b94);
  font-size: 12px;
}

.nut-uploader-preview.list {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 0;
  margin-right: 0;
  box-shadow: 0 2px 10px #00000003;
}

.nut-uploader-preview-list {
  box-sizing: border-box;
  background-color: var(--nutui-color-background-sunken, #f7f8fc);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 32px;
  padding: 0 10px;
  display: flex;
}

.nut-uploader-preview-list .nut-uploader-preview-img-file-name {
  -webkit-line-clamp: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: center;
  height: 24px;
  padding: 2px;
  display: flex;
  overflow: hidden;
}

.nut-uploader-preview-list .nut-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.nut-uploader-preview-list .nut-progress .nut-progress-outer {
  height: 2px !important;
}

.nut-uploader-preview .close {
  right: var(--nutui-uploader-preview-close-right, 0px);
  top: var(--nutui-uploader-preview-close-top, 0px);
  z-index: 1;
  position: absolute;
  transform: translate(50%, -50%);
}

.nut-uploader-preview-img {
  width: var(--nutui-uploader-image-width, 100px);
  height: var(--nutui-uploader-image-height, 100px);
  border-radius: var(--nutui-uploader-image-border-radius, 4px);
  position: relative;
  overflow: hidden;
}

.nut-uploader-preview-img i {
  color: var(--nutui-color-title, #1a1a1a);
}

.nut-uploader-preview-img .tips {
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  height: var(--nutui-uploader-preview-tips-height, 24px);
  font-size: 12px;
  line-height: var(--nutui-uploader-preview-tips-height, 24px);
  border-radius: var(--nutui-uploader-image-border-radius, 4px);
  padding: var(--nutui-uploader-preview-tips-padding, 0 5px);
  background: var(--nutui-uploader-preview-tips-background, var(--nutui-black-7));
  text-overflow: ellipsis;
  white-space: nowrap;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.nut-uploader-preview-img-c {
  height: 100%;
  position: initial;
  border-radius: var(--nutui-uploader-image-border-radius, 4px);
  justify-content: center;
  align-items: center;
  display: flex;
}

.nut-uploader-preview-img-file {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all .3s;
  display: flex;
}

.nut-uploader-preview-img-file-name {
  width: 90%;
  color: var(--nutui-color-text, #505259);
  -webkit-line-clamp: 2;
  word-break: break-all;
  -webkit-box-orient: vertical;
  font-size: 12px;
  display: -webkit-box;
  overflow: hidden;
}

.nut-uploader-preview-img-file-name.error {
  color: red !important;
}

.nut-uploader-preview-img-file-name.success {
  color: #1890ff !important;
}

.nut-uploader-preview-img-file-name .nut-icon-Link {
  flex-shrink: 0;
}

[dir="rtl"] .nut-uploader-input, .nut-rtl .nut-uploader-input {
  left: auto;
  right: 0;
}

[dir="rtl"] .nut-uploader-preview, .nut-rtl .nut-uploader-preview {
  margin-right: 0;
  margin-left: var(--nutui-uploader-preview-margin-right, 10px);
}

[dir="rtl"] .nut-uploader-preview-progress, .nut-rtl .nut-uploader-preview-progress {
  left: auto;
  right: 0;
}

[dir="rtl"] .nut-uploader-preview.list, .nut-rtl .nut-uploader-preview.list {
  margin-left: 0;
  margin-right: 0;
}

[dir="rtl"] .nut-uploader-preview .close, .nut-rtl .nut-uploader-preview .close {
  right: auto;
  left: var(--nutui-uploader-preview-close-right, 0px);
  transform: translate(-50%, -50%);
}

[dir="rtl"] .nut-uploader-preview-img .tips, .nut-rtl .nut-uploader-preview-img .tips {
  left: auto;
  right: 0;
}

.nut-trendarrow {
  color: var(--nutui-color-title, #1a1a1a);
  font-size: var(--nutui-trendarrow-font-size, 14px);
  flex-direction: row;
  align-items: center;
  display: flex;
}

.nut-trendarrow-icon-before {
  margin-right: var(--nutui-trendarrow-icon-margin, 4px);
}

.nut-trendarrow-icon-after {
  margin-left: var(--nutui-trendarrow-icon-margin, 4px);
}

.nut-trendarrow-rate {
  vertical-align: middle;
  display: inline;
}

.nut-trendarrow .nut-icon {
  vertical-align: middle;
}

[dir="rtl"] .nut-trendarrow-icon-before, .nut-rtl .nut-trendarrow-icon-before {
  margin-right: 0;
  margin-left: var(--nutui-trendarrow-icon-margin, 4px);
}

[dir="rtl"] .nut-trendarrow-icon-after, .nut-rtl .nut-trendarrow-icon-after {
  margin-left: 0;
  margin-right: var(--nutui-trendarrow-icon-margin, 4px);
}

.nut-tour-mask {
  box-shadow: 0 0 0 150vh var(--nutui-color-mask, #000000b3);
  border-radius: var(--nutui-tour-mask-border-radius, 10px);
  z-index: 999;
  position: fixed;
}

.nut-tour-mask-none {
  box-shadow: none;
}

.nut-tour-mask-hidden {
  opacity: 0;
}

.nut-tour-content {
  padding: var(--nutui-tour-content-padding, 10px 12px);
  min-width: var(--nutui-tour-content-min-width, 200px);
  box-sizing: content-box;
  display: block;
}

.nut-tour-content-top {
  text-align: end;
  display: block;
}

.nut-tour-content-top-close {
  --nut-icon-width: 10px;
  --nut-icon-height: 10px;
}

.nut-tour-content-inner {
  margin: var(--nutui-tour-content-inner-margin, 10px 0px);
  font-size: var(--nutui-tour-content-inner-font-size, 14px);
  white-space: nowrap;
}

.nut-tour-content-bottom {
  margin-top: var(--nutui-tour-content-bottom-margin-top, 10px);
  justify-content: space-between;
  display: flex;
}

.nut-tour-content-bottom-operate {
  justify-content: flex-end;
  display: flex;
}

.nut-tour-content-bottom-operate-btn {
  border: 1px solid var(--nutui-color-text-disabled, #c2c4cc);
  margin-left: var(--nutui-tour-content-bottom-btn-margin-left, 4px);
  padding: var(--nutui-tour-content-bottom-btn-padding, 2px 4px);
  font-size: var(--nutui-tour-content-bottom-btn-font-size, 12px);
  border-radius: var(--nutui-tour-content-bottom-btn-border-radius, 4px);
  color: var(--nutui-color-text, #505259);
  cursor: pointer;
  display: inline-block;
}

.nut-tour-content-bottom-operate-btn.active {
  color: #fff;
  background: var(--nutui-color-primary, #ff0f23);
  border: 0;
}

.nut-tour-content-tile .nut-tour-content-inner {
  margin: 0;
}

.nut-tour-masked {
  z-index: 1000;
  background: none;
  width: 100vh;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

[dir="rtl"] .nut-tour-content-bottom-operate-btn, .nut-rtl .nut-tour-content-bottom-operate-btn {
  margin-left: 0;
  margin-right: var(--nutui-tour-content-bottom-btn-margin-left, 4px);
}

[dir="rtl"] .nut-tour-masked, .nut-rtl .nut-tour-masked {
  left: auto;
  right: 0;
}

@keyframes rotation {
  0% {
    -webkit-transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

.nut-toast {
  pointer-events: none;
  z-index: 1300;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.nut-toast-overlay-default {
  --nutui-overlay-bg-color: #0000;
}

.nut-toast-overlay-default-taro {
  --nutui-overlay-bg-color: #0000;
  background-color: #0000;
}

.nut-toast-inner {
  top: var(--nutui-toast-inner-top, 50%);
  box-sizing: border-box;
  min-width: 96px;
  max-width: 60%;
  font-size: var(--nutui-toast-text-font-size, 14px);
  text-align: var(--nutui-toast-inner-text-align, center);
  padding: var(--nutui-toast-inner-padding, 13px 16px);
  word-break: break-all;
  background: var(--nutui-toast-inner-bg-color, var(--nutui-color-mask, #000000b3));
  border-radius: var(--nutui-toast-inner-border-radius, var(--nutui-radius-xl, 12px));
  color: var(--nutui-toast-font-color, #fff);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  transform: translateY(-50%);
}

.nut-toast-inner-descrption {
  max-width: 68.2%;
}

.nut-toast-inner-normal {
  word-break: normal;
  word-wrap: normal;
}

.nut-toast-inner-break-word {
  word-break: normal;
  word-wrap: break-word;
}

.nut-toast-inner-small {
  font-size: var(--nutui-font-size-s, 12px);
}

.nut-toast-inner-large {
  font-size: var(--nutui-font-size-l, 16px);
}

.nut-toast-center {
  top: var(--nutui-toast-inner-top, 48%);
}

.nut-toast-bottom {
  top: var(--nutui-toast-inner-top, 80%);
}

.nut-toast-top {
  top: var(--nutui-toast-inner-top, 20%);
}

.nut-toast-text {
  color: #fff;
  text-align: var(--nutui-toast-inner-text-align, center);
  line-height: 20px;
}

.nut-toast-title {
  color: #fff;
  font-size: var(--nutui-toast-title-font-size, 16px);
  text-align: var(--nutui-toast-inner-text-align, center);
  font-weight: 600;
  line-height: 22px;
}

.nut-toast .nut-icon {
  color: #fff;
  width: 24px;
  height: 24px;
}

.nut-toast-icon-wrapper {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 3px 0 5px;
  display: flex;
}

.nut-toast-icon-wrapper-icon {
  width: 24px;
  height: 24px;
}

.nut-toast-rtl {
  left: auto;
  right: 0;
}

.nut-toast-rtl-inner {
  left: auto;
  right: 50%;
}

[dir="rtl"] .nut-toast, .nut-rtl .nut-toast {
  left: auto;
  right: 0;
}

[dir="rtl"] .nut-toast-inner, .nut-rtl .nut-toast-inner {
  left: auto;
  right: 50%;
}

.toast-fade-enter-active, .toast-fade-leave-active {
  transition: opacity .3s;
}

.toast-fade-enter-from, .toast-fade-leave-to {
  opacity: 0;
}

.nut-timeselect {
  background-color: var(--nutui-color-background-overlay, #fff);
  flex-direction: column;
  height: calc(100% - 50px);
  display: flex;
}

.nut-timeselect-content {
  flex: 1;
  display: flex;
}

.nut-timeselect-content-left {
  width: var(--nutui-timeselect-date-width, 140px);
  min-width: var(--nutui-timeselect-date-width, 140px);
  background: var(--nutui-color-background-sunken, #f7f8fc);
  height: 100%;
  overflow: auto;
}

.nut-timepannel {
  height: var(--nutui-timeselect-date-height, 40px);
  line-height: var(--nutui-timeselect-date-height, 40px);
  text-align: start;
  color: var(--nutui-color-text, #505259);
  font-size: var(--nutui-font-size-base, 14px);
  padding: 0 16px;
}

.nut-timepannel.active {
  background: var(--nutui-color-background-overlay, #fff);
  color: var(--nutui-timeselect-date-active-color, var(--nutui-color-title, #1a1a1a));
  font-weight: var(--nutui-font-weight-bold, 600);
}

.nut-timedetail {
  flex-wrap: wrap;
  flex: 1;
  align-content: flex-start;
  min-width: 0;
  padding: 0 0 50px 12px;
  display: flex;
}

.nut-timedetail-item {
  width: var(--nutui-timeselect-time-width, 100px);
  height: var(--nutui-timeselect-time-height, 50px);
  line-height: var(--nutui-timeselect-time-height, 50px);
  text-align: center;
  margin: var(--nutui-timeselect-time-margin, 0 10px 10px 0);
  background: var(--nutui-timeselect-time-background, var(--nutui-color-background, #f2f3f5));
  font-size: var(--nutui-font-size-base, 14px);
  border: 1px solid #0000;
  border-radius: 5px;
}

.nut-timedetail-item.active {
  background-color: var(--nutui-color-primary-light-pressed, #ffebf1);
  border: 1px solid var(--nutui-color-primary, #ff0f23);
  color: var(--nutui-color-primary, #ff0f23);
  font-weight: var(--nutui-font-weight-bold, 600);
}

[dir="rtl"] .nut-timedetail, .nut-rtl .nut-timedetail {
  padding: 0 12px 50px 0;
}

.nut-textarea {
  box-sizing: border-box;
  width: 100%;
  font-size: var(--nutui-font-size-base, 14px);
  border-radius: var(--nutui-radius-s, 6px);
  flex-direction: column;
  display: flex;
  position: relative;
}

.nut-textarea-container {
  padding: var(--nutui-textarea-padding, 12px);
  background-color: var(--nutui-color-background-overlay, #fff);
}

.nut-textarea-error {
  border: .5px solid var(--nutui-color-danger, #ff0f23);
  background-color: var(--nutui-color-danger-light, #ffebef);
}

.nut-textarea-limit {
  text-align: right;
  font-size: var(--nutui-font-size-base, 14px);
  line-height: var(--nutui-font-size-base, 14px);
  margin-top: var(--nutui-spacing-base, 8px);
  color: var(--nutui-color-text-help, #888b94);
}

.nut-textarea-limit-disabled {
  cursor: not-allowed;
  color: var(--nutui-color-text-disabled, #c2c4cc);
}

.nut-textarea-textarea {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: 40px;
  font-size: var(--nutui-font-size-base, 14px);
  color: var(--nutui-textarea-text-color, var(--nutui-color-title, #1a1a1a));
  caret-color: var(--nutui-textarea-text-curror-color, var(--nutui-color-primary, #ff0f23));
  text-align: left;
  resize: none;
  background-color: #0000;
  border: 0;
  outline: none;
  margin: 0;
  padding: 0;
  display: block;
}

.nut-textarea-textarea .taro-textarea {
  color: var(--nutui-textarea-text-color, var(--nutui-color-title, #1a1a1a));
  resize: none;
  background-color: #0000;
}

.nut-textarea-textarea::placeholder {
  color: var(--nutui-color-text-help, #888b94);
}

.nut-textarea-textarea-disabled {
  cursor: not-allowed;
  color: var(--nutui-color-text-disabled, #c2c4cc);
}

.nut-textarea-textarea-disabled::placeholder, .nut-textarea-textarea-disabled .taro-textarea, .nut-textarea-textarea-disabled .taro-textarea::placeholder {
  color: var(--nutui-color-text-disabled, #c2c4cc);
}

.nut-textarea.nut-textarea-rtl-limit {
  left: 15px;
  right: auto;
}

.taro-textarea {
  resize: none;
  background-color: #0000;
}

.nut-tabs {
  display: flex;
}

.nut-tabs-horizontal {
  flex-direction: column;
}

.nut-tabs-titles {
  box-sizing: border-box;
  height: var(--nutui-tabs-titles-height, 44px);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: var(--nutui-tabs-titles-background-color, var(--nutui-color-background, #f2f3f5));
  scrollbar-width: none;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
}

.nut-tabs-titles::-webkit-scrollbar {
  background: none;
  width: 0;
  display: none;
}

.nut-tabs-titles .nut-tabs-list {
  flex-shrink: 0;
  width: 100%;
  display: flex;
}

.nut-tabs-titles-left {
  justify-content: flex-start;
}

.nut-tabs-titles-left .nut-tabs-titles-item {
  padding: 0 22px;
}

.nut-tabs-titles-right {
  justify-content: flex-end;
}

.nut-tabs-titles-right .nut-tabs-titles-item {
  padding: 0 22px;
}

.nut-tabs-titles-item {
  padding: 0 var(--nutui-tabs-titles-gap, 12px);
  height: var(--nutui-tabs-titles-height, 44px);
  line-height: var(--nutui-tabs-titles-height, 44px);
  min-width: var(--nutui-tabs-titles-item-min-width, 50px);
  font-size: var(--nutui-tabs-titles-font-size, var(--nutui-font-size-base, 14px));
  color: var(--nutui-tabs-titles-item-color, var(--nutui-color-title, #1a1a1a));
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.nut-tabs-titles-item .nut-icon {
  color: var(--nutui-tabs-titles-item-color, var(--nutui-color-title, #1a1a1a));
}

.nut-tabs-titles-item-left, .nut-tabs-titles-item-right {
  flex: none;
}

.nut-tabs-titles-item-text {
  color: var(--nutui-tabs-titles-item-color, var(--nutui-color-title, #1a1a1a));
}

.nut-tabs-titles-item-smile, .nut-tabs-titles-item-line {
  content: " ";
  width: 0;
  height: 0;
  left: 50%;
  bottom: var(--nutui-tabs-line-bottom, 15%);
  border-radius: var(--nutui-tabs-line-border-radius, 2px);
  opacity: var(--nutui-tabs-tab-line-opacity, 1);
  transition: width .3s;
  position: absolute;
  overflow: hidden;
  transform: translate(-50%);
}

.nut-tabs-titles-item-smile {
  bottom: var(--nutui-tabs-titles-item-smile-bottom, -10%);
}

.nut-tabs-titles-item-smile .nut-icon {
  width: 100%;
  height: 100%;
  font-size: 20px;
  position: absolute;
}

.nut-tabs-titles-item-active .nut-icon {
  color: var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #ff0f23));
}

.nut-tabs-titles-item-active .nut-tabs-titles-item-text {
  color: var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #ff0f23));
  font-weight: var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 600));
}

.nut-tabs-titles-item-active .nut-tabs-titles-item-line {
  overflow: unset;
  content: " ";
  width: var(--nutui-tabs-tab-line-width, 12px);
  height: var(--nutui-tabs-tab-line-height, 2px);
  background: var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #ff0f23));
}

.nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
  overflow: unset;
  width: 40px;
  height: 20px;
}

.nut-tabs-titles-item-active .nut-tabs-titles-item-smile .nut-icon {
  color: var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #ff0f23));
}

.nut-tabs-titles-item-disabled, .nut-tabs-titles-item-disabled .nut-icon, .nut-tabs-titles-item-disabled .nut-tabs-titles-item-text {
  color: var(--nutui-color-text-disabled, #c2c4cc);
}

.nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-tabs-titles-item-text, .nut-tabs-titles-simple .nut-tabs-titles-item-active .nut-icon {
  color: var(--nutui-color-title, #1a1a1a);
  font-size: var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-l, 16px));
}

.nut-tabs-titles-card .nut-tabs-titles-item-active {
  font-weight: var(--nutui-font-weight-bold, 600);
  border-radius: var(--nutui-radius-base, 8px) var(--nutui-radius-base, 8px) 0 0;
  background-color: #fff;
}

.nut-tabs-titles-button .nut-tabs-titles-item {
  padding: 0 10px;
}

.nut-tabs-titles-button .nut-tabs-titles-item .nut-tabs-titles-item-text {
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 28px;
  padding: 0 8px;
  display: flex;
}

.nut-tabs-titles-button .nut-tabs-titles-item-active .nut-tabs-titles-item-text {
  background: var(--nutui-color-default-light);
  color: var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #ff0f23));
  border-radius: var(--nutui-tabs-button-border-radius, 50px);
  font-weight: var(--nutui-font-weight-bold, 600);
  background-color: var(--nutui-tabs-button-active-background-color, var(--nutui-color-primary-light-pressed, #ffebf1));
  border: var(--nutui-tabs-button-active-border, 1px solid var(--nutui-color-primary, #ff0f23));
}

.nut-tabs-titles-divider {
  border-bottom: 1px solid var(--nutui-color-border, #0000000f);
}

.nut-tabs-titles-divider .nut-tabs-titles-item {
  position: relative;
}

.nut-tabs-titles-divider .nut-tabs-titles-item:after {
  content: "";
  background: var(--nutui-color-border, #0000000f);
  width: 1px;
  height: 50%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.nut-tabs-titles-divider .nut-tabs-titles-item:last-child:after {
  display: none;
}

.nut-tabs-vertical .nut-tabs-ellipsis {
  white-space: break-spaces;
  width: 90px;
  line-height: var(--nutui-font-size-base, 14px);
  padding-left: 6px;
}

.nut-tabs-vertical .nut-tabs-titles {
  height: 100%;
  width: var(--nutui-tabs-vertical-titles-width, 100px);
  flex-direction: column;
  flex-shrink: 0;
}

.nut-tabs-vertical .nut-tabs-titles .nut-tabs-list {
  flex-direction: column;
}

.nut-tabs-vertical .nut-tabs-titles-item {
  height: var(--nutui-tabs-vertical-titles-item-height, 40px);
  flex: none;
}

.nut-tabs-vertical .nut-tabs-titles-item-smile {
  transition: width .3s;
  overflow: hidden;
}

.nut-tabs-vertical .nut-tabs-titles-item-line {
  transition: height .3s;
  transform: translateY(-50%);
}

.nut-tabs-vertical .nut-tabs-titles-item-line-vertical {
  top: 50%;
}

.nut-tabs-vertical .nut-tabs-titles-item-active {
  background-color: var(--nutui-tabs-titles-item-active-background-color, var(--nutui-color-background-overlay, #fff));
}

.nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line {
  width: var(--nutui-tabs-vertical-tab-line-width, 3px);
  height: var(--nutui-tabs-vertical-tab-line-height, 12px);
  background: var(--nutui-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nutui-color-primary-stop-1, #ff475d) 0%, var(--nutui-color-primary-light-pressed, #ffebf1) 100%));
  left: 10px;
}

.nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
  bottom: -2%;
  left: auto;
  right: -12px;
  transform: rotate(320deg);
}

.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles {
  height: var(--nutui-tabs-titles-height, 44px);
  flex-direction: row;
  width: 100%;
  padding: 0 !important;
}

.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-list {
  flex-direction: row;
  height: auto;
}

.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-content {
  flex-direction: row;
}

.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active {
  background-color: initial;
}

.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line {
  width: var(--nutui-tabs-tab-line-width, 12px);
  height: var(--nutui-tabs-tab-line-height, 2px);
  background: var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #ff0f23));
  left: 50%;
  transform: translate(-50%);
}

.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
  bottom: -3px;
  left: 50%;
  right: auto;
  transform: translate(-50%)rotate(0);
}

.nut-tabs-vertical .nut-tabs-content {
  flex-direction: column;
  height: 100%;
}

.nut-tabs-vertical .nut-tabs-content-wrap {
  flex: 1;
}

.nut-tabs-vertical .nut-tabs-content .nut-tabpane {
  height: 100%;
}

.nut-tabs-content {
  box-sizing: border-box;
  display: flex;
}

.nut-tabs-content-wrap {
  overflow: hidden;
}

[dir="rtl"] .nut-tabs-titles-item-smile, [dir="rtl"] .nut-tabs-titles-item-line, .nut-rtl .nut-tabs-titles-item-smile, .nut-rtl .nut-tabs-titles-item-line {
  left: auto;
  right: 50%;
  transform: translate(50%);
}

[dir="rtl"] .nut-tabs-titles-divider .nut-tabs-titles-item:after, .nut-rtl .nut-tabs-titles-divider .nut-tabs-titles-item:after {
  left: 0;
  right: auto;
}

[dir="rtl"] .nut-tabs-vertical .nut-tabs-titles-line .nut-tabs-titles-item, .nut-rtl .nut-tabs-vertical .nut-tabs-titles-line .nut-tabs-titles-item {
  padding-left: 0;
  padding-right: 14px;
}

[dir="rtl"] .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line, .nut-rtl .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line {
  left: auto;
  right: 10px;
}

[dir="rtl"] .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile, .nut-rtl .nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
  left: -12px;
  right: auto;
  transform: rotate(-320deg);
}

[dir="rtl"] .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line, .nut-rtl .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line {
  left: auto;
  right: 50%;
  transform: translate(50%);
}

[dir="rtl"] .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile, .nut-rtl .nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile {
  left: auto;
  right: 50%;
  transform: translate(50%)rotate(0);
}

.nut-tag {
  padding: var(--nutui-tag-padding, 0px 2px);
  font-size: var(--nutui-tag-font-size, var(--nutui-font-size-xxs, 10px));
  border-radius: var(--nutui-tag-border-radius, 2px);
  height: var(--nutui-tag-height, 14px);
  color: var(--nutui-tag-color, #fff);
  border: var(--nutui-tag-border-width, 1px) solid transparent;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nut-tag .nut-icon {
  vertical-align: middle;
  color: var(--nutui-tag-color, #fff);
  margin-left: 4px;
}

.nut-tag-text {
  font-size: var(--nutui-tag-font-size, var(--nutui-font-size-xxs, 10px));
  color: var(--nutui-tag-color, #fff);
}

.nut-tag-text-plain {
  color: var(--nutui-color-title, #1a1a1a);
}

.nut-tag-default {
  background: var(--nutui-tag-background-color, var(--nutui-color-title, #1a1a1a));
}

.nut-tag-primary {
  background: #fa2c19;
}

.nut-tag-info {
  background: var(--nutui-tag-info-background-color, var(--nutui-color-info, #0073ff));
}

.nut-tag-success {
  background: var(--nutui-tag-success-background-color, #4fc08d);
}

.nut-tag-danger {
  background: var(--nutui-tag-danger-background-color, var(--nutui-color-danger, #ff0f23));
}

.nut-tag-warning {
  background: var(--nutui-tag-warning-background-color, var(--nutui-color-warning, #ffbf00));
}

.nut-tag-round {
  border-radius: var(--nutui-tag-round-border-radius, 8px);
}

.nut-tag-mark {
  border-radius: var(--nutui-tag-mark-border-radius, 0 8px 8px 0);
}

.nut-tag-close {
  cursor: pointer;
}

.nut-tag-custom-icon {
  font-size: var(--nutui-tag-font-size, var(--nutui-font-size-xxs, 10px));
  color: var(--nutui-tag-color, #fff);
  justify-content: center;
  align-items: center;
  margin-left: 4px;
  display: inline-flex;
}

.nut-tag-plain {
  border: var(--nutui-tag-border-width, 1px) solid var(--nutui-color-title, #1a1a1a);
  background-color: #fff;
}

[dir="rtl"] .nut-tag .nut-icon, .nut-rtl .nut-tag .nut-icon {
  margin-left: 0;
  margin-right: 4px;
}

.nut-table {
  word-wrap: break-word;
  word-break: break-all;
  position: relative;
  overflow: hidden;
}

.nut-table-wrapper {
  width: 100%;
  font-size: var(--nutui-font-size-base, 14px);
  color: var(--nutui-color-title, #1a1a1a);
  border: 1px solid var(--nutui-table-border-color, var(--nutui-color-border, #0000000f));
  flex-direction: column;
  display: flex;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

.nut-table-wrapper-sticky {
  overflow-x: auto;
}

.nut-table-main {
  color: var(--nutui-color-title, #1a1a1a);
  background-color: var(--nutui-color-background-overlay, #fff);
  table-layout: fixed;
  width: -webkit-max-content;
  width: max-content;
  min-width: 100%;
  display: table;
  position: relative;
  overflow-x: auto;
}

.nut-table-main-striped .nut-table-main-head-tr {
  background-color: var(--nutui-table-tr-even-bg-color, var(--nutui-color-background, #f2f3f5));
}

.nut-table-main-striped .nut-table-main-body-tr:nth-child(odd) {
  background-color: var(--nutui-table-tr-odd-bg-color, #fff);
}

.nut-table-main-striped .nut-table-main-body-tr:nth-child(2n) {
  background-color: var(--nutui-table-tr-even-bg-color, var(--nutui-color-background, #f2f3f5));
}

.nut-table-main-head, .nut-table-main-body {
  background: inherit;
}

.nut-table-main-head-tr, .nut-table-main-body-tr {
  background: inherit;
  display: table-row;
}

.nut-table-main-head-tr:last-child .nut-table-main-body-tr-td, .nut-table-main-body-tr:last-child .nut-table-main-body-tr-td {
  border-bottom: none;
}

.nut-table-main-head-tr-th, .nut-table-main-body-tr-th {
  padding: var(--nutui-table-cols-padding, 10px);
  table-layout: fixed;
  background: inherit;
  display: table-cell;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.nut-table-main-head-tr-th.nut-table-fixed-left, .nut-table-main-head-tr-th.nut-table-fixed-right, .nut-table-main-body-tr-th.nut-table-fixed-left, .nut-table-main-body-tr-th.nut-table-fixed-right {
  z-index: 4;
}

.nut-table-main-head-tr-th:last-child, .nut-table-main-body-tr-th:last-child {
  border-right: none;
}

.nut-table-main-head-tr-td, .nut-table-main-body-tr-td {
  padding: var(--nutui-table-cols-padding, 10px);
  table-layout: fixed;
  background: inherit;
  display: table-cell;
}

.nut-table-main-head-tr-td:last-child, .nut-table-main-body-tr-td:last-child {
  border-right: none;
}

.nut-table-main-head-tr-td-nodata, .nut-table-main-body-tr-td-nodata {
  justify-content: center;
  align-items: center;
  height: 50px;
  display: flex;
}

.nut-table-main-head-tr-border, .nut-table-main-body-tr-border {
  border-right: 1px solid var(--nutui-table-border-color, var(--nutui-color-border, #0000000f));
  border-bottom: 1px solid var(--nutui-table-border-color, var(--nutui-color-border, #0000000f));
}

.nut-table-main-head-tr-alignleft, .nut-table-main-head-tr-align, .nut-table-main-body-tr-alignleft, .nut-table-main-body-tr-align {
  text-align: start;
}

.nut-table-main-head-tr-aligncenter, .nut-table-main-body-tr-aligncenter {
  text-align: center;
}

.nut-table-main-head-tr-alignright, .nut-table-main-body-tr-alignright {
  text-align: end;
}

.nut-table-main-head {
  display: table-header-group;
}

.nut-table-main-body {
  display: table-row-group;
}

.nut-table-sticky-left, .nut-table-sticky-right {
  width: 8px;
  box-shadow: none;
  touch-action: none;
  pointer-events: none;
  z-index: 3;
  background: none;
  position: absolute;
  top: 0;
  bottom: -1px;
  overflow: hidden;
}

.nut-table-sticky-left {
  box-shadow: var(--nutui-table-sticky-left-shadow, 4px 0 8px 0 #0000001a);
  left: 1px;
}

.nut-table-sticky-right {
  box-shadow: var(--nutui-table-sticky-right-shadow, -4px 0 8px 0 #0000001a);
  right: 1px;
}

.nut-table-fixed-left, .nut-table-fixed-right {
  z-index: 2;
  position: -webkit-sticky;
  position: sticky;
}

.nut-table-fixed-left.h5-div, .nut-table-fixed-right.h5-div {
  padding: var(--nutui-table-cols-padding, 10px) 0;
}

.nut-table-fixed-left-last {
  border-right: none;
}

.nut-table-summary {
  color: var(--nutui-color-title, #1a1a1a);
  background-color: var(--nutui-color-background-overlay, #fff);
  height: 30px;
  padding: var(--nutui-table-cols-padding, 10px);
  z-index: 5;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

[dir="rtl"] .nut-table-main-head-tr-th:last-child, [dir="rtl"] .nut-table-main-body-tr-th:last-child, .nut-rtl .nut-table-main-head-tr-th:last-child, .nut-rtl .nut-table-main-body-tr-th:last-child, [dir="rtl"] .nut-table-main-head-tr-td:last-child, [dir="rtl"] .nut-table-main-body-tr-td:last-child, .nut-rtl .nut-table-main-head-tr-td:last-child, .nut-rtl .nut-table-main-body-tr-td:last-child {
  border-left: none;
  border-right: none;
}

[dir="rtl"] .nut-table-main-head-tr-border, [dir="rtl"] .nut-table-main-body-tr-border, .nut-rtl .nut-table-main-head-tr-border, .nut-rtl .nut-table-main-body-tr-border {
  border-right: none;
  border-left: 1px solid var(--nutui-table-border-color, var(--nutui-color-border, #0000000f));
}

[dir="rtl"] .nut-table-main-head-tr-alignleft, [dir="rtl"] .nut-table-main-head-tr-align, [dir="rtl"] .nut-table-main-body-tr-alignleft, [dir="rtl"] .nut-table-main-body-tr-align, .nut-rtl .nut-table-main-head-tr-alignleft, .nut-rtl .nut-table-main-head-tr-align, .nut-rtl .nut-table-main-body-tr-alignleft, .nut-rtl .nut-table-main-body-tr-align {
  text-align: right;
}

[dir="rtl"] .nut-table-main-head-tr-alignright, [dir="rtl"] .nut-table-main-body-tr-alignright, .nut-rtl .nut-table-main-head-tr-alignright, .nut-rtl .nut-table-main-body-tr-alignright {
  text-align: left;
}

[dir="rtl"] .nut-table-sticky-left, .nut-rtl .nut-table-sticky-left {
  box-shadow: var(--nutui-table-sticky-right-shadow, -4px 0 8px 0 #0000001a);
  left: auto;
  right: 1px;
}

[dir="rtl"] .nut-table-sticky-right, .nut-rtl .nut-table-sticky-right {
  box-shadow: var(--nutui-table-sticky-left-shadow, 4px 0 8px 0 #0000001a);
  left: 1px;
  right: auto;
}

[dir="rtl"] .nut-table-fixed-left-last, .nut-rtl .nut-table-fixed-left-last {
  border-left: none;
  border-right: none;
}

.nut-tabpane {
  background-color: var(--nutui-tabs-tabpane-background-color, #fff);
  width: 100%;
  color: var(--nutui-color-title, #1a1a1a);
  padding: var(--nutui-tabs-tabpane-padding, 24px 20px);
  box-sizing: border-box;
  flex-shrink: 0;
  display: block;
  overflow: auto;
}

.nut-tabpane.inactive {
  height: 0;
  overflow: visible;
}

.nut-tabbar {
  box-shadow: var(--nutui-tabbar-box-shadow, none);
  border: 0;
  border-bottom: var(--nutui-tabbar-border-bottom, 0);
  border-top: var(--nutui-tabbar-border-top, 0);
  background: var(--nutui-color-background-overlay, #fff);
  width: 100%;
}

.nut-tabbar-wrap {
  height: var(--nutui-tabbar-height, 46px);
  display: flex;
}

.nut-tabbar-wrap-3 {
  padding: 0 16px;
}

.nut-tabbar-wrap-2 {
  padding: 0 32px;
}

.nut-tabbar-wrap-horizontal {
  align-items: center;
}

.nut-tabbar-wrap-horizontal .nut-tabbar-item {
  flex-direction: row;
  justify-content: center;
}

.nut-tabbar-wrap-horizontal .nut-tabbar-item .nut-icon {
  width: 20px;
  height: 20px;
}

.nut-tabbar-wrap-horizontal .nut-tabbar-item .nut-tabbar-item-text {
  margin: 0 4px 0 6px;
  font-size: 14px;
}

.nut-tabbar-wrap-horizontal .nut-tabbar-item .nut-badge-sup:after {
  border: 0;
}

.nut-tabbar-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
}

[dir="rtl"] .nut-tabbar:last-child, .nut-rtl .nut-tabbar:last-child {
  border-left: 0;
  border-right: none;
}

[dir="rtl"] .nut-tabbar-fixed, .nut-rtl .nut-tabbar-fixed {
  left: auto;
  right: 0;
}

.nut-tabbar-item {
  color: var(--nutui-tabbar-inactive-color, var(--nutui-color-title, #1a1a1a));
  flex-direction: column;
  flex: 1;
  align-items: center;
  height: 100%;
  padding: 6px 0 2px;
  display: flex;
}

.nut-tabbar-item .nut-icon {
  width: 24px;
  height: 24px;
  color: inherit;
  font-size: 24px;
}

.nut-tabbar-item-text {
  color: var(--nutui-color-text, #505259);
  font-size: var(--nutui-tabbar-text-font-size, var(--nutui-font-size-xxs, 10px));
  line-height: var(--nutui-tabbar-text-font-size, var(--nutui-font-size-xxs, 10px));
  margin-top: var(--nutui-tabbar-text-margin-top, 4px);
  display: block;
}

.nut-tabbar-item .nut-image-default {
  border-radius: 38px;
  width: 38px;
  height: 38px;
}

.nut-tabbar-item-large {
  justify-content: center;
  padding: 0;
}

.nut-tabbar-item-large .nut-tabbar-item-text {
  font-size: var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-l, 16px));
  line-height: var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-l, 16px));
  font-weight: var(--nutui-tabbar-text-large-font-weight, var(--nutui-font-weight, 400));
  margin-top: 0;
}

.nut-tabbar-item-active {
  color: var(--nutui-tabbar-active-color, var(--nutui-color-primary, #ff0f23));
}

.nut-tabbar-item-active .nut-tabbar-item-text, .nut-tabbar-item-active .nut-icon {
  color: inherit;
}

.nut-swiper-item {
  height: 100%;
}

.nut-swiper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.nut-swiper-canmove-horizontal {
  touch-action: pan-y;
}

.nut-swiper-canmove-vertical {
  touch-action: pan-x;
}

.nut-swiper-indicator {
  z-index: 10;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  height: 4px;
  display: flex;
  position: absolute;
  top: 89.33%;
}

.nut-swiper-indicator-vertical {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  width: 8px;
  height: 100%;
  top: 0;
  left: 12px;
}

.nut-swiper-inner {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.nut-swiper-inner-vertical {
  flex-direction: column;
}

.nut-swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.nut-swiper-item {
  width: 100%;
  height: 100%;
}

[dir="rtl"] .nut-swiper-indicator, .nut-rtl .nut-swiper-indicator {
  left: auto;
  right: 50%;
}

[dir="rtl"] .nut-swiper-indicator-vertical, .nut-rtl .nut-swiper-indicator-vertical {
  left: auto;
  right: 12px;
}

.nut-switch {
  cursor: pointer;
  min-width: var(--nutui-switch-width, 46px);
  height: var(--nutui-switch-height, 28px);
  line-height: var(--nutui-switch-line-height, 28px);
  background-color: var(--nutui-switch-active-background-color, var(--nutui-color-primary, #ff0f23));
  border-radius: var(--nutui-switch-border-radius, 50px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  flex-direction: row;
  flex: none;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.nut-switch-button {
  height: calc(var(--nutui-switch-height, 28px) - var(--nutui-switch-border-width, 2px) * 2);
  width: calc(var(--nutui-switch-height, 28px) - var(--nutui-switch-border-width, 2px) * 2);
  border-radius: var(--nutui-switch-inside-border-radius, 50%);
  box-shadow: var(--nutui-switch-inside-box-shadow, 0px 2px 6px 0px #0000001a);
  background: #fff;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: left .3s linear;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.nut-switch-button-open {
  left: calc(100% - var(--nutui-switch-height, 28px) + var(--nutui-switch-border-width, 2px));
}

.nut-switch-button-open-rtl, .nut-switch-button-close {
  left: var(--nutui-switch-border-width, 2px);
}

.nut-switch-button-close-rtl {
  left: calc(100% - var(--nutui-switch-height, 28px) + var(--nutui-switch-border-width, 2px));
}

.nut-switch-button .nut-icon {
  width: calc((var(--nutui-switch-height, 28px) - var(--nutui-switch-border-width, 2px) * 2) / 2);
  height: calc((var(--nutui-switch-height, 28px) - var(--nutui-switch-border-width, 2px) * 2) / 2);
  color: var(--nutui-switch-active-disabled-background-color, var(--nutui-color-primary-disabled-special, #ffadbe));
}

.nut-switch-close {
  background-color: var(--nutui-switch-inactive-background-color, var(--nutui-color-text-disabled, #c2c4cc));
}

.nut-switch-close-line {
  width: calc((var(--nutui-switch-height, 28px) - var(--nutui-switch-border-width, 2px) * 2) / 2);
  background: var(--nutui-switch-inactive-line-background-color, #fff);
  border-radius: 2px;
  height: 2px;
}

.nut-switch-label {
  white-space: nowrap;
  height: 100%;
  color: var(--nutui-switch-label-text-color, #fff);
  font-size: var(--nutui-switch-label-font-size, var(--nutui-font-size-s, 12px));
  align-items: center;
  display: inline-flex;
}

.nut-switch-label .nut-icon {
  color: var(--nutui-switch-label-text-color, #fff);
}

.nut-switch-label-open {
  margin: 0 calc(var(--nutui-switch-height, 28px) - var(--nutui-switch-border-width, 2px) + 3px) 0 7px;
}

.nut-switch-label-open-rtl, .nut-switch-label-close {
  margin: 0 7px 0 calc(var(--nutui-switch-height, 28px) - var(--nutui-switch-border-width, 2px) + 3px);
}

.nut-switch-label-close-rtl {
  margin: 0 calc(var(--nutui-switch-height, 28px) - var(--nutui-switch-border-width, 2px) + 3px) 0 7px;
}

.nut-switch-label-close-disabled, .nut-switch-label-close-disabled .nut-icon {
  color: var(--nutui-switch-inactive-disabled-label-text-color, var(--nutui-color-text-disabled, #c2c4cc));
}

.nut-switch-disabled {
  background-color: var(--nutui-switch-active-disabled-background-color, var(--nutui-color-primary-disabled-special, #ffadbe));
}

.nut-switch-disabled-close {
  background-color: var(--nutui-switch-inactive-disabled-background-color, var(--nutui-color-background, #f2f3f5));
}

.nut-swipe {
  cursor: grab;
  background-color: #fff;
  flex-direction: row;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nut-swipe-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  width: 100%;
  transition-property: transform;
  transition-timing-function: cubic-bezier(.18, .89, .32, 1);
  display: flex;
}

.nut-swipe-left, .nut-swipe-right {
  position: absolute;
  top: 0;
}

.nut-swipe-left {
  left: 0;
  transform: translate(-100%);
}

.nut-swipe-right {
  right: 0;
  transform: translate(100%);
}

.nut-steps {
  display: flex;
}

.nut-steps-horizontal {
  flex-flow: row;
}

.nut-steps-horizontal .nut-step-head {
  background-color: var(--nutui-steps-background-color, #fff);
}

.nut-steps-horizontal .nut-step-head-icon .nut-icon {
  width: 10px;
  height: 10px;
}

.nut-steps-horizontal .nut-step-head-icon .nut-image {
  background-color: var(--nutui-steps-background-color, #fff);
  width: 100%;
  height: 100%;
}

.nut-steps-horizontal .nut-step-head-icon .nut-image img {
  vertical-align: top;
}

.nut-steps-horizontal .nut-step.nut-step-process .nut-step-title {
  color: var(--nutui-steps-process-title-color, var(--nutui-color-primary, #ff0f23));
}

.nut-steps-horizontal .nut-step.nut-step-process .nut-step-description {
  color: var(--nutui-steps-process-description-color, var(--nutui-color-primary, #ff0f23));
}

.nut-steps-horizontal .nut-step.nut-step-wait .nut-step-title {
  color: var(--nutui-steps-wait-title-color, var(--nutui-color-title, #1a1a1a));
}

.nut-steps-horizontal .nut-step.nut-step-wait .nut-step-description {
  color: var(--nutui-steps-wait-description-color, var(--nutui-color-text, #505259));
}

.nut-steps-horizontal-single .nut-step {
  padding-right: var(--nutui-steps-horizontal-item-padding-right, 28px);
}

.nut-steps-horizontal-single .nut-step-last {
  padding-right: 0 !important;
}

.nut-steps-horizontal-single .nut-step-line {
  height: var(--nutui-steps-base-head-height, 14px);
  width: var(--nutui-steps-horizontal-item-padding-right, 28px);
  padding: var(--nutui-steps-horizontal-item-line-padding, 0 8px);
  box-sizing: border-box;
  top: 0;
  right: 0;
}

.nut-steps-horizontal-single .nut-step-title, .nut-steps-horizontal-single .nut-step-description {
  padding-left: 4px;
}

.nut-steps-horizontal-single .nut-step-special {
  padding-right: var(--nutui-steps-horizontal-item-special-padding-right, 22px);
}

.nut-steps-horizontal-single .nut-step-special .nut-step-line {
  width: 100%;
}

.nut-steps-horizontal-single .nut-step-special .nut-step-title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 8px;
}

.nut-steps-horizontal-single.nut-steps-horizontal-count-3 .nut-step-special {
  padding-right: var(--nutui-steps-horizontal-item-special-3-padding-right, 9px);
}

.nut-steps-horizontal-double {
  justify-content: space-between;
  width: 100%;
}

.nut-steps-horizontal-double .nut-step {
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.nut-steps-horizontal-double .nut-step-line {
  height: var(--nutui-steps-base-head-height, 14px);
  width: 100%;
  top: 0;
  right: -50%;
}

.nut-steps-horizontal-double .nut-step-line-inner {
  height: var(--nutui-steps-base-line-height, 1px);
  background: var(--nutui-steps-base-line-background, var(--nutui-color-border, #0000000f));
  width: 100%;
  display: inline-flex;
}

.nut-steps-horizontal-double .nut-step-head {
  justify-content: center;
  margin-bottom: 6px;
}

.nut-steps-horizontal-double .nut-step-head-dot-wrap, .nut-steps-horizontal-double .nut-step-head-icon-wrap, .nut-steps-horizontal-double .nut-step-head-text-wrap {
  background-color: var(--nutui-steps-background-color, #fff);
  padding: var(--nutui-steps-horizontal-item-line-padding, 0 8px);
}

.nut-steps-horizontal-double .nut-step-head-icon {
  height: var(--nutui-steps-base-head-icon-size-right, 20px);
  width: var(--nutui-steps-base-head-icon-size-right, 20px);
}

.nut-steps-horizontal-double .nut-step-head-icon .nut-icon {
  width: 12px;
  height: 12px;
}

.nut-steps-horizontal-double .nut-step-main {
  align-items: center;
  margin-top: 2px;
  margin-left: 0;
}

.nut-steps-horizontal-double.nut-steps-horizontal-icon .nut-step-head, .nut-steps-horizontal-double.nut-steps-horizontal-icon .nut-step-line {
  height: var(--nutui-steps-base-head-icon-size-right, 20px);
}

.nut-steps-horizontal-double.nut-steps-horizontal-dot .nut-step-head, .nut-steps-horizontal-double.nut-steps-horizontal-dot .nut-step-line {
  height: var(--nutui-steps-base-head-dot-size, 6px);
}

.nut-steps-horizontal-double.nut-steps-horizontal-text .nut-step-head, .nut-steps-horizontal-double.nut-steps-horizontal-text .nut-step-line {
  height: var(--nutui-steps-base-head-text-size, 12px);
}

.nut-steps-vertical {
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.nut-steps-vertical .nut-step {
  padding-bottom: var(--nutui-steps-vertical-item-padding-bottom, 13px);
}

.nut-steps-vertical .nut-step-last {
  padding-bottom: 0 !important;
}

.nut-steps-vertical .nut-step-line {
  width: 1px;
  height: calc(100% - 4px);
  bottom: 0;
}

.nut-steps-vertical .nut-step-line-inner {
  height: 100%;
}

.nut-steps-vertical .nut-step-head {
  justify-content: center;
  align-items: center;
  height: 18px;
}

.nut-steps-vertical .nut-step-head-icon {
  width: var(--nutui-steps-vertical-item-icon-size, 20px);
  height: var(--nutui-steps-vertical-item-icon-size, 20px);
}

.nut-steps-vertical .nut-step-head-icon .nut-icon {
  width: 12px;
  height: 12px;
}

.nut-steps-vertical .nut-step-main {
  flex: 1;
  min-width: 0;
  height: auto;
  margin-left: 8px;
}

.nut-steps-vertical .nut-step-title {
  height: var(--nutui-steps-vertical-line-height, 18px);
  font-size: var(--nutui-steps-vertical-title-font-size, var(--nutui-font-size-l, 16px));
  margin-bottom: var(--nutui-steps-vertical-title-margin-bottom, 4px);
  align-items: center;
  font-weight: 500;
  display: flex;
  overflow: auto;
}

.nut-steps-vertical .nut-step-description {
  margin: var(--nutui-steps-vertical-description-margin, 0 0 1px);
  height: auto;
  line-height: var(--nutui-steps-vertical-line-height, 18px);
  color: var(--nutui-color-title, #1a1a1a);
  font-size: var(--nutui-steps-vertical-description-font-size, var(--nutui-font-size-base, 14px));
  box-sizing: border-box;
}

.nut-steps-vertical .nut-step-head-dot-wrap, .nut-steps-vertical .nut-step-head-icon-wrap, .nut-steps-vertical .nut-step-head-text-wrap {
  z-index: 1;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.nut-steps-vertical .nut-step-head-dot-wrap {
  height: calc(var(--nutui-steps-base-head-dot-size, 6px) + 8px);
}

.nut-steps-vertical .nut-step-head-icon-wrap {
  height: calc(var(--nutui-steps-vertical-item-icon-size, 20px) + 8px);
}

.nut-steps-vertical .nut-step-head-text-wrap {
  height: calc(var(--nutui-steps-base-head-text-size, 12px) + 8px);
}

.nut-steps-vertical-icon .nut-step-head {
  width: calc(var(--nutui-steps-vertical-item-icon-size, 20px) + 1px);
  min-width: calc(var(--nutui-steps-vertical-item-icon-size, 20px) + 1px);
}

.nut-steps-vertical-icon .nut-step-line {
  left: calc(var(--nutui-steps-vertical-item-icon-size, 20px) / 2);
}

.nut-steps-vertical-dot .nut-step-head {
  width: calc(var(--nutui-steps-base-head-dot-size, 6px) + 1px);
}

.nut-steps-vertical-dot .nut-step-line {
  left: calc(var(--nutui-steps-base-head-dot-size, 6px) / 2);
}

.nut-steps-vertical-text .nut-step-head {
  width: calc(var(--nutui-steps-base-head-text-size, 12px) + 1px);
  min-width: calc(var(--nutui-steps-base-head-text-size, 12px) + 1px);
}

.nut-steps-vertical-text .nut-step-line {
  left: calc(var(--nutui-steps-base-head-text-size, 12px) / 2);
}

.nut-steps-horizontal-enhanced .nut-step-finish .nut-step-head-icon, .nut-steps-horizontal-enhanced .nut-step-finish .nut-step-head-text, .nut-steps-vertical-enhanced .nut-step-finish .nut-step-head-icon, .nut-steps-vertical-enhanced .nut-step-finish .nut-step-head-text {
  background-color: var(--nutui-steps-enhanced-finish-head-background-color, var(--nutui-color-primary-light-pressed, #ffebf1));
}

.nut-steps-horizontal-enhanced .nut-step-finish .nut-step-head-icon .nut-icon, .nut-steps-horizontal-enhanced .nut-step-finish .nut-step-head-text .nut-icon, .nut-steps-vertical-enhanced .nut-step-finish .nut-step-head-icon .nut-icon, .nut-steps-vertical-enhanced .nut-step-finish .nut-step-head-text .nut-icon {
  color: var(--nutui-steps-enhanced-finish-head-icon-color, var(--nutui-color-primary-stop-1, #ff475d));
}

.nut-steps-horizontal-enhanced .nut-step-finish .nut-step-head-text, .nut-steps-vertical-enhanced .nut-step-finish .nut-step-head-text {
  color: var(--nutui-steps-enhanced-finish-head-text-color, var(--nutui-color-primary-stop-1, #ff475d));
}

.nut-steps-horizontal-enhanced .nut-step-finish .nut-step-head-dot, .nut-steps-vertical-enhanced .nut-step-finish .nut-step-head-dot {
  background-color: var(--nutui-steps-enhanced-finish-head-dot-background-color, var(--nutui-color-primary-disabled-special, #ffadbe));
}

.nut-sticky-fixed {
  position: fixed;
}

.nut-space {
  display: flex;
}

.nut-space-item {
  flex: none;
}

.nut-space-vertical {
  flex-direction: column;
}

.nut-space-vertical-item {
  margin-bottom: var(--nutui-space-gap, 8px);
}

.nut-space-vertical-item-last {
  margin-bottom: 0;
}

.nut-space-horizontal {
  flex-direction: row;
}

.nut-space-horizontal-item {
  margin-right: var(--nutui-space-gap, 8px);
}

.nut-space-horizontal-item-last {
  margin-right: 0;
}

.nut-space-horizontal-wrap {
  margin-bottom: calc(var(--nutui-space-gap, 8px) * -1);
  flex-wrap: wrap;
}

.nut-space-horizontal-wrap-item {
  padding-bottom: var(--nutui-space-gap, 8px);
}

.nut-space-align-center {
  align-items: center;
}

.nut-space-align-start {
  align-items: flex-start;
}

.nut-space-align-end {
  align-items: flex-end;
}

.nut-space-align-baseline {
  align-items: baseline;
}

.nut-space-justify-center {
  justify-content: center;
}

.nut-space-justify-start {
  justify-content: flex-start;
}

.nut-space-justify-end {
  justify-content: flex-end;
}

.nut-space-justify-between {
  justify-content: space-between;
}

.nut-space-justify-around {
  justify-content: space-around;
}

.nut-space-justify-evenly {
  justify-content: space-evenly;
}

.nut-space-justify-stretch {
  justify-content: stretch;
}

[dir="rtl"] .nut-space-horizontal > .nut-space-item, .nut-rtl .nut-space-horizontal > .nut-space-item {
  margin-right: 0;
  margin-left: var(--nutui-space-gap, 8px);
}

[dir="rtl"] .nut-space-horizontal > .nut-space-item:last-child, .nut-rtl .nut-space-horizontal > .nut-space-item:last-child {
  margin-left: 0;
  margin-right: 0;
}

.nut-step {
  display: flex;
  position: relative;
}

.nut-step-last .nut-step-line {
  display: none;
}

.nut-step-head {
  height: var(--nutui-steps-base-head-height, 14px);
  z-index: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.nut-step-head-text {
  height: var(--nutui-steps-base-head-text-size, 12px);
  width: var(--nutui-steps-base-head-text-size, 12px);
  background-color: var(--nutui-steps-base-head-background-color, var(--nutui-color-background, #f2f3f5));
  color: var(--nutui-steps-base-head-color, var(--nutui-color-text, #505259));
  font-size: var(--nutui-steps-base-icon-size, var(--nutui-font-size-xxs, 10px));
}

.nut-step-head-icon {
  height: var(--nutui-steps-base-head-icon-size, 16px);
  width: var(--nutui-steps-base-head-icon-size, 16px);
  background-color: var(--nutui-steps-base-head-background-color, var(--nutui-color-background, #f2f3f5));
}

.nut-step-head-icon .nut-icon {
  color: #fff;
}

.nut-step-head-dot {
  height: var(--nutui-steps-base-head-dot-size, 6px);
  width: var(--nutui-steps-base-head-dot-size, 6px);
  background-color: var(--nutui-steps-base-head-dot-background-color, var(--nutui-color-text-disabled, #c2c4cc));
}

.nut-step-head-dot, .nut-step-head-icon, .nut-step-head-text {
  box-sizing: border-box;
  border: var(--nutui-steps-base-head-border, none);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nut-step-line {
  z-index: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.nut-step-line-inner {
  height: var(--nutui-steps-base-line-height, 1px);
  background: var(--nutui-steps-base-line-background, var(--nutui-color-border, #0000000f));
  flex: 1;
  display: flex;
}

.nut-step-main {
  min-height: var(--nutui-steps-base-head-height, 14px);
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}

.nut-step-line, .nut-step-title {
  background-color: #fff;
}

.nut-step-title {
  z-index: 1;
  height: 14px;
  line-height: 14px;
  font-size: var(--nutui-steps-base-title-font-size, var(--nutui-font-size-s, 12px));
  color: var(--nutui-steps-base-title-color, var(--nutui-color-title, #1a1a1a));
  white-space: nowrap;
  position: relative;
  overflow: hidden;
}

.nut-step-description {
  height: 16px;
  margin-top: var(--nutui-steps-base-title-margin-bottom, 2px);
  line-height: 16px;
  font-size: var(--nutui-steps-base-description-font-size, var(--nutui-font-size-xxs, 10px));
  color: var(--nutui-steps-base-description-color, var(--nutui-color-text-help, #888b94));
  overflow: hidden;
}

.nut-step.nut-step-process .nut-step-head-icon, .nut-step.nut-step-process .nut-step-head-text, .nut-step.nut-step-process .nut-step-head-dot {
  background-color: var(--nutui-steps-process-head-background-color, var(--nutui-color-primary, #ff0f23));
}

.nut-step.nut-step-process .nut-step-head-text {
  color: var(--nutui-steps-process-color, #fff);
}

.nut-step.nut-step-wait .nut-step-head-icon .nut-icon {
  color: var(--nutui-steps-wait-icon-color, var(--nutui-color-text-help, #888b94));
}

.nut-step.nut-step-finish .nut-step-head-icon .nut-icon {
  color: var(--nutui-steps-finish-icon-color, var(--nutui-color-text-help, #888b94));
}

.nut-step.nut-step-business .nut-step-head-text {
  color: var(--nutui-steps-business-head-text-color, var(--nutui-color-service-pressed));
}

.nut-step.nut-step-business .nut-step-title {
  color: var(--nutui-steps-business-title-color, var(--nutui-color-service-pressed));
}

.nut-step.nut-step-business .nut-step-description {
  color: var(--nutui-steps-business-description-color, var(--nutui-color-service-pressed));
}

.nut-step.nut-step-business .nut-step-head-dot {
  background-color: var(--nutui-steps-business-head-dot-background-color, var(--nutui-color-service-pressed));
}

.nut-step.nut-step-business .nut-step-head-icon, .nut-step.nut-step-business .nut-step-head-text {
  background-color: var(--nutui-steps-business-head-background-color, var(--nutui-color-service));
}

.nut-step.nut-step-business .nut-step-head-icon .nut-icon {
  color: var(--nutui-steps-business-head-icon-color, var(--nutui-color-service-pressed));
}

.nut-skeleton {
  font-size: 0;
  line-height: 0;
}

.nut-skeleton-content {
  width: var(--nutui-skeleton-line-width, 100%);
  background: var(--nutui-skeleton-background, var(--nutui-color-background-sunken, #f7f8fc));
  border-radius: var(--nutui-skeleton-line-border-radius, var(--nutui-radius-xs, 4px));
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.nut-skeleton-content-normal {
  height: var(--nutui-skeleton-line-normal-height, 24px);
}

.nut-skeleton-content-large {
  height: var(--nutui-skeleton-line-large-height, 32px);
}

.nut-skeleton-content-small {
  height: var(--nutui-skeleton-line-small-height, 16px);
  margin-top: 8px;
}

.nut-skeleton-content-small-0 {
  margin-top: 0;
}

.nut-skeleton-animation {
  z-index: 1;
  background: linear-gradient(90deg, #0000, #00000005, #0000);
  width: 100%;
  height: 100%;
  animation-name: nut-skeleton;
  animation-duration: .6s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-play-state: running;
  animation-delay: 0s;
  animation-fill-mode: both;
  position: absolute;
  top: 0;
  left: 0;
}

@keyframes nut-skeleton {
  0% {
    transform: translate(-100%);
  }

  to {
    transform: translate(100%);
  }
}

[dir="rtl"] .nut-skeleton-animation, .nut-rtl .nut-skeleton-animation {
  animation: 2s linear infinite nut-skeleton-rtl;
  left: auto;
  right: 0;
}

@keyframes nut-skeleton-rtl {
  0% {
    transform: translate(100%);
  }

  to {
    transform: translate(-100%);
  }
}

.nut-signature .spcanvas_WEAPP {
  width: 100%;
  height: 100%;
}

.nut-signature .spcanvas_WEAPP Canvas {
  width: 100%;
}

.nut-signature-inner {
  height: var(--nutui-signature-height, 10rem);
  border: var(--nutui-signature-border-width, 1px) solid var(--nutui-signature-border-color, var(--nutui-color-border, #0000000f));
  background-color: var(--nutui-signature-background-color, var(--nutui-color-background-overlay, #fff));
  justify-content: center;
  align-items: center;
  display: flex;
}

.nut-signature-unsupport {
  font-size: var(--nutui-signature-font-size, var(--nutui-font-size-base, 14px));
}

.nut-segmented {
  height: var(--nutui-segmented-height, 24px);
  min-width: 24px;
  padding: var(--nutui-segmented-padding, var(--nutui-spacing-xxxs, 2px));
  border-radius: var(--nutui-segmented-radius, var(--nutui-radius-xs, 4px));
  background: var(--nutui-color-mask-part, #0006);
  box-sizing: border-box;
  align-items: center;
  display: inline-flex;
}

.nut-segmented-item {
  height: var(--nutui-segmented-height, 20px);
  padding: var(--nutui-segmented-item-padding, 0 var(--nutui-spacing-xs, 6px));
  border-radius: var(--nutui-segmented-item-radius, var(--nutui-radius-xs, 4px));
  color: var(--nutui-segmented-item-color, #fff);
  font-size: var(--nutui-segmented-item-fontsize, var(--nutui-font-size-s, 12px));
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  line-height: 1;
  display: flex;
}

.nut-segmented-item-active {
  background: var(--nutui-segmented-active-background, var(--nutui-color-mask-part, #0006));
}

.nut-segmented-icon {
  width: 10px;
  height: 10px;
  margin-right: var(--nutui-segmented-icon-margin-right, var(--nutui-spacing-xxxs, 2px));
}

.nut-segmented-icon .nut-icon {
  width: 10px;
  height: 10px;
  font-size: 10px;
}

.nut-shortpassword-popup {
  text-align: center;
  border-radius: 12px;
  padding: 32px 24px 28px;
}

.nut-shortpassword-title {
  line-height: 1;
  font-size: var(--nutui-font-size-l, 16px);
  color: var(--nutui-color-title, #1a1a1a);
  justify-content: center;
  display: flex;
}

.nut-shortpassword-description {
  line-height: 1;
  font-size: var(--nutui-font-size-s, 12px);
  color: var(--nutui-color-text, #505259);
  justify-content: center;
  margin-top: 12px;
  margin-bottom: 24px;
  display: flex;
}

.nut-shortpassword-input {
  text-align: center;
  padding: 0 0 10px;
  position: relative;
  overflow: hidden;
}

.nut-shortpassword-input-real {
  z-index: -99;
  border: 0;
  outline: 0;
  width: 247px;
  height: 41px;
  text-decoration: none;
  position: absolute;
  right: 0;
}

.nut-shortpassword-input-site {
  border-radius: 4px;
  width: 247px;
  height: 41px;
}

.nut-shortpassword-input-fake {
  box-sizing: border-box;
  background: var(--nutui-shortpassword-background-color, var(--nutui-color-background, #f2f3f5));
  border: 1px solid var(--nutui-shortpassword-border-color, var(--nutui-color-background, #f2f3f5));
  border-radius: 4px;
  width: 100%;
  height: 41px;
  margin: 0 auto;
  display: flex;
  position: absolute;
  top: 5%;
  left: 0;
}

.nut-shortpassword-input-fake-li {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nut-shortpassword-input-fake-li-icon {
  background: #000;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  display: inline-block;
}

.nut-shortpassword-message {
  justify-content: space-between;
  width: 247px;
  margin-top: 9px;
  display: flex;
}

.nut-shortpassword-message-error {
  line-height: 1;
  font-size: var(--nutui-font-size-xs, 11px);
  color: var(--nutui-shortpassword-error, var(--nutui-color-primary, #ff0f23));
}

.nut-shortpassword-message-forget {
  line-height: 1;
  font-size: var(--nutui-font-size-s, 12px);
  color: var(--nutui-shortpassword-forget, var(--nutui-color-text-help, #888b94));
  align-items: center;
  display: flex;
}

.nut-shortpassword-message-forget .nut-icon {
  margin-right: 3px;
}

.nut-shortpassword-footer {
  justify-content: space-between;
  margin-top: 20px;
  display: flex;
}

.nut-shortpassword-footer-cancel {
  border: 1px solid var(--nutui-color-primary, #ff0f23);
  line-height: 1;
  font-size: var(--nutui-font-size-base, 14px);
  color: var(--nutui-color-primary, #ff0f23);
  background: #fff;
  border-radius: 15px;
  padding: 8px 38px;
}

.nut-shortpassword-footer-sure {
  background: linear-gradient(135deg,var(--nutui-color-primary, #ff0f23) 0%,var(--nutui-color-primary-stop-2, #ff0f23) 100%);
  line-height: 1;
  font-size: var(--nutui-font-size-base, 14px);
  color: #fff;
  border-radius: 15px;
  padding: 8px 38px;
}

[dir="rtl"] .nut-shortpassword-input-real, .nut-rtl .nut-shortpassword-input-real {
  left: 0;
  right: auto;
}

[dir="rtl"] .nut-shortpassword-input-fake, .nut-rtl .nut-shortpassword-input-fake {
  left: auto;
  right: 0;
}

[dir="rtl"] .nut-shortpassword-footer-sure, .nut-rtl .nut-shortpassword-footer-sure {
  background: linear-gradient(-135deg,var(--nutui-color-primary, #ff0f23) 0%,var(--nutui-color-primary-stop-2, #ff0f23) 100%);
}

.nut-sidebaritem {
  background-color: var(--nutui-sidebar-item-background, #fff);
  width: 100%;
  height: 100%;
  color: var(--nutui-color-title, #1a1a1a);
  padding: var(--nutui-sidebar-item-padding, 24px 20px);
  box-sizing: border-box;
  flex-shrink: 0;
  display: block;
  overflow: auto;
}

.nut-sidebaritem.inactive {
  height: 0;
  overflow: visible;
}

.nut-sidebar {
  display: flex;
}

.nut-sidebar-content {
  flex-direction: column;
  height: 100%;
}

.nut-sidebar-content-wrap {
  flex: 1;
  overflow: hidden;
}

.nut-sidebar-titles {
  background: var(--nutui-sidebar-background-color, var(--nutui-color-background, #f2f3f5));
  border-radius: var(--nutui-sidebar-border-radius, 0);
  height: 100%;
  width: var(--nutui-sidebar-width, 104px);
  max-width: var(--nutui-sidebar-max-width, 128px);
  flex-direction: column;
  flex-shrink: 0;
}

.nut-sidebar-titles::-webkit-scrollbar {
  background: none;
  width: 0;
  display: none;
}

.nut-sidebar-titles .nut-sidebar-list {
  flex-direction: column;
  flex-shrink: 0;
  width: 100%;
  display: flex;
}

.nut-sidebar-titles-scrollable {
  overflow-x: hidden;
  overflow-y: auto;
}

.nut-sidebar-titles-item {
  cursor: pointer;
  height: var(--nutui-sidebar-title-height, 52px);
  font-size: var(--nutui-sidebar-inactive-font-size, var(--nutui-font-size-base, 14px));
  color: var(--nutui-color-text, #505259);
  justify-content: center;
  align-items: center;
  display: flex;
}

.nut-sidebar-titles-item-text {
  text-align: center;
  white-space: normal;
  width: var(--nutui-sidebar-width, 104px);
}

.nut-sidebar-titles-item-active .nut-sidebar-titles-item-text {
  color: var(--nutui-sidebar-active-color, var(--nutui-color-primary, #ff0f23));
  font-family: PingFangSC-Semibold;
  font-weight: var(--nutui-sidebar-active-font-weight, var(--nutui-font-weight-bold, 600));
  font-size: var(--nutui-sidebar-active-font-size, var(--nutui-font-size-l, 16px));
}

.nut-sidebar-titles-item-disabled {
  color: var(--nutui-color-text-disabled, #c2c4cc);
  cursor: not-allowed;
}

.nut-searchbar {
  width: var(--nutui-searchbar-width, 100%);
  padding: var(--nutui-searchbar-padding, 1px 8px);
  background: var(--nutui-searchbar-background, var(--nutui-color-background-sunken, #f7f8fc));
  color: var(--nutui-searchbar-color, var(--nutui-color-title, #1a1a1a));
  font-size: var(--nutui-searchbar-font-size, var(--nutui-font-size-base, 14px));
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nut-searchbar .nut-icon {
  width: var(--nutui-searchbar-icon-size, 20px);
  height: var(--nutui-searchbar-icon-size, 20px);
  font-size: var(--nutui-searchbar-icon-size, 20px);
}

.nut-searchbar-content {
  padding: 0 var(--nutui-searchbar-gap, 12px);
  height: var(--nutui-searchbar-input-height, 38px);
  background: var(--nutui-searchbar-content-background, var(--nutui-color-background-overlay, #fff));
  border-radius: var(--nutui-searchbar-content-border-radius, 8px);
  border: 1px solid var(--nutui-color-primary, #ff0f23);
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.nut-searchbar-icon {
  color: var(--nutui-color-primary, #ff0f23);
  justify-content: center;
  align-items: center;
  display: flex;
}

.nut-searchbar-leftin {
  margin-right: var(--nutui-searchbar-inner-gap, 8px);
}

.nut-searchbar-rightin {
  color: var(--nutui-color-primary, #ff0f23);
  font-size: 15px;
  font-weight: 500;
}

.nut-searchbar-rightin.nut-searchbar-icon {
  color: var(--nutui-black-5);
}

.nut-searchbar-input-box, .nut-searchbar-input {
  flex: 1;
  align-items: center;
  display: flex;
}

.nut-searchbar-input {
  box-sizing: border-box;
  width: 100%;
  font-size: var(--nutui-searchbar-font-size, var(--nutui-font-size-base, 14px));
  color: var(--nutui-searchbar-input-text-color, var(--nutui-color-title, #1a1a1a));
  caret-color: var(--nutui-searchbar-input-curror-color, var(--nutui-color-primary, #ff0f23));
  text-align: var(--nutui-searchbar-input-text-align, left);
  background: none;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
}

.nut-searchbar-clear.nut-searchbar-icon {
  position: relative;
}

.nut-searchbar-clear.nut-searchbar-icon .nut-icon {
  width: 12px;
  height: 12px;
  color: var(--nutui-black-5);
  margin-right: var(--nutui-searchbar-inner-gap, 8px);
}

.nut-searchbar-clear.nut-searchbar-icon:after {
  content: "";
  width: 100%;
  height: 200%;
  position: absolute;
  left: -20%;
}

.nut-searchbar-values {
  z-index: 2;
  background-color: #fff;
  flex-direction: row;
  font-size: 12px;
  line-height: 12px;
  display: flex;
  position: absolute;
  top: 9px;
  left: 6px;
}

.nut-searchbar-values .nut-searchbar-value {
  background-color: #f7f8fc;
  border-radius: 4px;
  flex-direction: row;
  align-items: center;
  margin-right: 2px;
  padding: 4px 8px;
  display: flex;
}

.nut-searchbar-values .nut-icon {
  color: #c2c4cc;
  width: 6px;
  height: 6px;
  margin-left: 4px;
  font-size: 6px;
}

.nut-searchbar-left, .nut-searchbar-right {
  align-items: center;
  display: inline-flex;
}

.nut-searchbar-left.nut-icon, .nut-searchbar-right.nut-icon {
  width: 20px;
  height: 20px;
}

.nut-searchbar-left, .nut-searchbar-left > div, .nut-searchbar-left > span, .nut-searchbar-left > i, .nut-searchbar-left > svg, .nut-searchbar-left .nut-icon {
  margin-right: var(--nutui-searchbar-gap, 12px);
}

.nut-searchbar-left > div:last-child, .nut-searchbar-left > span:last-child, .nut-searchbar-left > i:last-child, .nut-searchbar-left > svg:last-child, .nut-searchbar-left .nut-icon:last-child {
  margin-right: 0;
}

.nut-searchbar-right, .nut-searchbar-right > div, .nut-searchbar-right > span, .nut-searchbar-right > i, .nut-searchbar-right > svg, .nut-searchbar-right .nut-icon {
  margin-left: var(--nutui-searchbar-gap, 12px);
}

.nut-searchbar-right > div:first-child, .nut-searchbar-right > span:first-child, .nut-searchbar-right > i:first-child, .nut-searchbar-right > svg:first-child, .nut-searchbar-right .nut-icon:first-child {
  margin-left: 0;
}

.nut-searchbar-left > text, .nut-searchbar-left > view {
  margin-right: var(--nutui-searchbar-gap, 12px);
}

.nut-searchbar-left > text:last-child, .nut-searchbar-left > view:last-child {
  margin-right: 0;
}

.nut-searchbar-right > text, .nut-searchbar-right > view {
  margin-left: var(--nutui-searchbar-gap, 12px);
}

.nut-searchbar-right > text:first-child, .nut-searchbar-right > view:first-child {
  margin-left: 0;
}

.nut-searchbar-round {
  border-radius: var(--nutui-searchbar-content-round-border-radius, 19px);
}

.nut-searchbar-disabled {
  cursor: not-allowed;
}

.nut-searchbar-focus {
  padding: 5px var(--nutui-searchbar-gap, 12px);
}

.nut-searchbar-focus .nut-searchbar-content {
  border: .5px solid #ff5c67;
}

[dir="rtl"] .nut-searchbar-left, .nut-rtl .nut-searchbar-left, [dir="rtl"] .nut-searchbar-left > div, [dir="rtl"] .nut-searchbar-left > span, [dir="rtl"] .nut-searchbar-left > svg, .nut-rtl .nut-searchbar-left > div, .nut-rtl .nut-searchbar-left > span, .nut-rtl .nut-searchbar-left > svg {
  margin-right: 0;
  margin-left: var(--nutui-searchbar-gap, 12px);
}

[dir="rtl"] .nut-searchbar-left > div.nut-icon, [dir="rtl"] .nut-searchbar-left > span.nut-icon, [dir="rtl"] .nut-searchbar-left > svg.nut-icon, .nut-rtl .nut-searchbar-left > div.nut-icon, .nut-rtl .nut-searchbar-left > span.nut-icon, .nut-rtl .nut-searchbar-left > svg.nut-icon {
  transform: rotate(180deg);
}

[dir="rtl"] .nut-searchbar-left > div:last-child, [dir="rtl"] .nut-searchbar-left > span:last-child, [dir="rtl"] .nut-searchbar-left > svg:last-child, .nut-rtl .nut-searchbar-left > div:last-child, .nut-rtl .nut-searchbar-left > span:last-child, .nut-rtl .nut-searchbar-left > svg:last-child {
  margin-left: 0;
  margin-right: 0;
}

[dir="rtl"] .nut-searchbar-right, .nut-rtl .nut-searchbar-right, [dir="rtl"] .nut-searchbar-right > div, [dir="rtl"] .nut-searchbar-right > span, [dir="rtl"] .nut-searchbar-right > svg, .nut-rtl .nut-searchbar-right > div, .nut-rtl .nut-searchbar-right > span, .nut-rtl .nut-searchbar-right > svg {
  margin-left: 0;
  margin-right: var(--nutui-searchbar-gap, 12px);
}

[dir="rtl"] .nut-searchbar-right > div:first-child, [dir="rtl"] .nut-searchbar-right > span:first-child, [dir="rtl"] .nut-searchbar-right > svg:first-child, .nut-rtl .nut-searchbar-right > div:first-child, .nut-rtl .nut-searchbar-right > span:first-child, .nut-rtl .nut-searchbar-right > svg:first-child {
  margin-left: 0;
  margin-right: 0;
}

[dir="rtl"] .nut-searchbar-left > text, [dir="rtl"] .nut-searchbar-left > view, .nut-rtl .nut-searchbar-left > text, .nut-rtl .nut-searchbar-left > view {
  margin-right: 0;
  margin-left: var(--nutui-searchbar-gap, 12px);
}

[dir="rtl"] .nut-searchbar-left > text:last-child, [dir="rtl"] .nut-searchbar-left > view:last-child, .nut-rtl .nut-searchbar-left > text:last-child, .nut-rtl .nut-searchbar-left > view:last-child {
  margin-left: 0;
  margin-right: 0;
}

[dir="rtl"] .nut-searchbar-right > text, [dir="rtl"] .nut-searchbar-right > view, .nut-rtl .nut-searchbar-right > text, .nut-rtl .nut-searchbar-right > view {
  margin-left: 0;
  margin-right: var(--nutui-searchbar-gap, 12px);
}

[dir="rtl"] .nut-searchbar-right > text:first-child, [dir="rtl"] .nut-searchbar-right > view:first-child, .nut-rtl .nut-searchbar-right > text:first-child, .nut-rtl .nut-searchbar-right > view:first-child {
  margin-left: 0;
  margin-right: 0;
}

[dir="rtl"] .nut-searchbar-input, .nut-rtl .nut-searchbar-input {
  text-align: var(--nutui-searchbar-input-text-align, right);
}

.nut-row {
  flex-direction: row;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.nut-row:after {
  clear: both;
  visibility: hidden;
  content: "";
  height: 0;
  display: block;
}

.nut-row-flex {
  display: flex;
}

.nut-row-flex:after {
  display: none;
}

.nut-row-justify-center {
  justify-content: center;
}

.nut-row-justify-end {
  justify-content: flex-end;
}

.nut-row-justify-space-between {
  justify-content: space-between;
  align-items: center;
}

.nut-row-justify-space-around {
  justify-content: space-around;
}

.nut-row-align-flex-start {
  align-items: flex-start;
}

.nut-row-align-center {
  align-items: center;
}

.nut-row-align-flex-end {
  align-items: flex-end;
}

.nut-row-flex-wrap {
  flex-wrap: wrap;
}

.nut-row-flex-nowrap {
  flex-wrap: nowrap;
}

.nut-row-flex-reverse {
  flex-wrap: wrap-reverse;
}

.nut-safe-area {
  width: 100%;
  display: flex;
}

.nut-safe-area-position-top {
  padding-top: calc(env(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1));
}

.nut-safe-area-position-bottom {
  padding-bottom: calc(env(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1));
}

.nut-resultpage {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  display: flex;
}

.nut-resultpage-icon {
  margin-bottom: var(--nutui-resultpage-icon-margin-bottom, 12px);
  display: inline-flex;
}

.nut-resultpage-icon .nut-icon {
  height: var(--nutui-resultpage-icon-size, 36px);
  width: var(--nutui-resultpage-icon-size, 36px);
}

.nut-resultpage-title {
  width: var(--nutui-resultpage-width, 240px);
  margin-bottom: var(--nutui-resultpage-title-margin-bottom, 12px);
  font-size: var(--nutui-resultpage-title-font-size, var(--nutui-font-size-xl, 18px));
  color: var(--nutui-resultpage-title-color, var(--nutui-color-title, #1a1a1a));
  font-weight: var(--nutui-font-weight-bold, 600);
  text-align: center;
}

.nut-resultpage-description {
  width: var(--nutui-resultpage-width, 240px);
  line-height: var(--nutui-resultpage-description-line-height, 20px);
  font-size: var(--nutui-resultpage-description-font-size, var(--nutui-font-size-base, 14px));
  color: var(--nutui-resultpage-description-color, var(--nutui-color-text, #505259));
  -webkit-line-clamp: 2;
  word-break: break-all;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.nut-resultpage-actions {
  margin-top: var(--nutui-resultpage-actions-margin-top, 16px);
  flex-direction: row;
  display: flex;
}

.nut-resultpage-actions .nut-button-children {
  white-space: nowrap;
}

.nut-resultpage-action {
  margin-left: 6px;
  margin-right: 6px;
}

.nut-rate {
  touch-action: pan-x;
  display: flex;
}

.nut-rate.disabled .nut-rate-item-icon {
  cursor: not-allowed;
}

.nut-rate.readonly .nut-rate-item-icon {
  cursor: default;
}

.nut-rate-item {
  flex-shrink: 0;
  align-items: center;
  display: flex;
  position: relative;
}

.nut-rate-item-half {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 50% !important;
}

.nut-rate-item-half .nut-icon {
  flex-shrink: 0;
}

.nut-rate-item-normal {
  margin-left: var(--nutui-rate-item-margin, 4px);
}

.nut-rate-item-normal .nut-icon {
  height: var(--nutui-rate-icon-size, 12px);
  width: var(--nutui-rate-icon-size, 12px);
}

.nut-rate-item-large {
  margin-left: calc(var(--nutui-rate-item-margin, 4px) * 2);
}

.nut-rate-item-large .nut-icon {
  height: calc(var(--nutui-rate-icon-size, 12px) + 8px);
  width: calc(var(--nutui-rate-icon-size, 12px) + 8px);
}

.nut-rate-item-small {
  margin-left: calc(var(--nutui-rate-item-margin, 4px) / 2);
}

.nut-rate-item-small .nut-icon {
  height: calc(var(--nutui-rate-icon-size, 12px) - 4px);
  width: calc(var(--nutui-rate-icon-size, 12px) - 4px);
}

.nut-rate-item-normal:first-child, .nut-rate-item-large:first-child, .nut-rate-item-small:first-child {
  margin-left: 0;
}

.nut-rate-item-icon {
  cursor: pointer;
  align-items: center;
  display: flex;
}

.nut-rate-item-icon .nut-icon {
  color: var(--nutui-rate-icon-color, var(--nutui-color-primary-icon, #f33));
}

.nut-rate-item-icon-disabled .nut-icon {
  color: var(--nutui-rate-icon-inactive-color, var(--nutui-color-primary-icon-disabled, #dadce0));
}

.nut-rate-item-icon.nut-rate-item-icon.nut-rate-item-icon-half {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.nut-rate-item-icon.nut-rate-item-icon:before {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
}

.nut-rate-score {
  color: var(--nutui-rate-font-color, var(--nutui-color-primary-icon, #f33));
  align-items: center;
  font-family: JD;
  line-height: 1;
  display: inline-flex;
}

.nut-rate-score-normal {
  padding-left: var(--nutui-rate-item-margin, 4px);
  font-size: var(--nutui-rate-font-size, 12px);
}

.nut-rate-score-large {
  font-size: calc(var(--nutui-rate-font-size, 12px) + 6px);
  padding-left: calc(var(--nutui-rate-item-margin, 4px) * 2);
}

.nut-rate-score-small {
  font-size: calc(var(--nutui-rate-font-size, 12px) - 2px);
  padding-left: calc(var(--nutui-rate-item-margin, 4px) / 2);
}

.nut-rate-score-disabled {
  color: var(--nutui-rate-icon-inactive-color, var(--nutui-color-primary-icon-disabled, #dadce0));
}

[dir="rtl"] .nut-rate-item, .nut-rtl .nut-rate-item {
  margin-left: 0;
}

[dir="rtl"] .nut-rate-item:first-child, .nut-rtl .nut-rate-item:first-child {
  margin-right: 0;
}

[dir="rtl"] .nut-rate-item-normal, .nut-rtl .nut-rate-item-normal {
  margin-right: var(--nutui-rate-item-margin, 4px);
}

[dir="rtl"] .nut-rate-item-large, .nut-rtl .nut-rate-item-large {
  margin-right: calc(var(--nutui-rate-item-margin, 4px) * 2);
}

[dir="rtl"] .nut-rate-item-small, .nut-rtl .nut-rate-item-small {
  margin-right: calc(var(--nutui-rate-item-margin, 4px) - 2px);
}

[dir="rtl"] .nut-rate-item:last-child, .nut-rtl .nut-rate-item:last-child {
  margin-left: 0;
}

[dir="rtl"] .nut-rate-item-half, .nut-rtl .nut-rate-item-half, [dir="rtl"] .nut-rate-item-icon.nut-rate-item-icon.nut-rate-item-icon-half, .nut-rtl .nut-rate-item-icon.nut-rate-item-icon.nut-rate-item-icon-half {
  left: auto;
  right: 0;
}

[dir="rtl"] .nut-rate-item-icon.nut-rate-item-icon:before, .nut-rtl .nut-rate-item-icon.nut-rate-item-icon:before {
  left: auto;
  right: auto;
}

[dir="rtl"] .nut-rate-score, .nut-rtl .nut-rate-score {
  padding-left: 0;
}

[dir="rtl"] .nut-rate-score-large, .nut-rtl .nut-rate-score-large {
  padding-right: calc(var(--nutui-rate-item-margin, 4px) * 2);
}

[dir="rtl"] .nut-rate-score-normal, .nut-rtl .nut-rate-score-normal {
  padding-right: var(--nutui-rate-item-margin, 4px);
}

[dir="rtl"] .nut-rate-score-small, .nut-rtl .nut-rate-score-small {
  padding-right: calc(var(--nutui-rate-item-margin, 4px) - 2px);
}

.nut-range-container {
  width: 100%;
  height: var(--nutui-range-height, 4px);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.nut-range-container-native {
  height: auto;
}

.nut-range {
  height: var(--nutui-range-height, 4px);
  margin: 0 var(--nutui-range-margin, 15px);
  background-color: var(--nutui-range-inactive-color, var(--nutui-color-primary-light-pressed, #ffebf1));
  cursor: pointer;
  border-radius: 2px;
  flex: 1;
  display: block;
  position: relative;
}

.nut-range:before {
  content: "";
  position: absolute;
  top: -8px;
  bottom: -8px;
  left: 0;
  right: 0;
}

.nut-range-min, .nut-range-max {
  font-size: var(--nutui-font-size-s, 12px);
  color: var(--nutui-range-color, var(--nutui-color-title, #1a1a1a));
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.nut-range-bar {
  background: var(--nutui-range-active-color, var(--nutui-color-primary, #ff0f23));
  border-radius: 2px;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  display: block;
  position: relative;
}

.nut-range-bar-animate {
  transition: all .2s;
}

.nut-range-button {
  width: var(--nutui-range-button-width, 24px);
  height: var(--nutui-range-button-height, 24px);
  background: var(--nutui-range-button-background, #fff);
  border: var(--nutui-range-button-border, 1px solid var(--nutui-color-primary, #ff0f23));
  border-radius: 50%;
  outline: none;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: 0 1px 2px #00000026;
}

.nut-range-button-wrapper, .nut-range-button-wrapper-right, .nut-range-button-wrapper-left {
  width: var(--nutui-range-button-width, 24px);
  height: var(--nutui-range-button-height, 24px);
}

.nut-range-button-wrapper, .nut-range-button-wrapper-right {
  touch-action: none;
  cursor: grab;
  outline: none;
  position: absolute;
  top: 50%;
  left: 100%;
}

.nut-range-button-wrapper-left {
  cursor: grab;
  touch-action: none;
  outline: none;
  position: absolute;
  top: 50%;
  left: 0;
}

.nut-range-button-number {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 200%;
  height: 24px;
  line-height: 14px;
  font-size: var(--nutui-font-size-s, 12px);
  color: var(--nutui-range-color, var(--nutui-color-title, #1a1a1a));
  text-align: center;
  vertical-align: center;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  padding: 5px 0;
  display: flex;
  position: relative;
  left: 50%;
}

.nut-range-disabled {
  cursor: not-allowed;
  opacity: .54;
}

.nut-range-disabled .nut-range-button-wrapper, .nut-range-disabled .nut-range-button-wrapper-left, .nut-range-disabled .nut-range-button-wrapper-right {
  cursor: not-allowed;
}

.nut-range-mark {
  width: 100%;
  height: 14px;
  position: absolute;
  top: 50%;
  overflow: visible;
}

.nut-range-mark-text-wrapper {
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 14px;
  transform: translate(-10px);
}

.nut-range-mark-text {
  color: #999;
  text-align: center;
  word-break: keep-all;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: 12px;
  line-height: 16px;
  position: absolute;
}

.nut-range-tick {
  background: var(--nutui-range-inactive-color, var(--nutui-color-primary-light-pressed, #ffebf1));
  border-radius: 6px;
  width: 11px;
  height: 11px;
  position: absolute;
  top: -20px;
  left: 0;
}

.nut-range-tick-active {
  background: var(--nutui-range-active-color, var(--nutui-color-primary, #ff0f23));
}

.nut-range-vertical-container {
  flex-direction: column;
  height: 100%;
  padding: 0 15px;
}

.nut-range-vertical {
  width: var(--nutui-range-height, 4px);
  margin: var(--nutui-range-margin, 15px) 0px;
}

.nut-range-vertical-button-wrapper, .nut-range-vertical-button-wrapper-right {
  top: initial;
  top: 100%;
  left: 50%;
  right: initial;
  position: absolute;
}

.nut-range-vertical-button-wrapper-left {
  top: 0;
  left: 50%;
  right: initial;
}

.nut-range-vertical-button-number {
  top: 50%;
  left: 0;
}

.nut-range-vertical-mark {
  width: 36px;
  height: 100%;
  padding: 0;
  font-size: 12px;
  position: absolute;
  top: 0;
  right: 50%;
  overflow: visible;
}

.nut-range-vertical-mark-hm {
  left: -34px;
}

.nut-range-vertical-mark-text-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  height: 16px;
  display: inline-block;
  position: absolute;
  transform: translateY(-11px);
}

.nut-range-vertical-mark-text {
  color: #999;
  text-align: center;
  word-break: keep-all;
  height: 100%;
  line-height: 16px;
}

.nut-range-vertical-tick {
  background: var(--nutui-range-inactive-color, var(--nutui-color-primary-light-pressed, #ffebf1));
  border-radius: 5px;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 2px;
  left: 31px;
}

.nut-range-vertical-tick-active {
  background: var(--nutui-range-active-color, var(--nutui-color-primary, #ff0f23));
}

[dir="rtl"] .nut-range-button-wrapper, [dir="rtl"] .nut-range-button-wrapper-right, .rtl-nut-range-button-wrapper, .rtl-nut-range-button-wrapper-right {
  left: 0;
  right: initial;
}

[dir="rtl"] .nut-range-button-wrapper-left, .rtl-nut-range-button-wrapper-left, [dir="rtl"] .nut-range-tick, .rtl-nut-range-tick {
  right: 0;
  left: initial;
}

[dir="rtl"] .nut-range-mark-text, .rtl-nut-range-mark-text {
  transform: translate(10px);
}

[dir="rtl"] .nut-range-vertical-button-wrapper, [dir="rtl"] .nut-range-vertical-button-wrapper-right, .rtl-nut-range-vertical-button-wrapper, .rtl-nut-range-vertical-button-wrapper-right, [dir="rtl"] .nut-range-vertical-button-wrapper-left, .rtl-nut-range-vertical-button-wrapper-left {
  right: 50%;
  left: initial;
}

[dir="rtl"] .nut-range-vertical-mark, .rtl-nut-range-vertical-mark {
  left: 50%;
  right: auto;
}

[dir="rtl"] .nut-range-vertical-tick, .rtl-nut-range-vertical-tick {
  margin-left: 0;
  margin-right: 0;
  left: auto;
  right: 30px;
}

[dir="rtl"] .nut-range-vertical-mark-text-wrapper, .rtl-nut-range-vertical-mark-text-wrapper {
  transform: translateY(-11px);
}

.nut-pulltorefresh-head {
  font-size: 12px;
  position: relative;
  overflow: hidden;
}

.nut-pulltorefresh-head-content {
  width: 100%;
  color: var(--nutui-color-text-help, #888b94);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
}

.nut-pulltorefresh-head-content-icons {
  width: var(--nutui-pulltorefresh-icon-width, 36px);
  height: var(--nutui-pulltorefresh-icon-height, 26px);
  margin-bottom: 4px;
}

.nut-pulltorefresh-primary {
  background: var(--nutui-pulltorefresh-color-primary, var(--nutui-color-primary, #ff0f23));
}

.nut-pulltorefresh-primary-content, .nut-pulltorefresh-primary-head-content {
  color: var(--nutui-color-text-dark, #ffffffe6);
}

.nut-pulltorefresh-primary-status-text {
  color: #fff;
}

[dir="rtl"] .nut-pulltorefresh-head-content, .nut-rtl .nut-pulltorefresh-head-content {
  left: auto;
  right: 0;
}

.nut-progress {
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.nut-progress-outer {
  border-radius: var(--nutui-progress-border-radius, 12px);
  height: var(--nutui-progress-height, 10px);
  background: var(--nutui-progress-background, var(--nutui-color-background, #f2f3f5));
  flex: 1;
}

.nut-progress-outer .nut-progress-active:before {
  content: "";
  border-radius: var(--nutui-progress-border-radius, 12px);
  animation: 2s ease-in-out infinite progressActive;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.nut-progress-inner {
  border-radius: var(--nutui-progress-border-radius, 12px);
  background: var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #ff475d) 0%, var(--nutui-color-primary-stop-2, #ff0f23) 100%));
  flex-direction: column;
  justify-content: center;
  height: 100%;
  transition: all .4s;
  display: flex;
}

.nut-progress-text {
  color: var(--nutui-color-text-help, #888b94);
  font-family: PingFang SC;
  font-size: var(--nutui-progress-text-font-size, 13px);
  align-items: center;
  margin-left: 12px;
  transition: all .4s;
  display: flex;
}

@keyframes progressActive {
  0% {
    background: #ffffff1a;
    width: 0;
  }

  20% {
    background: #ffffff80;
    width: 0;
  }

  to {
    background: #fff0;
    width: 100%;
  }
}

[dir="rtl"] .nut-progress-text, .nut-rtl .nut-progress-text {
  transform: translate(50%);
}

.nut-radio {
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.nut-radio.nut-radio-reverse {
  flex-direction: row-reverse;
}

.nut-radio.nut-radio-reverse .nut-radio-label {
  margin-right: var(--nutui-radio-label-margin-left, 4px);
  margin-left: 0;
}

.nut-radio-label {
  margin-left: var(--nutui-radio-label-margin-left, 4px);
  font-size: var(--nutui-radio-label-font-size, var(--nutui-font-size-s, 12px));
  color: var(--nutui-radio-label-color, var(--nutui-color-title, #1a1a1a));
}

.nut-radio-label-disabled {
  color: var(--nutui-radio-label-disable-color, var(--nutui-color-text-disabled, #c2c4cc));
}

.nut-radio-icon {
  color: var(--nutui-color-text-disabled, #c2c4cc);
  font-size: var(--nutui-radio-icon-font-size, var(--nutui-font-size-l, 16px));
  transition-property: color, border-color, background-color;
  transition-duration: .3s;
}

.nut-radio-icon-checked {
  color: var(--nutui-color-primary, #ff0f23);
  border-radius: 50%;
  box-shadow: 0 2px 4px #ff0f2333;
}

.nut-radio-icon-checked.nut-radio-icon-disabled {
  color: var(--nutui-color-primary-disabled-special, #ffadbe);
  box-shadow: none;
}

.nut-radio-icon-disabled {
  color: var(--nutui-color-text-disabled, #c2c4cc);
}

.nut-radio-button {
  min-height: 30px;
  padding: var(--nutui-radio-button-padding, 5px 18px);
  font-size: var(--nutui-radio-button-font-size, var(--nutui-font-size-s, 12px));
  background: var(--nutui-radio-button-background, #fa2c190d);
  border-radius: var(--nutui-radio-button-border-radius, 15px);
  color: var(--nutui-radio-label-color, var(--nutui-color-title, #1a1a1a));
  box-sizing: border-box;
  border: 1px solid var(--nutui-radio-button-background, #fa2c190d);
  align-items: center;
  display: inline-flex;
}

.nut-radio-button-active {
  background: var(--nutui-color-primary-light-pressed, #ffebf1);
  color: var(--nutui-color-primary, #ff0f23);
  border: var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #ff0f23));
}

.nut-radio-button-disabled {
  color: var(--nutui-color-text-disabled, #c2c4cc);
  border: 1px solid var(--nutui-radio-button-background, #fa2c190d);
}

.nut-radio .nut-radio-button-active.nut-radio-button-disabled {
  background: var(--nutui-color-text-disabled, #c2c4cc);
  color: #fff;
  border: 1px solid var(--nutui-color-text-disabled, #c2c4cc);
}

[dir="rtl"] .nut-radio:last-child, .nut-rtl .nut-radio:last-child {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

[dir="rtl"] .nut-radio.nut-radio-reverse .nut-radio-label, .nut-rtl .nut-radio.nut-radio-reverse .nut-radio-label {
  margin-left: var(--nutui-radio-label-margin-left, 4px);
  margin-right: 0;
}

[dir="rtl"] .nut-radio-label, .nut-rtl .nut-radio-label {
  margin-left: 0;
  margin-right: var(--nutui-radio-label-margin-left, 4px);
}

.nut-radiogroup .nut-radio {
  margin: 0 var(--nutui-radiogroup-radio-margin, 20px) var(--nutui-radiogroup-radio-margin-bottom, 5px) 0;
}

.nut-radiogroup .nut-radio-label {
  margin: var(--nutui-radiogroup-radio-label-margin, 0 5px);
}

.nut-radiogroup .nut-radio-button {
  background-color: var(--nutui-radio-button-background, #fa2c190d);
}

.nut-radiogroup .nut-radio:last-child {
  margin: 0;
}

.nut-radiogroup-vertical .nut-radio.nut-radio-reverse {
  justify-content: space-between;
  width: 100%;
}

.nut-radiogroup-vertical .nut-radio-button {
  border: 1px solid var(--nutui-radio-button-background, #fa2c190d);
}

.nut-radiogroup-vertical .nut-radio-button-active {
  border: var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #ff0f23));
  background-color: var(--nutui-color-primary-light-pressed, #ffebf1);
}

.nut-radiogroup-horizontal {
  display: flex;
}

.nut-radiogroup-horizontal .nut-radio-button {
  border: 1px solid #fff;
}

.nut-radiogroup-horizontal .nut-radio-button-active {
  border: var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #ff0f23));
  background-color: var(--nutui-color-primary-light-pressed, #ffebf1);
}

.nut-radiogroup-horizontal .nut-radio:last-child {
  margin: 0 var(--nutui-radiogroup-radio-margin, 20px) var(--nutui-radiogroup-radio-margin-bottom, 5px) 0;
}

.nut-radiogroup .nut-radio-button-active.nut-radio-button-disabled {
  background: var(--nutui-color-text-disabled, #c2c4cc);
  color: #fff;
  border: 1px solid var(--nutui-color-text-disabled, #c2c4cc);
}

[dir="rtl"] .nut-radiogroup .nut-radio, .nut-rtl .nut-radiogroup .nut-radio {
  margin-left: var(--nutui-radiogroup-radio-margin, 20px);
  margin-right: 0;
}

.nut-popover {
  word-break: normal;
  display: inline-block;
  position: absolute;
}

.nut-popover-arrow {
  width: 8px;
  height: 4px;
  position: absolute;
}

.nut-popover-arrow .nut-icon-ArrowRadius {
  color: var(--nutui-popover-content-background-color, #fff);
  position: absolute;
}

.nut-popover-arrow-top {
  bottom: -4px;
}

.nut-popover-arrow-bottom {
  top: -4px;
}

.nut-popover-arrow-left {
  transform-origin: top;
  right: -6px;
}

.nut-popover-arrow-left.nut-popover-arrow-left {
  top: 50%;
  transform: rotate(90deg)translateY(-50%);
}

.nut-popover-arrow-left.nut-popover-arrow-left-top {
  top: 16px;
  right: -8px;
  transform: rotate(90deg)translateY(0);
}

.nut-popover-arrow-left.nut-popover-arrow-left-bottom {
  top: auto;
  bottom: 16px;
  right: -8px;
  transform: rotate(90deg)translateY(0);
}

.nut-popover-arrow-right {
  transform-origin: top;
}

.nut-popover-arrow-right.nut-popover-arrow-right {
  top: 50%;
  left: -6px;
  transform: rotate(-90deg)translateY(-50%);
}

.nut-popover-arrow-right.nut-popover-arrow-right-top {
  top: 16px;
  left: -8px;
  transform: rotate(-90deg)translateY(0);
}

.nut-popover-arrow-right.nut-popover-arrow-right-bottom {
  bottom: 16px;
  left: -8px;
  transform: rotate(-90deg)translateY(0);
}

.nut-popover .nut-popover-content {
  background: var(--nutui-popover-content-background-color, #fff);
  border-radius: var(--nutui-popover-border-radius, var(--nutui-radius-xs, 4px));
  font-size: var(--nutui-popover-font-size, var(--nutui-font-size-s, 12px));
  color: var(--nutui-popover-text-color, var(--nutui-color-mask, #000000b3));
  max-height: initial;
  overflow-y: initial;
  line-height: 28px;
  position: absolute;
}

.nut-popover .nut-popover-content-group {
  padding: 0 var(--nutui-popover-padding, 8px);
}

.nut-popover .nut-popover-content .nut-popover-item {
  border-bottom: 1px solid var(--nutui-popover-divider-color, var(--nutui-color-border, #0000000f));
  max-width: var(--nutui-popover-item-width, 160px);
  word-wrap: break-word;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nut-popover .nut-popover-content .nut-popover-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.nut-popover .nut-popover-content .nut-popover-item-icon, .nut-popover .nut-popover-content .nut-popover-item-action-icon {
  width: var(--nutui-font-size-s, 12px);
  height: var(--nutui-font-size-s, 12px);
  font-size: var(--nutui-font-size-s, 12px);
  justify-content: center;
  align-items: center;
  display: flex;
}

.nut-popover .nut-popover-content .nut-popover-item-icon .nut-icon, .nut-popover .nut-popover-content .nut-popover-item-action-icon .nut-icon {
  width: var(--nutui-font-size-s, 12px);
  height: var(--nutui-font-size-s, 12px);
  font-size: var(--nutui-font-size-s, 12px);
}

.nut-popover .nut-popover-content .nut-popover-item-icon {
  margin-right: var(--nutui-spacing-xxs, 4px);
}

.nut-popover .nut-popover-content .nut-popover-item-name {
  word-break: keep-all;
  flex: 1;
  width: calc(100% - 34px);
}

.nut-popover .nut-popover-content .nut-popover-item-action-icon {
  color: var(--nutui-color-text, #505259);
  margin-left: var(--nutui-spacing-base, 8px);
}

.nut-popover .nut-popover-content .nut-popover-item.nut-popover-item-disabled {
  color: var(--nutui-popover-disable-color, var(--nutui-color-text-disabled, #c2c4cc));
  cursor: not-allowed;
}

.nut-popover .nut-popover-content .nut-popover-item.nut-popover-taroitem {
  display: flex;
}

.nut-popover .nut-popover-content-top .nut-popover-arrow-top {
  transform-origin: 0;
  left: 50%;
  transform: rotate(180deg)translate(-50%);
}

.nut-popover .nut-popover-content-top-right {
  right: 0;
}

.nut-popover .nut-popover-content-top-right .nut-popover-arrow-top-right {
  bottom: -3.5px;
  right: 16px;
  transform: rotate(180deg)translate(0);
}

.nut-popover .nut-popover-content-top-left {
  left: 0;
}

.nut-popover .nut-popover-content-top-left .nut-popover-arrow-top-left {
  bottom: -3.5px;
  left: 16px;
  transform: rotate(180deg)translate(0);
}

.nut-popover .nut-popover-content-bottom .nut-popover-arrow-bottom {
  left: 50%;
  transform: translate(-50%);
}

.nut-popover .nut-popover-content-bottom-right {
  right: 0;
}

.nut-popover .nut-popover-content-bottom-right .nut-popover-arrow-bottom-right {
  right: 16px;
  transform: translate(0);
}

.nut-popover .nut-popover-content-bottom-left {
  left: 0;
}

.nut-popover .nut-popover-content-bottom-left .nut-popover-arrow-bottom-left {
  left: 16px;
  transform: translate(0);
}

.nut-popover .nut-popover-content-left-bottom {
  bottom: 0;
}

.nut-popover .nut-popover-content-left-top {
  top: 0;
}

.nut-popover .nut-popover-content-right-bottom {
  bottom: 0;
}

.nut-popover .nut-popover-content-right-top {
  top: 0;
}

.nut-popover-dark {
  background: var(--nutui-popover-text-color, var(--nutui-color-mask, #000000b3));
  color: var(--nutui-popover-content-background-color, #fff);
}

.nut-popover-dark .nut-popover-arrow .nut-icon-ArrowRadius {
  color: var(--nutui-popover-text-color, var(--nutui-color-mask, #000000b3));
}

.nut-popover-dark .nut-popover-content {
  background: var(--nutui-popover-text-color, var(--nutui-color-mask, #000000b3)) !important;
  color: var(--nutui-popover-content-background-color, #fff) !important;
}

.nut-popover-dark .nut-popover-content .nut-popover-item-action-icon {
  color: #fffc;
}

[dir="rtl"] .nut-popover .nut-popover-content .nut-popover-item-name, .nut-rtl .nut-popover .nut-popover-content .nut-popover-item-name {
  margin-left: 0;
  margin-right: 4px;
}

[dir="rtl"] .nut-popover .nut-popover-content .nut-popover-item-action-icon, .nut-rtl .nut-popover .nut-popover-content .nut-popover-item-action-icon {
  right: auto;
}

[dir="rtl"] .nut-popover .nut-popover-content-top .nut-popover-arrow-top, .nut-rtl .nut-popover .nut-popover-content-top .nut-popover-arrow-top {
  left: auto;
  right: 50%;
  transform: translate(50%);
}

[dir="rtl"] .nut-popover .nut-popover-content-top-right, .nut-rtl .nut-popover .nut-popover-content-top-right {
  left: 0;
  right: auto;
}

[dir="rtl"] .nut-popover .nut-popover-content-top-right .nut-popover-arrow-top-right, .nut-rtl .nut-popover .nut-popover-content-top-right .nut-popover-arrow-top-right {
  left: 16px;
  right: auto;
}

[dir="rtl"] .nut-popover .nut-popover-content-top-left, .nut-rtl .nut-popover .nut-popover-content-top-left {
  left: auto;
  right: 0;
}

[dir="rtl"] .nut-popover .nut-popover-content-top-left .nut-popover-arrow-top-left, .nut-rtl .nut-popover .nut-popover-content-top-left .nut-popover-arrow-top-left {
  left: auto;
  right: 16px;
}

[dir="rtl"] .nut-popover .nut-popover-content-bottom .nut-popover-arrow-bottom, .nut-rtl .nut-popover .nut-popover-content-bottom .nut-popover-arrow-bottom {
  left: auto;
  right: 50%;
  transform: translate(50%);
}

[dir="rtl"] .nut-popover .nut-popover-content-bottom-right, .nut-rtl .nut-popover .nut-popover-content-bottom-right {
  left: 0;
  right: auto;
}

[dir="rtl"] .nut-popover .nut-popover-content-bottom-right .nut-popover-arrow-bottom-right, .nut-rtl .nut-popover .nut-popover-content-bottom-right .nut-popover-arrow-bottom-right {
  left: 16px;
  right: auto;
}

[dir="rtl"] .nut-popover .nut-popover-content-bottom-left, .nut-rtl .nut-popover .nut-popover-content-bottom-left {
  left: auto;
  right: 0;
}

[dir="rtl"] .nut-popover .nut-popover-content-bottom-left .nut-popover-arrow-bottom-left, .nut-rtl .nut-popover .nut-popover-content-bottom-left .nut-popover-arrow-bottom-left {
  left: auto;
  right: 16px;
}

.nut-popover-enter-from, .nut-popover-leave-active {
  opacity: 0;
  transform: scale(.8);
}

.nut-popover-enter-active {
  transition-timing-function: ease-out;
}

.nut-popover-leave-active {
  transition-timing-function: ease-in;
}

.nut-popover-content-bg {
  z-index: 999;
  background: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

[dir="rtl"] .nut-popover-content-bg, .nut-rtl .nut-popover-content-bg {
  left: auto;
  right: 0;
}

.nut-popover-wrapper {
  display: inline-block;
}

.nut-popover-content-copy {
  position: absolute;
  top: -99999px;
}

.nut-popup {
  background-color: var(--nutui-overlay-content-bg-color, var(--nutui-color-background-overlay, #fff));
  -webkit-overflow-scrolling: touch;
  min-height: 26%;
  max-height: 100%;
  font-size: var(--nutui-font-size-base, 14px);
  position: fixed;
}

.nut-popup-title {
  border-bottom: var(--nutui-popup-title-border-bottom, 0);
  padding: var(--nutui-popup-title-padding, 16px);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.nut-popup-title-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nut-popup-title-title {
  color: var(--nutui-color-title, #1a1a1a);
  font-weight: var(--nutui-font-weight-bold, 600);
  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
  line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
}

.nut-popup-title-description {
  color: var(--nutui-color-text, #505259);
  font-size: var(--nutui-popup-description-font-size, var(--nutui-font-size-base, 14px));
  font-weight: var(--nutui-font-weight, 400);
}

.nut-popup-title-description-gap {
  margin-top: var(--nutui-popup-description-spacing, var(--nutui-spacing-base, 8px));
}

.nut-popup-title-left {
  top: var(--nutui-popup-title-padding, 16px);
  left: var(--nutui-popup-title-padding, 16px);
  position: absolute;
}

.nut-popup-title-right {
  top: var(--nutui-popup-title-padding, 16px);
  right: var(--nutui-popup-title-padding, 16px);
  z-index: 1;
  width: var(--nutui-popup-icon-size, 20px);
  height: var(--nutui-popup-icon-size, 20px);
  color: var(--nutui-color-title, #1a1a1a);
  cursor: pointer;
  position: absolute;
}

.nut-popup-title-right:active {
  opacity: .7;
}

.nut-popup-title-right-top-left {
  top: var(--nutui-popup-title-padding, 16px);
  left: var(--nutui-popup-title-padding, 16px);
}

.nut-popup-title-right-bottom-left {
  bottom: var(--nutui-popup-title-padding, 16px);
  left: var(--nutui-popup-title-padding, 16px);
}

.nut-popup-title-right-bottom-right {
  right: var(--nutui-popup-title-padding, 16px);
  bottom: var(--nutui-popup-title-padding, 16px);
}

.nut-popup-center {
  max-width: 295px;
  min-height: 10%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.nut-popup-center.nut-popup-round {
  border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
}

.nut-popup-bottom, .nut-popup-top {
  max-height: 87%;
}

.nut-popup-bottom {
  width: 100%;
  bottom: 0;
  left: 0;
}

.nut-popup-bottom.nut-popup-round {
  border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) 0 0;
}

.nut-popup-right {
  width: 100px;
  height: 100%;
  top: 0;
  right: 0;
}

.nut-popup-right.nut-popup-round {
  border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) 0 0 var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
}

.nut-popup-left {
  width: 100px;
  height: 100%;
  top: 0;
  left: 0;
}

.nut-popup-left.nut-popup-round {
  border-radius: 0 var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) 0;
}

.nut-popup-top {
  width: 100%;
  top: 0;
  left: 0;
}

.nut-popup-top.nut-popup-round {
  border-radius: 0 0 var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px)) var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
}

@keyframes popup-scale-fade-in {
  0% {
    opacity: 0;
    transform: scale(.8);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes popup-scale-fade-out {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 0;
    transform: scale(.8);
  }
}

.nut-popup-slide-none-enter-active {
  animation-name: popup-scale-fade-in;
  animation-fill-mode: both;
  animation-duration: var(--nutui-popup-animation-duration, .3s);
}

.nut-popup-slide-none-exit-active {
  animation-name: popup-scale-fade-out;
  animation-fill-mode: both;
  animation-duration: var(--nutui-popup-animation-duration, .3s);
}

@keyframes popup-fade-in {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes popup-fade-out {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.nut-popup-slide-center-enter-active {
  animation-name: popup-fade-in;
  animation-fill-mode: both;
  animation-duration: var(--nutui-popup-animation-duration, .3s);
}

.nut-popup-slide-center-exit-active {
  animation-name: popup-fade-out;
  animation-fill-mode: both;
  animation-duration: var(--nutui-popup-animation-duration, .3s);
}

@keyframes popup-slide-top-enter {
  0% {
    transform: translate3d(0, -100%, 0);
  }

  to {
    transform: translateZ(0);
  }
}

@keyframes popup-slide-top-exit {
  to {
    transform: translate3d(0, -100%, 0);
  }
}

.nut-popup-slide-top-enter-active, .nut-popup-slide-top-appear-active {
  animation-name: popup-slide-top-enter;
  animation-fill-mode: both;
  animation-duration: var(--nutui-popup-animation-duration, .3s);
  transform: translateZ(0);
}

.nut-popup-slide-top-exit-active {
  animation-name: popup-slide-top-exit;
  animation-fill-mode: both;
  animation-duration: var(--nutui-popup-animation-duration, .3s);
}

@keyframes popup-slide-right-enter {
  0% {
    transform: translate3d(100%, 0, 0);
  }

  to {
    transform: translateZ(0);
  }
}

@keyframes popup-slide-right-exit {
  to {
    transform: translate3d(100%, 0, 0);
  }
}

.nut-popup-slide-right-enter-active, .nut-popup-slide-right-appear-active {
  animation-name: popup-slide-right-enter;
  animation-fill-mode: both;
  animation-duration: var(--nutui-popup-animation-duration, .3s);
  transform: translateZ(0);
}

.nut-popup-slide-right-exit {
  animation-name: popup-slide-right-exit;
  animation-fill-mode: both;
  animation-duration: var(--nutui-popup-animation-duration, .3s);
}

@keyframes popup-slide-bottom-enter {
  0% {
    transform: translate3d(0, 100%, 0);
  }

  to {
    transform: translateZ(0);
  }
}

@keyframes slide-bottom-exit {
  to {
    transform: translate3d(0, 100%, 0);
  }
}

.nut-popup-slide-bottom-enter-active, .nut-popup-slide-bottom-appear-active {
  animation-name: popup-slide-bottom-enter;
  animation-fill-mode: both;
  animation-duration: var(--nutui-popup-animation-duration, .3s);
  transform: translate(0);
}

.nut-popup-slide-bottom-exit {
  animation-name: slide-bottom-exit;
  animation-fill-mode: both;
  animation-duration: var(--nutui-popup-animation-duration, .3s);
}

@keyframes popup-slide-left-enter {
  0% {
    transform: translate3d(-100%, 0, 0);
  }

  to {
    transform: translateZ(0);
  }
}

@keyframes popup-slide-left-exit {
  to {
    transform: translate3d(-100%, 0, 0);
  }
}

.nut-popup-slide-left-enter-active, .nut-popup-slide-left-appear-active {
  animation-name: popup-slide-left-enter;
  animation-fill-mode: both;
  animation-duration: var(--nutui-popup-animation-duration, .3s);
  transform: translate(0);
}

.nut-popup-slide-left-exit-active, .nut-popup-slide-left-exit-done {
  animation-name: popup-slide-left-exit;
  animation-fill-mode: both;
  animation-duration: var(--nutui-popup-animation-duration, .3s);
}

.nut-popup-slide-none-exit-done.nut-popup, .nut-popup-slide-center-exit-done.nut-popup, .nut-popup-slide-left-exit-done.nut-popup, .nut-popup-slide-right-exit-done.nut-popup, .nut-popup-slide-top-exit-done.nut-popup, .nut-popup-slide-bottom-exit-done.nut-popup {
  display: none;
}

.nut-popup .nut-overflow-hidden {
  overflow: hidden;
}

[dir="rtl"] .nut-popup-title-left, .nut-rtl .nut-popup-title-left {
  left: auto;
  right: var(--nutui-popup-title-padding, 16px);
}

[dir="rtl"] .nut-popup-title-right, .nut-rtl .nut-popup-title-right {
  right: auto;
  left: var(--nutui-popup-title-padding, 16px);
}

[dir="rtl"] .nut-popup-title-right-top-left, .nut-rtl .nut-popup-title-right-top-left, [dir="rtl"] .nut-popup-title-right-bottom-left, .nut-rtl .nut-popup-title-right-bottom-left {
  left: auto;
  right: var(--nutui-popup-title-padding, 16px);
}

[dir="rtl"] .nut-popup-title-right-bottom-right, .nut-rtl .nut-popup-title-right-bottom-right {
  right: auto;
  left: var(--nutui-popup-title-padding, 16px);
}

[dir="rtl"] .nut-popup-title .nut-icon-ArrowLeft, .nut-rtl .nut-popup-title .nut-icon-ArrowLeft {
  transform: rotate(180deg);
}

[dir="rtl"] .nut-popup-center, .nut-rtl .nut-popup-center {
  left: auto;
  right: 50%;
  transform: translate(50%, -50%);
}

[dir="rtl"] .nut-popup-bottom, .nut-rtl .nut-popup-bottom, [dir="rtl"] .nut-popup-top, .nut-rtl .nut-popup-top {
  left: auto;
  right: 0;
}

.nut-pickerview {
  width: 100%;
  height: calc(var(--nutui-picker-item-height, 36px) * 7);
  display: flex;
  position: relative;
  overflow: hidden;
}

.nut-pickerview-mask, .nut-pickerview-indicator {
  z-index: 3;
  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0;
}

.nut-pickerview-mask {
  background-image: var(--picker-mask-background, linear-gradient(180deg, var(--nutui-white-12), var(--nutui-white-7)), linear-gradient(0deg, var(--nutui-white-12), var(--nutui-white-7)));
  background-position: top, bottom;
  background-size: 100% calc((var(--nutui-picker-item-height, 36px) * 7 - var(--nutui-picker-item-height, 36px)) / 2);
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  transform: translateZ(0);
}

.nut-pickerview-indicator {
  top: calc((var(--nutui-picker-item-height, 36px) * 7 - var(--nutui-picker-item-height, 36px)) / 2);
  height: var(--nutui-picker-item-height, 36px);
  border: var(--nutui-picker-item-active-line-border, 1px solid var(--nutui-color-border, #0000000f));
  box-sizing: border-box;
  border-left: 0;
  border-right: 0;
}

.nut-pickerview-list {
  height: calc(var(--nutui-picker-item-height, 36px) * 7);
  touch-action: none;
  flex: 1;
  position: relative;
  overflow: hidden;
}

.nut-pickerview-roller {
  top: calc((var(--nutui-picker-item-height, 36px) * 7 - var(--nutui-picker-item-height, 36px)) / 2);
  width: 100%;
  height: var(--nutui-picker-item-height, 36px);
  z-index: 1;
  transform-style: preserve-3d;
  position: absolute;
}

.nut-pickerview-roller-placeholder {
  height: var(--nutui-picker-item-height, 36px);
}

.nut-pickerview-roller-item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
}

.nut-pickerview-roller-item-hidden {
  visibility: hidden;
  opacity: 0;
}

.nut-pickerview-roller-item, .nut-pickerview-roller-item-tiled {
  width: 100%;
  height: var(--nutui-picker-item-height, 36px);
  line-height: var(--nutui-picker-item-height, 36px);
  color: var(--nutui-picker-item-text-color, var(--nutui-color-title, #1a1a1a));
  font-size: var(--nutui-picker-item-text-font-size, var(--nutui-font-size-base, 14px));
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.nut-price {
  font-size: var(--nutui-font-size-l, 16px);
  direction: ltr;
  flex-direction: row;
  align-items: baseline;
  display: flex;
}

.nut-price-symbol, .nut-price-integer, .nut-price-decimal {
  color: var(--nutui-price-color, var(--nutui-color-text-help));
  font-family: JD;
  line-height: 1;
}

.nut-price-darkgray .nut-price-symbol, .nut-price-darkgray .nut-price-integer, .nut-price-darkgray .nut-price-decimal {
  color: var(--nutui-price-darkgray-color, var(--nutui-gray-7));
  font-family: JD-Bold;
}

.nut-price-primary .nut-price-symbol, .nut-price-primary .nut-price-integer, .nut-price-primary .nut-price-decimal {
  color: var(--nutui-price-color, var(--nutui-color-primary, #ff0f23));
  font-family: JD-Bold;
}

.nut-price-symbol {
  padding-right: var(--nutui-price-symbol-padding-right, 0px);
}

.nut-price-symbol-xlarge {
  font-size: var(--nutui-price-symbol-xlarge-size, 12px);
}

.nut-price-symbol-large {
  font-size: var(--nutui-price-symbol-large-size, 12px);
}

.nut-price-symbol-normal {
  font-size: var(--nutui-price-symbol-normal-size, 12px);
}

.nut-price-symbol-small {
  font-size: var(--nutui-price-symbol-small-size, 12px);
}

.nut-price-symbol-rtl {
  padding-right: 0;
  padding-left: var(--nutui-price-symbol-padding-right, 0px);
}

.nut-price-integer-xlarge {
  font-size: var(--nutui-price-integer-xlarge-size, 24px);
  line-height: var(--nutui-price-integer-xlarge-size, 24px);
}

.nut-price-integer-large {
  font-size: var(--nutui-price-integer-large-size, 18px);
  line-height: var(--nutui-price-integer-large-size, 18px);
}

.nut-price-integer-normal {
  font-size: var(--nutui-price-integer-normal-size, 16px);
  line-height: var(--nutui-price-integer-normal-size, 16px);
}

.nut-price-integer-small {
  font-size: var(--nutui-price-integer-small-size, 12px);
}

.nut-price-decimal-xlarge {
  font-size: var(--nutui-price-decimal-xlarge-size, 12px);
}

.nut-price-decimal-large {
  font-size: var(--nutui-price-decimal-large-size, 12px);
}

.nut-price-decimal-normal {
  font-size: var(--nutui-price-decimal-normal-size, 12px);
}

.nut-price-decimal-small {
  font-size: var(--nutui-price-decimal-small-size, 12px);
}

.nut-price-line {
  -webkit-text-decoration: line-through var(--nutui-price-line-color, var(--nutui-color-text-help));
  text-decoration: line-through var(--nutui-price-line-color, var(--nutui-color-text-help));
}

.nut-pagination {
  font-size: var(--nutui-pagination-font-size, var(--nutui-font-size-base, 14px));
  color: var(--nutui-pagination-color, var(--nutui-color-primary, #ff0f23));
  flex-direction: row;
  display: flex;
}

.nut-pagination-prev, .nut-pagination-item, .nut-pagination-next {
  box-sizing: border-box;
  min-width: 39px;
  height: 39px;
  font-size: var(--nutui-pagination-font-size, var(--nutui-font-size-base, 14px));
  color: var(--nutui-pagination-color, var(--nutui-color-primary, #ff0f23));
  border-radius: var(--nutui-pagination-item-border-radius, 2px);
  border: var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, var(--nutui-color-border, #0000000f));
  cursor: pointer;
  background: #fff;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nut-pagination-prev, .nut-pagination-item {
  border-right-width: 0;
}

.nut-pagination-prev, .nut-pagination-next {
  padding: var(--nutui-pagination-prev-next-padding, 0 12px);
}

.nut-pagination-contain {
  flex-direction: row;
  display: flex;
}

.nut-pagination-item-active {
  color: #fff;
  background-color: var(--nutui-color-primary, #ff0f23);
  border-width: 0;
}

.nut-pagination-item-disabled, .nut-pagination-next-disabled, .nut-pagination-prev-disabled {
  color: var(--nutui-pagination-disable-color, var(--nutui-color-text-disabled, #c2c4cc));
  background-color: var(--nutui-pagination-disable-background-color, #f7f8fa);
  cursor: not-allowed;
}

.nut-pagination-simple {
  text-align: center;
  width: 124px;
  height: 39px;
  line-height: 39px;
  font-size: var(--nutui-pagination-font-size, var(--nutui-font-size-base, 14px));
  color: var(--nutui-pagination-color, var(--nutui-color-primary, #ff0f23));
}

.nut-pagination-simple-border {
  border-right: var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, var(--nutui-color-border, #0000000f));
}

.nut-pagination-lite {
  height: var(--nutui-pagination-lite-height, 20px);
  padding: 0 var(--nutui-spacing-xs, 6px);
  color: #fff;
  background-color: var(--nutui-pagination-lite-background-color, #00000073);
  border-radius: var(--nutui-pagination-lite-radius, var(--nutui-radius-xs, 4px));
  flex-direction: row;
  align-items: center;
  display: flex;
}

.nut-pagination-lite-active, .nut-pagination-lite-default, .nut-pagination-lite-spliterator {
  font-size: var(--nutui-font-size-xs, 11px);
  color: var(--nutui-pagination-lite-color, #fff);
}

.nut-picker {
  width: 100%;
}

.nut-picker-control {
  height: var(--nutui-popup-title-height, 50px);
  padding: var(--nutui-popup-title-padding, 16px);
  box-sizing: border-box;
  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nut-picker-cancel-btn {
  color: var(--nutui-picker-title-cancel-color, var(--nutui-color-text, #505259));
  font-size: var(--nutui-picker-title-cancel-font-size, var(--nutui-font-size-base, 14px));
}

.nut-picker-confirm-btn {
  color: var(--nutui-picker-title-ok-color, var(--nutui-color-primary, #ff0f23));
  font-size: var(--nutui-picker-title-ok-font-size, var(--nutui-font-size-base, 14px));
}

.nut-picker-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  color: var(--nutui-color-title, #1a1a1a);
  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
  font-weight: var(--nutui-popup-title-font-weight, var(--nutui-font-weight-bold, 600));
  flex: 1;
  overflow: hidden;
}

.nut-picker-panel {
  display: flex;
}

.nut-numberkeyboard {
  width: 100%;
  padding: var(--nutui-numberkeyboard-padding, 0 0 22px 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: var(--nutui-numberkeyboard-background-color, var(--nutui-color-background, #f2f3f5));
}

.nut-numberkeyboard-header {
  box-sizing: content-box;
  padding: var(--nutui-popup-title-padding, 16px);
  color: var(--nutui-color-title, #1a1a1a);
  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.nut-numberkeyboard-header-title {
  color: var(--nutui-color-title, #1a1a1a);
  font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
  display: inline-block;
}

.nut-numberkeyboard-header-close {
  padding: var(--nutui-numberkeyboard-header-close-padding, 0 16px);
  color: var(--nutui-numberkeyboard-header-close-color, var(--nutui-color-text, #505259));
  font-size: var(--nutui-numberkeyboard-header-close-font-size, 14px);
  background-color: var(--nutui-numberkeyboard-header-close-background-color, transparent);
  cursor: pointer;
  border: none;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.nut-numberkeyboard-body {
  padding: 6px 0 0 6px;
  display: flex;
}

.nut-numberkeyboard-body-keys {
  flex-wrap: wrap;
  flex: 3;
  display: flex;
}

.nut-numberkeyboard-body-wrapper {
  box-sizing: border-box;
  background-color: var(--nutui-numberkeyboard-wrapper-background-color, var(--nutui-color-background-sunken, #f7f8fc));
  flex: 33%;
  width: 33%;
  padding: 0 6px 6px 0;
  position: relative;
}

.nut-numberkeyboard-body-wrapper .key {
  height: var(--nutui-numberkeyboard-key-height, 48px);
  font-size: var(--nutui-numberkeyboard-key-font-size, var(--nutui-font-size-xl, 18px));
  line-height: var(--nutui-numberkeyboard-key-line-height, 1.5);
  background-color: var(--nutui-numberkeyboard-key-background-color, var(--nutui-color-background-overlay, #fff));
  color: var(--nutui-numberkeyboard-key-color, var(--nutui-color-text, #505259));
  border-radius: var(--nutui-numberkeyboard-key-border-radius, 8px);
  border: var(--nutui-numberkeyboard-key-border, none);
  font-weight: var(--nutui-font-weight-bold, 600);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nut-numberkeyboard-body-wrapper .key.active {
  background-color: var(--nutui-numberkeyboard-key-active-background-color, #ebedf0);
}

.nut-numberkeyboard-sidebar {
  flex-direction: column;
  flex: 33%;
  display: flex;
}

.nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper {
  width: 100%;
}

.nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key {
  height: auto;
  position: absolute;
  top: 0;
  bottom: 6px;
  left: 0;
  right: 6px;
}

.nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .confirm {
  font-size: var(--nutui-numberkeyboard-key-confirm-font-size, var(--nutui-font-size-l, 16px));
  color: var(--nutui-numberkeyboard-key-confirm-color, #fff);
  background-color: var(--nutui-numberkeyboard-key-confirm-background-color, var(--nutui-color-primary, #ff0f23));
}

.nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .confirm.active {
  background-color: #ff0000b3;
}

[dir="rtl"] .nut-popup .nut-numberkeyboard-header-close, .nut-rtl .nut-popup .nut-numberkeyboard-header-close {
  left: 0;
  right: auto;
}

[dir="rtl"] .nut-popup .nut-numberkeyboard-body, .nut-rtl .nut-popup .nut-numberkeyboard-body {
  padding: 6px 6px 0 0;
}

[dir="rtl"] .nut-popup .nut-numberkeyboard-body-wrapper, .nut-rtl .nut-popup .nut-numberkeyboard-body-wrapper {
  padding: 0 0 6px 6px;
}

[dir="rtl"] .nut-popup .nut-numberkeyboard-body-wrapper .delete, .nut-rtl .nut-popup .nut-numberkeyboard-body-wrapper .delete {
  transform: rotate(-180deg);
}

[dir="rtl"] .nut-popup .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key, .nut-rtl .nut-popup .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key {
  left: 6px;
  right: 0;
}

[dir="rtl"] .nut-popup .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key.delete, .nut-rtl .nut-popup .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key.delete {
  transform: rotate(-180deg);
}

.nut-overlay {
  background-color: var(--nutui-overlay-bg-color, var(--nutui-color-mask, #000000b3));
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.nut-overflow-hidden {
  overflow: hidden !important;
}

@keyframes nut-fade-in {
  0% {
    opacity: 0;
  }

  1% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes nut-fade-out {
  0% {
    opacity: 1;
  }

  1% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.nut-overlay-slide-enter-active, .nut-overlay-slide-appear-active {
  animation-name: nut-fade-in;
  animation-fill-mode: both;
  animation-duration: var(--nutui-overlay-animation-duration, .3s);
}

.nut-overlay-slide-exit-active {
  animation-name: nut-fade-out;
  animation-fill-mode: both;
  animation-duration: var(--nutui-overlay-animation-duration, .3s);
}

[dir="rtl"] .nut-overlay, .nut-rtl .nut-overlay {
  left: auto;
  right: 0;
}

.nut-noticebar {
  width: 100%;
}

.nut-noticebar .nut-noticebar-box {
  height: var(--nutui-noticebar-height, 36px);
  padding: var(--nutui-noticebar-box-padding, 0 16px);
  font-size: var(--nutui-noticebar-font-size, var(--nutui-font-size-s, 12px));
  background: var(--nutui-noticebar-background, #fbf8dc);
  color: var(--nutui-noticebar-color, #d9500b);
  border-radius: var(--nutui-noticebar-border-radius, 0);
  align-items: center;
  display: flex;
  position: relative;
}

.nut-noticebar .nut-noticebar-box-wrapable, .nut-noticebar .nut-noticebar-box-center {
  height: auto;
  padding: var(--nutui-noticebar-wrapable-padding, 8px 16px);
}

.nut-noticebar .nut-noticebar-box-wrapable .nut-noticebar-box-wrap, .nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap {
  height: auto;
}

.nut-noticebar .nut-noticebar-box-wrapable .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content {
  white-space: normal;
  word-wrap: break-word;
  position: relative;
}

.nut-noticebar .nut-noticebar-box-center {
  justify-content: center;
}

.nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap {
  flex: initial;
}

.nut-noticebar .nut-noticebar-box-center .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content {
  display: initial;
  position: relative;
}

.nut-noticebar .nut-noticebar-box-left-icon {
  height: var(--nutui-noticebar-left-icon-width, 16px);
  min-width: var(--nutui-noticebar-left-icon-width, 16px);
  margin-right: var(--nutui-noticebar-icon-gap, 4px);
  background-size: 100% 100%;
  display: flex;
}

.nut-noticebar .nut-noticebar-box-left-icon .nut-icon {
  color: var(--nutui-noticebar-color, #d9500b);
}

.nut-noticebar .nut-noticebar-box-right-icon {
  width: var(--nutui-noticebar-right-icon-width, 16px);
  margin-left: var(--nutui-noticebar-icon-gap, 4px);
  justify-content: center;
  align-items: center;
  display: flex;
}

.nut-noticebar .nut-noticebar-box-right-icon .nut-icon {
  width: 12px;
  height: 12px;
  color: var(--nutui-noticebar-color, #d9500b);
}

.nut-noticebar .nut-noticebar-box-wrap {
  height: var(--nutui-noticebar-line-height, 24px);
  line-height: var(--nutui-noticebar-line-height, 24px);
  flex: 1;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nut-noticebar .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content {
  white-space: nowrap;
  color: var(--nutui-noticebar-color, #d9500b);
  position: absolute;
}

.nut-noticebar .nut-noticebar-box-wrap .nut-noticebar-box-wrap-content.nut-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
}

.nut-noticebar .nut-noticebar-box .play {
  animation: linear both nut-notice-bar-play;
}

.nut-noticebar .nut-noticebar-box .play-infinite {
  animation: linear infinite both nut-notice-bar-play-infinite;
}

.nut-noticebar .nut-noticebar-box .play-vertical {
  animation: linear infinite both nut-notice-bar-play-vertical;
}

.nut-noticebar .nut-noticebar-vertical {
  height: var(--nutui-noticebar-height, 36px);
  font-size: var(--nutui-noticebar-font-size, var(--nutui-font-size-s, 12px));
  padding: var(--nutui-noticebar-box-padding, 0 16px);
  background: var(--nutui-noticebar-background, #fbf8dc);
  color: var(--nutui-noticebar-color, #d9500b);
  justify-content: space-between;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-left-icon {
  height: var(--nutui-noticebar-left-icon-width, 16px);
  min-width: var(--nutui-noticebar-left-icon-width, 16px);
  margin: var(--nutui-noticebar-icon-gap, 4px);
  background-size: 100% 100%;
  align-self: center;
  display: flex;
}

.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-horseLamp-list {
  flex: 1;
  margin: 0;
  padding: 0;
  display: block;
}

.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-horseLamp-list-item {
  height: var(--nutui-noticebar-height, 36px);
  align-items: center;
  width: 100%;
  display: flex;
}

.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-wrap {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-right-icon {
  width: var(--nutui-noticebar-right-icon-width, 16px);
  margin-left: var(--nutui-noticebar-icon-gap, 4px);
  justify-content: center;
  align-self: center;
  display: flex;
}

@keyframes nut-notice-bar-play {
  to {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes nut-notice-bar-play-infinite {
  to {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes nut-notice-bar-play-vertical {
  to {
    transform: translateY(var(--nutui-noticebar-height, 36px));
  }
}

[dir="rtl"] .nut-noticebar .nut-noticebar-box-left-icon, .nut-rtl .nut-noticebar .nut-noticebar-box-left-icon {
  margin-right: 0;
  margin-left: var(--nutui-noticebar-icon-gap, 4px);
}

[dir="rtl"] .nut-noticebar .nut-noticebar-box-right-icon, .nut-rtl .nut-noticebar .nut-noticebar-box-right-icon {
  margin-left: 0;
  margin-right: var(--nutui-noticebar-icon-gap, 4px);
}

[dir="rtl"] .nut-noticebar .nut-noticebar-box .play, .nut-rtl .nut-noticebar .nut-noticebar-box .play {
  animation: linear both nut-notice-bar-play-rtl;
}

[dir="rtl"] .nut-noticebar .nut-noticebar-box .play-infinite, .nut-rtl .nut-noticebar .nut-noticebar-box .play-infinite {
  animation: linear infinite both nut-notice-bar-play-infinite-rtl;
}

@keyframes nut-notice-bar-play-rtl {
  to {
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes nut-notice-bar-play-infinite-rtl {
  to {
    transform: translate3d(100%, 0, 0);
  }
}

[dir="rtl"] .nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-right-icon, .nut-rtl .nut-noticebar .nut-noticebar-vertical .nut-noticebar-box-right-icon {
  margin-left: 0;
  margin-right: var(--nutui-noticebar-icon-gap, 4px);
}

.nut-navbar {
  width: var(--nutui-navbar-width, 100%);
  height: var(--nutui-navbar-height, 44px);
  box-sizing: border-box;
  background: var(--nutui-navbar-background, #fff);
  box-shadow: var(--nutui-navbar-box-shadow, 0 0 transparent);
  font-size: var(--nutui-navbar-font-size, var(--nutui-font-size-base, 14px));
  color: var(--nutui-navbar-color, var(--nutui-color-title, #1a1a1a));
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nut-navbar-fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.nut-navbar-placeholder {
  width: 100%;
  display: inline-block;
}

.nut-navbar-safe-area-inset-top {
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}

.nut-navbar-title-wrapper {
  justify-content: space-between;
}

.nut-navbar-title {
  text-align: center;
  height: 100%;
  font-size: var(--nutui-navbar-title-font-size, var(--nutui-font-size-xl, 18px));
  font-weight: var(--nutui-navbar-title-font-weight, var(--nutui-font-weight-bold, 600));
  color: var(--nutui-navbar-title-font-color, var(--nutui-color-title, #1a1a1a));
  flex-direction: row;
  flex: 1;
  align-items: center;
  display: flex;
}

.nut-navbar-title-center {
  justify-content: center;
  max-width: 129px;
}

.nut-navbar-title ::-webkit-scrollbar {
  display: none;
}

.nut-navbar-left, .nut-navbar-right {
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  max-width: 124px;
  height: 100%;
  display: flex;
}

.nut-navbar-left .nut-icon, .nut-navbar-left .nutui-iconfont, .nut-navbar-right .nut-icon, .nut-navbar-right .nutui-iconfont {
  width: 20px;
  height: 20px;
  font-size: 20px;
}

.nut-navbar-left-maxwidth, .nut-navbar-right-maxwidth {
  box-sizing: border-box;
  width: 108px;
}

.nut-navbar-left {
  gap: 16px;
  padding-right: 16px;
}

.nut-navbar-left-rtl {
  padding-left: 16px;
  padding-right: 0;
}

.nut-navbar-left-back {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 16px;
  display: flex;
}

.nut-navbar-left-hidden {
  padding-left: 0;
  padding-right: 0;
}

.nut-navbar-right {
  justify-content: flex-end;
  gap: 16px;
  padding-left: 16px;
}

.nut-navbar-right-rtl {
  padding-left: 0;
  padding-right: 16px;
}

.nut-navbar-rtl .nut-icon-ArrowLeft {
  transform: rotateY(180deg);
}

.fade-enter {
  opacity: 0;
}

.fade-enter-active {
  opacity: 1;
  transition: opacity .3s ease-in;
}

.fade-enter-done, .fade-exit {
  opacity: 1;
}

.fade-exit-active {
  opacity: 0;
  transition: opacity .3s ease-out;
}

.fade-exit-done, .fade-appear {
  opacity: 0;
}

.fade-appear-active {
  opacity: 1;
  transition: opacity .3s;
}

.nut-notify {
  z-index: var(--nutui-notify-z-index, 1000);
  box-sizing: border-box;
  height: var(--nutui-notify-height, 40px);
  padding: var(--nutui-notify-padding, 0px 12px);
  border-radius: var(--nutui-notify-border-radius, 8px);
  box-shadow: var(--nutui-notify-box-shadow, 0px 4px 12px 0px #0000000f);
  background-color: var(--nutui-notify-background-color, #fff);
  align-items: center;
  display: flex;
  position: fixed;
  left: 8px;
  right: 8px;
}

.nut-notify-content {
  text-align: center;
  min-width: 0;
  font-size: var(--nutui-notify-font-size, var(--nutui-font-size-base, 14px));
  color: var(--nutui-notify-text-color, var(--nutui-color-title, #1a1a1a));
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

.nut-notify-ellipsis {
  text-overflow: ellipsis;
}

.nut-notify-layout-left {
  text-align: left;
}

.nut-notify-left-icon, .nut-notify-right-icon {
  display: inline-flex;
}

.nut-notify-left-icon {
  margin-right: 6px;
}

.nut-notify-left-icon .nut-icon {
  width: 16px;
  height: 16px;
}

.nut-notify-right-icon {
  margin-left: 6px;
}

.nut-notify-right-icon .nut-icon {
  width: 12px;
  height: 12px;
}

.nut-menu {
  position: relative;
}

.nut-menu.scroll-fixed {
  top: var(--nutui-menu-scroll-fixed-top, 0);
  z-index: var(--nutui-menu-scroll-fixed-z-index, 1000);
  width: 100%;
  position: fixed;
}

.nut-menu-bar {
  line-height: var(--nutui-menu-bar-line-height, 48px);
  background-color: var(--nutui-color-background-overlay, #fff);
  box-shadow: var(--nutui-menu-bar-box-shadow, 0 2px 12px #5959591f);
  display: flex;
  position: relative;
}

.nut-menu-bar.opened {
  z-index: var(--nutui-menu-bar-opened-z-index, 1000);
}

.nut-menu-title {
  text-align: center;
  font-size: var(--nutui-menu-title-font-size, var(--nutui-font-size-base, 14px));
  color: var(--nutui-menu-title-color, var(--nutui-color-title, #1a1a1a));
  flex: 1;
  justify-content: center;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  display: flex;
}

.nut-menu-title-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: var(--nutui-menu-title-padding, 0 8px);
  display: block;
  overflow: hidden;
}

.nut-menu-title-icon {
  flex-shrink: 0;
  transition: all .2s linear;
}

.nut-menu-title.active {
  color: var(--nutui-menu-item-active-color, var(--nutui-color-primary, #ff0f23));
}

.nut-menu-title.disabled {
  color: var(--nutui-menu-item-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
}

.nut-menu-title.active .nut-menu-title-icon {
  transform: rotate(180deg);
}

.nut-menu-container-content {
  padding: var(--nutui-menu-content-padding, 12px 24px);
  max-height: var(--nutui-menu-content-max-height, 214px);
  background: var(--nutui-menu-content-background-color, var(--nutui-color-background-overlay, #fff));
  flex-wrap: wrap;
  display: flex;
  overflow-y: auto;
}

.nut-menu-container-content_fixed {
  opacity: 0;
  width: 100%;
  position: fixed;
}

.nut-menu-container-item {
  color: var(--nutui-color-title, #1a1a1a);
  font-size: var(--nutui-font-size-base, 14px);
  padding: var(--nutui-menu-item-padding, 12px 0);
  align-items: center;
  display: flex;
}

.nut-menu-container-item.active {
  font-weight: var(--nutui-menu-item-active-font-weight, var(--nutui-font-weight-bold, 600));
  color: var(--nutui-menu-item-active-color, var(--nutui-color-primary, #ff0f23));
}

.nut-menu-container-item .nut-icon {
  margin-right: var(--nutui-menu-item-icon-margin, 8px);
  flex-shrink: 0;
  align-items: center;
  display: inline-flex;
}

.nut-menu-container-wrap, .nut-menu-container-wrap-up {
  width: 100%;
  z-index: var(--nutui-menu-container-z-index, 1000);
  position: absolute;
  overflow: hidden;
}

.nut-menu-container-wrap-up {
  bottom: var(--nutui-menu-bar-line-height, 48px);
}

.overlay-fade-enter-active.nut-menu-container-overlay {
  z-index: var(--nutui-menu-container-z-index, 1000);
  top: auto;
}

.nut-menu-placeholder-element {
  top: -var(--nutui-menu-bar-line-height,48px);
  z-index: var(--nutui-menu-bar-opened-z-index, 1000);
  background-color: #0000;
  position: fixed;
  left: 0;
  right: 0;
}

.nut-menu-placeholder-element.up {
  bottom: -var(--nutui-menu-bar-line-height,48px);
}

.nut-menu-container-down-enter {
  opacity: 0;
  transform: translateY(-30px);
}

.nut-menu-container-down-enter-done {
  opacity: 1;
  transition: all .1s;
  transform: translate(0);
}

.nut-menu-container-down-exit {
  opacity: 1;
  transition: all .1s;
}

.nut-menu-container-down-exit-done {
  opacity: 0;
  transition: all .1s;
}

.nut-menu-container-up-enter {
  opacity: 0;
  transform: translateY(30px);
}

.nut-menu-container-up-enter-done {
  opacity: 1;
  transition: all .1s;
  transform: translate(0);
}

.nut-menu-container-up-exit {
  opacity: 1;
  transition: all .1s;
}

.nut-menu-container-up-exit-done {
  opacity: 0;
  transition: all .1s;
}

[dir="rtl"] .nut-menu-container-item .nut-icon, .nut-rtl .nut-menu-container-item .nut-icon {
  margin-right: 0;
  margin-left: var(--nutui-menu-item-icon-margin, 8px);
}

[dir="rtl"] .nut-menu-container .nut-icon, .nut-rtl .nut-menu-container .nut-icon {
  transform: rotateY(180deg);
}

.nut-loading {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.nut-loading-vertical {
  flex-direction: column;
}

.nut-loading .nut-loading-icon-box {
  font-size: 0;
  line-height: 0;
  animation: 1s linear infinite nut-loading-rotation;
  display: inline-block;
}

.nut-loading .nut-loading-icon-box .nut-loading-icon {
  color: var(--nutui-loading-icon-color, var(--nutui-color-text-help, #888b94));
  width: var(--nutui-loading-icon-size, var(--nutui-font-size-s, 12px));
  height: var(--nutui-loading-icon-size, var(--nutui-font-size-s, 12px));
  font-size: var(--nutui-loading-icon-size, var(--nutui-font-size-s, 12px));
}

.nut-loading .nut-loading-text {
  color: var(--nutui-loading-color, var(--nutui-color-text-help, #888b94));
  font-size: var(--nutui-loading-font-size, var(--nutui-font-size-s, 12px));
}

.nut-loading-vertical .nut-loading-text {
  padding-top: var(--nutui-spacing-base, 8px);
}

@keyframes nut-loading-rotation {
  0% {
    -webkit-transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

.nut-inputnumber {
  width: calc(2 * var(--nutui-inputnumber-input-margin, 0px) + 2 * var(--nutui-inputnumber-button-width, 20px) + var(--nutui-inputnumber-input-width, 26px));
  background-color: var(--nutui-color-background, #f2f3f5);
  border-radius: var(--nutui-inputnumber-input-border-radius, 4px);
  flex-direction: row;
  align-items: center;
  display: inline-flex;
  overflow: hidden;
}

.nut-inputnumber-minus, .nut-inputnumber-add {
  width: var(--nutui-inputnumber-button-width, 20px);
  height: var(--nutui-inputnumber-button-height, 20px);
  background-color: var(--nutui-inputnumber-button-background-color, transparent);
  justify-content: center;
  align-items: center;
  display: flex;
}

.nut-inputnumber-minus .nut-icon, .nut-inputnumber-add .nut-icon {
  --nut-icon-width: 10px;
  --nut-icon-height: 10px;
}

.nut-inputnumber-icon {
  color: var(--nutui-color-text, #505259);
  cursor: pointer;
}

.nut-inputnumber-icon-disabled {
  color: var(--nutui-color-text-disabled, #c2c4cc);
  cursor: not-allowed;
}

.nut-inputnumber-input {
  width: var(--nutui-inputnumber-input-width, 26px);
  font-size: var(--nutui-inputnumber-input-font-size, var(--nutui-font-size-s, 12px));
  height: var(--nutui-inputnumber-input-height, 20px);
  text-align: center;
  border: var(--nutui-inputnumber-input-border, 0);
  margin-left: var(--nutui-inputnumber-input-margin, 0px);
  margin-right: var(--nutui-inputnumber-input-margin, 0px);
  color: var(--nutui-color-text, #505259);
  background-color: var(--nutui-inputnumber-input-background-color, var(--nutui-color-background, #f2f3f5));
  outline: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nut-inputnumber-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.nut-inputnumber-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.nut-inputnumber-input-disabled {
  color: var(--nutui-color-text-disabled, #c2c4cc);
}

.nut-inputnumber-icon-minus, .nut-inputnumber-icon-plus {
  --nut-icon-width: 16px;
  --nut-icon-height: 16px;
}

.nut-input {
  font-size: var(--nutui-input-font-size, var(--nutui-font-size-base, 14px));
  box-sizing: border-box;
  flex-flow: row;
  flex: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.nut-input .nut-input-native .weui-input::placeholder, .nut-input-placeholder {
  color: #757575;
  font-size: var(--nutui-input-font-size, var(--nutui-font-size-base, 14px));
}

.nut-input .nut-icon {
  color: var(--nutui-color-text-disabled, #c2c4cc);
  width: 14px;
  height: 14px;
  font-size: 14px;
}

.nut-input-container {
  height: 38px;
  padding: var(--nutui-input-padding, 12px);
  background-color: var(--nutui-input-background-color, var(--nutui-color-background-overlay, #fff));
  border-radius: var(--nutui-input-border-radius, var(--nutui-radius-s, 6px));
  border-bottom: var(--nutui-input-border-bottom-width, 0px) solid var(--nutui-input-border-bottom, var(--nutui-color-border, #0000000f));
}

.nut-input-native {
  color: var(--nutui-color-title, #1a1a1a);
  font-size: var(--nutui-input-font-size, var(--nutui-font-size-base, 14px));
  line-height: var(--nutui-input-lineheight, var(--nutui-font-size-l, 16px));
  background-color: #0000;
  border: 0;
  outline: 0;
  flex: 1;
  padding: 0;
  text-decoration: none;
}

.nut-input-readonly .nut-input-native {
  color: var(--nutui-color-text-help, #888b94);
}

.nut-input-disabled {
  color: var(--nutui-color-text-disabled, #c2c4cc) !important;
}

.nut-input-disabled input:disabled {
  color: var(--nutui-color-text-disabled, #c2c4cc);
  cursor: not-allowed;
  opacity: 1;
  -webkit-text-fill-color: var(--nutui-color-text-disabled, #c2c4cc);
  background: none;
}

.nut-infiniteloading {
  width: 100%;
  display: block;
}

.nut-infiniteloading .nut-infinite-top {
  width: 100%;
  font-size: var(--nutui-font-size-s, 12px);
  color: var(--nutui-infiniteloading-color, var(--nutui-color-text-help, #888b94));
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.nut-infiniteloading .nut-infinite-top-tips {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.nut-infiniteloading .nut-infinite-top-tips-icons {
  justify-content: center;
  align-items: center;
  margin-bottom: 4px;
  display: flex;
}

.nut-infiniteloading .nut-infinite-bottom {
  width: 100%;
  color: var(--nutui-infiniteloading-color, var(--nutui-color-text-help, #888b94));
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-top: 6px;
  display: flex;
}

.nut-infiniteloading .nut-infinite-bottom-tips {
  font-size: var(--nutui-font-size-xxs, 10px);
  justify-content: center;
  align-items: center;
  display: flex;
}

.nut-infiniteloading .nut-infinite-bottom-tips-icons {
  margin-right: 8px;
}

.nut-infiniteloading-primary {
  background-color: var(--nutui-color-primary, #ff0f23);
}

.nut-infiniteloading-primary .nut-infinite-bottom, .nut-infiniteloading-primary .nut-infinite-top {
  color: var(--nutui-color-text-dark, #ffffffe6);
}

[dir="rtl"] .nut-infiniteloading .nut-infinite-bottom-tips-icons, .nut-rtl .nut-infiniteloading .nut-infinite-bottom-tips-icons {
  margin-left: 8px;
  margin-right: 0;
}

.nut-imagepreview {
  width: 100%;
  height: 100%;
}

.nut-imagepreview-swiper {
  background-color: #0000;
  width: 100vw;
  height: 100%;
}

.nut-imagepreview-index {
  z-index: 2002;
  text-align: center;
  color: #fff;
  background: none;
  position: fixed;
  top: 50px;
  left: 0;
  right: 0;
}

.nut-imagepreview-index .arrow {
  position: absolute;
  left: 15px;
  transform: rotate(180deg);
}

.nut-imagepreview-close {
  z-index: 2002;
  color: #fff;
  background: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
}

.nut-imagepreview-close .nut-icon {
  color: #fff;
}

.nut-imagepreview-close.top-right {
  top: 50px;
  right: 20px;
}

.nut-imagepreview-close.top-left {
  top: 50px;
  left: 20px;
}

.nut-imagepreview-close.bottom {
  text-align: center;
  bottom: 50px;
  left: 0;
  right: 0;
}

.nut-imagepreview-pop {
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  background: none !important;
  max-width: 100% !important;
}

.nut-imagepreview-swiper .nut-imagepreview-swiper-item, .nut-imagepreview-swiper .nut-swiper-item {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.nut-imagepreview-swiper .nut-imagepreview-swiper-item .nut-image, .nut-imagepreview-swiper .nut-imagepreview-swiper-item .nut-video, .nut-imagepreview-swiper .nut-swiper-item .nut-image, .nut-imagepreview-swiper .nut-swiper-item .nut-video {
  justify-content: center;
  align-items: center;
  display: flex;
}

.nut-imagepreview-swiper .nut-imagepreview-swiper-item .nut-image-preview-box, .nut-imagepreview-swiper .nut-swiper-item .nut-image-preview-box {
  width: 100%;
}

.nut-imagepreview-swiper .nut-imagepreview-swiper-item .nut-video video, .nut-imagepreview-swiper .nut-swiper-item .nut-video video {
  object-fit: contain;
}

[dir="rtl"] .nut-imagepreview-index .arrow, .nut-rtl .nut-imagepreview-index .arrow {
  left: auto;
  right: 15px;
  transform: rotate(-180deg);
}

[dir="rtl"] .nut-imagepreview-close.top-right, .nut-rtl .nut-imagepreview-close.top-right {
  left: 20px;
  right: auto;
}

[dir="rtl"] .nut-imagepreview-close.top-left, .nut-rtl .nut-imagepreview-close.top-left {
  left: auto;
  right: 20px;
}

.nut-image {
  display: block;
  position: relative;
}

.nut-image-default {
  width: 100%;
  height: 100%;
  display: block;
}

.nut-image.nut-image-round {
  border-radius: 50%;
  overflow: hidden;
}

.nut-image-basic {
  width: 100%;
  height: 100%;
}

.nut-image-loading, .nut-image-error {
  background: var(--nutui-color-background, #f2f3f5);
  background-size: 100% 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

[dir="rtl"] .nut-image .nut-img-loading, .nut-rtl .nut-image .nut-img-loading, [dir="rtl"] .nut-image .nut-img-error, .nut-rtl .nut-image .nut-img-error {
  left: auto;
  right: 0;
}

.nut-indicator {
  flex-flow: row;
  align-items: center;
  width: auto;
  display: flex;
}

.nut-indicator-fixed-width {
  width: 21px;
}

.nut-indicator-dot, .nut-indicator-line {
  vertical-align: middle;
  width: var(--nutui-indicator-dot-size, 3px);
  height: var(--nutui-indicator-dot-size, 3px);
  background-color: var(--nutui-color-border-disabled, #c2c4cc);
  margin-left: var(--nutui-indicator-dot-margin, var(--nutui-spacing-xxs, 4px));
  opacity: .4;
  border-radius: 50%;
  display: inline-block;
}

.nut-indicator-dot-0, .nut-indicator-line-0 {
  margin-left: 0;
}

.nut-indicator-dot-active, .nut-indicator-line-active {
  width: var(--nutui-indicator-dot-active-size, 6px);
  border-radius: var(--nutui-indicator-border-radius, var(--nutui-radius-xxs, 2px));
  background: var(--nutui-indicator-color, var(--nutui-color-primary, #ff0f23));
  opacity: 1;
}

.nut-indicator-fixed-width .nut-indicator-dot {
  border-radius: var(--nutui-indicator-border-radius, var(--nutui-radius-xxs, 2px));
  width: 12px;
}

.nut-indicator-fixed-width .nut-indicator-dot-active {
  width: 6px;
}

.nut-indicator-vertical.nut-indicator-fixed-width {
  justify-content: flex-start;
  width: auto;
  height: 21px;
}

.nut-indicator-vertical.nut-indicator-fixed-width .nut-indicator-dot {
  border-radius: var(--nutui-indicator-border-radius, var(--nutui-radius-xxs, 2px));
  width: 3px;
  height: 12px;
}

.nut-indicator-vertical.nut-indicator-fixed-width .nut-indicator-dot-active, .nut-indicator-vertical.nut-indicator-fixed-width.nut-indicator-fixed-width.nut-indicator-white .nut-indicator-dot-active {
  height: 6px;
}

.nut-indicator-line {
  width: var(--nutui-indicator-dot-active-size, 6px);
  border-radius: var(--nutui-indicator-border-radius, var(--nutui-radius-xxs, 2px));
  background-color: #0000;
  margin: 0;
}

.nut-indicator-line-active {
  background: var(--nutui-indicator-color, var(--nutui-color-primary, #ff0f23));
  transition: transform .3s ease-in-out;
}

.nut-indicator-track {
  position: relative;
}

.nut-indicator-track:after {
  content: " ";
  box-sizing: border-box;
  border-radius: var(--nutui-indicator-border-radius, var(--nutui-radius-xxs, 2px));
  background-color: var(--nutui-color-border-disabled, #c2c4cc);
  opacity: .4;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.nut-indicator-white .nut-indicator-dot, .nut-indicator-white .nut-indicator-line {
  box-sizing: content-box;
  opacity: 1;
  background: #fff6;
  position: relative;
}

.nut-indicator-white .nut-indicator-line {
  opacity: 0;
}

.nut-indicator-white .nut-indicator-line-active {
  opacity: 1;
  background: #fff;
}

.nut-indicator-white .nut-indicator-dot-active {
  background: #fff;
}

.nut-indicator-track.nut-indicator-white:after {
  background: #fff6;
  border: 1px solid #0000000f;
}

.nut-indicator-vertical {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nut-indicator-vertical .nut-indicator-dot {
  margin: 0;
  margin-top: var(--nutui-indicator-dot-margin, var(--nutui-spacing-xxs, 4px));
}

.nut-indicator-vertical .nut-indicator-dot-0 {
  margin-top: 0;
}

.nut-indicator-vertical .nut-indicator-dot-active, .nut-indicator-vertical.nut-indicator-track .nut-indicator-line {
  width: var(--nutui-indicator-dot-size, 3px);
  height: var(--nutui-indicator-dot-active-size, 6px);
}

[dir="rtl"] .nut-indicator-dot-0, .nut-rtl .nut-indicator-dot-0 {
  margin-right: var(--nutui-indicator-dot-margin, var(--nutui-spacing-xxs, 4px));
  margin-left: 0;
}

.nut-hoverbutton-item-container {
  width: var(--nutui-hoverbutton-item-size, 40px);
  height: var(--nutui-hoverbutton-item-size, 40px);
  border-radius: var(--nutui-hoverbutton-item-size, 40px);
  border: 1px solid var(--nutui-hoverbutton-item-border-color, #0000001f);
  background-color: var(--nutui-hoverbutton-item-background, var(--nutui-white-12));
}

.nut-hoverbutton-item-container:active, .nut-hoverbutton-item-container-active {
  background-color: var(--nutui-hoverbutton-item-background-active, #f7f8fce6);
}

.nut-hoverbutton-item-container-harmony {
  margin-bottom: var(--nutui-hoverbutton-spacing, var(--nutui-spacing-base, 8px));
}

.nut-hoverbutton-item-container-harmony:last-child {
  margin-bottom: 0;
}

.nut-hoverbutton-item-container-icontext {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.nut-hoverbutton-item-container-icontext .nut-icon {
  width: 14px;
  height: 14px;
  font-size: 14px;
  display: block;
}

.nut-hoverbutton-item-icon {
  width: 20px;
  height: 20px;
  color: var(--nutui-hoverbutton-item-icon-color, var(--nutui-color-title, #1a1a1a));
  fill: var(--nutui-hoverbutton-item-icon-color, var(--nutui-color-title, #1a1a1a));
  margin: 9px;
}

.nut-hoverbutton-item-icon .nut-icon {
  width: 20px;
  height: 20px;
  font-size: 20px;
  display: block;
}

.nut-hoverbutton-item-container:active .nut-hoverbutton-item-icon {
  color: var(--nutui-hoverbutton-item-icon-color-active, var(--nutui-color-title, #1a1a1a));
  fill: var(--nutui-hoverbutton-item-icon-color-active, var(--nutui-color-title, #1a1a1a));
}

.nut-hoverbutton-item-text-icon {
  width: 14px;
  height: 5px;
}

.nut-hoverbutton-item-text {
  margin-top: 5px;
  font-size: 10px;
  line-height: 9px;
}

.nut-grid-item {
  box-sizing: border-box;
  color: var(--nutui-grid-item-text-color, var(--nutui-color-title, #1a1a1a));
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nut-grid-item-text {
  color: var(--nutui-grid-item-text-color, var(--nutui-color-title, #1a1a1a));
  font-size: var(--nutui-grid-item-text-font-size, var(--nutui-font-size-s, 12px));
  word-break: break-all;
  margin: var(--nutui-grid-item-text-margin, 8px) 0 0 0;
}

.nut-grid-item-text-reverse {
  margin: 0 0 var(--nutui-grid-item-text-margin, 8px) 0;
}

.nut-grid-item-text-horizontal {
  margin: 0 0 0 var(--nutui-grid-item-text-margin, 8px);
}

.nut-grid-item-text-horizontal-reverse {
  margin: 0 var(--nutui-grid-item-text-margin, 8px) 0 0;
}

.nut-grid-item-content {
  box-sizing: border-box;
  width: 100%;
  padding: var(--nutui-grid-item-content-padding, 16px 8px);
  background: var(--nutui-grid-item-content-bg-color, var(--nutui-gray-1));
  border: 0 solid var(--nutui-grid-border-color, var(--nutui-color-border, #0000000f));
  flex-direction: column;
  flex: 1;
  display: flex;
}

.nut-grid-item-content-border {
  border-right-width: var(--nutui-grid-border-width, 0px);
  border-bottom-width: var(--nutui-grid-border-width, 0px);
}

.nut-grid-item-content-surround {
  border-top-width: var(--nutui-grid-border-width, 0px);
  border-left-width: var(--nutui-grid-border-width, 0px);
  border-radius: var(--nutui-grid-item-border-radius, var(--nutui-radius-l, 8px));
}

.nut-grid-item-content-center {
  justify-content: center;
  align-items: center;
}

.nut-grid-item-content-square {
  margin-top: -100%;
}

.nut-grid-item-content-reverse {
  flex-direction: column-reverse;
}

.nut-grid-item-content-horizontal {
  flex-direction: row;
}

.nut-grid-item-content-horizontal-reverse {
  flex-direction: row-reverse;
}

.nut-grid-item-content-clickable {
  cursor: pointer;
}

.nut-grid-item-content-clickable:before {
  background-color: var(--nutui-color-mask, #000000b3);
  border: inherit;
  border-color: var(--nutui-color-mask, #000000b3);
  border-radius: inherit;
  opacity: 0;
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.nut-grid-item-content-clickable:active:before {
  opacity: .1;
}

[dir="rtl"] .nut-grid-item-content-border, .nut-rtl .nut-grid-item-content-border {
  border-left-width: 1px;
  border-right-width: 0;
}

[dir="rtl"] .nut-grid-item-content-surround, .nut-rtl .nut-grid-item-content-surround {
  border-left-width: 0;
  border-right-width: 1px;
}

[dir="rtl"] .nut-grid-item-content-horizontal .nut-grid-item-text, .nut-rtl .nut-grid-item-content-horizontal .nut-grid-item-text {
  margin: 0 var(--nutui-grid-item-text-margin, 8px) 0 0;
}

[dir="rtl"] .nut-grid-item-content-horizontal.nut-grid-item-content-reverse .nut-grid-item-text, .nut-rtl .nut-grid-item-content-horizontal.nut-grid-item-content-reverse .nut-grid-item-text {
  margin: 0 0 0 var(--nutui-grid-item-text-margin, 8px);
}

[dir="rtl"] .nut-grid-item-content-clickable:before, .nut-rtl .nut-grid-item-content-clickable:before {
  left: auto;
  right: 50%;
  transform: translate(50%, -50%);
}

.nut-grid {
  border: 0 solid var(--nutui-grid-border-color, var(--nutui-color-border, #0000000f));
  flex-flow: wrap;
  align-items: stretch;
  display: flex;
}

.nut-grid-border {
  border-top-width: var(--nutui-grid-border-width, 0px);
  border-left-width: var(--nutui-grid-border-width, 0px);
}

[dir="rtl"] .nut-grid-border, .nut-rtl .nut-grid-border {
  border-left-width: 0;
  border-right-width: 1px;
}

.nut-hoverbutton {
  gap: var(--nutui-hoverbutton-spacing, var(--nutui-spacing-base, 8px));
  flex-direction: column;
  display: flex;
}

.nut-hoverbutton-container {
  right: var(--nutui-hoverbutton-position-right, var(--nutui-spacing-base, 8px));
  bottom: var(--nutui-hoverbutton-position-bottom, 60px);
  z-index: 10;
  position: fixed;
}

[dir="rtl"] .nut-hoverbutton-container, .nut-hoverbutton-container-rtl {
  right: auto;
  left: var(--nutui-hoverbutton-position-right, var(--nutui-spacing-base, 8px));
}

.nut-fixednav {
  z-index: var(--nutui-fixednav-index, 900);
  height: 50px;
  display: inline-block;
  position: fixed;
}

.nut-fixednav.active .nut-fixednav-btn .nut-icon {
  transform: rotate(180deg);
}

.nut-fixednav.active .nut-fixednav-list {
  transform: translate(0) !important;
}

.nut-fixednav.active.nut-fixednav-left .nut-icon {
  transform: rotate(0);
}

.nut-fixednav-btn {
  box-sizing: border-box;
  z-index: var(--nutui-fixednav-index, 900);
  background: var(--nutui-fixednav-button-background, var(--nutui-color-primary, #ff0f23));
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 100%;
  display: flex;
  position: absolute;
  box-shadow: 0 2px 4px #0003;
}

.nut-fixednav-btn .text {
  width: 24px;
  line-height: 13px;
  font-size: var(--nutui-font-size-s, 12px);
  color: #fff;
  flex-shrink: 0;
}

.nut-fixednav-btn .nut-icon {
  transition: all .3s;
}

.nut-fixednav-list {
  z-index: var(--nutui-fixednav-index, 900);
  background: var(--nutui-fixednav-background-color, #fff);
  flex-shrink: 0;
  justify-content: space-between;
  height: 100%;
  transition: all .5s;
  display: flex;
  position: absolute;
  box-shadow: 2px 2px 8px #0003;
}

.nut-fixednav-list-item {
  min-width: 50px;
  height: 100%;
  color: var(--nutui-fixednav-color, #1a1a1a);
  flex-direction: column;
  flex: 1 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.nut-fixednav-list-item .nut-fixednav-list-text {
  font-size: 10px;
}

.nut-fixednav-list-image {
  width: 20px;
  height: 20px;
  margin-bottom: 2px;
}

.nut-fixednav-right {
  right: 0;
}

.nut-fixednav-right .nut-fixednav-btn {
  border-radius: 45px 0 0 45px;
  right: 0;
}

.nut-fixednav-right .nut-fixednav-btn .nut-icon {
  margin-right: 5px;
  transform: rotate(0);
}

.nut-fixednav-right .nut-fixednav-list {
  border-radius: 25px 0 0 25px;
  padding-left: 20px;
  padding-right: 80px;
  right: 0;
  transform: translate(100%);
}

.nut-fixednav-left {
  left: 0;
}

.nut-fixednav-left .nut-fixednav-btn {
  border-radius: 0 45px 45px 0;
  flex-direction: row-reverse;
  left: 0;
}

.nut-fixednav-left .nut-fixednav-btn .nut-icon {
  margin-left: 5px;
  transform: rotate(180deg);
}

.nut-fixednav-left .nut-fixednav-list {
  border-radius: 0 25px 25px 0;
  padding-left: 80px;
  padding-right: 20px;
  left: 0;
  transform: translate(-100%);
}

[dir="rtl"] .nut-fixednav-right, .nut-rtl .nut-fixednav-right {
  left: 0;
  right: auto;
}

[dir="rtl"] .nut-fixednav.active .nut-icon, .nut-rtl .nut-fixednav.active .nut-icon {
  transform: rotate(0);
}

[dir="rtl"] .nut-fixednav.active.nut-fixednav-left .nut-icon, .nut-rtl .nut-fixednav.active.nut-fixednav-left .nut-icon {
  transform: rotate(-180deg);
}

[dir="rtl"] .nut-fixednav-btn, .nut-rtl .nut-fixednav-btn {
  border-radius: 0 45px 45px 0;
  left: 0;
  right: auto;
}

[dir="rtl"] .nut-fixednav-btn .nut-icon, .nut-rtl .nut-fixednav-btn .nut-icon {
  margin-left: 5px;
  margin-right: 0;
  transform: rotate(180deg);
}

[dir="rtl"] .nut-fixednav-list, .nut-rtl .nut-fixednav-list {
  border-radius: 0 25px 25px 0;
  padding-left: 80px;
  padding-right: 20px;
  left: 0;
  right: auto;
  transform: translate(-100%);
  box-shadow: -2px 2px 8px #0003;
}

[dir="rtl"] .nut-fixednav-list-item .b, .nut-rtl .nut-fixednav-list-item .b {
  left: 0;
  right: auto;
}

[dir="rtl"] .nut-fixednav-left, .nut-rtl .nut-fixednav-left {
  left: auto;
  right: 0;
}

[dir="rtl"] .nut-fixednav-left .nut-fixednav-btn, .nut-rtl .nut-fixednav-left .nut-fixednav-btn {
  border-radius: 45px 0 0 45px;
  left: auto;
  right: 0;
}

[dir="rtl"] .nut-fixednav-left .nut-fixednav-btn .nut-icon, .nut-rtl .nut-fixednav-left .nut-fixednav-btn .nut-icon {
  margin-left: 0;
  margin-right: 5px;
  transform: rotate(0);
}

[dir="rtl"] .nut-fixednav-left .nut-fixednav-list, .nut-rtl .nut-fixednav-left .nut-fixednav-list {
  border-radius: 25px 0 0 25px;
  padding-left: 20px;
  padding-right: 80px;
  left: auto;
  right: auto;
  transform: translate(100%);
}

.nut-drag .nut-fixednav {
  position: relative;
}

.nut-empty {
  box-sizing: border-box;
  width: 100%;
  padding: var(--nutui-empty-padding, 32px 40px);
  background-color: var(--nutui-empty-background-color, var(--nutui-color-background-overlay, #fff));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nut-empty-base {
  width: var(--nutui-empty-image-size, 160px);
  height: var(--nutui-empty-image-size, 160px);
}

.nut-empty-base img, .nut-empty-base image {
  width: 100%;
  height: 100%;
}

.nut-empty-small {
  width: var(--nutui-empty-image-small-size, 120px);
  height: var(--nutui-empty-image-small-size, 120px);
}

.nut-empty-small img, .nut-empty-small image {
  width: 100%;
  height: 100%;
}

.nut-empty-title {
  margin-top: var(--nutui-empty-title-margin-top, 0px);
  font-weight: var(--nutui-font-weight-bold, 600);
  margin-bottom: var(--nutui-empty-title-margin-bottom, 12px);
  color: var(--nutui-color-title, #1a1a1a);
  font-size: var(--nutui-font-size-l, 16px);
  line-height: var(--nutui-empty-title-line-height, var(--nutui-font-size-l, 16px));
}

.nut-empty-description {
  color: var(--nutui-color-text, #505259);
  font-size: var(--nutui-font-size-s, 12px);
  line-height: var(--nutui-empty-description-line-height, 1);
}

.nut-empty-actions-base {
  flex-direction: row;
  margin-top: 24px;
  display: flex;
}

.nut-empty-actions-small {
  flex-direction: row;
  margin-top: 16px;
  display: flex;
}

.nut-empty-action {
  margin-left: 6px;
  margin-right: 6px;
}

.nut-form-item {
  line-height: unset;
  display: flex;
}

.nut-form-item-disabled {
  opacity: .4;
  pointer-events: none;
}

.nut-form-item-label {
  font-size: var(--nutui-form-item-label-font-size, var(--nutui-font-size-s, 12px));
  width: var(--nutui-form-item-label-width, 90px);
  margin-right: var(--nutui-form-item-label-margin-right, 10px);
  word-wrap: break-word;
  text-align: var(--nutui-form-item-label-text-align, left);
  font-weight: 400;
  line-height: unset;
  flex-direction: row;
  flex: none;
  display: flex;
}

.nut-form-item-label-left-required {
  color: var(--nutui-form-item-required-color, var(--nutui-color-primary, #ff0f23));
  margin-right: var(--nutui-form-item-required-margin-right, 4px);
  position: absolute;
  left: -10px;
}

.nut-form-item-label-right-required {
  color: var(--nutui-form-item-required-color, var(--nutui-color-primary, #ff0f23));
  margin-left: var(--nutui-form-item-required-margin-right, 4px);
  position: absolute;
  right: -10px;
}

.nut-form-item .nut-form-item-labeltxt {
  font-size: var(--nutui-form-item-label-font-size, var(--nutui-font-size-s, 12px));
  position: relative;
}

.nut-form-item-body {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.nut-form-item-body-slots {
  text-align: var(--nutui-form-item-body-slots-text-align, left);
}

.nut-form-item-body-slots .nut-input {
  border: 0;
  padding: 0;
}

.nut-form-item-body-slots .nut-input-container {
  height: auto;
}

.nut-form-item-body-slots .nut-input-text {
  font-size: var(--nutui-form-item-body-font-size, var(--nutui-font-size-base, 14px));
  text-align: var(--nutui-form-item-body-input-text-align, left);
  color: var(--nutui-color-title, #1a1a1a);
  background: none;
  border: 0;
  outline: 0;
  width: 100%;
  text-decoration: none;
}

.nut-form-item-body-slots .nut-range-container {
  min-height: 24px;
}

.nut-form-item-body-slots .nut-textarea {
  padding: 0;
}

.nut-form-item-body-slots .nut-textarea .nut-textarea-textarea {
  font: inherit;
  text-align: var(--nutui-form-item-body-input-text-align, left);
}

.nut-form-item-body-tips {
  text-align: var(--nutui-form-item-tip-text-align, left);
  font-size: var(--nutui-form-item-tip-font-size, var(--nutui-font-size-xs, 11px));
  color: var(--nutui-form-item-error-message-color, var(--nutui-color-primary, #ff0f23));
}

[dir="rtl"] .nut-form-item-label, .nut-rtl .nut-form-item-label {
  text-align: right;
  margin-right: 0;
  margin-left: var(--nutui-form-item-label-margin-right, 10px);
}

[dir="rtl"] .nut-form-item-label .required:before, .nut-rtl .nut-form-item-label .required:before {
  margin-right: 0;
  margin-left: var(--nutui-form-item-required-margin-right, 4px);
}

[dir="rtl"] .nut-form-item-body-slots, .nut-rtl .nut-form-item-body-slots {
  text-align: right;
}

[dir="rtl"] .nut-form-item-body-slots .nut-icon-ArrowRight, [dir="rtl"] .nut-form-item-body-slots .nut-icon-ArrowLeft, .nut-rtl .nut-form-item-body-slots .nut-icon-ArrowRight, .nut-rtl .nut-form-item-body-slots .nut-icon-ArrowLeft {
  transform: rotateY(180deg);
}

[dir="rtl"] .nut-form-item-body-slots .nut-input-text, .nut-rtl .nut-form-item-body-slots .nut-input-text, [dir="rtl"] .nut-form-item-body-slots .nut-textarea-textarea, .nut-rtl .nut-form-item-body-slots .nut-textarea-textarea, [dir="rtl"] .nut-form-item-tips, .nut-rtl .nut-form-item-tips {
  text-align: right;
}

.nut-form-item-label-right {
  white-space: nowrap;
  justify-content: flex-end;
  padding-right: 24px;
}

.nut-form-item-label-left {
  white-space: nowrap;
  padding-left: 12px;
  position: relative;
}

.nut-form-item-top {
  white-space: nowrap;
  flex-direction: column;
  align-items: flex-start;
}

.nut-form-item-label-top {
  padding-bottom: 4px;
  padding-right: 24px;
  display: block;
}

.nut-form-item-body-top {
  width: 100%;
  margin-left: 0;
}

[dir="rtl"] .form-layout-right .nut-form-item-label, .nut-rtl .form-layout-right .nut-form-item-label {
  text-align: left;
  padding-left: 24px;
  padding-right: 0;
}

[dir="rtl"] .form-layout-left .nut-form-item-label, .nut-rtl .form-layout-left .nut-form-item-label {
  text-align: right;
  padding-left: 0;
  padding-right: 12px;
}

[dir="rtl"] .form-layout-left .nut-form-item-label .required, .nut-rtl .form-layout-left .nut-form-item-label .required {
  left: auto;
  right: .1em;
}

[dir="rtl"] .form-layout-top .nut-form-item-label, .nut-rtl .form-layout-top .nut-form-item-label {
  padding-left: 24px;
  padding-right: 0;
}

[dir="rtl"] .form-layout-top .nut-form-item-body, .nut-rtl .form-layout-top .nut-form-item-body {
  margin-left: 0;
  margin-right: 0;
}

.nut-elevator {
  width: 100%;
  display: flex;
  position: relative;
}

.nut-elevator-list {
  width: 100%;
  display: flex;
  position: relative;
  top: 0;
  overflow: hidden;
}

.nut-elevator-list-inner {
  background-color: var(--nutui-elevator-list-bg-color, #fff);
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  display: flex;
  overflow: auto;
}

.nut-elevator-list-item {
  display: flex;
}

.nut-elevator-list-item-sublist {
  flex-direction: column;
  display: flex;
}

.nut-elevator-list-item-code {
  height: var(--nutui-elevator-list-item-code-height, 34px);
  font-size: var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-size-base, 14px));
  color: var(--nutui-elevator-list-item-code-color, var(--nutui-color-text-help, #888b94));
  font-weight: var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 600));
  align-items: center;
  display: flex;
}

.nut-elevator-list-item-name {
  height: var(--nutui-elevator-list-item-name-height, 34px);
  font-size: var(--nutui-elevator-list-font-size, var(--nutui-font-size-base, 14px));
  color: var(--nutui-elevator-list-color, var(--nutui-color-title, #1a1a1a));
  align-items: center;
  display: flex;
}

.nut-elevator-list-item-name-highcolor {
  color: var(--nutui-color-primary, #ff0f23);
  font-weight: 600;
}

.nut-elevator-list-fixed {
  z-index: 1;
  width: 100%;
  padding: var(--nutui-elevator-list-item-padding, 0 36px 0 20px);
  height: var(--nutui-elevator-list-item-code-height, 34px);
  box-sizing: border-box;
  box-shadow: var(--nutui-elevator-list-fixed-box-shadow, 0 0 10px #eee);
  background-color: var(--nutui-elevator-list-fixed-bg-color, #fff);
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.nut-elevator-list-fixed-title {
  font-size: var(--nutui-elevator-list-item-code-font-size, var(--nutui-font-size-base, 14px));
  color: var(--nutui-elevator-list-fixed-color, var(--nutui-color-primary, #ff0f23));
  font-weight: var(--nutui-elevator-list-item-code-font-weight, var(--nutui-font-weight-bold, 600));
}

.nut-elevator-code-current {
  right: var(--nutui-elevator-list-item-code-current-right, 60px);
  top: var(--nutui-elevator-list-item-code-current-top, 50%);
  transform: var(--nutui-elevator-bars-transform, translateY(-50%));
  width: var(--nutui-elevator-list-item-code-current-width, 45px);
  height: var(--nutui-elevator-list-item-code-current-height, 45px);
  border-radius: var(--nutui-elevator-list-item-code-current-border-radius, 50%);
  background: var(--nutui-elevator-list-item-code-current-bg-color, var(--nutui-color-text-disabled, #c2c4cc));
  color: var(--nutui-elevator-list-item-code-current-color, #fff);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  box-shadow: 0 3px 3px 1px #f0f0f0;
}

.nut-elevator-bars {
  right: var(--nutui-elevator-bars-right, 16px);
  top: var(--nutui-elevator-bars-top, 50%);
  transform: var(--nutui-elevator-bars-transform, translateY(-50%));
  z-index: var(--nutui-elevator-bars-z-index, 1);
  position: absolute;
}

.nut-elevator-bars-inner {
  flex-direction: column;
  display: flex;
}

.nut-elevator-bars-inner-item {
  width: 16px;
  height: 16px;
  color: var(--nutui-elevator-bars-color, var(--nutui-color-text-help, #888b94));
  font-size: var(--nutui-elevator-bars-font-size, var(--nutui-font-size-xxs, 10px));
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin: 1px 0;
  display: inline-flex;
}

.nut-elevator-bars-inner-item-active {
  font-weight: var(--nutui-font-weight-bold, 600);
  color: var(--nutui-elevator-bars-active-color, #fff);
  background: #ff0f23;
}

.nut-elevator-horizontal .nut-elevator-list-item-code {
  width: var(--nutui-elevator-list-item-code-width, 34px);
  justify-content: center;
}

.nut-elevator-vertical .nut-elevator-list-item {
  flex-direction: column;
}

.nut-elevator-vertical .nut-elevator-list-item-code {
  border-bottom: var(--nutui-elevator-list-item-code-border-bottom, 1px solid var(--nutui-color-border, #0000000f));
}

.nut-elevator-vertical .nut-elevator-list-item-name, .nut-elevator-vertical .nut-elevator-list-item-code {
  padding: var(--nutui-elevator-list-item-padding, 0 36px 0 20px);
}

[dir="rtl"] .nut-elevator-list-fixed, .nut-rtl .nut-elevator-list-fixed {
  left: auto;
  right: 0;
}

[dir="rtl"] .nut-elevator-code-current, .nut-rtl .nut-elevator-code-current {
  right: auto;
  left: var(--nutui-elevator-list-item-code-current-right, 60px);
}

[dir="rtl"] .nut-elevator-bars, .nut-rtl .nut-elevator-bars {
  right: auto;
  left: var(--nutui-elevator-bars-right, 16px);
}

.nut-ellipsis {
  display: flex;
}

.nut-ellipsis .nut-ellipsis-text {
  cursor: pointer;
  color: var(--nutui-ellipsis-expand-collapse-color, var(--nutui-color-info, #0073ff));
  display: inline-block;
}

.nut-ellipsis .nut-ellipsis-wordbreak {
  word-break: break-all;
}

.nut-ellipsis-copy {
  position: absolute;
  top: -999999px;
}

.nut-ellipsis-width {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.nut-divider {
  font-size: var(--nutui-divider-text-font-size, var(--nutui-font-size-base, 14px));
  color: var(--nutui-divider-text-color, var(--nutui-color-text, #505259));
  margin: var(--nutui-divider-margin, 16px 0);
  border: 0 solid var(--nutui-divider-border-color, var(--nutui-color-border, #0000000f));
  flex-direction: row;
  align-items: center;
  width: 100%;
  display: flex;
}

.nut-divider-before, .nut-divider-after {
  border-style: solid;
  border-color: var(--nutui-divider-border-color, var(--nutui-color-border, #0000000f));
  border-width: var(--nutui-divider-line-height, 1px) 0 0;
  height: var(--nutui-divider-line-height, 1px);
  flex: 1;
  display: flex;
}

.nut-divider-center-before, .nut-divider-left-before, .nut-divider-right-before {
  margin-right: var(--nutui-divider-spacing, 8px);
}

.nut-divider-center-after, .nut-divider-left-after, .nut-divider-right-after {
  margin-left: var(--nutui-divider-spacing, 8px);
}

.nut-divider-left-before, .nut-divider-right-after {
  width: var(--nutui-divider-side-width, 10%);
  flex: none;
}

.nut-divider-vertical {
  width: 0;
  height: var(--nutui-divider-vertical-height, 12px);
  border-left: 1px solid var(--nutui-divider-border-color, var(--nutui-color-border, #0000000f));
  margin: var(--nutui-divider-vertical-margin, 0 8px);
  vertical-align: middle;
  display: inline-flex;
}

.nut-divider-rtl-before {
  margin-right: 0;
  margin-left: var(--nutui-divider-spacing, 8px);
}

.nut-divider-rtl-after {
  margin-left: 0;
  margin-right: var(--nutui-divider-spacing, 8px);
}

.nut-dialog {
  width: var(--nutui-dialog-width, 295px);
  min-width: var(--nutui-dialog-min-width, 240px);
  max-height: 67%;
  min-height: var(--nutui-dialog-min-height, 124px);
  padding: var(--nutui-dialog-padding, 24px);
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.nut-dialog-outer {
  -webkit-overflow-scrolling: touch;
  border-radius: var(--nutui-dialog-border-radius, var(--nutui-radius-xl, 12px));
  background-color: #fff;
  max-height: 100%;
  transition: transform .2s;
  animation-duration: .3s;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.nut-dialog-close {
  z-index: 1;
  cursor: pointer;
  width: var(--nutui-dialog-close-width, 16px);
  height: var(--nutui-dialog-close-height, 16px);
  color: var(--nutui-dialog-close-color, #fff);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute !important;
}

.nut-dialog-close .nut-icon {
  font-size: var(--nutui-dialog-close-width, 16px);
  width: var(--nutui-dialog-close-width, 16px);
  height: var(--nutui-dialog-close-height, 16px);
}

.nut-dialog-close-top-right {
  top: var(--nutui-dialog-close-top, 16px);
  right: var(--nutui-dialog-close-right, 16px);
}

.nut-dialog-close-top-left {
  top: var(--nutui-dialog-close-top, 16px);
  left: var(--nutui-dialog-close-left, 16px);
}

.nut-dialog-close-bottom {
  width: var(--nutui-dialog-bottom-close-icon-size, 24px);
  height: var(--nutui-dialog-bottom-close-icon-size, 24px);
  bottom: -64px;
  left: 50%;
  transform: translate(-50%);
}

.nut-dialog-close-bottom .nut-icon {
  color: var(--nutui-color-text-disabled, #c2c4cc);
  background-color: var(--nutui-color-mask-part, #0006);
  width: var(--nutui-dialog-bottom-close-icon-size, 24px);
  height: var(--nutui-dialog-bottom-close-icon-size, 24px);
  border-radius: 50%;
}

.nut-dialog-close:active {
  opacity: .7;
}

.nut-dialog-header {
  text-align: center;
  font-size: var(--nutui-dialog-header-font-size, var(--nutui-font-size-l, 16px));
  font-weight: var(--nutui-dialog-header-font-weight, var(--nutui-font-weight-bold, 600));
  color: var(--nutui-color-title, #1a1a1a);
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  display: block;
  overflow: hidden;
}

.nut-dialog-content {
  width: 100%;
  margin: var(--nutui-dialog-content-margin, 12px 0 16px 0);
  max-height: var(--nutui-dialog-content-max-height, 268px);
  line-height: var(--nutui-dialog-content-line-height, 20px);
  font-size: var(--nutui-font-size-base, 14px);
  color: var(--nutui-color-title, #1a1a1a);
  word-wrap: break-word;
  word-break: break-all;
  white-space: pre-wrap;
  text-align: var(--nutui-dialog-content-text-align, left);
  overflow-y: auto;
}

.nut-dialog-footer {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  display: flex;
}

.nut-dialog-footer.vertical {
  flex-direction: column;
}

.nut-dialog-footer.vertical .nut-button {
  min-width: 100%;
}

.nut-dialog-footer.vertical .nut-dialog-footer-cancel {
  color: var(--nutui-color-text, #505259);
  font-size: var(--nutui-font-size-base, 14px);
  margin: 0;
  margin-top: var(--nutui-dialog-vertical-footer-ok-margin-top, 16px);
  justify-content: center;
  display: flex;
}

.nut-dialog-footer .nut-button {
  min-width: var(--nutui-dialog-footer-button-min-width, 117px);
}

.nut-dialog-footer-cancel.nut-dialog-footer-cancel {
  margin-right: var(--nutui-dialog-footer-cancel-margin-right, 12px);
  background: var(--nutui-dialog-footer-cancel-bg, var(--nutui-button-default-background-color, transparent));
}

.nut-dialog-footer-ok {
  max-width: var(--nutui-dialog-footer-ok-max-width, 128px);
  font-weight: var(--nutui-font-weight-bold, 600);
}

.nut-dialog-footer-block.nut-button {
  min-width: 100%;
}

[dir="rtl"] .nut-dialog-outer, .nut-rtl .nut-dialog-outer {
  left: auto;
  right: 50%;
  transform: translate(50%, -50%);
}

[dir="rtl"] .nut-dialog-close-top-right, .nut-rtl .nut-dialog-close-top-right {
  right: auto;
  left: var(--nutui-dialog-close-right, 16px);
}

[dir="rtl"] .nut-dialog-close-top-left, .nut-rtl .nut-dialog-close-top-left {
  left: auto;
  right: var(--nutui-dialog-close-left, 16px);
}

[dir="rtl"] .nut-dialog-footer-cancel.nut-dialog-footer-cancel, .nut-rtl .nut-dialog-footer-cancel.nut-dialog-footer-cancel {
  margin-right: 0;
  margin-left: var(--nutui-dialog-footer-cancel-margin-right, 12px);
}

[dir="rtl"] .nut-dialog-content, .nut-rtl .nut-dialog-content {
  text-align: var(--nutui-dialog-content-text-align, right);
}

.nut-datepickerview {
  width: 100%;
  display: flex;
}

.nut-drag {
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 0;
  height: 0;
  font-size: 0;
  position: fixed;
  z-index: 9997 !important;
}

.nut-drag-inner {
  touch-action: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: inline-flex;
}

.nut-countdown {
  display: var(--nutui-countdown-display, flex);
  color: var(--nutui-countdown-color, var(--nutui-color-primary, #ff0f23));
  font-size: var(--nutui-countdown-font-size, var(--nutui-font-size-xs, 11px));
  flex-direction: row;
  align-items: center;
}

.nut-countdown-number-primary, .nut-countdown-number, .nut-countdown-number-text, .nut-countdown-unit {
  height: var(--nutui-countdown-height, 16px);
  box-sizing: border-box;
  font-weight: var(--nutui-countdown-font-weight, var(--nutui-font-weight, 400));
  font-size: var(--nutui-countdown-font-size, var(--nutui-font-size-xs, 11px));
  line-height: calc(var(--nutui-countdown-font-size, var(--nutui-font-size-xs, 11px)) + 2px);
  justify-content: center;
  align-items: center;
  font-family: JD;
  display: flex;
}

.nut-countdown-number, .nut-countdown-number-primary {
  min-width: var(--nutui-countdown-width, 16px);
  padding: var(--nutui-countdown-number-padding, 0 0);
  border-radius: var(--nutui-countdown-number-border-radius, var(--nutui-radius-xxs, 2px));
  margin: var(--nutui-countdown-number-margin, 0 1px);
  text-align: center;
  position: relative;
}

.nut-countdown-number:after, .nut-countdown-number-primary:after {
  content: "";
  border-radius: calc(var(--nutui-countdown-number-border-radius, var(--nutui-radius-xxs, 2px)) * 2);
  position: absolute;
  top: -50%;
  bottom: -50%;
  left: -50%;
  right: -50%;
  transform: scale(.5);
}

.nut-countdown-number {
  background-color: var(--nutui-countdown-number-background-color, var(--nutui-color-background-overlay, #fff));
  color: var(--nutui-countdown-number-color, var(--nutui-color-primary, #ff0f23));
}

.nut-countdown-number:after {
  border: 1px solid var(--nutui-countdown-number-border-color, var(--nutui-color-primary-specialdisabled, #ffadbe));
}

.nut-countdown-number-primary {
  background-color: var(--nutui-countdown-number-primary-background-color, var(--nutui-color-primary, #ff0f23));
  color: var(--nutui-countdown-number-primary-color, #fff);
}

.nut-countdown-number-primary:after {
  border: 1px solid var(--nutui-countdown-number-primary-border-color, var(--nutui-color-primary, #ff0f23));
}

.nut-countdown-number-text {
  color: var(--nutui-countdown-number-color, var(--nutui-color-primary, #ff0f23));
  background-color: #0000;
  border: 0;
}

.nut-countdown-unit {
  color: var(--nutui-countdown-color, var(--nutui-color-primary, #ff0f23));
}

.nut-collapse-item {
  position: relative;
}

.nut-collapse-item:after {
  box-sizing: border-box;
  content: " ";
  pointer-events: none;
  border-bottom: var(--nutui-collapse-item-border-bottom, none);
  position: absolute;
  bottom: 0;
  left: 16px;
  right: 16px;
  transform: scaleY(.5);
}

.nut-collapse-item:last-child:after {
  display: none;
}

.nut-collapse-item-header {
  width: 100%;
  padding: var(--nutui-collapse-item-padding, 13px 26px);
  font-size: var(--nutui-collapse-item-font-size, var(--nutui-font-size-base, 14px));
  line-height: var(--nutui-collapse-item-line-height, 24px);
  background-color: var(--nutui-color-background-overlay, #fff);
  box-sizing: border-box;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nut-collapse-item-header:after {
  box-sizing: border-box;
  content: " ";
  pointer-events: none;
  border-bottom: var(--nutui-collapse-item-header-border-bottom, 1px solid var(--nutui-color-border, #0000000f));
  position: absolute;
  bottom: 0;
  left: 16px;
  right: 16px;
  transform: scaleY(.5);
}

.nut-collapse-item-title {
  color: var(--nutui-collapse-item-color, var(--nutui-color-title, #1a1a1a));
  align-items: center;
  display: flex;
}

.nut-collapse-item-extra {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--nutui-collapse-item-extra-color, var(--nutui-color-text, #505259));
  flex: 1;
  justify-content: flex-end;
  padding: 0 20px;
  display: flex;
  overflow: hidden;
}

.nut-collapse-item-icon-box {
  width: 24px;
  color: var(--nutui-color-text, #505259);
  display: flex;
  position: relative;
}

.nut-collapse-item-icon {
  transform-origin: center;
  align-items: center;
  transition: transform .3s;
  display: flex;
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
}

.nut-collapse-item-header-disabled, .nut-collapse-item-header-disabled .nut-collapse-item-title, .nut-collapse-item-header-disabled .nut-collapse-item-icon {
  color: var(--nutui-collapse-item-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
}

.nut-collapse-item-content-wrapper {
  box-sizing: border-box;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.nut-collapse-item-content-wrapper-tran {
  transition: all .3s linear;
}

.nut-collapse-item-content {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  color: var(--nutui-collapse-wrapper-content-color, var(--nutui-color-text, #505259));
  font-size: var(--nutui-collapse-wrapper-content-font-size, var(--nutui-font-size-base, 14px));
  line-height: var(--nutui-collapse-wrapper-content-line-height, 1.5);
  background-color: var(--nutui-collapse-wrapper-content-background-color, var(--nutui-color-background-overlay, #fff));
  display: block;
  position: absolute;
}

.nut-collapse-item-content-text {
  color: var(--nutui-collapse-wrapper-content-color, var(--nutui-color-text, #505259));
  padding: var(--nutui-collapse-wrapper-content-padding, 12px 26px);
}

[dir="rtl"] .nut-collapse-item-icon, .nut-rtl .nut-collapse-item-icon {
  left: auto;
  right: 5px;
}

.nut-countup-list {
  height: var(--nutui-countup-height, 32px);
  direction: ltr;
  display: inline-flex;
  overflow: hidden;
}

.nut-countup-listitem {
  height: var(--nutui-countup-height, 32px);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
}

.nut-countup-listitem-number {
  margin: 0 var(--nutui-countup-lr-margin, 0);
  border-radius: var(--nutui-countup-border-radius, 4px);
  color: var(--nutui-countup-color, var(--nutui-color-title, #1a1a1a));
  background-color: var(--nutui-countup-bg-color, inherit);
}

.nut-countup-separator {
  height: 80%;
  color: var(--nutui-countup-separator-color, var(--nutui-color-title, #1a1a1a));
  font-size: var(--nutui-countup-base-size, 18px);
  font-weight: var(--nutui-font-weight-bold, 600);
  align-items: flex-end;
  display: flex;
}

.nut-countup-number {
  width: var(--nutui-countup-width, auto);
  flex-direction: column;
  align-items: center;
  transition: transform 1s ease-in-out;
  display: flex;
  transform: translate(0);
}

.nut-countup-number-text {
  height: var(--nutui-countup-height, 32px);
  line-height: var(--nutui-countup-height, 32px);
  color: var(--nutui-countup-color, var(--nutui-color-title, #1a1a1a));
  font-size: var(--nutui-countup-base-size, 18px);
  font-weight: var(--nutui-font-weight-bold, 600);
}

.nut-circleprogress {
  position: relative;
}

.nut-circleprogress-hover {
  stroke: var(--nutui-circleprogress-primary-color, var(--nutui-color-primary, #ff0f23));
  transition: stroke-dasharray .2s ease-in-out, stroke .2s;
}

.nut-circleprogress-path {
  stroke: var(--nutui-circleprogress-path-color, var(--nutui-color-background, #f2f3f5));
}

.nut-circleprogress-text {
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  color: var(--nutui-circleprogress-text-color, var(--nutui-color-title, #1a1a1a));
  font-size: var(--nutui-circleprogress-text-size, var(--nutui-font-size-l, 16px));
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

[dir="rtl"] .nut-circleprogress-text, .nut-rtl .nut-circleprogress-text {
  left: auto;
  right: 0;
}

.nut-checkboxgroup .nut-checkbox-button {
  background-color: var(--nutui-color-background, #f2f3f5);
}

.nut-checkboxgroup-vertical {
  flex-direction: column;
  display: flex;
}

.nut-checkboxgroup-vertical .nut-checkbox {
  margin-bottom: 5px;
}

.nut-checkboxgroup-vertical .nut-checkbox.nut-checkbox-reverse {
  justify-content: space-between;
  width: 100%;
}

.nut-checkboxgroup-vertical .nut-checkbox-button-active {
  border: var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #ff0f23));
  background-color: var(--nutui-color-primary-light-pressed, #ffebf1);
}

.nut-checkboxgroup-horizontal {
  flex-flow: wrap;
  display: flex;
}

.nut-checkboxgroup-horizontal .nut-checkbox {
  flex: 1;
  margin-right: 20px;
  display: inline-flex;
}

.nut-checkboxgroup-horizontal .nut-checkbox-button-active {
  border: var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #ff0f23));
  background-color: var(--nutui-color-primary-light-pressed, #ffebf1);
}

.nut-checkboxgroup-list {
  border-bottom: var(--nutui-checkbox-list-item-border, 1px solid var(--nutui-color-border, #0000000f));
  border-top: var(--nutui-checkbox-list-item-border, 1px solid var(--nutui-color-border, #0000000f));
  padding: var(--nutui-checkbox-list-padding, 0 0 0 12px);
  background: var(--nutui-checkbox-list-background-color, #fff);
  box-sizing: border-box;
  flex-grow: 1;
}

.nut-checkboxgroup-list .nut-checkbox {
  margin-bottom: 5px;
}

.nut-checkboxgroup-list .nut-checkbox.nut-checkbox-reverse {
  flex-grow: 1;
  justify-content: space-between;
  width: auto;
}

.nut-checkboxgroup-list .nut-checkbox-list-item:first-child {
  border-top: none;
}

[dir="rtl"] .nut-checkboxgroup .nut-checkbox-label, .nut-rtl .nut-checkboxgroup .nut-checkbox-label, [dir="rtl"] .nut-checkboxgroup-vertical .nut-checkbox-label, .nut-rtl .nut-checkboxgroup-vertical .nut-checkbox-label {
  margin-right: 5px;
}

[dir="rtl"] .nut-checkboxgroup-horizontal .nut-checkbox, .nut-rtl .nut-checkboxgroup-horizontal .nut-checkbox {
  margin-left: 20px;
  margin-right: 0;
}

.nut-cell-group {
  display: block;
}

.nut-cell-group-title {
  display: inherit;
  padding: var(--nutui-cell-group-title-padding, 0 10px);
  color: var(--nutui-cell-group-title-color, var(--nutui-color-title, #1a1a1a));
  font-size: var(--nutui-cell-group-title-font-size, var(--nutui-font-size-base, 14px));
  line-height: var(--nutui-cell-group-title-line-height, 20px);
  margin-top: 30px;
  margin-bottom: 10px;
}

.nut-cell-group-description {
  display: inherit;
  padding: var(--nutui-cell-group-description-padding, 0 10px);
  color: var(--nutui-cell-group-description-color, var(--nutui-color-text, #505259));
  font-size: var(--nutui-cell-group-description-font-size, var(--nutui-font-size-s, 12px));
  line-height: var(--nutui-cell-group-description-line-height, 16px);
  margin-top: 10px;
  margin-bottom: 10px;
}

.nut-cell-group-wrap {
  border-radius: var(--nutui-cell-border-radius, 6px);
  background-color: var(--nutui-cell-group-background-color, var(--nutui-color-background-overlay, #fff));
  margin-bottom: var(--nutui-cell-group-wrap-margin, 10px);
  overflow: hidden;
}

.nut-checkbox {
  align-items: center;
  display: flex;
}

.nut-checkbox-icon {
  color: var(--nutui-color-text-disabled, #c2c4cc);
  font-size: var(--nutui-checkbox-icon-font-size, var(--nutui-font-size-l, 16px));
  flex-shrink: 0;
}

.nut-checkbox-icon-wrap {
  border-radius: 50%;
  font-size: 0;
  line-height: 0;
  box-shadow: 0 2px 4px #ff0f2333;
}

.nut-checkbox-icon-checked {
  color: var(--nutui-color-primary, #ff0f23);
  border-radius: 50%;
  transition-property: color, border-color, background-color;
  transition-duration: .3s;
}

.nut-checkbox-icon-checked.nut-checkbox-icon-disabled {
  color: var(--nutui-color-primary-disabled-special, #ffadbe);
}

.nut-checkbox-label {
  margin-left: var(--nutui-checkbox-label-margin-left, var(--nutui-spacing-xxs, 4px));
  font-size: var(--nutui-checkbox-label-font-size, var(--nutui-font-size-s, 12px));
  color: var(--nutui-checkbox-label-color, var(--nutui-color-title, #1a1a1a));
  flex-shrink: 0;
}

.nut-checkbox-label-disabled {
  color: var(--nutui-color-text-disabled, #c2c4cc);
}

.nut-checkbox-icon-indeterminate {
  color: var(--nutui-color-primary, #ff0f23);
  border-radius: 50%;
  box-shadow: 0 2px 4px #ff0f2333;
}

.nut-checkbox-icon-indeterminate.nut-checkbox-icon-disabled {
  color: var(--nutui-color-primary-disabled-special, #ffadbe);
}

.nut-checkbox-icon-disabled {
  color: var(--nutui-color-text-disabled, #c2c4cc);
  box-shadow: none;
}

.nut-checkbox-reverse {
  flex-direction: row-reverse;
}

.nut-checkbox-reverse .nut-checkbox-label {
  margin-right: var(--nutui-checkbox-label-margin-left, var(--nutui-spacing-xxs, 4px));
  margin-left: 0;
}

.nut-checkbox-button {
  min-height: 32px;
  padding: var(--nutui-checkbox-button-padding, 5px 18px);
  font-size: var(--nutui-checkbox-button-font-size, var(--nutui-font-size-s, 12px));
  background: var(--nutui-color-background, #f2f3f5);
  border-radius: var(--nutui-checkbox-button-border-radius, 15px);
  color: var(--nutui-checkbox-label-color, var(--nutui-color-title, #1a1a1a));
  box-sizing: border-box;
  border: 1px solid var(--nutui-color-background, #f2f3f5);
  align-items: center;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.nut-checkbox-button-active {
  background: var(--nutui-color-primary-light-pressed, #ffebf1);
  color: var(--nutui-color-primary, #ff0f23);
  border: var(--nutui-checkbox-button-active-border, 1px solid var(--nutui-color-primary, #ff0f23));
}

.nut-checkbox-button-disabled {
  color: var(--nutui-color-text-disabled, #c2c4cc);
  border: 1px solid var(--nutui-color-background, #f2f3f5);
}

.nut-checkbox-button-icon {
  border-top: 10px solid #0000;
  border-left: 10px solid #0000;
  border-bottom: 10px solid var(--nutui-color-primary, #ff0f23);
  border-right: 10px solid var(--nutui-color-primary, #ff0f23);
  justify-content: flex-end;
  align-items: flex-end;
  width: 0;
  height: 0;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.nut-checkbox-button .nut-checkbox-button-icon-checked {
  color: #fff;
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(-1px, -2px);
}

.nut-checkbox-button .nut-icon {
  width: 12px;
  height: 12px;
  font-size: 12px;
  position: absolute;
}

.nut-checkbox-button .nut-icon:before {
  margin-left: 6px;
  top: auto;
  bottom: -22px;
}

.nut-checkbox .nut-checkbox-button-active.nut-checkbox-button-disabled {
  background: var(--nutui-color-text-disabled, #c2c4cc);
  color: #fff;
  border: 1px solid var(--nutui-color-text-disabled, #c2c4cc);
}

.nut-checkbox-list-item {
  padding: var(--nutui-checkbox-list-item-padding, 12px 12px 12px 0);
  border-top: var(--nutui-checkbox-list-item-border, 1px solid var(--nutui-color-border, #0000000f));
  justify-content: space-between;
  display: flex;
}

.nut-checkbox-list-item .nut-checkbox-label, .nut-checkbox-list-item .nut-icon {
  flex: none;
}

[dir="rtl"] .nut-checkbox-label, .nut-rtl .nut-checkbox-label {
  margin-left: 0;
  margin-right: var(--nutui-checkbox-label-margin-left, var(--nutui-spacing-xxs, 4px));
}

[dir="rtl"] .nut-checkbox-reverse .nut-checkbox-label, .nut-rtl .nut-checkbox-reverse .nut-checkbox-label {
  margin-left: var(--nutui-checkbox-label-margin-left, var(--nutui-spacing-xxs, 4px));
  margin-right: 0;
}

[dir="rtl"] .nut-checkbox-button-icon, .nut-rtl .nut-checkbox-button-icon {
  border-right: 10px solid #0000;
  border-left: 10px solid var(--nutui-color-primary, #ff0f23);
  left: 0;
  right: auto;
}

[dir="rtl"] .nut-checkbox-button-icon-checked, .nut-rtl .nut-checkbox-button-icon-checked {
  left: auto;
  right: 50%;
  transform: translate(3px, -3px);
}

[dir="rtl"] .nut-checkbox-button-icon .nut-icon:before, .nut-rtl .nut-checkbox-button-icon .nut-icon:before {
  margin-left: 0;
  margin-right: 6px;
}

.nut-cascader {
  width: 100%;
  font-size: var(--nutui-cascader-font-size, var(--nutui-font-size-base, 14px));
}

.nut-cascader .nut-tabs-titles {
  padding: var(--nutui-cascader-tabs-item-padding, 0 10px);
  background: var(--nutui-color-background-overlay, #fff);
}

.nut-cascader .nut-tabs-titles-item {
  flex: initial;
  width: auto;
  min-width: auto;
  padding: var(--nutui-cascader-tabs-item-padding, 0 10px);
  white-space: nowrap;
}

.nut-cascader .nut-tabpane {
  background: var(--nutui-color-background-overlay, #fff);
  padding: 0;
}

.nut-cascader-pane {
  width: 100%;
  padding-top: var(--nutui-cascader-pane-paddingTop, 10px);
  height: var(--nutui-cascader-pane-height, 342px);
  -webkit-overflow-scrolling: touch;
  display: block;
  overflow-y: auto;
}

.nut-cascader-item {
  padding: var(--nutui-cascader-item-padding, 10px 20px);
  margin: var(--nutui-cascader-item-margin, 0px);
  border-bottom: var(--nutui-cascader-item-border-bottom, 0px solid var(--nutui-color-border, #0000000f));
  font-size: var(--nutui-cascader-item-font-size, var(--nutui-font-size-base, 14px));
  color: var(--nutui-cascader-item-color, var(--nutui-color-title, #1a1a1a));
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nut-cascader-item.disabled {
  opacity: .6;
  cursor: not-allowed;
}

.nut-cascader-item.active:not(.disabled) {
  color: var(--nutui-cascader-item-active-color, var(--nutui-color-primary, #ff0f23));
}

.nut-cascader-item.active .nut-cascader-item-icon-check {
  visibility: visible;
  color: inherit;
}

.nut-cascader-item-title {
  flex: 1;
}

.nut-cascader .nut-icon-checklist {
  margin-left: var(--nutui-cascader-icon-checklist-marginLeft, 10px);
  visibility: hidden;
}

[dir="rtl"] .nut-cascader .nut-icon-checklist, .nut-rtl .nut-cascader .nut-icon-checklist {
  margin-left: 0;
  margin-right: var(--nutui-cascader-icon-checklist-marginLeft, 10px);
}

.nut-col {
  box-sizing: border-box;
  word-break: break-all;
  margin-bottom: var(--nutui-col-default-margin-bottom, 15px);
}

[dir="rtl"] .nut-col, .nut-rtl .nut-col {
  float: right;
}

[dir="rtl"] .nut-col.nut-col-gutter:last-child, .nut-rtl .nut-col.nut-col-gutter:last-child, [dir="rtl"] .nut-col.nut-col-gutter:first-child, .nut-rtl .nut-col.nut-col-gutter:first-child {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.nut-col-offset-1 {
  margin-left: 4.16667%;
}

[dir="rtl"] .nut-col-offset-1, .nut-rtl .nut-col-offset-1 {
  margin-left: 0;
  margin-right: 4.16667%;
}

.nut-col-1 {
  width: 4.16667%;
}

.nut-col-offset-2 {
  margin-left: 8.33333%;
}

[dir="rtl"] .nut-col-offset-2, .nut-rtl .nut-col-offset-2 {
  margin-left: 0;
  margin-right: 8.33333%;
}

.nut-col-2 {
  width: 8.33333%;
}

.nut-col-offset-3 {
  margin-left: 12.5%;
}

[dir="rtl"] .nut-col-offset-3, .nut-rtl .nut-col-offset-3 {
  margin-left: 0;
  margin-right: 12.5%;
}

.nut-col-3 {
  width: 12.5%;
}

.nut-col-offset-4 {
  margin-left: 16.6667%;
}

[dir="rtl"] .nut-col-offset-4, .nut-rtl .nut-col-offset-4 {
  margin-left: 0;
  margin-right: 16.6667%;
}

.nut-col-4 {
  width: 16.6667%;
}

.nut-col-offset-5 {
  margin-left: 20.8333%;
}

[dir="rtl"] .nut-col-offset-5, .nut-rtl .nut-col-offset-5 {
  margin-left: 0;
  margin-right: 20.8333%;
}

.nut-col-5 {
  width: 20.8333%;
}

.nut-col-offset-6 {
  margin-left: 25%;
}

[dir="rtl"] .nut-col-offset-6, .nut-rtl .nut-col-offset-6 {
  margin-left: 0;
  margin-right: 25%;
}

.nut-col-6 {
  width: 25%;
}

.nut-col-offset-7 {
  margin-left: 29.1667%;
}

[dir="rtl"] .nut-col-offset-7, .nut-rtl .nut-col-offset-7 {
  margin-left: 0;
  margin-right: 29.1667%;
}

.nut-col-7 {
  width: 29.1667%;
}

.nut-col-offset-8 {
  margin-left: 33.3333%;
}

[dir="rtl"] .nut-col-offset-8, .nut-rtl .nut-col-offset-8 {
  margin-left: 0;
  margin-right: 33.3333%;
}

.nut-col-8 {
  width: 33.3333%;
}

.nut-col-offset-9 {
  margin-left: 37.5%;
}

[dir="rtl"] .nut-col-offset-9, .nut-rtl .nut-col-offset-9 {
  margin-left: 0;
  margin-right: 37.5%;
}

.nut-col-9 {
  width: 37.5%;
}

.nut-col-offset-10 {
  margin-left: 41.6667%;
}

[dir="rtl"] .nut-col-offset-10, .nut-rtl .nut-col-offset-10 {
  margin-left: 0;
  margin-right: 41.6667%;
}

.nut-col-10 {
  width: 41.6667%;
}

.nut-col-offset-11 {
  margin-left: 45.8333%;
}

[dir="rtl"] .nut-col-offset-11, .nut-rtl .nut-col-offset-11 {
  margin-left: 0;
  margin-right: 45.8333%;
}

.nut-col-11 {
  width: 45.8333%;
}

.nut-col-offset-12 {
  margin-left: 50%;
}

[dir="rtl"] .nut-col-offset-12, .nut-rtl .nut-col-offset-12 {
  margin-left: 0;
  margin-right: 50%;
}

.nut-col-12 {
  width: 50%;
}

.nut-col-offset-13 {
  margin-left: 54.1667%;
}

[dir="rtl"] .nut-col-offset-13, .nut-rtl .nut-col-offset-13 {
  margin-left: 0;
  margin-right: 54.1667%;
}

.nut-col-13 {
  width: 54.1667%;
}

.nut-col-offset-14 {
  margin-left: 58.3333%;
}

[dir="rtl"] .nut-col-offset-14, .nut-rtl .nut-col-offset-14 {
  margin-left: 0;
  margin-right: 58.3333%;
}

.nut-col-14 {
  width: 58.3333%;
}

.nut-col-offset-15 {
  margin-left: 62.5%;
}

[dir="rtl"] .nut-col-offset-15, .nut-rtl .nut-col-offset-15 {
  margin-left: 0;
  margin-right: 62.5%;
}

.nut-col-15 {
  width: 62.5%;
}

.nut-col-offset-16 {
  margin-left: 66.6667%;
}

[dir="rtl"] .nut-col-offset-16, .nut-rtl .nut-col-offset-16 {
  margin-left: 0;
  margin-right: 66.6667%;
}

.nut-col-16 {
  width: 66.6667%;
}

.nut-col-offset-17 {
  margin-left: 70.8333%;
}

[dir="rtl"] .nut-col-offset-17, .nut-rtl .nut-col-offset-17 {
  margin-left: 0;
  margin-right: 70.8333%;
}

.nut-col-17 {
  width: 70.8333%;
}

.nut-col-offset-18 {
  margin-left: 75%;
}

[dir="rtl"] .nut-col-offset-18, .nut-rtl .nut-col-offset-18 {
  margin-left: 0;
  margin-right: 75%;
}

.nut-col-18 {
  width: 75%;
}

.nut-col-offset-19 {
  margin-left: 79.1667%;
}

[dir="rtl"] .nut-col-offset-19, .nut-rtl .nut-col-offset-19 {
  margin-left: 0;
  margin-right: 79.1667%;
}

.nut-col-19 {
  width: 79.1667%;
}

.nut-col-offset-20 {
  margin-left: 83.3333%;
}

[dir="rtl"] .nut-col-offset-20, .nut-rtl .nut-col-offset-20 {
  margin-left: 0;
  margin-right: 83.3333%;
}

.nut-col-20 {
  width: 83.3333%;
}

.nut-col-offset-21 {
  margin-left: 87.5%;
}

[dir="rtl"] .nut-col-offset-21, .nut-rtl .nut-col-offset-21 {
  margin-left: 0;
  margin-right: 87.5%;
}

.nut-col-21 {
  width: 87.5%;
}

.nut-col-offset-22 {
  margin-left: 91.6667%;
}

[dir="rtl"] .nut-col-offset-22, .nut-rtl .nut-col-offset-22 {
  margin-left: 0;
  margin-right: 91.6667%;
}

.nut-col-22 {
  width: 91.6667%;
}

.nut-col-offset-23 {
  margin-left: 95.8333%;
}

[dir="rtl"] .nut-col-offset-23, .nut-rtl .nut-col-offset-23 {
  margin-left: 0;
  margin-right: 95.8333%;
}

.nut-col-23 {
  width: 95.8333%;
}

.nut-col-offset-24 {
  margin-left: 100%;
}

[dir="rtl"] .nut-col-offset-24, .nut-rtl .nut-col-offset-24 {
  margin-left: 0;
  margin-right: 100%;
}

.nut-col-24 {
  width: 100%;
}

.nut-card {
  background-color: inherit;
  border-radius: var(--nutui-card-border-radius, 4px);
  width: 100%;
  display: flex;
}

.nut-card-left {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
}

.nut-card-left > img {
  border-radius: var(--nutui-card-border-radius, 4px);
  width: 100%;
  height: 100%;
  display: block;
}

.nut-card-right {
  flex: 1;
  padding: 0 10px 8px;
}

.nut-card-right-title {
  -webkit-line-clamp: 2;
  word-break: break-all;
  color: var(--nutui-color-title, #1a1a1a);
  -webkit-box-orient: vertical;
  font-size: 14px;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
}

.nut-card-right-price {
  align-items: center;
  height: 18px;
  margin-top: 9px;
  line-height: 18px;
  display: flex;
}

.nut-card-right-price-origin.nut-price {
  margin-left: 2px;
}

.nut-card-right-price-origin.nut-price .nut-price-symbol, .nut-card-right-price-origin.nut-price .nut-price-integer, .nut-card-right-price-origin.nut-price .nut-price-decimal {
  color: #d2a448;
}

.nut-card-right-other {
  align-items: center;
  padding: 5px 0 2px;
  display: flex;
}

.nut-card-right-other .nut-tag {
  font-size: var(--nutui-font-size-xs, 11px);
  margin-right: 5px;
  padding: 0 2px;
}

.nut-card-right-shop {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nut-card-right-shop-name {
  color: var(--nutui-color-text, #505259);
  padding-top: 4px;
  font-size: 12px;
  line-height: 1.5;
}

[dir="rtl"] .nut-card-right-price-origin.nut-price, .nut-rtl .nut-card-right-price-origin.nut-price {
  margin-left: 0;
  margin-right: 2px;
}

[dir="rtl"] .nut-card-right-other .nut-tag, .nut-rtl .nut-card-right-other .nut-tag {
  margin-left: 5px;
  margin-right: 0;
}

.nut-calendarcard {
  background: var(--nutui-color-background-overlay, #fff);
  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 16px));
  color: var(--nutui-color-title, #1a1a1a);
  border-radius: 12px;
  overflow: hidden;
}

.nut-calendarcard-header {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  display: flex;
}

.nut-calendarcard-header-left, .nut-calendarcard-header-right {
  cursor: pointer;
  flex-direction: row;
  margin: 16px;
  line-height: 1;
  display: flex;
}

.nut-calendarcard-header-left .left, .nut-calendarcard-header-right .left {
  margin-left: 8px;
}

.nut-calendarcard-header-left .right, .nut-calendarcard-header-right .right {
  margin-right: 8px;
}

.nut-calendarcard-days {
  flex-flow: wrap;
  align-items: center;
  display: flex;
}

.nut-calendarcard-day {
  width: var(--nutui-calendar-day-width, 14.28%);
  cursor: pointer;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 48px;
  margin-bottom: 4px;
  display: flex;
  position: relative;
}

.nut-calendarcard-day.header {
  cursor: auto;
}

.nut-calendarcard-day-top, .nut-calendarcard-day-bottom {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  display: flex;
}

.nut-calendarcard-day.weekend {
  color: var(--nutui-calendar-choose-color, var(--nutui-color-primary, #ff0f23));
}

.nut-calendarcard-day.active {
  background-color: var(--nutui-calendar-active-background-color, var(--nutui-color-primary, #ff0f23));
  border-radius: var(--nutui-calendar-day-active-border-radius, 4px);
}

.nut-calendarcard-day.active .nut-calendarcard-day-top, .nut-calendarcard-day.active .nut-calendarcard-day-inner, .nut-calendarcard-day.active .nut-calendarcard-day-bottom {
  color: #fff;
}

.nut-calendarcard-day.start, .nut-calendarcard-day.end {
  background-color: var(--nutui-calendar-active-background-color, var(--nutui-color-primary, #ff0f23));
}

.nut-calendarcard-day.start .nut-calendarcard-day-top, .nut-calendarcard-day.start .nut-calendarcard-day-inner, .nut-calendarcard-day.start .nut-calendarcard-day-bottom, .nut-calendarcard-day.end .nut-calendarcard-day-top, .nut-calendarcard-day.end .nut-calendarcard-day-inner, .nut-calendarcard-day.end .nut-calendarcard-day-bottom {
  color: #fff;
}

.nut-calendarcard-day.start {
  border-top-left-radius: var(--nutui-calendar-day-active-border-radius, 4px);
  border-bottom-left-radius: var(--nutui-calendar-day-active-border-radius, 4px);
}

.nut-calendarcard-day.end {
  border-top-right-radius: var(--nutui-calendar-day-active-border-radius, 4px);
  border-bottom-right-radius: var(--nutui-calendar-day-active-border-radius, 4px);
}

.nut-calendarcard-day.mid {
  background-color: var(--nutui-calendar-choose-background-color, var(--nutui-color-primary-light-pressed, #ffebf1));
}

.nut-calendarcard-day.mid .nut-calendarcard-day-top, .nut-calendarcard-day.mid .nut-calendarcard-day-inner, .nut-calendarcard-day.mid .nut-calendarcard-day-bottom {
  color: var(--nutui-calendar-choose-color, var(--nutui-color-primary, #ff0f23));
}

.nut-calendarcard-day .nut-calendar-day-info {
  color: #fff;
}

.nut-calendarcard-day.prev, .nut-calendarcard-day.next, .nut-calendarcard-day.disabled {
  cursor: not-allowed;
}

.nut-calendarcard-day.prev .nut-calendarcard-day-top, .nut-calendarcard-day.prev .nut-calendarcard-day-inner, .nut-calendarcard-day.prev .nut-calendarcard-day-bottom, .nut-calendarcard-day.next .nut-calendarcard-day-top, .nut-calendarcard-day.next .nut-calendarcard-day-inner, .nut-calendarcard-day.next .nut-calendarcard-day-bottom, .nut-calendarcard-day.disabled .nut-calendarcard-day-top, .nut-calendarcard-day.disabled .nut-calendarcard-day-inner, .nut-calendarcard-day.disabled .nut-calendarcard-day-bottom {
  color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #c2c4cc));
}

[dir="rtl"] .nut-calendarcard-header-left .left, [dir="rtl"] .nut-calendarcard-header-right .left, .nut-rtl .nut-calendarcard-header-left .left, .nut-rtl .nut-calendarcard-header-right .left {
  margin-left: 0;
  margin-right: 8px;
}

[dir="rtl"] .nut-calendarcard-header-left .right, [dir="rtl"] .nut-calendarcard-header-right .right, .nut-rtl .nut-calendarcard-header-left .right, .nut-rtl .nut-calendarcard-header-right .right {
  margin-left: 8px;
  margin-right: 0;
}

[dir="rtl"] .nut-calendarcard-header-left .nut-icon-ArrowLeft, [dir="rtl"] .nut-calendarcard-header-left .nut-icon-ArrowRight, [dir="rtl"] .nut-calendarcard-header-left svg, [dir="rtl"] .nut-calendarcard-header-right .nut-icon-ArrowLeft, [dir="rtl"] .nut-calendarcard-header-right .nut-icon-ArrowRight, [dir="rtl"] .nut-calendarcard-header-right svg, .nut-rtl .nut-calendarcard-header-left .nut-icon-ArrowLeft, .nut-rtl .nut-calendarcard-header-left .nut-icon-ArrowRight, .nut-rtl .nut-calendarcard-header-left svg, .nut-rtl .nut-calendarcard-header-right .nut-icon-ArrowLeft, .nut-rtl .nut-calendarcard-header-right .nut-icon-ArrowRight, .nut-rtl .nut-calendarcard-header-right svg {
  transform: rotate(180deg);
}

[dir="rtl"] .nut-calendarcard-day.start, [dir="rtl"] .nut-calendarcard-day.end, .nut-rtl .nut-calendarcard-day.start, .nut-rtl .nut-calendarcard-day.end {
  border-radius: 0;
}

[dir="rtl"] .nut-calendarcard-day.start, .nut-rtl .nut-calendarcard-day.start {
  border-top-right-radius: var(--nutui-calendar-day-active-border-radius, 4px);
  border-bottom-right-radius: var(--nutui-calendar-day-active-border-radius, 4px);
}

[dir="rtl"] .nut-calendarcard-day.end, .nut-rtl .nut-calendarcard-day.end {
  border-top-left-radius: var(--nutui-calendar-day-active-border-radius, 4px);
  border-bottom-left-radius: var(--nutui-calendar-day-active-border-radius, 4px);
}

.nut-cell {
  width: 100%;
  line-height: var(--nutui-cell-line-height, 20px);
  padding: var(--nutui-cell-padding, 13px 16px);
  background-color: var(--nutui-cell-background-color, var(--nutui-color-background-overlay, #fff));
  border-radius: var(--nutui-cell-border-radius, 6px);
  box-shadow: var(--nutui-cell-box-shadow, 0px 1px 7px 0px #edeef1);
  font-size: var(--nutui-cell-title-font-size, var(--nutui-font-size-base, 14px));
  color: var(--nutui-cell-title-color, var(--nutui-color-title, #1a1a1a));
  box-sizing: border-box;
  flex-direction: row;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.nut-cell-group-item {
  border-radius: 0;
  margin: 0;
  box-shadow: 0 0 #0000;
}

.nut-cell-left {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.nut-cell-title, .nut-cell-description, .nut-cell-extra {
  line-height: var(--nutui-cell-line-height, 20px);
}

.nut-cell-description {
  font-size: var(--nutui-cell-description-font-size, var(--nutui-font-size-s, 12px));
  color: var(--nutui-cell-description-color, var(--nutui-color-text, #505259));
}

.nut-cell-extra {
  word-break: break-all;
  min-width: 0;
  font-size: var(--nutui-cell-extra-font-size, var(--nutui-font-size-base, 14px));
  color: var(--nutui-cell-extra-color, var(--nutui-color-text, #505259));
  flex-direction: row;
  flex: 1 0;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nut-cell:active:before {
  opacity: .1;
}

.nut-cell-clickable {
  cursor: pointer;
}

.nut-cell-clickable:before {
  border: inherit;
  border-radius: inherit;
  opacity: 0;
  content: " ";
  background-color: #000;
  border-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.nut-cell-divider {
  min-height: 1px;
  padding-left: var(--nutui-cell-divider-left, 16px);
  padding-right: var(--nutui-cell-divider-right, 16px);
  display: flex;
}

.nut-cell-divider-inner {
  border-top: var(--nutui-cell-divider-border-bottom, 1px solid var(--nutui-color-border, #0000000f));
  width: 100%;
  height: 1px;
  display: flex;
}

.nut-cell-divider-rtl {
  padding-left: var(--nutui-cell-divider-right, 16px);
  padding-right: var(--nutui-cell-divider-left, 16px);
}

.nut-barrage {
  box-sizing: border-box;
  background-color: var(--nutui-color-background, #f2f3f5);
  width: 100%;
  height: 100%;
  color: var(--nutui-color-title, #1a1a1a);
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.nut-barrage .barrage-item {
  font-size: var(--nutui-font-size-s, 12px);
  text-align: center;
  white-space: pre;
  background: linear-gradient(to right,var(--nutui-black-3),var(--nutui-black-1));
  box-sizing: border-box;
  border-radius: 16px;
  padding: 4px 16px;
  display: block;
  position: absolute;
  right: 0;
  transform: translate(100%);
}

.nut-barrage .barrage-item.move {
  will-change: transform;
  animation-name: moving;
  animation-timing-function: linear;
  animation-play-state: running;
}

@keyframes moving {
  0% {
    transform: translate(100%);
  }

  to {
    transform: translate(var(--move-distance));
  }
}

@-webkit-keyframes moving {
  0% {
    -webkit-transform: translateX(100%);
  }

  to {
    -webkit-transform: translateX(var(--move-distance));
  }
}

[dir="rtl"] .nut-barrage, .nut-rtl .nut-barrage {
  left: auto;
  right: 0;
}

[dir="rtl"] .nut-barrage .barrage-item, .nut-rtl .nut-barrage .barrage-item {
  background: linear-gradient(to left,var(--nutui-black-3),var(--nutui-black-1));
  transform: translate(-100%);
}

[dir="rtl"] .nut-barrage .barrage-item.move, .nut-rtl .nut-barrage .barrage-item.move {
  animation-name: moving-rtl;
}

@keyframes moving-rtl {
  0% {
    transform: translate(var(--move-distance));
  }

  to {
    transform: translate(100%);
  }
}

.nut-button {
  box-sizing: border-box;
  width: auto;
  height: var(--nutui-button-default-height, 32px);
  font-size: var(--nutui-button-default-font-size, var(--nutui-font-size-base, 14px));
  font-weight: var(--nutui-font-weight, 400);
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: manipulation;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: #0000;
  color: var(--nutui-button-default-color, var(--nutui-color-title, #1a1a1a));
  background: var(--nutui-button-default-background-color, transparent);
  border-width: var(--nutui-button-border-width, .5px);
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  transition: opacity .2s;
  display: inline-block;
  position: relative;
}

.nut-button-text {
  margin-left: var(--nutui-button-text-icon-margin, 4px);
}

.nut-button-text-right {
  margin-right: var(--nutui-button-text-icon-margin, 4px);
}

.nut-button-children {
  background: none;
  flex-direction: row;
  display: flex;
}

.nut-button:before {
  background-color: var(--nutui-color-mask, #000000b3);
  border: inherit;
  border-color: var(--nutui-color-mask, #000000b3);
  border-radius: inherit;
  opacity: 0;
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.nut-button:after {
  border: none;
}

.nut-button:active:before {
  opacity: .1;
}

.nut-button-wrap {
  background: initial;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.nut-button-wrap .nut-icon {
  font-size: var(--nutui-button-default-font-size, var(--nutui-font-size-base, 14px));
  width: var(--nutui-button-default-font-size, var(--nutui-font-size-base, 14px));
  height: var(--nutui-button-default-font-size, var(--nutui-font-size-base, 14px));
}

.nut-button-loading:before, .nut-button-disabled:before {
  display: none;
}

.nut-button-disabled {
  cursor: not-allowed;
  color: #fff;
}

.nut-button.nut-button-icononly {
  width: var(--nutui-button-default-height, 32px);
  padding: 0;
}

.nut-button-round {
  border-radius: var(--nutui-button-border-radius, var(--nutui-radius-s, 6px));
}

.nut-button-default {
  padding: var(--nutui-button-default-padding, 0px 12px);
  border-style: solid;
  border-color: var(--nutui-button-default-border-color, var(--nutui-color-text-disabled, #c2c4cc));
}

.nut-button-default-disabled, .nut-button-default-solid-disabled {
  color: var(--nutui-button-primary-color, #fff);
  background: var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #c2c4cc));
  border-color: var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #c2c4cc));
}

.nut-button-default-none-disabled {
  color: var(--nutui-button-default-disabled-color, var(--nutui-color-text-help, #888b94));
}

.nut-button-default-outline-disabled, .nut-button-default-dashed-disabled {
  color: var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #c2c4cc));
  border-color: var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #c2c4cc));
  background: none;
}

.nut-button-normal {
  padding: var(--nutui-button-normal-padding, 0px 12px);
}

.nut-button-xlarge {
  height: var(--nutui-button-xlarge-height, 48px);
  padding: var(--nutui-button-xlarge-padding, 0px 24px);
  font-size: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-xl, 18px));
  border-radius: var(--nutui-button-xlarge-border-radius, var(--nutui-radius-base, 8px));
}

.nut-button-xlarge .nut-button-text {
  margin-left: var(--nutui-button-xlarge-text-icon-margin, 6px);
}

.nut-button-xlarge .nut-button-text-right {
  margin-right: var(--nutui-button-xlarge-text-icon-margin, 6px);
}

.nut-button-xlarge .nut-icon {
  font-size: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-xl, 18px));
  width: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-xl, 18px));
  height: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-xl, 18px));
}

.nut-button-xlarge-children {
  font-size: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-xl, 18px));
}

.nut-button-large {
  height: var(--nutui-button-large-height, 40px);
  padding: var(--nutui-button-large-padding, 0px 16px);
  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
  border-radius: var(--nutui-button-large-border-radius, var(--nutui-radius-base, 8px));
}

.nut-button-large .nut-button-text {
  margin-left: var(--nutui-button-xlarge-text-icon-margin, 6px);
}

.nut-button-large .nut-button-text-right {
  margin-right: var(--nutui-button-xlarge-text-icon-margin, 6px);
}

.nut-button-large .nut-icon {
  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
  width: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
  height: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
}

.nut-button-large-children {
  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
}

.nut-button-small {
  height: var(--nutui-button-small-height, 28px);
  padding: var(--nutui-button-small-padding, 0px 8px);
  font-size: var(--nutui-button-small-font-size, var(--nutui-font-size-s, 12px));
  border-radius: var(--nutui-button-small-border-radius, var(--nutui-radius-s, 6px));
}

.nut-button-small .nut-icon {
  font-size: var(--nutui-button-small-font-size, var(--nutui-font-size-s, 12px));
  width: var(--nutui-button-small-font-size, var(--nutui-font-size-s, 12px));
  height: var(--nutui-button-small-font-size, var(--nutui-font-size-s, 12px));
}

.nut-button-small-children {
  font-size: var(--nutui-button-small-font-size, var(--nutui-font-size-s, 12px));
}

.nut-button-mini {
  height: var(--nutui-button-mini-height, 24px);
  padding: var(--nutui-button-mini-padding, 0px 8px);
  font-size: var(--nutui-button-mini-font-size, var(--nutui-font-size-xs, 11px));
  border-radius: var(--nutui-button-mini-border-radius, var(--nutui-radius-xs, 4px));
}

.nut-button-mini .nut-icon {
  font-size: var(--nutui-button-mini-font-size, var(--nutui-font-size-xs, 11px));
  width: var(--nutui-button-mini-font-size, var(--nutui-font-size-xs, 11px));
  height: var(--nutui-button-mini-font-size, var(--nutui-font-size-xs, 11px));
}

.nut-button-mini-children {
  font-size: var(--nutui-button-mini-font-size, var(--nutui-font-size-xs, 11px));
}

.nut-button-primary {
  color: var(--nutui-button-primary-color, #fff);
  background-origin: border-box;
  border-color: #0000;
}

.nut-button-primary-children {
  color: var(--nutui-button-primary-color, #fff);
}

.nut-button-primary-solid {
  background: linear-gradient(90deg,var(--nutui-color-primary-stop-1, #ff475d) 0%,var(--nutui-color-primary-stop-2, #ff0f23) 100%);
  color: var(--nutui-button-primary-color, #fff);
  font-weight: var(--nutui-font-weight-bold, 600);
  border-color: #0000;
}

.nut-button-primary-solid.nut-button-small, .nut-button-primary-solid.nut-button-mini {
  font-weight: var(--nutui-font-weight, 400);
}

.nut-button-primary-disabled, .nut-button-primary-disabled.nut-button-icononly, .nut-button-primary-solid-disabled {
  color: var(--nutui-button-primary-color, #fff);
  background: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
  border-color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
}

.nut-button-primary-none {
  color: var(--nutui-button-primary-border-color, var(--nutui-color-primary, #ff0f23));
}

.nut-button-primary-none-disabled {
  color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
}

.nut-button-primary-outline {
  color: var(--nutui-button-primary-border-color, var(--nutui-color-primary, #ff0f23));
  border-color: var(--nutui-button-primary-border-color, var(--nutui-color-primary, #ff0f23));
}

.nut-button-primary-outline-disabled {
  color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
  border-color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
}

.nut-button-primary-dashed {
  color: var(--nutui-button-primary-border-color, var(--nutui-color-primary, #ff0f23));
  border-color: var(--nutui-button-primary-border-color, var(--nutui-color-primary, #ff0f23));
}

.nut-button-primary-dashed-disabled {
  color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
  border-color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
}

.nut-button-primary.nut-button-solid.nut-button-normal {
  font-weight: var(--nutui-font-weight-bold, 600);
}

.nut-button-success {
  color: var(--nutui-button-success-color, #fff);
  background: var(--nutui-button-success-background-color, var(--nutui-color-success, #00d900));
  background-origin: border-box;
  border-color: #0000;
}

.nut-button-success-children {
  color: var(--nutui-button-success-color, #fff);
}

.nut-button-success-disabled, .nut-button-success-solid-disabled {
  background: var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #b2f0ae));
  border-color: var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #b2f0ae));
}

.nut-button-success-outline, .nut-button-success-dashed {
  color: var(--nutui-button-success-border-color, var(--nutui-color-success, #00d900));
  border-color: var(--nutui-button-success-border-color, var(--nutui-color-success, #00d900));
}

.nut-button-success-outline-disabled, .nut-button-success-dashed-disabled {
  color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
  border-color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
}

.nut-button-success-none {
  color: var(--nutui-button-success-border-color, var(--nutui-color-success, #00d900));
}

.nut-button-success-none-disabled {
  color: var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #b2f0ae));
}

.nut-button-info {
  color: var(--nutui-button-info-color, #fff);
  background: var(--nutui-button-info-background-color, var(--nutui-color-info-background, #0073ff));
  background-origin: border-box;
  border-color: #0000;
}

.nut-button-info-children {
  color: var(--nutui-button-info-color, #fff);
}

.nut-button-info-disabled, .nut-button-info-solid-disabled {
  background: var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, #89a6f8));
  border-color: var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, #89a6f8));
}

.nut-button-info-outline, .nut-button-info-dashed {
  color: var(--nutui-button-info-border-color, var(--nutui-color-info, #0073ff));
  border-color: var(--nutui-button-info-border-color, var(--nutui-color-info, #0073ff));
}

.nut-button-info-outline-disabled, .nut-button-info-dashed-disabled {
  color: var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, #89a6f8));
  border-color: var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, #89a6f8));
}

.nut-button-info-none {
  color: var(--nutui-button-info-border-color, var(--nutui-color-info, #0073ff));
}

.nut-button-info-none-disabled {
  color: var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, #89a6f8));
}

.nut-button-danger {
  color: var(--nutui-button-danger-color, #fff);
  background: var(--nutui-button-danger-background-color, var(--nutui-color-danger, #ff0f23));
  background-origin: border-box;
  border-color: #0000;
}

.nut-button-danger-children {
  color: var(--nutui-button-danger-color, #fff);
}

.nut-button-danger-disabled, .nut-button-danger-solid-disabled {
  background: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled-special, #ffadbe)));
  border-color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled-special, #ffadbe)));
}

.nut-button-danger-outline, .nut-button-danger-dashed {
  color: var(--nutui-button-danger-border-color, var(--nutui-color-danger, #ff0f23));
  border-color: var(--nutui-button-danger-border-color, var(--nutui-color-danger, #ff0f23));
}

.nut-button-danger-outline-disabled, .nut-button-danger-dashed-disabled {
  color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled-special, #ffadbe)));
  border-color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled-special, #ffadbe)));
}

.nut-button-danger-none {
  color: var(--nutui-button-danger-border-color, var(--nutui-color-danger, #ff0f23));
}

.nut-button-danger-none-disabled {
  color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled-special, #ffadbe)));
}

.nut-button-warning {
  color: var(--nutui-button-warning-color, #fff);
  background: var(--nutui-button-warning-background-color, var(--nutui-color-warning, #ffbf00));
  background-origin: border-box;
  border-color: #0000;
}

.nut-button-warning-children {
  color: var(--nutui-button-warning-color, #fff);
}

.nut-button-warning-disabled, .nut-button-warning-solid-disabled {
  color: var(--nutui-button-warning-color, #fff);
  background: var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));
  border-color: var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));
}

.nut-button-warning-outline, .nut-button-warning-dashed {
  color: var(--nutui-button-warning-border-color, var(--nutui-color-warning, #ffbf00));
  border-color: var(--nutui-button-warning-border-color, var(--nutui-color-warning, #ffbf00));
}

.nut-button-warning-outline-disabled, .nut-button-warning-dashed-disabled {
  color: var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));
  border-color: var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));
}

.nut-button-warning-none {
  color: var(--nutui-button-warning-border-color, var(--nutui-color-warning, #ffbf00));
}

.nut-button-warning-none-disabled {
  color: var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));
}

.nut-button-block {
  width: 100%;
  display: block;
}

.nut-button-outline {
  background: none;
  border-style: solid;
}

.nut-button-dashed {
  background: none;
  border-style: dashed;
}

.nut-button-none {
  background: none;
  border-color: #0000;
}

.nut-button-loading {
  cursor: default;
  opacity: .9;
}

.nut-button-square {
  border-radius: var(--nutui-button-square-border-radius, 0);
}

[dir="rtl"] .nut-button-text, .nut-rtl .nut-button-text {
  margin-left: 0;
  margin-right: var(--nutui-button-text-icon-margin, 4px);
}

[dir="rtl"] .nut-button-text.right, .nut-rtl .nut-button-text.right {
  margin-left: var(--nutui-button-text-icon-margin, 4px);
}

[dir="rtl"] .nut-button:before, .nut-rtl .nut-button:before {
  left: auto;
  right: 50%;
  transform: translate(50%, -50%);
}

.nut-calendar {
  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 16px));
  background-color: var(--nutui-color-background-overlay, #fff);
  color: var(--nutui-color-title, #1a1a1a);
  flex-direction: column;
  flex: 1;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nut-calendar.nut-calendar-title .nut-calendar-header .calendar-title {
  font-size: var(--nutui-calendar-base-font-size, var(--nutui-font-size-l, 16px));
}

.nut-calendar .nut-calendar-taro {
  height: 60vh;
}

.nut-calendar .popup-box {
  height: 100%;
}

.nut-calendar ::-webkit-scrollbar {
  display: none;
}

.nut-calendar-header {
  text-align: center;
  flex-direction: column;
  display: flex;
}

.nut-calendar-header-buttons {
  height: var(--nutui-calendar-header-height, 24px);
}

.nut-calendar-title {
  color: var(--nutui-color-title, #1a1a1a);
  font-size: var(--nutui-calendar-title-font-size, var(--nutui-font-size-xl, 18px));
  font-weight: var(--nutui-calendar-title-font-weight, var(--nutui-font-weight-bold, 600));
  line-height: 50px;
}

.nut-calendar-sub-title {
  line-height: 22px;
  font-size: var(--nutui-calendar-sub-title-font-size, var(--nutui-font-size-base, 14px));
  padding: 7px 0;
}

.nut-calendar-weeks {
  border-radius: 0 0 12px 12px;
  justify-content: space-around;
  align-items: center;
  height: 36px;
  display: flex;
  box-shadow: 0 4px 10px #0000000f;
}

.nut-calendar-week-item:first-of-type, .nut-calendar-week-item:last-of-type {
  color: var(--nutui-color-primary, #ff0f23);
}

.nut-calendar-content {
  flex: 1;
  width: 100%;
  display: block;
  overflow-y: auto;
}

.nut-calendar-pannel {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  display: block;
  position: relative;
}

.nut-calendar-pannel .calendar-loading-tip {
  text-align: center;
  height: 50px;
  line-height: 50px;
  font-size: var(--nutui-font-size-s, 12px);
  color: var(--nutui-color-text, #505259);
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
}

.nut-calendar-month {
  text-align: center;
  flex-direction: column;
  display: flex;
}

.nut-calendar-month-title {
  height: 23px;
  margin: 8px 0;
  line-height: 23px;
}

.nut-calendar-days {
  overflow: hidden;
}

.nut-calendar-day {
  float: left;
  width: var(--nutui-calendar-day-width, 14.28%);
  height: var(--nutui-calendar-day-height, 60px);
  font-weight: var(--nutui-calendar-day-font-weight, var(--nutui-font-weight-bold, 600));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 4px;
  display: flex;
  position: relative;
}

.nut-calendar-day:nth-child(7n), .nut-calendar-day:nth-child(7n+1) {
  color: var(--nutui-color-primary, #ff0f23);
}

.nut-calendar-day-info, .nut-calendar-day-info-curr {
  width: 100%;
  font-size: 12px;
  line-height: 14px;
  position: absolute;
  bottom: 5px;
}

.nut-calendar-day-info-top {
  width: 100%;
  position: absolute;
  top: 5px;
}

.nut-calendar-day-info-bottom {
  width: 100%;
  position: absolute;
  bottom: 5px;
}

.nut-calendar-day-active {
  background-color: var(--nutui-calendar-active-background-color, var(--nutui-color-primary, #ff0f23));
  border-radius: var(--nutui-calendar-day-active-border-radius, 4px);
  color: #fff !important;
}

.nut-calendar-day-active.active-start {
  border-radius: 0;
  border-top-left-radius: var(--nutui-calendar-day-active-border-radius, 4px);
  border-bottom-left-radius: var(--nutui-calendar-day-active-border-radius, 4px);
}

.nut-calendar-day-active.active-end {
  border-radius: 0;
  border-top-right-radius: var(--nutui-calendar-day-active-border-radius, 4px);
  border-bottom-right-radius: var(--nutui-calendar-day-active-border-radius, 4px);
}

.nut-calendar-day-active .nut-calendar-day-info {
  color: #fff;
}

.nut-calendar-day-disabled {
  color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #c2c4cc)) !important;
}

.nut-calendar-day-disabled .nut-calendar-day-info-curr {
  display: none;
}

.nut-calendar-day-choose {
  background-color: var(--nutui-calendar-choose-background-color, var(--nutui-color-primary-light-pressed, #ffebf1));
  color: var(--nutui-calendar-choose-color, var(--nutui-color-primary, #ff0f23));
}

.nut-calendar-day-choose-disabled {
  background-color: var(--nutui-calendar-choose-disable-background-color, #bfbfbf17);
  color: var(--nutui-calendar-disable-color, var(--nutui-color-text-disabled, #c2c4cc)) !important;
}

.nut-calendar-day-choose-disabled .nut-calendar-day-info-curr {
  display: none;
}

.nut-calendar-footer {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.nut-calendar-footer .calendar-confirm-btn {
  text-align: center;
  border-radius: var(--nutui-radius-base, 8px);
  background: linear-gradient(90deg,var(--nutui-color-primary-stop-1, #ff475d) 0%,var(--nutui-color-primary-stop-2, #ff0f23) 100%);
  color: #fff;
  height: 40px;
  line-height: 40px;
  font-weight: var(--nutui-font-weight-bold, 600);
  margin: 6px 16px;
}

.nut-calendar-popup .nut-popup-title-right {
  top: 7px !important;
}

[dir="rtl"] .nut-calendar-day, .nut-rtl .nut-calendar-day {
  float: right;
}

[dir="rtl"] .nut-calendar-day-active.active-start, .nut-rtl .nut-calendar-day-active.active-start {
  border-top-left-radius: 0;
  border-top-right-radius: var(--nutui-calendar-day-active-border-radius, 4px);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: var(--nutui-calendar-day-active-border-radius, 4px);
}

[dir="rtl"] .nut-calendar-day-active.active-end, .nut-rtl .nut-calendar-day-active.active-end {
  border-top-right-radius: 0;
  border-top-left-radius: var(--nutui-calendar-day-active-border-radius, 4px);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: var(--nutui-calendar-day-active-border-radius, 4px);
}

.nut-backtop {
  display: none;
}

.nut-backtop-show {
  width: var(--nutui-hoverbutton-item-size, 40px);
  height: var(--nutui-hoverbutton-item-size, 40px);
  justify-content: center;
  align-items: center;
  transition: all .2s ease-in-out;
  display: flex;
}

.nut-backtop-show .nut-hoverbutton-item-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nut-avatar-cropper {
  display: flex;
  position: relative;
}

.nut-avatar-cropper-edit-text {
  z-index: 1;
  color: #fff;
  background-color: #0000004d;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.nut-avatar-cropper-input {
  opacity: 0;
  cursor: pointer;
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.nut-avatar-cropper-popup {
  background: var(--nut-overlay-bg-color, #000000b3);
  z-index: 1000;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.nut-avatar-cropper-popup-canvas, .nut-avatar-cropper-popup-cut-canvas {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.nut-avatar-cropper-popup-cut-canvas {
  z-index: 0;
}

.nut-avatar-cropper-popup-toolbar {
  z-index: 2;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.nut-avatar-cropper-popup-toolbar.top {
  top: 0;
  bottom: inherit;
}

.nut-avatar-cropper-popup-toolbar-flex {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.nut-avatar-cropper-popup-toolbar-item {
  color: #fff;
  cursor: pointer;
  align-items: center;
  padding: 15px;
  display: flex;
}

.nut-avatar-cropper-popup-toolbar-item .nut-button {
  color: #fff;
}

.nut-avatar-cropper-popup-highlight {
  z-index: 1;
  background-color: #0000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.nut-avatar-cropper-popup-highlight .highlight {
  background-color: #0000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 1000px 1000px #0009;
}

.nut-avatar-cropper.round .nut-avatar-cropper-edit-text {
  border-radius: 50%;
}

[dir="rtl"] .nut-avatar-cropper-edit-text, .nut-rtl .nut-avatar-cropper-edit-text, [dir="rtl"] .nut-avatar-cropper-input, .nut-rtl .nut-avatar-cropper-input, [dir="rtl"] .nut-avatar-cropper-popup, .nut-rtl .nut-avatar-cropper-popup, [dir="rtl"] .nut-avatar-cropper-popup-canvas, [dir="rtl"] .nut-avatar-cropper-popup-cut-canvas, .nut-rtl .nut-avatar-cropper-popup-canvas, .nut-rtl .nut-avatar-cropper-popup-cut-canvas, [dir="rtl"] .nut-avatar-cropper-popup-toolbar, .nut-rtl .nut-avatar-cropper-popup-toolbar, [dir="rtl"] .nut-avatar-cropper-popup-highlight, .nut-rtl .nut-avatar-cropper-popup-highlight {
  left: auto;
  right: 0;
}

[dir="rtl"] .nut-avatar-cropper-popup-highlight .highlight, .nut-rtl .nut-avatar-cropper-popup-highlight .highlight {
  left: auto;
  right: 50%;
  transform: translate(50%, -50%);
}

.nut-avatar {
  width: var(--nutui-avatar-normal-width, 40px);
  height: var(--nutui-avatar-normal-height, 40px);
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.nut-avatar-round {
  border-radius: 999px;
  overflow: hidden;
}

.nut-avatar-square {
  border-radius: var(--nutui-avatar-square, 5px);
}

.nut-avatar-first-child {
  margin-left: 0;
  margin-right: 0;
}

.nut-avatar-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
}

.nut-avatar-icon {
  background-size: 100% 100%;
}

.nut-avatar-text {
  justify-content: center;
  align-items: center;
  display: flex;
}

.nut-avatar-large, .nut-avatar-large-img, .nut-avatar-large-icon, .nut-avatar-large-text {
  width: var(--nutui-avatar-large-width, 60px);
  height: var(--nutui-avatar-large-height, 60px);
}

.nut-avatar-small, .nut-avatar-small-text {
  width: var(--nutui-avatar-small-width, 32px);
  height: var(--nutui-avatar-small-height, 32px);
}

.nut-avatar-group {
  flex-direction: row;
  flex: none;
  display: flex;
}

.nut-avatar-group-avatar, .nut-avatar-group .nut-avatar {
  border: 1px solid #fff;
  margin-left: -8px;
}

.nut-avatar-group-avatar:not(:first-of-type), .nut-avatar-group .nut-avatar:not(:first-of-type) {
  margin-left: -8px;
}

[dir="rtl"] .nut-avatar-group .nut-avatar:not(:first-of-type), .nut-rtl .nut-avatar-group .nut-avatar:not(:first-of-type) {
  margin-left: 0;
  margin-right: -8px;
}

.nut-badge {
  vertical-align: middle;
  box-sizing: content-box;
  width: auto;
  display: inline-flex;
  position: relative;
}

.nut-badge-icon {
  background: var(--nutui-badge-background-color, var(--nutui-color-primary, #ff0f23));
  padding: var(--nutui-badge-icon-padding, 2px);
  text-align: center;
  z-index: var(--nutui-badge-z-index, 1);
  justify-content: center;
  align-items: center;
  display: flex;
}

.nut-badge-icon .nut-icon {
  width: var(--nutui-badge-icon-size, 10px);
  height: var(--nutui-badge-icon-size, 10px);
  font-size: var(--nutui-badge-icon-size, 10px);
}

.nut-badge-sup, .nut-badge-icon {
  border-radius: var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));
}

.nut-badge-sup:after, .nut-badge-icon:after {
  content: "";
  border: var(--nutui-badge-border, 1px solid #fff);
  border-radius: var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));
  position: absolute;
  top: -50%;
  bottom: -50%;
  left: -50%;
  right: -50%;
  transform: scale(.5);
}

.nut-badge-sup {
  text-align: center;
  min-width: var(--nutui-badge-min-width, 6px);
  padding: var(--nutui-badge-padding, 1px 4px);
  box-sizing: border-box;
  color: var(--nutui-badge-color, #fff);
  font-size: var(--nutui-badge-font-size, var(--nutui-font-size-xxxs, 9px));
  white-space: nowrap;
  vertical-align: middle;
  background: var(--nutui-badge-background-color, var(--nutui-color-primary, #ff0f23));
  z-index: 1;
  font-weight: 400;
  line-height: 12px;
  display: inline-flex;
}

.nut-badge-disabled {
  background: var(--nutui-badge-background-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
}

.nut-badge-number {
  font-family: JD;
}

.nut-badge-one {
  height: var(--nutui-badge-height, 14px);
  width: var(--nutui-badge-height, 14px);
}

.nut-badge-content {
  transform: var(--nutui-badge-content-transform, translate(50%, -50%));
  position: absolute;
}

.nut-badge-dot {
  border-radius: 50%;
  padding: 0;
}

.nut-badge-dot:after {
  border: var(--nutui-badge-dot-border, 1px solid #fff);
  border-radius: 50%;
}

.nut-badge-dot-normal {
  min-width: var(--nutui-badge-dot-width, 6px);
  width: var(--nutui-badge-dot-width, 6px);
  height: var(--nutui-badge-dot-width, 6px);
}

.nut-badge-dot-small {
  min-width: var(--nutui-badge-dot-small-width, 4px);
  width: var(--nutui-badge-dot-small-width, 4px);
  height: var(--nutui-badge-dot-small-width, 4px);
}

.nut-badge-dot-large {
  min-width: var(--nutui-badge-dot-large-width, 8px);
  width: var(--nutui-badge-dot-large-width, 8px);
  height: var(--nutui-badge-dot-large-width, 8px);
}

.nut-badge-outline {
  color: var(--nutui-badge-outline-color, var(--nutui-color-primary, #ff0f23));
  background: #fff;
}

.nut-badge-outline:after {
  border: var(--nutui-badge-outline-border, 1px solid var(--nutui-color-primary, #ff0f23));
}

.nut-animate [class*="nut-animate-"] {
  animation-duration: .5s;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}

@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translate(100%);
  }

  to {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translate(-100%);
  }

  to {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes slide-top {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slide-bottom {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.nut-animate .nut-animate-slide-right {
  animation-name: slide-right;
}

.nut-animate .nut-animate-slide-left {
  animation-name: slide-left;
}

.nut-animate .nut-animate-slide-top {
  animation-name: slide-top;
}

.nut-animate .nut-animate-slide-bottom {
  animation-name: slide-bottom;
}

@keyframes shake {
  0%, to {
    transform: translate(0);
  }

  10% {
    transform: translate(-9px);
  }

  20% {
    transform: translate(8px);
  }

  30% {
    transform: translate(-7px);
  }

  40% {
    transform: translate(6px);
  }

  50% {
    transform: translate(-5px);
  }

  60% {
    transform: translate(4px);
  }

  70% {
    transform: translate(-3px);
  }

  80% {
    transform: translate(2px);
  }

  90% {
    transform: translate(-1px);
  }
}

.nut-animate .nut-animate-shake {
  animation-name: shake;
}

@keyframes ripple {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }
}

.nut-animate .nut-animate-ripple {
  animation-name: ripple;
}

@keyframes breath {
  0%, to {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }
}

.nut-animate .nut-animate-breath {
  animation-name: breath;
  animation-duration: 2.7s;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}

.nut-animate .nut-animate-twinkle {
  position: relative;
}

.nut-animate .nut-animate-twinkle:after, .nut-animate .nut-animate-twinkle:before {
  content: "";
  box-sizing: border-box;
  z-index: 1;
  border: 4px solid #fff9;
  border-radius: 30px;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  margin-right: -30px;
  animation: 2s ease-out infinite twinkle;
  position: absolute;
  right: 50%;
  transform: scale(0);
}

.nut-animate .nut-animate-twinkle:after {
  animation-delay: .4s;
}

@keyframes twinkle {
  0% {
    transform: scale(0);
  }

  20% {
    opacity: 1;
  }

  50%, to {
    opacity: 0;
    transform: scale(1.4);
  }
}

.nut-animate .nut-animate-flicker {
  position: relative;
  overflow: hidden;
}

.nut-animate .nut-animate-flicker:after {
  opacity: .73;
  content: "";
  filter: blur(3px);
  background-image: linear-gradient(106deg, #e8e0ff00 24%, #e8e0ff 91%);
  width: 100px;
  height: 60px;
  animation: 1.5s linear infinite flicker;
  position: absolute;
  top: 0;
  left: 0;
  transform: skew(-20deg);
}

@keyframes flicker {
  0% {
    transform: translate(-100px)skew(-20deg);
  }

  40%, to {
    transform: translate(150px)skew(-20deg);
  }
}

@keyframes jump {
  0% {
    transform: rotate(0)translateY(0);
  }

  25% {
    transform: rotate(10deg)translateY(20px);
  }

  50% {
    transform: rotate(0)translateY(-10px);
  }

  75% {
    transform: rotate(-10deg)translateY(20px);
  }

  to {
    transform: rotate(0)translateY(0);
  }
}

.nut-animate .nut-animate-jump {
  transform-origin: center;
  animation: .7s linear jump;
}

@keyframes float-pop {
  0% {
    top: 0;
  }

  25% {
    top: 1px;
  }

  50% {
    top: 4px;
  }

  75% {
    top: 1px;
  }

  to {
    top: 0;
  }
}

.nut-animate .nut-animate-float {
  animation-name: float-pop;
  position: relative;
}

.nut-animate .loop {
  animation-iteration-count: infinite;
}

.nut-address-exist {
  box-sizing: border-box;
  height: 279px;
  padding: 15px 20px 0;
  display: block;
  overflow-y: auto;
}

.nut-address-exist-item {
  font-size: var(--nutui-font-size-s, 12px);
  line-height: var(--nutui-font-size-base, 14px);
  color: var(--nutui-color-title, #1a1a1a);
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.nut-address-exist-item.active {
  font-weight: var(--nutui-font-weight-bold, 600);
}

.nut-address-exist-item-info {
  margin-left: 9px;
}

.nut-address-footer {
  border-top: 1px solid var(--nutui-color-border, #0000000f);
  width: 100%;
  height: 54px;
  padding: 6px 0 0;
}

.nut-address-footer-btn {
  text-align: center;
  background: linear-gradient(90deg,var(--nutui-color-primary-stop-1, #ff475d) 0%,var(--nutui-color-primary-stop-2, #ff0f23) 100%);
  color: #fff;
  border-radius: 21px;
  width: 90%;
  height: 42px;
  margin: auto;
  font-size: 15px;
  line-height: 42px;
}

.nut-address-title {
  padding: 16px 16px 12px;
  font-size: 14px;
  font-weight: 500;
}

.nut-address-hotlist {
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 0 16px;
  display: flex;
}

.nut-address-hotlist-item {
  background-color: var(--nutui-color-background-sunken, #f7f8fc);
  width: 63px;
  height: 28px;
  color: var(--nutui-color-title, #1a1a1a);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-bottom: 7px;
  margin-right: 7px;
  font-size: 12px;
  display: flex;
}

.nut-address-hotlist-item:nth-child(5n) {
  margin-right: 0;
}

.nut-address-hotlist.hotlist-more .nut-address-hotlist-item {
  width: auto;
  margin-right: 7px;
  padding: 0 16px;
}

.nut-address-selected {
  border-bottom: 1px solid var(--nutui-color-border, #0000000f);
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 0 16px;
  display: flex;
}

.nut-address-selected-item {
  background-color: var(--nutui-color-background-sunken, #f7f8fc);
  border-radius: 4px;
  height: 28px;
  padding: 0 12px;
  font-size: 12px;
  line-height: 28px;
  display: inline-block;
}

.nut-address-selected-item.active {
  border: 1px solid var(--nutui-color-primary, #ff0f23);
  background-color: var(--nutui-color-primary-light-pressed, #ffebf1);
  color: var(--nutui-color-primary, #ff0f23);
}

.nut-address-selected-border {
  color: var(--nutui-color-text-disabled, #c2c4cc);
  margin: 0 2px;
}

.nut-address-elevator {
  margin-top: 0;
}

.nut-address-elevator .nut-elevator-list-item {
  padding-left: 20px;
  position: relative;
}

.nut-address-elevator .nut-elevator-list-item-code {
  height: 30px;
  color: var(--nutui-color-text-help, #888b94);
  border-bottom: 0;
  font-weight: 500;
  line-height: 30px;
  display: inline;
  position: absolute;
  top: 0;
  left: 0;
}

.nut-address-elevator .nut-elevator-bars {
  background: none;
  padding: 0;
  top: 40%;
}

.nut-address-elevator .nut-elevator-bars-inner-item {
  width: 16px;
  height: 16px;
  color: var(--nutui-color-text-help, #888b94);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  margin-bottom: 2px;
  font-size: 10px;
  display: flex;
}

.nut-address-elevator .nut-elevator-bars-inner-item-active {
  background-color: var(--nutui-color-primary, #ff0f23);
  color: var(--nutui-color-background-overlay, #fff);
  font-weight: 400;
}

[dir="rtl"] .nut-address-exist-item-info, .nut-rtl .nut-address-exist-item-info {
  margin-left: 0;
  margin-right: 9px;
}

.nut-audio-icon {
  display: inline-block;
  position: relative;
}

.nut-audio-icon-box {
  width: 30px;
  height: 30px;
  box-shadow: 0 0 8px var(--nutui-color-text-disabled, #c2c4cc);
  background: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nut-audio-icon .nut-audio-icon-stop {
  position: relative;
}

.nut-audio-icon .nut-audio-icon-stop:after {
  content: "";
  background: var(--nutui-color-text-disabled, #c2c4cc);
  transform-origin: 8px -18px;
  width: 30px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotate(45deg);
}

.nut-audio-progress {
  align-items: center;
  width: 100%;
  margin: 0 auto;
  padding: 10px 0;
  display: flex;
}

.nut-audio-progress-bar-wrapper {
  flex: 1;
  margin: 0 10px;
}

.nut-audio-progress .time {
  text-align: center;
  min-width: 50px;
  font-size: 12px;
}

.nut-audio-progress .nut-range-button {
  width: 8px;
  height: 8px;
}

.nut-audio .custom-button-group .nut-button-primary {
  margin: 0 5px;
}

.nut-audio .custom-button-group-disable .nut-button-primary {
  pointer-events: none;
  margin: 0 5px;
}

.nut-audio .disable {
  color: #00f;
}

.nut-audio .nut-audio-none-container .nut-voice {
  border: 1px solid var(--nutui-color-title, #1a1a1a);
  align-items: center;
}

[dir="rtl"] .nut-audio-icon .nut-audio-icon-stop:after, .nut-rtl .nut-audio-icon .nut-audio-icon-stop:after {
  transform-origin: 20px -18px;
  left: auto;
  right: 50%;
  transform: rotate(-45deg);
}

.nut-actionsheet {
  text-align: center;
}

.nut-actionsheet.nut-popup {
  background-color: var(--nutui-actionsheet-background-color, var(--nutui-color-background-overlay, #fff));
  min-height: 10%;
}

.nut-actionsheet .nut-popup-title {
  border-bottom: 1px solid var(--nutui-actionsheet-border-color, var(--nutui-color-border, #0000000f));
}

.nut-actionsheet-list {
  border-radius: var(--nutui-actionsheet-border-radius, 0);
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}

.nut-actionsheet-cancel, .nut-actionsheet-item {
  text-align: var(--nutui-actionsheet-item-text-align, center);
  line-height: var(--nutui-actionsheet-item-line-height, 24px);
  font-size: var(--nutui-font-size-base, 14px);
  color: var(--nutui-actionsheet-item-color, var(--nutui-color-title, #1a1a1a));
  cursor: pointer;
  padding: 10px;
  display: block;
}

.nut-actionsheet-cancel-name, .nut-actionsheet-item-name {
  text-align: var(--nutui-actionsheet-item-text-align, center);
  line-height: var(--nutui-actionsheet-item-line-height, 24px);
  font-size: var(--nutui-font-size-base, 14px);
  color: var(--nutui-actionsheet-item-color, var(--nutui-color-title, #1a1a1a));
}

.nut-actionsheet-cancel-description, .nut-actionsheet-item-description {
  font-size: var(--nutui-font-size-s, 12px);
  color: var(--nutui-color-text, #505259);
  text-align: var(--nutui-actionsheet-item-text-align, center);
  line-height: var(--nutui-actionsheet-item-line-height, 24px);
  display: block;
}

.nut-actionsheet-cancel-danger, .nut-actionsheet-item-danger {
  color: var(--nutui-actionsheet-item-danger, var(--nutui-color-danger, #ff0f23));
}

.nut-actionsheet-cancel-disabled, .nut-actionsheet-item-disabled {
  cursor: not-allowed;
  color: var(--nutui-color-text-disabled, #c2c4cc) !important;
}

.nut-actionsheet-cancel {
  border-top: 1px solid var(--nutui-actionsheet-border-color, var(--nutui-color-border, #0000000f));
  border-radius: var(--nutui-actionsheet-border-radius, 0);
  margin-top: 5px;
}

.nut-actionsheet-safe-area {
  width: 100%;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  display: block;
}

/* [project]/node_modules/@nutui/nutui-biz/dist/style.css [app-client] (css) */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, em, img, s, strong, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, section, time, audio, video {
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}

.nut-theme-dark .nb-card .nb-card__right {
  color: #fff;
}

.nb-card.half-line .nb-card__right__title.multiple-lines, .nb-card__right .nb-card__right__title.multiple-lines {
  word-break: break-all;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.nb-card {
  background-color: #fff;
  width: 100%;
}

.nb-card__main {
  display: flex;
}

.nb-card__left {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  position: relative;
}

.nb-card__left > img {
  width: 100%;
  height: 100%;
  display: block;
}

.nb-card__right {
  flex: 1;
  width: calc(100% - 130px);
  padding: 10px;
}

.nb-card__right .nb-card__right__title {
  font-size: 14px;
  line-height: 1.5;
}

.nb-card__right .nb-card__right__title.one-line {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}

.nb-card__right .nb-card__right__price {
  flex-wrap: wrap;
  align-items: center;
  line-height: 18px;
  display: flex;
}

.nb-card__right .nb-card__right__price > * {
  margin-top: 9px;
}

.nb-card__right .nb-card__right__price .nut-price {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.nb-card__right .nb-card__right__price .nut-price .nut-price__big {
  font-size: 18px;
}

.nb-card__right .nb-card__right__price .nut-price .nut-price__symbol, .nb-card__right .nb-card__right__price .nut-price .nut-price__integer, .nb-card__right .nb-card__right__price .nut-price .nut-price__decimal {
  display: inline;
}

.nb-card__right .nb-card__right__price .nut-price .nut-price__symbol, .nb-card__right .nb-card__right__price .nut-price .nut-price__point, .nb-card__right .nb-card__right__price .nut-price .nut-price__small {
  font-size: 12px;
}

.nb-card__right .nb-card__right__shop {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nb-card__right .nb-card__right__shop .nb-card__right__shop__name {
  color: #999;
  width: 100%;
  padding-top: 4px;
  font-size: 12px;
  line-height: 1.5;
}

.nb-card__right .nb-card__right__shop .nb-card__right__shop__name span {
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: -5px;
  max-width: 90%;
  margin-right: 5px;
  display: inline-block;
  overflow: hidden;
}

.nb-card.half-line {
  flex-direction: column;
  width: 48%;
  margin-bottom: 10px;
  margin-right: 10px;
  display: inline-flex;
}

.nb-card.half-line .nb-card__main {
  flex-direction: column;
  display: inline-flex;
}

.nb-card.half-line:nth-child(odd) {
  margin-right: 0;
}

.nb-card.half-line .nut-image {
  position: absolute;
  top: 0;
}

.nb-card.half-line img {
  width: 100%;
}

.nb-card.half-line .half-line-img {
  position: relative;
}

.nb-card.half-line .nb-card__right__title {
  color: #333;
  margin-top: 8px;
}

.nb-card.half-line .nb-card__right__title.one-line {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}

.nb-card.half-line .nb-card__left {
  width: 100%;
  padding-top: 100%;
}

.nb-card.half-line .nb-card__right {
  width: 100%;
}

.nb-card.half-line .half-line-bottom {
  padding: 10px;
}

.nb-card .img-tag {
  z-index: 1;
  position: absolute;
}

.nb-card .img-tag.top-right {
  right: 0;
}

.nb-cart-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.nb-cart-bar .nb-cart-bar__inner {
  align-items: center;
  display: flex;
}

.nb-cart-bar .nb-cart-bar__inner.has-capsule-buttons > p {
  margin-right: 0;
}

.nb-cart-bar .nb-cart-bar__inner.has-capsule-buttons > p .nut-button--round {
  border-radius: 0;
}

.nb-cart-bar .nb-cart-bar__inner.has-capsule-buttons > p:first-of-type .nut-button--round {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}

.nb-cart-bar .nb-cart-bar__inner.has-capsule-buttons > p:last-of-type .nut-button--round {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}

.nb-cart-bar-button {
  margin-right: 5px;
}

.nb-cart-bar-button:last-child {
  margin-right: 0;
}

.nb-cart-bar-icon {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nb-cart-bar-icon-icon {
  vertical-align: -4px;
}

.nb-cart-bar-icon .txt {
  height: 16px;
  font-size: 9px;
  overflow: hidden;
}

.nb-cart-bar-icon .nut-badge {
  width: auto;
  height: auto;
  margin-right: 0;
}

.nb-category {
  width: 100%;
  height: 100%;
  position: relative;
}

.nb-category__cate-list {
  background: #fff;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.nb-category__cate-list-left {
  background: #f6f7f9;
  flex-shrink: 0;
  width: 100px;
  height: 100%;
  overflow: auto;
}

.nb-category__cate-list-item-checked, .nb-category__cate-list-item {
  text-align: center;
  color: #1a1a1a;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  height: 50px;
  padding: 0 10px;
  font-family: PingFangSC;
  font-size: 13px;
  font-weight: 400;
  line-height: 50px;
  transition: all .3s;
  overflow: hidden;
}

.nb-category__cate-list-item-checked {
  background: #fff;
  font-weight: 500;
  transition: all .3s;
  position: relative;
}

.nb-category__cate-list-item-checked:before {
  content: "";
  background: #fa2c19;
  width: 5px;
  height: 18px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  left: 0;
}

.nb-category-pane {
  flex-direction: column;
  flex: 1;
  width: calc(100% - 100px);
  display: flex;
}

.nb-category-pane__cate-list-right {
  background: #fff;
  padding-left: 15px;
  overflow: auto;
}

.nb-category-pane__child-title {
  color: #333;
  margin-top: 15px;
  margin-bottom: 15px;
  font-family: PingFangSC;
  font-size: 13px;
  font-weight: 500;
}

.nb-category-pane__child-item-list {
  flex-wrap: wrap;
  display: flex;
}

.nb-category-pane__child-item {
  margin-right: 10px;
}

.nb-category-pane__child-item-no {
  margin-right: 0 !important;
}

.nb-category-pane__child-img {
  border-radius: 5px;
  width: 75px;
  height: 75px;
}

.nb-category-pane__sku-name {
  color: #666;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid #999;
  border-radius: 8px;
  width: 75px;
  height: 34px;
  margin-bottom: 15px;
  margin-left: 8px;
  padding: 0 4px;
  font-family: PingFangSC;
  font-size: 12px;
  font-weight: 400;
  line-height: 34px;
  overflow: hidden;
}

.nb-category-pane__sku-img {
  color: #666;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 75px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: PingFangSC;
  font-size: 12px;
  font-weight: 400;
  overflow: hidden;
}

.nb-category-pane__self-item-list {
  flex-wrap: wrap;
  display: flex;
}

.nb-category-pane__quick {
  z-index: 1;
  background: #fff;
  width: 100%;
  height: 64px;
}

.nb-category-pane__quick-box {
  padding: 20px 0;
  display: flex;
  overflow: auto;
}

.nb-category-pane__quick-child {
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: #f3f3f3;
  border-radius: 12px;
  flex-shrink: 0;
  width: 80px;
  height: 24px;
  margin: 0 8px;
  padding: 0 8px;
  font-size: 12px;
  line-height: 24px;
  overflow: hidden;
}

.nb-category-pane__quick-child-active {
  color: #f2270c;
  background: #f2270c12;
  border: 1px solid #f2270c;
}

.nb-category-pane__cate-list-bottom {
  color: #999;
  justify-content: center;
  align-items: center;
  margin: 12px 0;
  font-size: 12px;
  display: flex;
}

.nb-category-pane__cate-list-bottom > div {
  margin-left: 6px;
}

.nut-theme-dark .nut-comment-header__user-name, .nut-theme-dark .nut-comment-header__user-default-name, .nut-theme-dark .nut-comment__follow-title, .nut-theme-dark .nut-comment-bottom__cpx, .nut-theme-dark .nut-comment-bottom__cpx-item span {
  color: #fff;
}

.nut-theme-dark .nut-comment .nut-comment-shop {
  border-top: 1px solid #fff;
}

.nb-comment {
  width: 100%;
  font-size: 12px;
}

.nb-comment-header {
  justify-content: space-between;
  margin-bottom: 10px;
  display: flex;
}

.nb-comment-header__user {
  flex: 1;
  align-items: center;
  display: flex;
}

.nb-comment-header__user-avter {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  overflow: hidden;
}

.nb-comment-header__user-avter img {
  width: 20px;
  height: 20px;
}

.nb-comment-header__user-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
  width: auto;
  max-width: 80px;
  margin-right: 5px;
  font-size: 12px;
  overflow: hidden;
}

.nb-comment-header__user-default {
  flex: 1;
}

.nb-comment-header__user-default-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
  align-items: center;
  width: 100%;
  margin-bottom: 3px;
  font-size: 12px;
  display: flex;
  overflow: hidden;
}

.nb-comment-header__user-default-name > span {
  margin-right: 8px;
}

.nb-comment-header__user-complex {
  color: #333;
  align-items: center;
  display: flex;
}

.nb-comment-header__user-complex-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 80px;
  margin-right: 10px;
  overflow: hidden;
}

.nb-comment-header__user-complex image {
  max-width: 50px;
  height: 16px;
}

.nb-comment-header__user-score .nut-rate-item {
  line-height: 10px;
  display: block !important;
}

.nb-comment-header__user-score .nut-rate-item .nut-icon {
  line-height: 10px;
}

.nb-comment-header__time {
  text-align: right;
  color: #999;
  width: 100px;
  font-size: 12px;
}

.nb-comment-header__complex-score {
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.nb-comment-header__complex-score .nut-rate-item {
  line-height: 12px;
  display: block !important;
}

.nb-comment-header__complex-score .nut-rate-item .nut-icon {
  line-height: 12px;
}

.nb-comment-header__complex-score-i {
  opacity: .4;
  width: 1px;
  height: 6px;
  font-style: inherit;
  background: gray;
  margin: 0 8px 0 6px;
  display: inline-block;
}

.nb-comment-header__complex-score-size {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}

.nb-comment__main {
  word-break: break-all;
  white-space: pre-wrap;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.nb-comment-images {
  margin: 10px 0 12px;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
}

.nb-comment-images__item {
  border-radius: 6px;
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  margin-right: 5px;
  position: relative;
  overflow: hidden;
}

.nb-comment-images__item img {
  width: 80px;
  height: 80px;
}

.nb-comment-images__item--video img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.nb-comment-images__mask {
  color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: #00000080;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 90px;
  font-size: 12px;
  line-height: 90px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.nb-comment-images--multi {
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin: 10px auto 15px;
  overflow: hidden;
}

.nb-comment-images--multi .nut-comment-images__item {
  width: calc(34% - 8px);
  height: 90px;
  margin: 8px 8px 0 0;
}

.nb-comment-images--multi .nut-comment-images__item img {
  width: 100%;
  height: 100%;
}

.nb-comment-images--multi .nut-comment-images__item .svg-demo {
  width: 40px;
  height: 40px;
}

.nb-comment-images--multi .nut-comment-images__item:nth-child(3n) {
  margin-right: 0;
}

.nb-comment-images--multi:after {
  content: "";
  width: 105px;
  display: block;
}

.nb-comment__follow-title {
  color: #000;
  padding-left: 8px;
  font-size: 14px;
  font-weight: 700;
  position: relative;
}

.nb-comment__follow-title svg {
  color: #fa2c19;
  opacity: .4;
  position: absolute;
  top: 13%;
  left: 0;
  transform: rotate(90deg);
}

.nb-comment__follow-com {
  -webkit-line-clamp: 6;
  word-break: break-all;
  -webkit-box-orient: vertical;
  margin: 8px 0 8px 8px;
  display: -webkit-box;
  overflow: hidden;
}

.nb-comment__follow-img {
  align-items: center;
  margin: 0 0 8px 8px;
  display: flex;
}

.nb-comment-bottom {
  color: #999;
  justify-content: space-between;
  margin-right: 5px;
  display: flex;
}

.nb-comment-bottom__lable {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  width: 100%;
  margin-right: 10px;
  overflow: hidden;
}

.nb-comment-bottom__cpx {
  color: #000;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nb-comment-bottom__cpx-item {
  align-items: center;
  margin-right: 18px;
  display: flex;
  position: relative;
}

.nb-comment-bottom__cpx-item span {
  color: #000;
  margin-right: 5px;
}

.nb-comment-bottom__cpx-item:last-child {
  margin-right: 0;
}

.nb-comment-bottom__cpx-item-popover {
  background: #fff;
  border-radius: 5px 0 5px 5px;
  width: -webkit-max-content;
  width: max-content;
  padding: 10px;
  position: absolute;
  top: 35px;
  right: 18px;
  box-shadow: 0 0 6px #ccc;
}

.nb-comment-bottom__cpx-item-popover:after {
  content: "";
  border-top: 10px solid #0000;
  border-bottom: 10px solid #fff;
  border-left: 14px solid #0000;
  border-right: 0 solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: -20px;
  right: 0;
}

.nb-comment-bottom__cpx-item-popover:before {
  content: "";
  border-top: 10px solid #0000;
  border-bottom: 10px solid #7271711a;
  border-left: 14px solid #0000;
  border-right: 0 solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: -22px;
  right: -1px;
}

.nb-comment-images__play {
  background: #00000080;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.nb-comment-images__play:after {
  content: "";
  border-top: 9px solid #0000;
  border-bottom: 9px solid #0000;
  border-left: 15px solid #fff;
  display: block;
  position: absolute;
  top: 11px;
  left: 15px;
}

.nb-comment .nut-comment-shop {
  -webkit-line-clamp: 6;
  word-break: break-all;
  border-top: 1px solid #0000001a;
  -webkit-box-orient: vertical;
  width: 100%;
  margin-top: 20px;
  padding-top: 10px;
  display: -webkit-box;
  overflow: hidden;
}

.nb-comment .nut-comment-shop span {
  color: #fa2c19;
}

.nut-theme-dark .nut-ecard {
  color: #e8e6e3cc;
}

.nut-theme-dark .nut-ecard ::placeholder {
  color: #1d1f20;
}

.nut-theme-dark .nut-ecard .nut-ecard__list__item {
  background: #646566;
}

.nut-theme-dark .nut-ecard .nut-ecard__list__item.active {
  color: #f2270c;
  background: #380e08;
  outline: 1px solid #f2270c;
}

.nut-theme-dark .nut-ecard .nut-ecard__list__input {
  color: #e8e6e3cc;
  background: #707070;
}

.nut-theme-dark .nut-ecard .nut-ecard__list__input.active, .nut-theme-dark .nut-ecard .nut-ecard__list__input.active > view > input {
  background: #707070;
}

.nut-theme-dark .nut-ecard .nut-ecard__list__input .nut-ecard__list__input--con > input {
  color: #e8e6e3cc;
  background-color: #0000;
}

.nb-ecard {
  width: 100%;
}

.nb-ecard__title {
  font-family: PingFangSC;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
}

.nb-ecard__list {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 15px;
  display: flex;
}

.nb-ecard__list__item {
  background: #f0f2f5;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 48%;
  height: 46px;
  margin-bottom: 12px;
  display: flex;
}

.nb-ecard__list__item.active {
  background: #fff;
  border-radius: 4px;
  outline: 1px solid #fa2c19;
}

.nb-ecard__list__input {
  color: #000c;
  background: #f0f2f5;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 46px;
  padding: 0 15px 0 20px;
  font-size: 14px;
  display: flex;
}

.nb-ecard__list__input--input {
  background: none;
  padding: 0;
}

.nb-ecard__list__input--con {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nb-ecard__list__input--con input, .nb-ecard__list__input--con .nut-ecard-input {
  caret-color: #fa2c19;
  text-align: right;
  background: none;
  border: 0;
  outline: 0;
  margin-right: 10px;
  text-decoration: none;
}

.nb-ecard__list__input.active {
  background: #fff;
  outline: 1px solid #fa2c19;
}

.nb-ecard__list__input.active > view > input {
  background: #fff;
}

.nb-ecard__list__input .nut-input {
  background: inherit;
}

.nb-ecard__list__step {
  justify-content: space-between;
  width: 100%;
  margin-top: 17px;
  display: flex;
}

.nb-ecard__list__step--price {
  color: #fa2c19;
  font-family: PingFangSC;
  font-size: 20px;
  font-weight: 400;
}

.nb-ecard input::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
}

.nb-ecard input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}

.nb-ecard input[type="number"] {
  -moz-appearance: textfield;
}

.nb-goods-filter {
  background: #fff;
  border-radius: 12px;
  height: 100%;
  padding: 0 0 60px;
  font-size: 12px;
  overflow: auto;
}

.nb-goods-filter__chunk {
  margin-top: 24px;
  padding: 0 18px;
}

.nb-goods-filter__chunk--address {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nb-goods-filter__chunk__label {
  justify-content: space-between;
  align-items: center;
  margin-right: 10px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}

.nb-goods-filter__chunk__group {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.nb-goods-filter__chunk__group__address {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
  overflow: hidden;
}

.nb-goods-filter__chunk__group__modify {
  color: #fa2c19;
  margin-left: 8px;
}

.nb-goods-filter__chunk__type {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 18px;
  display: flex;
}

.nb-goods-filter__chunk__type div {
  text-align: center;
  background: #f2f3f3;
  border: 1px solid #f2f3f3;
  border-radius: 16px;
  width: 84px;
  height: 30px;
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 30px;
}

.nb-goods-filter__chunk__type div.active {
  color: #f2270c;
  background: #f0250f0d;
  border: 1px solid #f2270c;
}

.nb-goods-filter__chunk__price--range {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 18px;
  display: flex;
}

.nb-goods-filter__chunk__price--range__item {
  text-align: center;
  background: #f6f6f6;
  border-radius: 16px;
  flex: 1;
  height: 30px;
  line-height: 30px;
  position: relative;
}

.nb-goods-filter__chunk__price--range__item--placeholder {
  text-align: center;
  color: #999;
  width: 40px;
  display: inline-block;
}

.nb-goods-filter__chunk__price--range__item .input-num {
  text-align: center;
  color: #1a1a1a;
  background: none;
  border: 0;
  width: 100%;
  height: 30px;
  padding: 0 20%;
  font-size: 12px;
  font-weight: 700;
  position: absolute;
  left: 0;
}

.nb-goods-filter__chunk__price--range__cable {
  border: 1px solid #979797;
  width: 10px;
  height: 1px;
  margin: 0 5px;
}

.nb-goods-filter__chunk__price--recommend {
  justify-content: space-between;
  margin-top: 8px;
  display: flex;
}

.nb-goods-filter__chunk__price--recommend__item {
  text-align: center;
  background: #f2f3f3;
  border: 1px solid #f2f3f3;
  border-radius: 18px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 84px;
  height: 40px;
  padding: 0 12px;
  font-size: 12px;
  line-height: 14px;
  display: flex;
}

.nb-goods-filter__chunk__price--recommend__item.active {
  color: #f2270c;
  background: #f0250f0d;
  border: 1px solid #f2270c;
}

.nb-goods-filter__chunk__price--recommend__item div:first-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
}

.nb-goods-filter__chunk__price--recommend__item div:last-child {
  color: gray;
  transform: scale(.9);
}

.nb-goods-filter__chunk__groups {
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
  padding-top: 18px;
  display: grid;
}

.nb-goods-filter__chunk__groups.PT0 {
  padding-top: 0;
}

.nb-goods-filter__chunk__groups--item {
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #1a1a1a;
  background: #f6f6f6;
  border: 1px solid #f6f6f6;
  border-radius: 16px;
  width: 84px;
  height: 30px;
  margin-bottom: 8px;
  padding: 0 8px;
  font-size: 12px;
  line-height: 30px;
  overflow: hidden;
}

.nb-goods-filter__chunk__groups--item.active {
  color: #f2270c;
  background: #f0250f0d;
  border: 1px solid #f2270c;
}

.nb-goods-filter__chunk__groups--itemmore {
  text-align: center;
  color: #1a1a1a;
  background: #f6f6f6;
  border: 1px solid #f6f6f6;
  border-radius: 16px;
  width: 84px;
  height: 30px;
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 30px;
}

.nb-goods-filter__chunk__groups--itemmore svg {
  width: 9px;
  height: 9px;
  margin-left: 5px;
}

.nb-goods-filter__chunk__groups:after {
  content: "";
  width: 84px;
  display: block;
}

.nb-goods-filter__chunk__gap {
  background-color: #f2f3f3;
  width: 100%;
  height: 10px;
  margin-top: 24px;
}

.nb-goods-filter__chunk__list {
  margin: 24px 0;
  padding: 0 18px;
}

.nb-goods-filter__chunk__list--item {
  margin: 12px 0;
}

.nb-goods-filter__chunk__list--item__top {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.nb-goods-filter__chunk__list--item__title {
  color: #1a1a1a;
  font-size: 14px;
  font-weight: 700;
}

.nb-goods-filter__chunk__list--item__subTitle {
  color: #fa2c19;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  padding: 0 8px 0 20px;
  font-size: 12px;
  overflow: hidden;
}

.nb-goods-filter__chunk__list--item__icon {
  font-size: 8px;
}

.nb-goods-filter__chunk__list--item__icon.expand {
  transform: rotate(-180deg);
}

.nb-goods-filter__operate {
  background: #fff;
  border-top: 1px solid #f3f3f3;
  border-radius: 0 0 12px 12px;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 50px;
  display: flex;
  position: absolute;
  bottom: 0;
}

.nb-goods-filter__operate__btn {
  color: #333;
  text-align: center;
  border-radius: 25px;
  width: 130px;
  height: 38px;
  font-size: 15px;
  line-height: 38px;
}

.nb-goods-filter__operate__btn--reset {
  border: 1px solid #9b9b9b;
}

.nb-goods-filter__operate__btn--confirm {
  color: #fff;
  background: #f2270c;
}

.nb-goods-filter .nut-icon-location2 {
  margin-right: 8px;
}

.nb-goods-filter .nut-collapse-item .collapse-item {
  color: #1a1a1a;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  font-size: 14px;
  line-height: normal;
  display: flex;
}

.nb-goods-filter .nut-collapse-item .collapse-item .collapse-title {
  font-size: 14px;
  font-weight: 700;
}

.nb-goods-filter .nut-collapse-item .collapse-item .subTitle {
  position: initial;
  color: #fa2c19;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  width: 100%;
  margin: 0;
  padding: 0 8px 0 20px;
  font-size: 12px;
  overflow: hidden;
}

.nb-goods-filter .nut-collapse-item .collapse-item .collapse-icon {
  position: initial;
  margin: 0 !important;
}

.nb-goods-filter .nut-collapse-item .collapse-item:after {
  display: none;
}

.nb-goods-filter .nut-collapse-item .collapse-wrapper .collapse-content {
  padding: 0;
}

.nb-quick-enter-content-slide {
  flex-wrap: wrap;
  align-content: flex-start;
  height: 100%;
  display: flex;
}

.nb-quick-enter-item {
  flex-direction: column;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 13px;
  display: flex;
}

.nb-quick-enter-item-icon {
  width: 40px;
  height: 40px;
}

.nb-quick-enter-item img {
  width: 100%;
  height: 100%;
}

.nb-quick-enter .desc {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  color: #666;
  width: 100%;
  height: 18px;
  margin-top: 10px;
  font-size: 12px;
  overflow: hidden;
}

.nb-quick-enter .nut-swiper .nut-swiper__pagination {
  border-radius: 3px;
  justify-content: center;
  display: flex;
  bottom: 0;
}

.nb-quick-enter .nut-swiper .nut-swiper__pagination i {
  border-radius: 5px;
  width: 8px;
  height: 8px;
  display: inline-block;
}

.nb-quick-enter .nut-swiper .nut-swiper__pagination i.active {
  width: 15px;
}

.nb-quick-enter-wrapper-content {
  width: 100%;
  display: flex;
  overflow: scroll;
}

.nb-quick-enter-wrapper-content .scroll-slide {
  flex-wrap: wrap;
  flex-shrink: 0;
  align-content: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.nb-quick-enter .swiper-custom-pagination {
  justify-content: center;
  display: flex;
  position: relative;
}

.nb-quick-enter .swiper-custom-pagination .swiper-custom-pagination-bg {
  background: #e1e2e3;
  border-radius: 3px;
  width: 30px;
  height: 6px;
  position: relative;
}

.nb-quick-enter .swiper-custom-pagination .swiper-custom-pagination-bg .swiper-custom-pagination-slide {
  background: #fa2c19;
  border-radius: 3px;
  width: 15px;
  height: 100%;
  position: absolute;
  left: 0;
}

.nb-search-history {
  background-color: #fff;
}

.nb-search-history .nut-icon {
  vertical-align: middle;
}

.nb-search-history .nut-searchbar {
  border-bottom: 1px solid #e5e5e5;
}

.nb-search-history .nut-searchbar .nut-searchbar__icon {
  overflow: inherit;
}

.nb-search-history .nut-searchbar.nut-searchbar-no-left-in-icon .nut-searchbar__input {
  padding-left: 8px;
  padding-right: 8px;
}

.nb-search-history .nut-button {
  border-radius: 4px;
  height: auto;
  padding: 6px;
  line-height: normal;
}

.nb-search-history__recent, .nb-search-history__discover {
  margin: 15px;
}

.nb-search-history__discover {
  flex-direction: column;
  min-height: 80px;
  display: flex;
}

.nb-search-history__recent-tit, .nb-search-history__discover-tit {
  justify-content: space-between;
  align-items: center;
  height: 26px;
  margin-bottom: 13px;
  display: flex;
}

.nb-search-history__discover-icons {
  display: flex;
}

.nb-search-history__discover-refresh {
  margin-right: 10px;
}

.nb-search-history__recent-divider-box {
  font-size: 12px;
  display: flex;
}

.nb-search-history__recent-divider {
  margin-left: 10px;
  margin-right: 10px;
}

.nb-search-history .close-eye {
  align-items: baseline;
  display: flex;
}

.nb-search-history .close-eye-extra {
  color: gray;
  margin-right: 5px;
  font-size: 12px;
}

.nb-search-history .no-discover-data {
  color: gray;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-bottom: 13px;
  font-size: 12px;
  display: flex;
}

.nb-search-history__recent-tags {
  flex-wrap: wrap;
  display: flex;
  position: relative;
}

.nb-search-history__recent-tags a {
  color: #686868;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #f0f2f5;
  border-radius: 3px;
  max-width: 100%;
  height: 24px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding-left: 13px;
  padding-right: 13px;
  font-size: 12px;
  line-height: 24px;
  overflow: hidden;
}

.nb-search-history__recent-tags a span {
  color: #333;
  vertical-align: middle;
  margin-left: 5px;
}

.nut-biz-safe-area-bottom {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.nb-settle-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.nb-settle-bar__warning {
  height: 38px;
  position: relative;
}

.nb-settle-bar__warning-mask, .nb-settle-bar__warning-content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.nb-settle-bar__warning-mask {
  z-index: 1;
  opacity: .8;
  background-color: #fffbe8;
}

.nb-settle-bar__warning-content {
  z-index: 2;
}

.nb-settle-bar__main {
  justify-content: space-between;
  align-items: center;
  padding: 6px 12px;
  display: flex;
}

.nb-settle-bar__main .nut-checkbox {
  cursor: pointer;
}

.nb-settle-bar__main .nut-checkbox__label {
  margin-left: 10px;
}

.nb-settle-bar__main-select-all {
  flex-shrink: 0;
  margin-right: 12px;
}

.nb-settle-bar__main-total {
  flex-direction: column;
  flex: 1;
  margin-right: 12px;
  display: flex;
}

.nb-settle-bar__main-total-inner {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 120px;
  overflow: hidden;
}

.nb-settle-bar__main .btn {
  border: 1px solid #8c8c8c;
  border-radius: 15px;
  padding: 0 19px;
  font-size: 12px;
  line-height: 30px;
}

.nb-settle-bar__main-buy {
  color: #fff;
  cursor: pointer;
  background-color: #f2270c;
  background-image: linear-gradient(135deg, #f2140c, #f2270c 70%, #f24d0c);
  border-radius: 20px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 113px;
  height: 38px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
}

.nb-settle-bar__main-buy.disabled {
  opacity: .3;
  cursor: not-allowed;
}

.nb-settle-bar__main-num {
  font-weight: 400;
}

.nut-sku {
  background: #fff;
  flex-direction: column;
  height: 100%;
  padding: 0;
  display: flex;
}

.nut-sku-header {
  flex-shrink: 0;
  height: 100px;
  margin-top: 18px;
  padding: 0 18px;
  display: flex;
}

.nut-sku-header > img {
  border-radius: 0;
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  margin-right: 12px;
}

.nut-sku-header-right {
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  display: flex;
  overflow: hidden;
}

.nut-sku-header-right .nut-price {
  align-items: baseline;
  display: flex;
}

.nut-sku-header-right-extra {
  color: gray;
  font-size: 12px;
}

.nut-sku-content {
  flex: 1;
  margin-top: 24px;
  padding: 0 18px;
  overflow-x: hidden;
  overflow-y: auto;
}

.nut-sku-content::-webkit-scrollbar {
  display: none;
}

.nut-sku-select-item {
  flex-direction: column;
  display: flex;
}

.nut-sku-select-item-title {
  color: #000;
  height: 13px;
  margin-bottom: 18px;
  font-size: 13px;
  font-weight: 700;
}

.nut-sku-select-item-skus {
  flex-wrap: wrap;
  display: flex;
}

.nut-sku-select-item-skus-sku {
  color: #000;
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-radius: 15px;
  flex-shrink: 0;
  height: 30px;
  margin-bottom: 12px;
  margin-right: 12px;
  padding: 0 18px;
  font-size: 11px;
  line-height: 30px;
}

.nut-sku-select-item-skus-sku.active {
  color: #fa2c19;
  background: #fa2c1926;
  border: 1px solid #fa2c19;
}

.nut-sku-select-item-skus-sku.disable {
  color: gray;
  text-decoration: line-through;
}

.nut-sku-stepper {
  justify-content: space-between;
  align-items: center;
  margin: 10px 0 30px;
  display: flex;
}

.nut-sku-stepper-title {
  color: #000;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 175px);
  margin-right: 12px;
  font-size: 13px;
  font-weight: 700;
  overflow: hidden;
}

.nut-sku-stepper-limit {
  color: gray;
  flex: 1;
  align-items: center;
  font-size: 12px;
  display: flex;
}

.nut-sku-stepper-count {
  align-items: center;
  display: flex;
}

.nut-sku-stepper-count-lowestBuy {
  color: #fa2c19;
  font-size: 12px;
}

.nut-sku-operate {
  width: 100%;
}

.nut-sku-operate-desc {
  text-align: center;
  color: #de6a1c;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: #fbf9da;
  width: 100%;
  max-height: 94px;
  padding: 10px;
  font-size: 12px;
  display: block;
  overflow: hidden;
}

.nut-sku-operate-btn {
  text-align: center;
  box-sizing: border-box;
  background: #fff;
  border-top: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 54px;
  padding: 0 18px;
  display: flex;
}

.nut-sku-operate-btn-item {
  color: #fff;
  background: linear-gradient(90deg, #fa2c19, #fa6419 100%);
  border-radius: 21px;
  width: 100%;
  height: 40px;
  margin-right: 18px;
  font-size: 15px;
  font-weight: 400;
  line-height: 40px;
}

.nut-sku-operate-btn-item:last-child {
  margin-right: 0;
}

.nut-sku-operate-btn-buy {
  background: linear-gradient(135deg, #ffba0d 0%, #ffc30d 69%, #ffcf0d 100%);
}

.nb-productfeed, .nb-productfeed__main {
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.nb-productfeed__left, .nb-productfeed__right {
  width: 50%;
  padding: 0 .25rem;
}

.nb-productfeedItem {
  background: #fff;
  position: relative;
}

.nb-productfeedItem__single {
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.nb-productfeedItem__image {
  margin: 0 auto;
}

.nb-productfeedItem__image-tag {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}

.nut-theme-dark .nb-address__header, .nut-theme-dark .nb-address__header__title, .nut-theme-dark .nb-address .custom-address .region-tab, .nut-theme-dark .nb-address .custom-address .region-con .region-group .region-item, .nut-theme-dark .nb-address .exist-address .exist-address-group .exist-ul .exist-item {
  color: #fff;
}

.nut-theme-dark .nb-address .exist-address .choose-other, .nut-theme-dark .nb-address-custom-buttom {
  border-top: 1px solid #131313;
}

.nb-address {
  display: block;
}

.nb-address__header {
  text-align: center;
  color: #333;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 17px;
  padding: 0 20px;
  font-weight: 700;
  line-height: 20px;
  display: flex;
}

.nb-address__header__title {
  color: #262626;
  font-size: 18px;
  display: block;
}

.nb-address .nb-address__custom {
  display: block;
}

.nb-address .nb-address__custom .nb-address__region-tab {
  color: #1d1e1e;
  margin-top: 32px;
  padding: 0 20px;
  font-size: 13px;
  display: flex;
  position: relative;
}

.nb-address .nb-address__custom .nb-address__region-tab .nb-address__tab-item {
  min-width: 2px;
  margin-right: 30px;
  display: block;
}

.nb-address .nb-address__custom .nb-address__region-tab .nb-address__tab-item.active {
  font-weight: 700;
}

.nb-address .nb-address__custom .nb-address__region-tab .nb-address__tab-item span {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100px;
  display: inline-block;
  overflow: hidden;
}

.nb-address .nb-address__custom .nb-address__region-tab .nb-address__tab-line {
  background: linear-gradient(90deg, #fa2c19 0%, #fa6419 100%);
  width: 26px;
  height: 3px;
  margin-top: 5px;
  transition: all .2s linear;
  display: inline-block;
  position: absolute;
  bottom: -10px;
  left: 20px;
}

.nb-address .nb-address__custom .nb-address__region-con {
  margin: 20px 20px 0;
  display: block;
}

.nb-address .nb-address__custom .nb-address__region-con .nb-address__region-group {
  box-sizing: border-box;
  height: 270px;
  padding: 0;
  overflow-y: auto;
}

.nb-address .nb-address__custom .nb-address__region-con .nb-address__region-group .nb-address__region-item {
  color: #333;
  align-items: center;
  margin-bottom: 20px;
  font-size: 12px;
  display: flex;
}

.nb-address .nb-address__custom .nb-address__region-con .nb-address__region-group .nb-address__region-item .nb-address__region-item--icon, .nb-address .nb-address__custom .nb-address__region-con .nb-address__region-group .nb-address__region-item .nb-address__region-item--loading {
  margin-right: 6px;
}

.nb-address .nb-address__custom .nb-address__region-con .nb-address__region-group .active {
  font-weight: 700;
}

.nb-address .nb-address__custom .nb-address__region-con .nb-address__region-group .loading_box {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70%;
  display: flex;
}

.nb-address .nb-address__custom .nb-address__region-con .nb-address__region-group .loading_box .nut-icon-loading {
  color: #fa2c19;
}

.nb-address .nb-address__custom .hot-title {
  color: #999;
  margin: 20px 0 0 20px;
  font-size: 12px;
}

.nb-address .nb-address__custom .hot-citys {
  flex-wrap: wrap;
  margin-left: 20px;
  display: flex;
}

.nb-address .nb-address__custom .hot-citys li {
  text-align: center;
  color: #333;
  background: #f7f7f7;
  border-radius: 25px;
  height: 25px;
  margin: 10px 10px 0 0;
  padding: 0 15px;
  font-size: 12px;
  line-height: 25px;
}

.nb-address .nb-address__custom .nb-address__elevator-group {
  margin-top: 20px;
  display: flex;
}

.nb-address .nb-address__custom .nb-address__elevator-group .active {
  font-weight: 700;
}

.nb-address .nb-address__custom .nb-address__elevator-group .nut-elevator__list__item__name--highcolor {
  color: #333;
}

.nb-address .nb-address__custom .nb-address__elevator-group .nb-address__region-item {
  color: #333;
  align-items: center;
  font-size: 12px;
  display: flex;
}

.nb-address .nb-address__custom .nb-address__elevator-group .nb-address__region-item .nb-address__region-item--icon, .nb-address .nb-address__custom .nb-address__elevator-group .nb-address__region-item .nb-address__region-item--loading {
  margin-right: 6px;
}

.nb-address .nb-address__exist {
  margin-top: 15px;
  display: block;
}

.nb-address .nb-address__exist .nb-address__exist-group {
  height: 279px;
  padding: 15px 20px 0;
  overflow-y: scroll;
}

.nb-address .nb-address__exist .nb-address__exist-group .nb-address__exist-ul {
  box-sizing: border-box;
  padding: 0;
}

.nb-address .nb-address__exist .nb-address__exist-group .nb-address__exist-ul .nb-address__exist-item {
  color: #000;
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 14px;
}

.nb-address .nb-address__exist .nb-address__exist-group .nb-address__exist-ul .nb-address__exist-item.active {
  font-weight: 700;
}

.nb-address .nb-address__exist .nb-address__exist-group .nb-address__exist-ul .nb-address__exist-item > div {
  align-items: center;
  display: flex;
}

.nb-address .nb-address__exist .nb-address__exist-group .nb-address__exist-ul .nb-address__exist-item .nb-address__exist-item-icon {
  margin-right: 9px;
}

.nb-address .nb-address__exist .nb-address__exist-group .nb-address__exist-ul .nb-address__exist-item span {
  flex: 1;
  display: inline-block;
}

.nb-address .nb-address__exist .nb-address__choose-other {
  border-top: 1px solid #f2f2f2;
  width: 100%;
  height: 54px;
  padding: 6px 0 0;
}

.nb-address .nb-address__exist .nb-address__choose-other-btn {
  text-align: center;
  color: #fff;
  background: linear-gradient(135deg, #fa2c19 0%, #fa6419 100%);
  border-radius: 21px;
  width: 90%;
  height: 42px;
  margin: auto;
  font-size: 15px;
  line-height: 42px;
}

.nut-theme-dark .nb-addressedit {
  color: #fff;
  background: #131313;
}

.nut-theme-dark .nb-addressedit__item {
  background: #131313;
}

.nut-theme-dark .nb-addressedit .nut-switch.switch-open {
  background: #f2270c;
}

.nut-theme-dark .nb-addressedit__bottom {
  background: #131313;
}

.nut-theme-dark .nb-addressedit__bottom .nut-button {
  color: #fff;
}

.nb-addressedit {
  background: #fff;
  border-radius: 4px;
  padding: 5px 10px;
}

.nb-addressedit__item {
  color: #666;
  background: #fff;
  padding: 0 10px;
  font-size: 14px;
}

.nb-addressedit__item.setdefualt {
  align-items: center;
  padding: 10px 20px;
  display: flex;
}

.nb-addressedit__item.setdefualt .label {
  margin-right: 20px;
}

.nb-addressedit__bottom {
  bottom: 0;
  left: 0;
  right: 0;
  bottom: constant(safe-area-inset-bottom);
  bottom: env(safe-area-inset-bottom);
  z-index: 999;
  box-sizing: border-box;
  background-color: #fff;
  width: 100%;
  padding: 12px 18px 24px;
  position: fixed;
}

.nb-addressedit .nut-input {
  padding: var(--nutui-input-padding, 10px 10px);
}

.nb-addressedit .nut-input.nut-input-required:before {
  left: 0;
}

.nb-addressedit .nut-input-error-message {
  line-height: 1.2;
}

.nut-theme-dark .nut-addresslist-swipe, .nut-theme-dark .nut-addresslist-general {
  color: #fff;
  background-color: #1b1b1b;
  border-bottom: 1px solid gray;
}

.nut-theme-dark .nut-addresslist-swipe__mask, .nut-theme-dark .nut-addresslist-general__mask {
  background-color: #e8e6e3cc;
}

.nut-theme-dark .nut-addresslist-swipe__mask-copy, .nut-theme-dark .nut-addresslist-general__mask-copy {
  color: gray;
  background-color: #fff;
}

.nut-theme-dark .nut-addresslist-item__addr {
  color: gray;
}

.nut-theme-dark .nut-addresslist__bottom {
  background-color: #1b1b1b;
}

.nb-address-list {
  overflow: hidden;
}

.nb-address-list:last-child {
  padding-bottom: 84px;
}

.nb-address-list__swipe, .nb-address-list__general {
  color: #333;
  background-color: #fff;
  border-bottom: 1px solid #f0f0f0;
  align-items: center;
  min-height: 76px;
  padding: 5px 10px;
  font-size: 16px;
  display: flex;
  position: relative;
}

.nb-address-list__swipe:last-child, .nb-address-list__general:last-child {
  border-bottom: none;
}

.nb-address-list__swipe-mask, .nb-address-list__general-mask {
  z-index: 2001;
  background-color: #0006;
  justify-content: space-around;
  align-items: center;
  padding: 0 40px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.nb-address-list__swipe-mask-copy, .nb-address-list__swipe-mask-set, .nb-address-list__swipe-mask-del, .nb-address-list__general-mask-copy, .nb-address-list__general-mask-set, .nb-address-list__general-mask-del {
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  padding: 0 10px;
  font-size: 14px;
  display: flex;
}

.nb-address-list__swipe-mask-set, .nb-address-list__general-mask-set {
  color: #fff;
  background-color: #f5a623;
}

.nb-address-list__swipe-mask-del, .nb-address-list__general-mask-del {
  color: #fff;
  background-color: #e1251b;
}

.nb-address-list__item {
  width: 100%;
}

.nb-address-list__item-info {
  justify-content: space-between;
  display: flex;
}

.nb-address-list__item-info-contact {
  justify-content: flex-start;
  align-items: center;
  font-weight: 700;
  display: flex;
}

.nb-address-list__item-info-contact-name {
  word-wrap: break-word;
  max-width: 145px;
}

.nb-address-list__item-info-contact-tel {
  word-wrap: break-word;
  max-width: 110px;
  margin-left: 8px;
}

.nb-address-list__item-info-contact-default {
  color: #fff;
  background: #fa2c19;
  border-radius: 2px;
  height: 16px;
  margin-left: 5px;
  padding: 0 6px;
  font-size: 12px;
  line-height: 16px;
}

.nb-address-list__item-info-handle-edit {
  margin-left: 15px;
}

.nb-address-list__item-addr {
  color: #666;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 5px;
  font-size: 12px;
  overflow: hidden;
}

.nb-address-list__bottom {
  bottom: 0;
  left: 0;
  right: 0;
  bottom: constant(safe-area-inset-bottom);
  bottom: env(safe-area-inset-bottom);
  z-index: 100000;
  box-sizing: border-box;
  background-color: #fff;
  width: 100%;
  padding: 12px 18px 24px;
  position: fixed;
}

.nb-address-list__mask-bottom {
  z-index: 2000;
  background-color: #0000;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.nb-delivery {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.nb-delivery__title {
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  height: 40px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 40px;
  overflow: hidden;
}

.nb-delivery__content {
  width: 100%;
  overflow: hidden;
}

.nb-delivery__content-type {
  width: 100%;
  margin-top: 20px;
  padding: 0 20px;
}

.nb-delivery__content-type .nut-radio {
  margin-right: 15px;
  display: inline-block;
}

.nb-delivery__content-type .nut-radio__button {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100px;
  display: inline-block;
  overflow: hidden;
}

.nb-delivery__content-type .nut-radio__button--active {
  background-color: #ffece8;
  font-size: 12px;
}

.nb-delivery__content-type-tips {
  color: #666;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  margin-top: 5px;
  font-size: 12px;
  overflow: hidden;
}

.nb-delivery__content-deliverytime {
  margin-top: 25px;
  overflow: hidden;
}

.nb-delivery__content-deliverytime-title {
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 20px;
  font-size: 14px;
  overflow: hidden;
}

.nb-delivery__content-deliverytime-tabs {
  margin-top: 10px;
  padding: 0 20px;
}

.nb-delivery__content-deliverytime-tabs .nut-radio {
  margin-right: 15px;
  display: inline-block;
}

.nb-delivery__content-deliverytime-tabs .nut-radio__button {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100px;
  display: inline-block;
  overflow: hidden;
}

.nb-delivery__content-deliverytime-tabs .nut-radio__button--active {
  background-color: #ffece8;
  font-size: 12px;
}

.nb-delivery__content-deliverytime-tips {
  color: #666;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 5px;
  padding: 0 20px;
  font-size: 12px;
  overflow: hidden;
}

.nb-delivery__select {
  width: 100%;
}

.nb-delivery__btn {
  background: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  display: flex;
  position: fixed;
  bottom: 0;
  box-shadow: 0 -4px 12px #0000000d;
}

.nb-delivery__btn .nut-button {
  background: linear-gradient(135deg, #f2140c 0%, #f2270c 69.8395%, #f24d0c 100%);
  border-radius: 20px;
  width: 335px;
  height: 40px;
}

.nb-delivery-date {
  width: 100%;
  height: 100%;
  margin-top: 15px;
  padding: 0 20px;
  overflow: auto;
}

.nb-delivery-date__item {
  text-align: center;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #f6f7f9;
  border: 1px solid #0000;
  border-radius: 5px;
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  padding: 0 10px;
  font-size: 14px;
  line-height: 50px;
  overflow: hidden;
}

.nb-delivery-date__item--current {
  color: #fa2c19;
  background-color: #fce0df;
  border: 1px solid #fa2c19;
}

.nb-delivery-date__item--disable {
  color: #999;
  background-color: #cecece;
  border: 1px solid #cecece;
}

.nb-delivery-date-time {
  width: 100%;
  height: 100%;
  margin-top: 15px;
  display: flex;
}

.nb-delivery-date-time__pannel {
  background-color: #f6f7f9;
  width: 140px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.nb-delivery-date-time__pannel-title {
  color: #666;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: center;
  width: 150px;
  height: 45px;
  padding: 15px 20px;
  font-size: 14px;
  display: flex;
  overflow: hidden;
}

.nb-delivery-date-time__pannel-title--current {
  color: #333;
  background-color: #fff;
  font-weight: 700;
}

.nb-delivery-date-time__detail {
  flex: 1;
  height: 100%;
  padding: 0 10px;
  overflow-x: hidden;
  overflow-y: auto;
}

.nb-delivery-date-time__detail-item {
  text-align: center;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #f6f7f9;
  border: 1px solid #0000;
  border-radius: 5px;
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  padding: 0 10px;
  font-size: 14px;
  line-height: 50px;
  overflow: hidden;
}

.nb-delivery-date-time__detail-item--current {
  color: #fa2c19;
  background-color: #fce0df;
  border: 1px solid #fa2c19;
}

.nb-delivery-date-time__detail-item--disable {
  color: #999;
  background-color: #cecece;
  border: 1px solid #cecece;
}

.nb-delivery-date-time-accurate {
  width: 100%;
  height: 100%;
  margin-top: 15px;
  display: flex;
}

.nb-delivery-date-time-accurate__pannel {
  background-color: #f6f7f9;
  width: 140px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.nb-delivery-date-time-accurate__pannel-title {
  color: #666;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: center;
  width: 150px;
  height: 45px;
  padding: 15px 20px;
  font-size: 14px;
  display: flex;
  overflow: hidden;
}

.nb-delivery-date-time-accurate__pannel-title--current {
  color: #333;
  background-color: #fff;
  font-weight: 700;
}

.nb-delivery-date-time-accurate__detail {
  flex: 1;
  height: 100%;
  padding: 0 10px;
  overflow-x: hidden;
  overflow-y: auto;
}

.nb-delivery-date-time-accurate__detail-item {
  margin-bottom: 10px;
}

.nb-delivery-date-time-accurate__detail-item-title {
  color: #666;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  font-size: 12px;
  overflow: hidden;
}

.nb-delivery-date-time-accurate__detail-item-times {
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-top: 5px;
  display: flex;
}

.nb-delivery-date-time-accurate__detail-item-times-time {
  text-align: center;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #f6f7f9;
  border: 1px solid #0000;
  border-radius: 5px;
  width: 48%;
  height: 50px;
  margin-bottom: 10px;
  padding: 0 10px;
  font-size: 14px;
  line-height: 50px;
  overflow: hidden;
}

.nb-delivery-date-time-accurate__detail-item-times-time--current {
  color: #fa2c19;
  background-color: #fce0df;
  border: 1px solid #fa2c19;
}

.nb-delivery-date-time-accurate__detail-item-times-time--disable {
  color: #999;
  background-color: #cecece;
  border: 1px solid #cecece;
}

.nb-ordercancel {
  font-weight: 400;
}

.nb-ordercancel__main {
  padding: 0 20px;
}

.nb-ordercancel__reason-header {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 90%;
  margin-top: 10px;
  font-size: 18px;
  overflow: hidden;
}

.nb-ordercancel__header {
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 90%;
  height: 50px;
  font-size: 18px;
  line-height: 50px;
  overflow: hidden;
}

.nb-ordercancel__tips {
  color: #000000a6;
  background-color: #f7f7f7;
  border-radius: 10px;
  max-height: 160px;
  margin-bottom: 10px;
  padding: 14px;
  font-size: 14px;
  line-height: 25px;
  overflow: auto;
}

.nb-ordercancel__tips-header {
  text-align: left;
  font-size: 14px;
  font-weight: 400;
}

.nb-ordercancel__reason {
  max-height: 280px;
  font-size: 14px;
  overflow: auto;
}

.nb-ordercancel__reason--list {
  justify-content: space-between;
  align-items: center;
  height: 35px;
  display: flex;
  position: relative;
}

.nb-ordercancel__reason--list__label {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}

.nb-ordercancel__reason--list__checkbox--post-front {
  margin-right: 10px;
}

.nb-ordercancel__reason--list__checkbox .nut-checkbox {
  justify-content: right;
  display: flex;
}

.nb-ordercancel__reason--list__checkbox .nut-checkbox .nut-checkbox__label {
  display: none;
}

.nb-ordercancel__reason--list__overlay {
  opacity: 0;
  width: 100%;
  height: 35px;
  position: absolute;
  top: 0;
  left: 0;
}

.nb-ordercancel__area {
  border: 1px solid #eee;
}

.nb-ordercancel__btns {
  width: 100%;
  margin-top: 10px;
  box-shadow: 1px 14px 43px -7px #00000080;
}

.nb-ordercancel__btns--tips {
  justify-content: space-between;
  padding: 20px 20px 0;
  font-size: 14px;
  display: flex;
}

.nb-ordercancel__btns--button {
  justify-content: center;
  align-items: center;
  height: 75px;
  display: flex;
}

.nb-ordercancel__btns--tap {
  height: 30px;
}

.nb-ordercancel .cancel-btn {
  width: 80%;
}

.nb-orderRemark__title {
  color: #1d1f2b;
  text-align: center;
  width: 100%;
  height: 50px;
  font-family: PingFangSC;
  font-size: 16px;
  font-weight: 500;
  line-height: 50px;
}

.nb-orderRemark__textarea-container .nut-textarea {
  padding: 10px 15px;
}

.nb-orderRemark__textarea-container .nut-textarea__textarea {
  border: 1px solid #e9e9e9;
  border-radius: 8px;
  height: 120px;
  padding: 10px;
  font-size: 12px;
}

.nb-orderRemark__textarea-container .nut-textarea__limit {
  right: 25px;
}

.nb-orderRemark__opt-container {
  background: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 62px;
  display: flex;
  box-shadow: 0 -4px 12px #0000000d;
}

.nb-orderRemark__opt-container .nut-button {
  background: linear-gradient(135deg, #f2140c 0%, #f2270c 69.8395%, #f24d0c 100%);
  border-radius: 20px;
  width: 335px;
  height: 40px;
}

.nb-orderRemark__tag-container {
  padding: 15px 15px 10px;
}

.nb-orderRemark__tag-container .nb-orderRemark__tag-title {
  color: #00000070;
  margin-bottom: 10px;
  font-family: PingFangSC;
  font-size: 12px;
  font-weight: 400;
}

.nb-orderRemark__tag-container .nb-orderRemark__tag-content {
  max-height: 200px;
  overflow-y: auto;
}

.nb-orderRemark__tag-container .nb-orderRemark__tag-content .nb-orderRemark__tag {
  cursor: pointer;
  background: #e9e9e9;
  border-radius: 14px;
  max-width: 100%;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 5px 10px;
  font-size: 12px;
  display: inline-block;
}

.nb-orderRemark__popup .nutui-popup__close-icon {
  top: 12px !important;
}

.nut-theme-dark .nb-invoice-title-edit .nb-invoice-title-edit__submit {
  background: #1b1b1b;
}

.nb-invoice-title-edit {
  width: 100%;
  position: relative;
}

.nb-invoice-title-edit .nut-cell {
  align-items: baseline;
}

.nb-invoice-title-edit__submit {
  box-sizing: border-box;
  width: 100%;
  bottom: 0;
  left: 0;
  bottom: constant(safe-area-inset-bottom);
  bottom: env(safe-area-inset-bottom);
  background: #fff;
  justify-content: center;
  align-items: center;
  padding: 10px 10px 20px;
  display: flex;
  position: fixed;
}

.nb-invoice-title-edit .nut-radio {
  margin-bottom: 0;
  margin-right: 6px;
  display: inline-block;
}

.nb-invoice-title-edit .nut-radio .nut-radio__button {
  cursor: pointer;
}

.nb-invoice-title-edit .form-layout-right .nut-form-item__label {
  text-align: left;
  padding-right: 0;
}

.nb-invoice-title-list__info-content {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.nb-invoice-title-list {
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 15px 15px 0;
}

.nb-invoice-title-list__main {
  border-bottom: 1px solid #eee;
  align-items: center;
  padding-bottom: 15px;
  display: flex;
}

.nb-invoice-title-list__main .nut-icon-checked:before {
  margin-left: 5px;
}

.nb-invoice-title-list__main-title {
  display: flex;
}

.nb-invoice-title-list__main-title .nut-icon-edit {
  cursor: pointer;
}

.nb-invoice-title-list__main-default, .nb-invoice-title-list__main-status {
  flex-shrink: 0;
}

.nb-invoice-title-list__main-default {
  text-align: center;
  color: #fff;
  background: #f0250f;
  border-radius: 3px;
  align-self: flex-start;
  width: 32px;
  margin-right: 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.nb-invoice-title-list__main-text {
  color: #333;
  flex: 1;
  margin-right: 10px;
  font-size: 14px;
  font-weight: 600;
}

.nb-invoice-title-list__main-status {
  font-size: 13px;
}

.nb-invoice-title-list__main-status.pass {
  color: #333;
}

.nb-invoice-title-list__main-status.veto {
  color: #f0250f;
}

.nb-invoice-title-list__main-status.approval {
  color: #ffa029;
}

.nb-invoice-title-list__info {
  margin-top: 15px;
  font-size: 13px;
  display: flex;
}

.nb-invoice-title-list__info-title {
  color: #999;
  flex-shrink: 0;
  width: 108px;
}

.nb-invoice-title-list__info-content {
  color: #333;
  font-weight: 500;
}

.nb-invoice-title-list__buttons {
  justify-content: flex-end;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.nb-invoice-title-list__buttons > .nut-button {
  margin-left: 12px;
}

.nb-receive-invoice-edit {
  background: #fff;
  border-radius: 4px;
  padding: 5px 10px;
}

.nb-receive-invoice-edit__item {
  color: #666;
  background: #fff;
  padding: 0 10px;
  font-size: 14px;
}

.nb-receive-invoice-edit__bottom {
  bottom: constant(safe-area-inset-bottom);
  bottom: env(safe-area-inset-bottom);
  background-color: #fff;
  width: 100%;
  padding: 6px 15px;
}

.nb-receive-invoice-edit .nut-input {
  padding: var(--nutui-input-padding, 10px 10px);
}

.nb-receive-invoice-edit .nut-input.nut-input-required:before {
  left: 0;
}

.nb-receive-invoice-list__item-header {
  color: #333;
  font-size: 14px;
  font-weight: 600;
}

.nb-receive-invoice-list__item-header .nut-cell__title {
  overflow: hidden;
}

.nb-receive-invoice-list__item-header-title {
  align-items: center;
  display: flex;
}

.nb-receive-invoice-list__item-header-title .nut-tag--danger {
  flex-shrink: 0;
}

.nb-receive-invoice-list__item-header-title > p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.nb-receive-invoice-list__item-footer {
  display: flex;
}

.nb-receive-invoice-list__item-footer.infobox {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.nb-receive-invoice-list__item-footer-info {
  align-items: flex-start;
  margin-bottom: 10px;
  display: flex;
}

.nb-receive-invoice-list__item-footer-info:last-child {
  margin-bottom: 0;
}

.nb-receive-invoice-list__item-footer-info span {
  color: #999;
  width: 44px;
  font-size: 12px;
  font-weight: 400;
}

.nb-receive-invoice-list__item-footer-info p {
  color: #333;
  word-break: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  flex: 1;
  font-size: 12px;
  display: -webkit-box;
  overflow: hidden;
}

.nb-coupon__box {
  background-size: 100% 100%;
  display: flex;
  position: relative;
}

.nb-coupon__box .nb-coupon__main {
  text-align: left;
  align-items: center;
  padding: 16px;
  display: flex;
  position: relative;
}

.nb-coupon__box .nb-coupon__main-price {
  align-items: baseline;
  margin-right: 15px;
  font-size: 32px;
  display: flex;
}

.nb-coupon__box .nb-coupon__main-price--currency {
  font-size: 16px;
}

.nb-coupon__box .nb-coupon__main-content {
  overflow: hidden;
}

.nb-coupon__box .nb-coupon__main-content--maintitle {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  overflow: hidden;
}

.nb-coupon__box .nb-coupon__main-content--subtitle, .nb-coupon__box .nb-coupon__main-content--timerange {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  font-size: 12px;
  overflow: hidden;
}

.nb-coupon__box .nb-coupon__main-usedicon {
  position: absolute;
  top: 0;
  right: 7px;
}

.nb-coupon__box .nb-coupon__btns {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nb-coupon__box .nb-coupon__label {
  color: red;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: #fff;
  border-radius: 6px 0;
  max-width: 100px;
  height: 14px;
  padding: 0 2px;
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.nb-coupon__box--small {
  height: 81px;
}

.nb-coupon__box--small .nb-coupon__main {
  color: red;
  text-align: center;
  flex-direction: column;
  padding: 13px 7px 10px;
}

.nb-coupon__box--small .nb-coupon__main-price {
  justify-content: center;
  margin-right: 0;
  font-size: 18px;
  display: flex;
}

.nb-coupon__box--small .nb-coupon__main-price--currency {
  font-size: 12px;
}

.nb-coupon__box--small .nb-coupon__main-price--number {
  font-size: 18px;
}

.nb-coupon__box--small .nb-coupon__main-content {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}

.nb-coupon__box--small .nb-coupon__main-content--maintitle {
  font-size: 10px;
}

.nb-coupon__box--small .nb-coupon__main-content--subtitle {
  color: #fa2c1980;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 10px;
  overflow: hidden;
}

.nb-coupon__box--small .nb-coupon__btns-vertcal {
  color: red;
  align-items: center;
  height: 100%;
  padding: 0 7px;
  font-size: 10px;
  display: flex;
}

.nb-coupon__box--small .nb-coupon__label {
  color: #fff;
  background: red;
}

.nb-horizontalscrolling {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.nb-horizontalscrolling__contain {
  width: 100%;
  padding: 2px 0;
  display: flex;
  overflow: auto;
}

.nb-horizontalscrolling__contain::-webkit-scrollbar {
  display: none;
}

.nb-horizontalscrolling__contain-group {
  flex-shrink: 0;
  width: 83px;
  margin-right: 6px;
  overflow: hidden;
}

.nb-horizontalscrolling__contain-item {
  position: relative;
}

.nb-horizontalscrolling__contain-item img {
  vertical-align: top;
  width: 83px;
  height: 83px;
}

.nb-horizontalscrolling__mask-left {
  text-align: center;
  width: 100px;
  margin-right: 10px;
  position: relative;
}

.nb-horizontalscrolling__mask-left--triangle:before {
  content: "";
  border: 5px solid #0000;
  border-right-color: #d1d0d0;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-100%);
}

.nb-horizontalscrolling__mask-left--triangle:after, .nb-horizontalscrolling__mask-left--shadow:after {
  content: "";
  background: linear-gradient(-90deg, #0000 0%, #d1d0d0 100%);
  border-radius: 3px;
  width: 7px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -7px;
}

.nb-horizontalscrolling__mask-right {
  text-align: center;
  width: 100px;
  margin-left: 10px;
  position: relative;
}

.nb-horizontalscrolling__mask-right--triangle:before {
  content: "";
  border: 5px solid #0000;
  border-left-color: #d1d0d0;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-100%);
}

.nb-horizontalscrolling__mask-right--triangle:after, .nb-horizontalscrolling__mask-right--shadow:after {
  content: "";
  background: linear-gradient(90deg, #0000 0%, #d1d0d0 100%);
  border-radius: 3px;
  width: 7px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -7px;
}

.nb-horizontalscrolling__mask-right--transparent {
  background: #ffffffb3;
  height: 100%;
  margin: 0;
  position: absolute;
  right: 0;
  padding: 0 !important;
}

.nb-horizontalscrolling__mask-box {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.nb-horizontalscrolling__mask-box img {
  width: 40px;
  height: 40px;
}

.nb-horizontalscrolling__mask-box span {
  margin-top: 10px;
  font-size: 14px;
}

.nut-theme-dark .nb-login {
  color: #fff;
  background: #131313;
}

.nut-theme-dark .nb-login__btn .nut-button {
  color: #fff;
}

.nb-login {
  background: #fff;
  flex-direction: column;
  padding: 18px;
  display: flex;
}

.nb-login__logo {
  width: 80px;
  height: 80px;
  margin: 20px auto 15px;
}

.nb-login__logo img {
  width: 100%;
  height: 100%;
}

.nb-login__title {
  margin: 10px;
  font-size: 24px;
  font-weight: 700;
}

.nb-login__content {
  margin: 20px 0 10px;
}

.nb-login__code-box {
  color: #666;
  cursor: pointer;
  align-items: center;
  min-width: 100px;
  padding: 0 5px;
  font-size: 14px;
  display: flex;
}

.nb-login__code-box:before {
  content: "";
  background: #e3e3e3;
  width: 1px;
  height: 26px;
  margin-right: 10px;
  display: block;
}

.nb-login__code-box.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.nb-login__code-box .counts {
  text-align: center;
  width: 100%;
}

.nb-login__hide-icon {
  align-items: center;
  width: 10%;
  margin-right: 10px;
  display: flex;
}

.nb-login__input-wrap {
  align-items: center;
  margin-bottom: 0;
  transition: all .2s;
  display: flex;
  position: relative;
}

.nb-login__input-wrap.error {
  margin-bottom: 10px;
}

.nb-login__input-wrap .forget-pwd {
  color: #006fff;
  cursor: pointer;
  width: 55px;
  margin: 0 0 15px 10px;
  font-size: 12px;
}

.nb-login__input-wrap .error-msg {
  color: red;
  padding: 0 18px;
  font-size: 12px;
  position: absolute;
  bottom: -4px;
}

.nb-login__input-item {
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  flex: 1;
  align-items: center;
  min-height: 45px;
  margin-bottom: 15px;
  display: flex;
  overflow: hidden;
}

.nb-login__input-item .nut-input-text {
  padding: 8px 15px;
}

.nb-login__input-item ::-webkit-input-placeholder {
  color: #999;
}

.nb-login__protocal {
  margin-bottom: 10px;
  font-size: 12px;
  display: flex;
}

.nb-login__protocal .nut-checkbox__label {
  margin-left: 5px;
  font-size: 12px;
}

.nb-login__btn {
  border-radius: 4px;
  margin: 0 0 15px;
  overflow: hidden;
}

.nb-login__btn .nut-button {
  height: 45px;
  font-size: 16px;
}

.nb-login__btn .nut-button--disabled {
  background: #d8d8d8;
}

.nb-login__btn .nut-button--disabled .nut-button__warp {
  color: #999;
}

.nb-login__switch-type {
  color: #006fff;
  cursor: pointer;
  margin: 0 auto 10px;
  font-size: 14px;
}

/* [project]/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
    }

    ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
    }
  }
}

:root, :host {
  --color-red-50: #fef2f2;
  --color-red-500: #fb2c36;
  --color-red-600: #e40014;
  --color-red-700: #bf000f;
  --color-amber-50: #fffbeb;
  --color-amber-600: #dd7400;
  --color-amber-700: #b75000;
  --color-amber-800: #953d00;
  --color-slate-50: #f8fafc;
  --color-slate-100: #f1f5f9;
  --color-slate-200: #e2e8f0;
  --color-slate-300: #cad5e2;
  --color-slate-400: #90a1b9;
  --color-slate-500: #62748e;
  --color-slate-600: #45556c;
  --color-slate-700: #314158;
  --color-slate-800: #1d293d;
  --color-slate-900: #0f172b;
  --color-black: #000;
  --color-white: #fff;
  --spacing: .25rem;
  --container-sm: 24rem;
  --text-xs: .75rem;
  --text-xs--line-height: calc(1 / .75);
  --text-sm: .875rem;
  --text-sm--line-height: calc(1.25 / .875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5 / 2.25);
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --radius-md: .375rem;
  --radius-lg: .5rem;
  --radius-xl: .75rem;
  --radius-2xl: 1rem;
  --default-transition-duration: .15s;
  --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

@supports (color: color(display-p3 0 0 0)) {
  :root, :host {
    --color-red-50: color(display-p3 .988669 .951204 .950419);
    --color-red-500: color(display-p3 .903738 .262579 .253307);
    --color-red-600: color(display-p3 .830323 .140383 .133196);
    --color-red-700: color(display-p3 .692737 .116232 .104679);
    --color-amber-50: color(display-p3 .997804 .985047 .926312);
    --color-amber-600: color(display-p3 .827144 .467166 .0336006);
    --color-amber-700: color(display-p3 .67989 .32771 .0520514);
    --color-amber-800: color(display-p3 .547533 .256058 .0728326);
    --color-slate-50: color(display-p3 .974377 .979815 .986207);
    --color-slate-100: color(display-p3 .947345 .959969 .97483);
    --color-slate-200: color(display-p3 .890322 .909405 .939294);
    --color-slate-300: color(display-p3 .800294 .834432 .882803);
    --color-slate-400: color(display-p3 .577446 .629622 .716602);
    --color-slate-500: color(display-p3 .397645 .452653 .547642);
    --color-slate-600: color(display-p3 .283418 .332214 .416355);
    --color-slate-700: color(display-p3 .205992 .253487 .336039);
    --color-slate-800: color(display-p3 .121994 .158688 .232363);
    --color-slate-900: color(display-p3 .0639692 .0891152 .163036);
  }
}

@supports (color: lab(0% 0 0)) {
  :root, :host {
    --color-red-50: lab(96.5005% 4.18508 1.52328);
    --color-red-500: lab(55.4814% 75.0732 48.8528);
    --color-red-600: lab(48.4493% 77.4328 61.5452);
    --color-red-700: lab(40.4273% 67.2623 53.7441);
    --color-amber-50: lab(98.6252% -.635922 8.42309);
    --color-amber-600: lab(60.3514% 40.5624 87.1228);
    --color-amber-700: lab(47.2709% 42.9082 69.2966);
    --color-amber-800: lab(37.8822% 37.1699 52.2718);
    --color-slate-50: lab(98.1434% -.369519 -1.05966);
    --color-slate-100: lab(96.286% -.852436 -2.46847);
    --color-slate-200: lab(91.7353% -.998765 -4.76968);
    --color-slate-300: lab(84.7652% -1.94535 -7.93337);
    --color-slate-400: lab(65.5349% -2.25151 -14.5072);
    --color-slate-500: lab(48.0876% -2.03595 -16.5814);
    --color-slate-600: lab(35.5623% -1.74978 -15.4316);
    --color-slate-700: lab(26.9569% -1.47016 -15.6993);
    --color-slate-800: lab(16.132% -.318035 -14.6672);
    --color-slate-900: lab(7.78673% 1.82345 -15.0537);
  }
}

.pointer-events-none {
  pointer-events: none;
}

.visible {
  visibility: visible;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.relative {
  position: relative;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
}

.inset-0 {
  inset: calc(var(--spacing) * 0);
}

.top-1\/2 {
  top: 50%;
}

.top-\[calc\(46px\+env\(safe-area-inset-top\)-8px\)\] {
  top: calc(46px + env(safe-area-inset-top) - 8px);
}

.left-1\/2 {
  left: 50%;
}

.z-10 {
  z-index: 10;
}

.z-50 {
  z-index: 50;
}

.z-\[9\] {
  z-index: 9;
}

.z-\[1400\] {
  z-index: 1400;
}

.mx-3 {
  margin-inline: calc(var(--spacing) * 3);
}

.mx-4 {
  margin-inline: calc(var(--spacing) * 4);
}

.my-4 {
  margin-block: calc(var(--spacing) * 4);
}

.-mt-2 {
  margin-top: calc(var(--spacing) * -2);
}

.mt-1 {
  margin-top: calc(var(--spacing) * 1);
}

.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}

.mt-3 {
  margin-top: calc(var(--spacing) * 3);
}

.mt-4 {
  margin-top: calc(var(--spacing) * 4);
}

.mt-5 {
  margin-top: calc(var(--spacing) * 5);
}

.mt-6 {
  margin-top: calc(var(--spacing) * 6);
}

.mb-1 {
  margin-bottom: calc(var(--spacing) * 1);
}

.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}

.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}

.mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}

.ml-4 {
  margin-left: calc(var(--spacing) * 4);
}

.ml-auto {
  margin-left: auto;
}

.box-border {
  box-sizing: border-box;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.inline-flex {
  display: inline-flex;
}

.aspect-square {
  aspect-ratio: 1;
}

.h-6 {
  height: calc(var(--spacing) * 6);
}

.h-9 {
  height: calc(var(--spacing) * 9);
}

.h-11 {
  height: calc(var(--spacing) * 11);
}

.h-12 {
  height: calc(var(--spacing) * 12);
}

.h-20 {
  height: calc(var(--spacing) * 20);
}

.h-24 {
  height: calc(var(--spacing) * 24);
}

.h-\[76px\] {
  height: 76px;
}

.h-full {
  height: 100%;
}

.min-h-8 {
  min-height: calc(var(--spacing) * 8);
}

.min-h-full {
  min-height: 100%;
}

.min-h-screen {
  min-height: 100vh;
}

.w-6 {
  width: calc(var(--spacing) * 6);
}

.w-20 {
  width: calc(var(--spacing) * 20);
}

.w-24 {
  width: calc(var(--spacing) * 24);
}

.w-\[76px\] {
  width: 76px;
}

.w-full {
  width: 100%;
}

.max-w-\[80vw\] {
  max-width: 80vw;
}

.max-w-\[210px\] {
  max-width: 210px;
}

.max-w-\[220px\] {
  max-width: 220px;
}

.max-w-sm {
  max-width: var(--container-sm);
}

.min-w-0 {
  min-width: calc(var(--spacing) * 0);
}

.flex-1 {
  flex: 1;
}

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

.-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}

.transform {
  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
}

.cursor-default {
  cursor: default;
}

.cursor-pointer {
  cursor: pointer;
}

.appearance-none {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.items-center {
  align-items: center;
}

.items-end {
  align-items: flex-end;
}

.items-start {
  align-items: flex-start;
}

.justify-between {
  justify-content: space-between;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

.gap-1 {
  gap: calc(var(--spacing) * 1);
}

.gap-2 {
  gap: calc(var(--spacing) * 2);
}

.gap-3 {
  gap: calc(var(--spacing) * 3);
}

:where(.space-y-1 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-top: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
  margin-bottom: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
}

:where(.space-y-2 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-top: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
  margin-bottom: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
}

:where(.space-y-3 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-top: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
  margin-bottom: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
}

:where(.space-y-4 > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-top: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
  margin-bottom: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

:where(.divide-y > :not(:last-child)) {
  --tw-divide-y-reverse: 0;
  border-bottom-style: var(--tw-border-style);
  border-top-style: var(--tw-border-style);
  border-top-width: calc(1px * var(--tw-divide-y-reverse));
  border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}

:where(.divide-slate-100 > :not(:last-child)) {
  border-color: var(--color-slate-100);
}

.truncate {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.overflow-hidden {
  overflow: hidden;
}

.rounded-2xl {
  border-radius: var(--radius-2xl);
}

.rounded-full {
  border-radius: 3.40282e38px;
}

.rounded-lg {
  border-radius: var(--radius-lg);
}

.rounded-md {
  border-radius: var(--radius-md);
}

.rounded-xl {
  border-radius: var(--radius-xl);
}

.rounded-t-2xl {
  border-top-left-radius: var(--radius-2xl);
  border-top-right-radius: var(--radius-2xl);
}

.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}

.border-0 {
  border-style: var(--tw-border-style);
  border-width: 0;
}

.border-x-0 {
  border-inline-style: var(--tw-border-style);
  border-left-width: 0;
  border-right-width: 0;
}

.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}

.border-t-0 {
  border-top-style: var(--tw-border-style);
  border-top-width: 0;
}

.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}

.border-b-2 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
}

.border-\[\#4095e5\] {
  border-color: #4095e5;
}

.border-slate-100 {
  border-color: var(--color-slate-100);
}

.border-slate-200 {
  border-color: var(--color-slate-200);
}

.border-slate-300 {
  border-color: var(--color-slate-300);
}

.border-transparent {
  border-color: #0000;
}

.bg-\[\#1677ff\] {
  background-color: #1677ff;
}

.bg-\[\#4095e5\] {
  background-color: #4095e5;
}

.bg-\[\#f6f7f9\] {
  background-color: #f6f7f9;
}

.bg-amber-50 {
  background-color: var(--color-amber-50);
}

.bg-black\/40 {
  background-color: #0006;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-black\/40 {
    background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
  }
}

.bg-black\/75 {
  background-color: #000000bf;
}

@supports (color: color-mix(in lab, red, red)) {
  .bg-black\/75 {
    background-color: color-mix(in oklab, var(--color-black) 75%, transparent);
  }
}

.bg-red-50 {
  background-color: var(--color-red-50);
}

.bg-slate-50 {
  background-color: var(--color-slate-50);
}

.bg-slate-100 {
  background-color: var(--color-slate-100);
}

.bg-white {
  background-color: var(--color-white);
}

.object-contain {
  object-fit: contain;
}

.object-cover {
  object-fit: cover;
}

.p-3 {
  padding: calc(var(--spacing) * 3);
}

.p-4 {
  padding: calc(var(--spacing) * 4);
}

.p-6 {
  padding: calc(var(--spacing) * 6);
}

.p-8 {
  padding: calc(var(--spacing) * 8);
}

.px-1 {
  padding-inline: calc(var(--spacing) * 1);
}

.px-2 {
  padding-inline: calc(var(--spacing) * 2);
}

.px-3 {
  padding-inline: calc(var(--spacing) * 3);
}

.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}

.px-6 {
  padding-inline: calc(var(--spacing) * 6);
}

.py-1 {
  padding-block: calc(var(--spacing) * 1);
}

.py-2 {
  padding-block: calc(var(--spacing) * 2);
}

.py-3 {
  padding-block: calc(var(--spacing) * 3);
}

.py-5 {
  padding-block: calc(var(--spacing) * 5);
}

.py-6 {
  padding-block: calc(var(--spacing) * 6);
}

.py-8 {
  padding-block: calc(var(--spacing) * 8);
}

.py-12 {
  padding-block: calc(var(--spacing) * 12);
}

.pt-2 {
  padding-top: calc(var(--spacing) * 2);
}

.pb-2 {
  padding-bottom: calc(var(--spacing) * 2);
}

.pb-6 {
  padding-bottom: calc(var(--spacing) * 6);
}

.pb-12 {
  padding-bottom: calc(var(--spacing) * 12);
}

.pb-20 {
  padding-bottom: calc(var(--spacing) * 20);
}

.pb-24 {
  padding-bottom: calc(var(--spacing) * 24);
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

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

.text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}

.text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
}

.text-base {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}

.text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}

.text-xl {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}

.text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}

.text-\[13px\] {
  font-size: 13px;
}

.leading-4 {
  --tw-leading: calc(var(--spacing) * 4);
  line-height: calc(var(--spacing) * 4);
}

.leading-5 {
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
}

.leading-6 {
  --tw-leading: calc(var(--spacing) * 6);
  line-height: calc(var(--spacing) * 6);
}

.leading-7 {
  --tw-leading: calc(var(--spacing) * 7);
  line-height: calc(var(--spacing) * 7);
}

.leading-8 {
  --tw-leading: calc(var(--spacing) * 8);
  line-height: calc(var(--spacing) * 8);
}

.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}

.font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}

.font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}

.text-\[\#4095e5\] {
  color: #4095e5;
}

.text-\[\#ff4444\] {
  color: #f44;
}

.text-amber-600 {
  color: var(--color-amber-600);
}

.text-amber-700 {
  color: var(--color-amber-700);
}

.text-amber-800 {
  color: var(--color-amber-800);
}

.text-red-500 {
  color: var(--color-red-500);
}

.text-red-600 {
  color: var(--color-red-600);
}

.text-red-700 {
  color: var(--color-red-700);
}

.text-slate-400 {
  color: var(--color-slate-400);
}

.text-slate-500 {
  color: var(--color-slate-500);
}

.text-slate-600 {
  color: var(--color-slate-600);
}

.text-slate-700 {
  color: var(--color-slate-700);
}

.text-slate-800 {
  color: var(--color-slate-800);
}

.text-slate-900 {
  color: var(--color-slate-900);
}

.text-white {
  color: var(--color-white);
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.shadow-sm {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.ring-1 {
  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.ring-slate-100 {
  --tw-ring-color: var(--color-slate-100);
}

.outline {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}

.transition {
  transition-property: color, background-color, border-color, outline-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}

.outline-none {
  --tw-outline-style: none;
  outline-style: none;
}

.select-all {
  -webkit-user-select: all;
  -moz-user-select: all;
  user-select: all;
}

.last\:border-0:last-child {
  border-style: var(--tw-border-style);
  border-width: 0;
}

.last\:pb-0:last-child {
  padding-bottom: calc(var(--spacing) * 0);
}

.focus\:border-\[\#4095e5\]:focus {
  border-color: #4095e5;
}

.disabled\:opacity-50:disabled {
  opacity: .5;
}

:root {
  --background: #fff;
  --foreground: #171717;
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
}

button, a, input, textarea {
  -webkit-tap-highlight-color: transparent;
}

.address-region-input.nut-input-readonly .nut-input-native {
  color: var(--nutui-color-title, #1a1a1a);
}

.address-default-item.nut-form-item {
  align-items: center;
}

.address-default-item .nut-form-item-body {
  justify-content: center;
}

.address-default-item .nut-form-item-body-slots {
  justify-content: flex-start;
  align-items: center;
  line-height: 0;
  display: flex;
}

.address-default-switch.nut-switch {
  --nutui-switch-width: 38px;
  --nutui-switch-height: 22px;
  --nutui-switch-line-height: 22px;
}

.nb-card.half-line:nth-child(odd) {
  margin-right: 4% !important;
}

.nb-card.half-line:nth-child(2n) {
  margin-right: 0 !important;
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.nb-cart-bar, .nb-cart-bar.nut-biz-safe-area-bottom {
  background: #fff;
}

.nb-cart-bar .nb-cart-bar__inner {
  background: #fff;
  height: 50px;
  padding-right: 10px;
}

.nb-cart-bar .nb-cart-bar-icon {
  flex: 0 0 56px;
  min-width: 56px;
}

.nb-cart-bar .nb-cart-bar-button {
  flex: 1 1 0;
  margin-right: 0;
}

.nb-cart-bar .nb-cart-bar-button + .nb-cart-bar-button {
  margin-left: 8px;
}

.nb-cart-bar .nb-cart-bar-button > .nut-button {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 36px;
  min-height: 36px;
  line-height: 1;
  display: flex;
}

.nb-cart-bar .nb-cart-bar-button > .nut-button--warning {
  color: var(--nutui-button-warning-color, #fff);
  background: var(--nutui-button-warning-background-color, var(--nutui-color-warning, #ffbf00));
  border: var(--nutui-button-border-width, .5px) solid transparent;
}

.nb-cart-bar .nb-cart-bar-button > .nut-button--danger {
  color: var(--nutui-button-danger-color, #fff);
  background: var(--nutui-button-danger-background-color, var(--nutui-color-danger, #ff0f23));
  border: var(--nutui-button-border-width, .5px) solid transparent;
}

.nb-cart-bar .nb-cart-bar-button > .nut-button--round {
  border-radius: var(--nutui-button-border-radius, 25px);
}

.nb-cart-bar .nb-cart-bar-button > .nut-button--normal {
  padding: var(--nutui-button-normal-padding, 0 12px);
  font-size: var(--nutui-button-default-font-size, var(--nutui-font-size-base, 14px));
  line-height: 1;
}

.nb-cart-bar .nb-cart-bar-button .nut-button__warp {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  line-height: 1;
  display: flex;
}

.nb-cart-bar .nb-cart-bar-button .nut-button__warp > div {
  justify-content: center;
  align-items: center;
  line-height: 1;
  display: flex;
}

.nb-cart-bar .nb-cart-bar-button > .nut-button--disabled {
  cursor: not-allowed;
  opacity: var(--nutui-button-disabled-opacity, .68);
}

.nut-badge .sup, .nut-badge .nut-badge-sup {
  z-index: var(--nutui-badge-z-index, 1);
  transform: var(--nutui-badge-content-transform, translateY(-50%) translateX(100%));
  color: #fff;
  padding: var(--nutui-badge-padding, 0 5px);
  font-size: var(--nutui-badge-font-size, var(--nutui-font-size-1, 12px));
  text-align: center;
  border: var(--nutui-badge-border, 0px solid var(--nutui-brand-text-color, #fff));
  border-radius: var(--nutui-badge-border-radius, 14px);
  background: linear-gradient(135deg, #fa2c19 0%, #fa2c19 100%);
  font-weight: 400;
  line-height: 16px;
  position: absolute;
  top: 0;
  right: 0;
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__02ov.rz._.css.map*/