* {
  margin: 0;
  -webkit-tap-highlight-color: transparent;
}

html,
body {
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
}

body {
  overflow-x: hidden;
  font-size: 16px;
}

uni-app,
uni-page,
uni-page-wrapper,
uni-page-body {
  display: block;
  box-sizing: border-box;
  width: 100%;
}

uni-page-wrapper {
  position: relative;
}

#app,
uni-app,
uni-page,
uni-page-wrapper {
  height: 100%;
}

/* toast,modal,actionSheet,picker,layout */
.uni-mask {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

/* toast,modal,actionSheet,picker */
.uni-fade-enter-active,
.uni-fade-leave-active {
  transition-duration: 0.25s;
  transition-property: opacity;
  transition-timing-function: ease;
}

.uni-fade-enter-from,
.uni-fade-leave-active {
  opacity: 0;
}

.uni-loading,
uni-button[loading]:before {
  background-color: transparent;
  background-image: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=');
  background-repeat: no-repeat;
}

.uni-loading {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  animation: uni-loading 1s steps(12, end) infinite;
  background-size: 100%;
}

@keyframes uni-loading {
  0% {
    transform: rotate3d(0, 0, 1, 0deg);
  }

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

html {
  /* --UI-BG-0: #ededed; */
  --primary-color: #007aff;
  --UI-BG: #fff;
  --UI-BG-1: #f7f7f7;
  --UI-BG-2: #fff;
  --UI-BG-3: #f7f7f7;
  --UI-BG-4: #4c4c4c;
  --UI-BG-5: #fff;
  --UI-FG: #000;
  --UI-FG-0: rgba(0, 0, 0, 0.9);
  --UI-FG-HALF: rgba(0, 0, 0, 0.9);
  --UI-FG-1: rgba(0, 0, 0, 0.5);
  --UI-FG-2: rgba(0, 0, 0, 0.3);
  --UI-FG-3: rgba(0, 0, 0, 0.1);
}

uni-page[data-type] uni-page-body {
  background-color: transparent;
}
body::after {
  position: fixed;
  content: '';
  left: -1000px;
  top: -1000px;
  animation: shadow-preload 0.1s;
  animation-delay: 3s;
}

@keyframes shadow-preload {
  0% {
    background-image: url(https://cdn.dcloud.net.cn/img/shadow-grey.png);
  }
  100% {
    background-image: url(https://cdn.dcloud.net.cn/img/shadow-grey.png);
  }
}
.uni-async-error {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #999;
  padding: 100px 10px;
  text-align: center;
}
.uni-async-loading {
  box-sizing: border-box;
  width: 100%;
  padding: 50px;
  text-align: center;
}

.uni-async-loading .uni-loading {
  width: 30px;
  height: 30px;
}
uni-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  display: block;
  box-sizing: border-box;
}

.uni-modal {
  position: fixed;
  z-index: 999;
  width: 80%;
  max-width: 300px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  text-align: center;
  border-radius: 3px;
  overflow: hidden;
}

.uni-modal * {
  box-sizing: border-box;
}

.uni-modal__hd {
  padding: 1em 1.6em 0.3em;
}

.uni-modal__title {
  font-weight: 400;
  font-size: 18px;
  word-wrap: break-word;
  word-break: break-all;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.uni-modal__bd {
  padding: 1.3em 1.6em 1.3em;
  min-height: 40px;
  font-size: 15px;
  line-height: 1.4;
  word-wrap: break-word;
  word-break: break-all;
  white-space: pre-wrap;
  color: #999999;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}

.uni-modal__textarea {
  resize: none;
  border: 0;
  margin: 0;
  width: 90%;
  padding: 10px;
  font-size: 20px;
  outline: none;
  border: none;
  background-color: #eee;
  text-decoration: inherit;
  /* 解决单行中文内容会出现滚动条的问题 */
  line-height: 1.2;
}

.uni-modal__ft {
  position: relative;
  line-height: 48px;
  font-size: 18px;
  display: flex;
}

.uni-modal__ft:after {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #d5d5d6;
  color: #d5d5d6;
  transform-origin: 0 0;
  transform: scaleY(0.5);
}

.uni-modal__btn {
  display: block;
  flex: 1;
  color: #3cc51f;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative;
  cursor: pointer;
}

.uni-modal__btn:active {
  background-color: #eeeeee;
}

.uni-modal__btn:after {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  bottom: 0;
  border-left: 1px solid #d5d5d6;
  color: #d5d5d6;
  transform-origin: 0 0;
  transform: scaleX(0.5);
}

.uni-modal__btn:first-child:after {
  display: none;
}

.uni-modal__btn_default {
  color: #353535;
}

.uni-modal__btn_primary {
  color: #007aff;
}
uni-toast {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  display: block;
  box-sizing: border-box;
  pointer-events: none;
  font-size: 16px;
}

.uni-sample-toast {
  position: fixed;
  z-index: 999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  max-width: 80%;
}

.uni-simple-toast__text {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  background-color: rgba(17, 17, 17, 0.7);
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 13px;
  text-align: center;
  max-width: 100%;
  word-break: break-word;
  white-space: normal;
}

uni-toast .uni-mask {
  pointer-events: auto;
}

.uni-toast {
  position: fixed;
  z-index: 999;
  width: 8em;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(17, 17, 17, 0.7);
  text-align: center;
  border-radius: 5px;
  color: #ffffff;
}

.uni-toast * {
  box-sizing: border-box;
}

.uni-toast__icon {
  margin: 20px 0 0;
  width: 38px!important;
  height: 38px!important;
  vertical-align: baseline!important;
}

.uni-icon_toast {
  margin: 15px 0 0;
}

.uni-icon_toast.uni-icon-success-no-circle:before {
  color: #ffffff;
  font-size: 55px;
}

.uni-icon_toast.uni-loading {
  margin: 20px 0 0;
  width: 38px;
  height: 38px;
  vertical-align: baseline;
}

.uni-toast__content {
  margin: 0 auto 15px;
	width: 86%;
	overflow: hidden;
	white-space: nowrap;
}uni-actionsheet {
  display: block;
  box-sizing: border-box;
}

.uni-actionsheet {
  position: fixed;
  left: 6px;
  right: 6px;
  bottom: 6px;
  transform: translate(0, 100%);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 999;
  visibility: hidden;
  transition: transform 0.3s, visibility 0.3s;
}

.uni-actionsheet.uni-actionsheet_toggle {
  visibility: visible;
  transform: translate(0, 0);
}

.uni-actionsheet * {
  box-sizing: border-box;
}

.uni-actionsheet__menu,
.uni-actionsheet__action {
  border-radius: 5px;
  background-color: #fcfcfd;
}

.uni-actionsheet__action {
  margin-top: 6px;
}

.uni-actionsheet__cell,
.uni-actionsheet__title {
  position: relative;
  padding: 10px 6px;
  text-align: center;
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}

.uni-actionsheet__title {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  color: var(--UI-FG);
  background-color: #fff;
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid #e5e5e5;
}

.uni-actionsheet__cell:before {
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #e5e5e5;
  color: #e5e5e5;
  transform-origin: 0 0;
  transform: scaleY(0.5);
}

.uni-actionsheet__cell:active {
  background-color: #ececec;
}

.uni-actionsheet__cell:first-child:before {
  display: none;
}

@media screen and (min-width: 500px) and (min-height: 500px) {
  .uni-mask.uni-actionsheet__mask {
    background: none;
  }

  .uni-actionsheet {
    width: 300px;
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
  }

  .uni-actionsheet.uni-actionsheet_toggle {
    opacity: 1;
    transform: translate(-50%, -50%);
  }

  .uni-actionsheet__menu {
    box-shadow: 0px 0 20px 5px rgba(0, 0, 0, 0.3);
  }

  .uni-actionsheet__action {
    display: none;
  }
}
@keyframes once-show {
  from {
    top: 0;
  }
}
uni-resize-sensor,
uni-resize-sensor > div {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
uni-resize-sensor {
  display: block;
  z-index: -1;
  visibility: hidden;
  animation: once-show 1ms;
}
uni-resize-sensor > div > div {
  position: absolute;
  left: 0;
  top: 0;
}
uni-resize-sensor > div:first-child > div {
  width: 100000px;
  height: 100000px;
}
uni-resize-sensor > div:last-child > div {
  width: 200%;
  height: 200%;
}
uni-swiper {
  display: block;
  height: 150px;
}

uni-swiper[hidden] {
  display: none;
}

.uni-swiper-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  transform: translateZ(0);
}

.uni-swiper-slides {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.uni-swiper-slide-frame {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  will-change: transform;
}

.uni-swiper-dots {
  position: absolute;
  font-size: 0;
}

.uni-swiper-dots-horizontal {
  left: 50%;
  bottom: 10px;
  text-align: center;
  white-space: nowrap;
  transform: translate(-50%, 0);
}

.uni-swiper-dots-horizontal .uni-swiper-dot {
  margin-right: 8px;
}

.uni-swiper-dots-horizontal .uni-swiper-dot:last-child {
  margin-right: 0;
}

.uni-swiper-dots-vertical {
  right: 10px;
  top: 50%;
  text-align: right;
  transform: translate(0, -50%);
}

.uni-swiper-dots-vertical .uni-swiper-dot {
  display: block;
  margin-bottom: 9px;
}

.uni-swiper-dots-vertical .uni-swiper-dot:last-child {
  margin-bottom: 0;
}

.uni-swiper-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  cursor: pointer;
  transition-property: background-color;
  transition-timing-function: ease;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}

.uni-swiper-dot-active {
  background-color: #000000;
}

.uni-swiper-navigation {
  width: 26px;
  height: 26px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  display: flex;
  align-items: center;
  transition: all 0.2s;
  border-radius: 50%;
  opacity: 1;
}

.uni-swiper-navigation-disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.uni-swiper-navigation-hide {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.uni-swiper-navigation-prev {
  left: 10px;
}

.uni-swiper-navigation-prev svg {
  margin-left: -1px;
  left: 10px;
}

.uni-swiper-navigation-prev.uni-swiper-navigation-vertical {
  top: 18px;
  left: 50%;
  margin-left: -13px;
}

.uni-swiper-navigation-prev.uni-swiper-navigation-vertical svg {
  transform: rotate(90deg);
  margin-left: auto;
  margin-top: -2px;
}

.uni-swiper-navigation-next {
  right: 10px;
}

.uni-swiper-navigation-next svg {
  transform: rotate(180deg);
}

.uni-swiper-navigation-next.uni-swiper-navigation-vertical {
  top: auto;
  bottom: 5px;
  left: 50%;
  margin-left: -13px;
}

.uni-swiper-navigation-next.uni-swiper-navigation-vertical svg {
  margin-top: 2px;
  transform: rotate(270deg);
}
uni-swiper-item {
  display: block;
  overflow: hidden;
  will-change: transform;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: grab;
}

uni-swiper-item[hidden] {
  display: none;
}
uni-movable-area {
  display: block;
  position: relative;
  width: 10px;
  height: 10px;
}

uni-movable-area[hidden] {
  display: none;
}
uni-movable-view {
  display: inline-block;
  width: 10px;
  height: 10px;
  top: 0px;
  left: 0px;
  position: absolute;
  cursor: grab;
}

uni-movable-view[hidden] {
  display: none;
}
.uni-system-open-location {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #f8f8f8;
  z-index: 999;
}

.uni-system-open-location .map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 80px;
  height: auto;
}

.uni-system-open-location .info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background-color: white;
  padding: 15px;
  box-sizing: border-box;
  line-height: 1.5;
}

.uni-system-open-location .info>.name {
  font-size: 17px;
  color: #111111;
  /* vue3 一行展示避免被导航图标挡住 */
  padding-right: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.uni-system-open-location .info>.address {
  font-size: 14px;
  color: #666666;
}

.uni-system-open-location .info>.nav {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-top: -25px;
  background-color: #007aff;
}

.uni-system-open-location .info>.nav>svg {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
}

.uni-system-open-location .map-move {
  position: absolute;
  bottom: 50px;
  right: 10px;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  line-height: 40px;
  background-color: white;
  border-radius: 50%;
  pointer-events: auto;
  cursor: pointer;
  box-shadow: 0px 0 5px 1px rgba(0, 0, 0, 0.3);
}

.uni-system-open-location .map-move>svg {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 8px;
}

.uni-system-open-location .nav-btn-back {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  padding: 6px;
  cursor: pointer;
}

.uni-system-open-location .nav-btn-back>svg {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 3px;
  box-sizing: border-box;
}

.uni-system-open-location .map-content {
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  bottom: 0;
  overflow: hidden;
}

.uni-system-open-location .map-content.fix-position {
  top: -74px;
  bottom: -44px;
}

.uni-system-open-location .map-content>iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.uni-system-open-location .actTonav {
  position: absolute;
  right: 16px;
  bottom: 56px;
  width: 60px;
  height: 60px;
  border-radius: 60px;
}.uni-system-choose-location {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #f8f8f8;
  z-index: 999;
}

.uni-system-choose-location .map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 300px;
}

.uni-system-choose-location .map-location {
  position: absolute;
  left: 50%;
  bottom: 50%;
  width: 32px;
  height: 52px;
  margin-left: -16px;
  cursor: pointer;
  background-size: 100%;
}

.uni-system-choose-location .map-move {
  position: absolute;
  bottom: 50px;
  right: 10px;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  line-height: 40px;
  background-color: white;
  border-radius: 50%;
  pointer-events: auto;
  cursor: pointer;
  box-shadow: 0px 0 5px 1px rgba(0, 0, 0, 0.3);
}

.uni-system-choose-location .map-move>svg {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 8px;
}

.uni-system-choose-location .nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 44px;
  background-color: transparent;
  background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
}

.uni-system-choose-location .nav-btn {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 60px;
  height: 44px;
  padding: 6px;
  line-height: 32px;
  font-size: 26px;
  color: white;
  text-align: center;
  cursor: pointer;
}

.uni-system-choose-location .nav-btn.confirm {
  left: auto;
  right: 0;
}

.uni-system-choose-location .nav-btn.disable {
  opacity: 0.4;
}

.uni-system-choose-location .nav-btn>svg {
  display: block;
  width: 100%;
  height: 100%;
  /* line-height: inherit; */
  border-radius: 2px;
  box-sizing: border-box;
  padding: 3px;
}

.uni-system-choose-location .nav-btn.confirm>svg {
  background-color: #007aff;
  padding: 5px;
}

.uni-system-choose-location .menu {
  position: absolute;
  top: 300px;
  left: 0;
  width: 100%;
  bottom: 0;
  background-color: white;
}

.uni-system-choose-location .search {
  display: flex;
  flex-direction: row;
  height: 50px;
  padding: 8px;
  line-height: 34px;
  box-sizing: border-box;
  background-color: white;
}

.uni-system-choose-location .search-input {
  flex: 1;
  height: 100%;
  border-radius: 5px;
  padding: 0 5px;
  background: #ebebeb;
}

.uni-system-choose-location .search-btn {
  margin-left: 5px;
  color: #007aff;
  font-size: 17px;
  text-align: center;
}

.uni-system-choose-location .list {
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  bottom: 0;
  padding-bottom: 10px;
  /* background-color: #f6f6f6; */
}

.uni-system-choose-location .list-loading {
  display: flex;
  height: 50px;
  justify-content: center;
  align-items: center;
}

.uni-system-choose-location .list-item {
  position: relative;
  padding: 10px;
  padding-right: 40px;
  cursor: pointer;
}

.uni-system-choose-location .list-item>svg {
  display: none;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  box-sizing: border-box;
  padding: 5px;
}

.uni-system-choose-location .list-item.selected>svg {
  display: block;
}

.uni-system-choose-location .list-item:not(:last-child)::after {
  position: absolute;
  content: "";
  height: 1px;
  left: 10px;
  bottom: 0;
  width: 100%;
  background-color: #d3d3d3;
}

.uni-system-choose-location .list-item-title {
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.uni-system-choose-location .list-item-detail {
  font-size: 12px;
  color: #808080;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media screen and (min-width: 800px) {
  .uni-system-choose-location .map {
    top: 0;
    height: 100%;
  }
  .uni-system-choose-location .map-move {
    bottom: 10px;
    right: 320px;
  }
  .uni-system-choose-location .menu {
    top: 54px;
    left: auto;
    right: 10px;
    width: 300px;
    bottom: 10px;
    max-height: 600px;
    box-shadow: 0px 0 20px 5px rgba(0, 0, 0, 0.3);
  }
}uni-input {
  display: block;
  font-size: 16px;
  line-height: 1.4em;
  height: 1.4em;
  min-height: 1.4em;
  overflow: hidden;
}

uni-input[hidden] {
  display: none;
}

.uni-input-wrapper,
.uni-input-placeholder,
.uni-input-form,
.uni-input-input {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  text-decoration: inherit;
}

.uni-input-wrapper,
.uni-input-form {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
}

.uni-input-placeholder,
.uni-input-input {
  width: 100%;
}

.uni-input-placeholder {
  position: absolute;
  top: auto !important;
  left: 0;
  color: gray;
  overflow: hidden;
  text-overflow: clip;
  white-space: pre;
  word-break: keep-all;
  pointer-events: none;
  line-height: inherit;
}

.uni-input-input {
  position: relative;
  display: block;
  height: 100%;
  background: none;
  color: inherit;
  opacity: 1;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: inherit;
  text-indent: inherit;
  text-transform: inherit;
  text-shadow: inherit;
}

.uni-input-input[type='search']::-webkit-search-cancel-button,
.uni-input-input[type="search"]::-webkit-search-decoration {
  display: none;
}

.uni-input-input::-webkit-outer-spin-button,
.uni-input-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}

.uni-input-input[type='number'] {
  -moz-appearance: textfield;
}

.uni-input-input:disabled {
  /* 用于重置iOS14以下禁用状态文字颜色 */
  -webkit-text-fill-color: currentcolor;
}
uni-map {
  position: relative;
  width: 300px;
  height: 150px;
  display: block;
}

uni-map[hidden] {
  display: none;
}
/* 处理高德地图 marker label 默认样式 */
.amap-marker-label {
  padding: 0;
  border: none;
  background-color: transparent;
}
/* 处理高德地图 open-location icon 被遮挡问题 */
.amap-marker > .amap-icon > img {
  left: 0 !important;
  top: 0 !important;
}

.uni-map-control {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  z-index: 999;
}
.uni-map-control-icon {
  position: absolute;
  max-width: initial;
}
uni-scroll-view {
  display: block;
  width: 100%;
}

uni-scroll-view[hidden] {
  display: none;
}

.uni-scroll-view {
  position: relative;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  /* display: flex; 时在安卓下会导致scrollWidth和offsetWidth一样 */
  height: 100%;
  max-height: inherit;
}

.uni-scroll-view-scrollbar-hidden::-webkit-scrollbar {
  display: none;
}

.uni-scroll-view-scrollbar-hidden {
  -moz-scrollbars: none;
  scrollbar-width: none;
}

.uni-scroll-view-content {
  width: 100%;
  height: 100%;
}
.absolute{position:absolute}
.bg-__EDF0F5_{background:#EDF0F5}
.bg-__FF0000_{background:#FF0000}
.bg-__ffffff_{background:#ffffff}
.border{border-width:var(--un-line-width-default,1px)}
.border-bottom{border-bottom-width:var(--un-line-width-default,1px)}
.border-top{border-top-width:var(--un-line-width-default,1px)}
.bottom-_16rpx_{bottom:0.5rem}
.bottom-0{bottom:0}
.box-border{box-sizing:border-box}
.c-__202020_{color:#202020}
.c-__666666_{color:#666666}
.c-__999999_{color:#999999}
.c-__ffffff_{color:#ffffff}
.fixed{position:fixed}
.flex{display:flex}
.flex-1{flex:1}
.flex-col{flex-direction:column}
.flex-shrink-0{flex-grow:0}
.font-bold{font-weight:700}
.font-size-_24rpx_{font-size:0.75rem}
.font-size-_26rpx_{font-size:0.8125rem}
.font-size-_28rpx_{font-size:0.875rem}
.font-size-_32rpx_{font-size:1rem}
.font-size-_60rpx_{font-size:1.875rem}
.h-_104rpx_{height:3.25rem}
.h-_10rpx_{height:0.3125rem}
.h-_128rpx_{height:4rem}
.h-_130rpx_{height:4.0625rem}
.h-_148rpx_{height:4.625rem}
.h-_206rpx_{height:6.4375rem}
.h-_20rpx_{height:0.625rem}
.h-_24rpx_{height:0.75rem}
.h-_28rpx_{height:0.875rem}
.h-_290rpx_{height:9.0625rem}
.h-_30rpx_{height:0.9375rem}
.h-_32rpx_{height:1rem}
.h-_34rpx_{height:1.0625rem}
.h-_36rpx_{height:1.125rem}
.h-_378rpx_{height:11.8125rem}
.h-_40rpx_{height:1.25rem}
.h-_438rpx_{height:13.6875rem}
.h-_44rpx_{height:1.375rem}
.h-_64rpx_{height:2rem}
.h-_80rpx_{height:2.5rem}
.h-_8rpx_{height:0.25rem}
.inline-block{display:inline-block}
.items-center{align-items:center}
.items-end{align-items:end}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.justify-end{justify-content:end}
.justify-flex-end{justify-content:flex-end}
.left-0{left:0}
.lh-_80rpx_{line-height:2.5rem}
.line-clamp-1{display:-webkit-box;line-clamp:1;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.line-clamp-2{display:-webkit-box;line-clamp:2;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.max-h-_800rpx_{max-height:25rem}
.mb-_10rpx_{margin-bottom:0.3125rem}
.mb-_12rpx_{margin-bottom:0.375rem}
.mb-_16rpx_{margin-bottom:0.5rem}
.mb-_20rpx_{margin-bottom:0.625rem}
.mb-_24rpx_{margin-bottom:0.75rem}
.mb-_26rpx_{margin-bottom:0.8125rem}
.mb-_32rpx_{margin-bottom:1rem}
.mb-_8rpx_{margin-bottom:0.25rem}
.min-w-0{min-width:0}
.ml-_10rpx_{margin-left:0.3125rem}
.ml-_12rpx_{margin-left:0.375rem}
.ml-_16rpx_{margin-left:0.5rem}
.ml-_20rpx_{margin-left:0.625rem}
.ml-_24rpx_{margin-left:0.75rem}
.ml-_6rpx_{margin-left:0.1875rem}
.ml-_70rpx_{margin-left:2.1875rem}
.ml-_8rpx_{margin-left:0.25rem}
.mr-_10rpx_{margin-right:0.3125rem}
.mr-_12rpx_{margin-right:0.375rem}
.mr-_16rpx_{margin-right:0.5rem}
.mr-_24rpx_{margin-right:0.75rem}
.mr-_4rpx_{margin-right:0.125rem}
.mr-_6rpx_{margin-right:0.1875rem}
.mr-_70rpx_{margin-right:2.1875rem}
.mt-_10rpx_{margin-top:0.3125rem}
.mt-_12rpx_{margin-top:0.375rem}
.mt-_16rpx_{margin-top:0.5rem}
.mt-_18rpx_{margin-top:0.5625rem}
.mt-_20rpx_{margin-top:0.625rem}
.mt-_24rpx_{margin-top:0.75rem}
.mt-_28rpx_{margin-top:0.875rem}
.mt-_2rpx_{margin-top:0.0625rem}
.mt-_30rpx_{margin-top:0.9375rem}
.mt-_32rpx_{margin-top:1rem}
.mt-_36rpx_{margin-top:1.125rem}
.mt-_40_f_{margin-top:40%}
.mt-_40rpx_{margin-top:1.25rem}
.mt-_4rpx_{margin-top:0.125rem}
.mt-_6rpx_{margin-top:0.1875rem}
.mt-_80rpx_{margin-top:2.5rem}
.mt-_8rpx_{margin-top:0.25rem}
.none{display:none}
.object-cover{object-fit:cover}
.overflow-hidden{overflow:hidden}
.p-_20rpx_{padding:0.625rem}
.p-_24rpx_{padding:0.75rem}
.p-_28rpx_{padding:0.875rem}
.p-_32rpx_{padding:1rem}
.p-_40rpx_{padding:1.25rem}
.pb-_128rpx_{padding-bottom:4rem}
.pb-_12rpx_{padding-bottom:0.375rem}
.pb-_16rpx_{padding-bottom:0.5rem}
.pb-_18rpx_{padding-bottom:0.5625rem}
.pb-_24rpx_{padding-bottom:0.75rem}
.pb-_32rpx_{padding-bottom:1rem}
.pb-_40rpx_{padding-bottom:1.25rem}
.pb-_60rpx_{padding-bottom:1.875rem}
.pb-_8rpx_{padding-bottom:0.25rem}
.pl-_12rpx_{padding-left:0.375rem}
.pl-_24rpx_{padding-left:0.75rem}
.pl-_42rpx_{padding-left:1.3125rem}
.pl-_48rpx_{padding-left:1.5rem}
.pr-_12rpx_{padding-right:0.375rem}
.pr-_180rpx_{padding-right:5.625rem}
.pr-_24rpx_{padding-right:0.75rem}
.pr-_42rpx_{padding-right:1.3125rem}
.pr-_48rpx_{padding-right:1.5rem}
.pt-_10rpx_{padding-top:0.3125rem}
.pt-_120rpx_{padding-top:3.75rem}
.pt-_12rpx_{padding-top:0.375rem}
.pt-_145rpx_{padding-top:4.53125rem}
.pt-_160rpx_{padding-top:5rem}
.pt-_16rpx_{padding-top:0.5rem}
.pt-_20rpx_{padding-top:0.625rem}
.pt-_24rpx_{padding-top:0.75rem}
.pt-_56rpx_{padding-top:1.75rem}
.pt-_8rpx_{padding-top:0.25rem}
.pt-40{padding-top:1.25rem}
.px-_14rpx_{padding-left:0.4375rem;padding-right:0.4375rem}
.px-_23rpx_{padding-left:0.71875rem;padding-right:0.71875rem}
.px-_5rpx_{padding-left:0.15625rem;padding-right:0.15625rem}
.py-_40rpx_{padding-top:1.25rem;padding-bottom:1.25rem}
.py-_4rpx_{padding-top:0.125rem;padding-bottom:0.125rem}
.relative{position:relative}
.right-0{right:0}
.right-24{right:0.75rem}
.ring{box-shadow:var(--un-inset-shadow,0 0 #0000),var(--un-inset-ring-shadow,0 0 #0000),var(--un-ring-offset-shadow,0 0 #0000),var(--un-ring-shadow,0 0 #0000),var(--un-shadow,0 0.03125rem 0.09375rem 0 var(--un-ring-color,rgba(0,0,0,var(--un-ring-opacity,0.1))),0 0.03125rem 0.0625rem -0.03125rem var(--un-ring-color,rgba(0,0,0,var(--un-ring-opacity,0.1))));--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(0.03125rem + var(--un-ring-offset-shadow-width,0) var(--un-ring-color,var(--un-ring-opacity,currentcolor)))}
.rounded-_12rpx_{border-radius:0.375rem}
.rounded-_16rpx_{border-radius:0.5rem}
.rounded-_4rpx_{border-radius:0.125rem}
.shrink-0{flex-shrink:0}
.sticky{position:-webkit-sticky;position:sticky}
.text-__0D77FF_{color:#0D77FF}
.text-__1a1a1a_{color:#1a1a1a}
.text-__202020_{color:#202020}
.text-__333_{color:#333}
.text-__666_{color:#666}
.text-__999_{color:#999}
.text-__999999_{color:#999999}
.text-__bbb_{color:#bbb}
.text-__C9D3E3_{color:#C9D3E3}
.text-__FF0000_{color:#FF0000}
.text-__FF7A2F_{color:#FF7A2F}
.text-center{text-align:center}
.text-right{text-align:right}
.top-0{top:0}
.top-24{top:0.75rem}
.w-_100_f_{width:100%}
.w-_128rpx_{width:4rem}
.w-_160rpx_{width:5rem}
.w-_187rpx_{width:5.84375rem}
.w-_18rpx_{width:0.5625rem}
.w-_200rpx_{width:6.25rem}
.w-_204rpx_{width:6.375rem}
.w-_24rpx_{width:0.75rem}
.w-_254rpx_{width:7.9375rem}
.w-_280rpx_{width:8.75rem}
.w-_282rpx_{width:8.8125rem}
.w-_28rpx_{width:0.875rem}
.w-_2rpx_{width:0.0625rem}
.w-_30rpx_{width:0.9375rem}
.w-_32rpx_{width:1rem}
.w-_34rpx_{width:1.0625rem}
.w-_360rpx_{width:11.25rem}
.w-_36rpx_{width:1.125rem}
.w-_40rpx_{width:1.25rem}
.w-_630rpx_{width:19.6875rem}
.w-_64rpx_{width:2rem}
.w-_8rpx_{width:0.25rem}
.z-99{z-index:99}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
@font-face {
  font-family: "uicon-iconfont";
  src: url("/assets/uicon-iconfont-CbKVRJDf.ttf") format("truetype");
}
.u-line-1,
.up-line-1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.u-line-2,
.up-line-2 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical !important;
}
.u-line-3,
.up-line-3 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical !important;
}
.u-line-4,
.up-line-4 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical !important;
}
.u-line-5,
.up-line-5 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical !important;
}
.u-line-6,
.up-line-6 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical !important;
}
.u-line-7,
.up-line-7 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical !important;
}
.u-line-8,
.up-line-8 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical !important;
}
.u-line-9,
.up-line-9 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical !important;
}
.u-line-10,
.up-line-10 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical !important;
}
.u-border,
.up-border {
  border-width: 0.5px !important;
  border-color: #dadbde !important;
  border-style: solid;
}
.u-border-top,
.up-border-top {
  border-top-width: 0.5px !important;
  border-color: #dadbde !important;
  border-top-style: solid;
}
.u-border-left,
.up-border-left {
  border-left-width: 0.5px !important;
  border-color: #dadbde !important;
  border-left-style: solid;
}
.u-border-right,
.up-border-right {
  border-right-width: 0.5px !important;
  border-color: #dadbde !important;
  border-right-style: solid;
}
.u-border-bottom,
.up-border-bottom {
  border-bottom-width: 0.5px !important;
  border-color: #dadbde !important;
  border-bottom-style: solid;
}
.u-border-top-bottom,
.up-border-top-bottom {
  border-top-width: 0.5px !important;
  border-bottom-width: 0.5px !important;
  border-color: #dadbde !important;
  border-top-style: solid;
  border-bottom-style: solid;
}
.u-reset-button,
.up-reset-button {
  padding: 0;
  background-color: transparent;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.u-reset-button::after,
.up-reset-button::after {
  border: none;
}
.u-hover-class,
.up-hover-class {
  opacity: 0.7;
}
.cursor-pointer {
  cursor: pointer;
}
.u-empty,
.u-empty__wrap,
.u-transition,
.u-tabs,
.u-tabs__wrapper,
.u-tabs__wrapper__scroll-view-wrapper,
.u-tabs__wrapper__scroll-view,
.u-tabs__wrapper__nav,
.u-tabs__wrapper__nav__line,
.up-empty,
.up-empty__wrap,
.up-transition,
.up-tabs,
.up-tabs__wrapper,
.up-tabs__wrapper__scroll-view-wrapper,
.up-tabs__wrapper__scroll-view,
.up-tabs__wrapper__nav,
.up-tabs__wrapper__nav__line {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: auto;
  align-items: stretch;
  align-content: flex-start;
}
.u-flex,
.u-flex-row,
.u-flex-x,
.up-flex,
.up-flex-row,
.up-flex-x {
  display: flex;
  flex-direction: row;
  display: flex !important;
  flex-direction: row !important;
}
.u-flex-y,
.u-flex-column,
.up-flex-y,
.up-flex-column {
  display: flex;
  flex-direction: column;
  display: flex !important;
  flex-direction: column !important;
}
.u-flex-x-center,
.up-flex-x-center {
  display: flex;
  flex-direction: row;
  justify-content: center !important;
}
.u-flex-xy-center,
.up-flex-xy-center {
  display: flex;
  flex-direction: row;
  justify-content: center !important;
  align-items: center !important;
}
.u-flex-y-center,
.up-flex-y-center {
  display: flex;
  flex-direction: row;
  align-items: center !important;
}
.u-flex-x-left,
.up-flex-x-left {
  display: flex;
  flex-direction: row;
}
.u-flex-x-reverse,
.u-flex-row-reverse,
.up-flex-x-reverse,
.up-flex-row-reverse {
  flex-direction: row-reverse !important;
}
.u-flex-y-reverse,
.u-flex-column-reverse,
.up-flex-y-reverse,
.up-flex-column-reverse {
  flex-direction: column-reverse !important;
}
.u-flex.u-flex-reverse,
.u-flex-row.u-flex-reverse,
.u-flex-x.u-flex-reverse,
.up-flex.up-flex-reverse,
.up-flex-row.up-flex-reverse,
.up-flex-x.up-flex-reverse {
  flex-direction: row-reverse !important;
}
.u-flex-column.u-flex-reverse,
.u-flex-y.u-flex-reverse,
.up-flex-column.up-flex-reverse,
.up-flex-y.up-flex-reverse {
  flex-direction: column-reverse !important;
}
.u-flex-fill,
.up-flex-fill {
  flex: 1 1 auto !important;
}
.u-margin-top-auto,
.u-m-t-auto,
.up-margin-top-auto,
.up-m-t-auto {
  margin-top: auto !important;
}
.u-margin-right-auto,
.u-m-r-auto,
.up-margin-right-auto,
.up-m-r-auto {
  margin-right: auto !important;
}
.u-margin-bottom-auto,
.u-m-b-auto,
.up-margin-bottom-auto,
.up-m-b-auto {
  margin-bottom: auto !important;
}
.u-margin-left-auto,
.u-m-l-auto,
.up-margin-left-auto,
.up-m-l-auto {
  margin-left: auto !important;
}
.u-margin-center-auto,
.u-m-c-auto,
.up-margin-center-auto,
.up-m-c-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.u-margin-middle-auto,
.u-m-m-auto,
.up-margin-middle-auto,
.up-m-m-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.u-flex-wrap,
.up-flex-wrap {
  flex-wrap: wrap !important;
}
.u-flex-wrap-reverse,
.up-flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.u-flex-start,
.up-flex-start {
  justify-content: flex-start !important;
}
.u-flex-center,
.up-flex-center {
  justify-content: center !important;
}
.u-flex-end,
.up-flex-end {
  justify-content: flex-end !important;
}
.u-flex-between,
.up-flex-between {
  justify-content: space-between !important;
}
.u-flex-around,
.up-flex-around {
  justify-content: space-around !important;
}
.u-flex-items-start,
.up-flex-items-start {
  align-items: flex-start !important;
}
.u-flex-items-center,
.up-flex-items-center {
  align-items: center !important;
}
.u-flex-items-end,
.up-flex-items-end {
  align-items: flex-end !important;
}
.u-flex-items-baseline,
.up-flex-items-baseline {
  align-items: baseline !important;
}
.u-flex-items-stretch,
.up-flex-items-stretch {
  align-items: stretch !important;
}
.u-flex-self-start,
.up-flex-self-start {
  align-self: flex-start !important;
}
.u-flex-self-center,
.up-flex-self-center {
  align-self: center !important;
}
.u-flex-self-end,
.up-flex-self-end {
  align-self: flex-end !important;
}
.u-flex-self-baseline,
.up-flex-self-baseline {
  align-self: baseline !important;
}
.u-flex-self-stretch,
.up-flex-self-stretch {
  align-self: stretch !important;
}
.u-flex-content-start,
.up-flex-content-start {
  align-content: flex-start !important;
}
.u-flex-content-center,
.up-flex-content-center {
  align-content: center !important;
}
.u-flex-content-end,
.up-flex-content-end {
  align-content: flex-end !important;
}
.u-flex-content-between,
.up-flex-content-between {
  align-content: space-between !important;
}
.u-flex-content-around,
.up-flex-content-around {
  align-content: space-around !important;
}
.u-flex-middle,
.up-flex-middle {
  justify-content: center !important;
  align-items: center !important;
  align-self: center !important;
  align-content: center !important;
}
.u-flex-grow,
.up-flex-grow {
  flex-grow: 1 !important;
}
.u-flex-shrink,
.up-flex-shrink {
  flex-shrink: 1 !important;
}
.u-margin-0, .u-m-0,
.up-margin-0, .up-m-0 {
  margin: 0 !important;
}
.u-padding-0, .u-p-0,
.up-padding-0, .up-p-0 {
  padding: 0 !important;
}
.u-m-l-0,
.up-m-l-0 {
  margin-left: 0 !important;
}
.u-p-l-0,
.up-p-l-0 {
  padding-left: 0 !important;
}
.u-margin-left-0,
.up-margin-left-0 {
  margin-left: 0 !important;
}
.u-padding-left-0,
.up-padding-left-0 {
  padding-left: 0 !important;
}
.u-m-t-0,
.up-m-t-0 {
  margin-top: 0 !important;
}
.u-p-t-0,
.up-p-t-0 {
  padding-top: 0 !important;
}
.u-margin-top-0,
.up-margin-top-0 {
  margin-top: 0 !important;
}
.u-padding-top-0,
.up-padding-top-0 {
  padding-top: 0 !important;
}
.u-m-r-0,
.up-m-r-0 {
  margin-right: 0 !important;
}
.u-p-r-0,
.up-p-r-0 {
  padding-right: 0 !important;
}
.u-margin-right-0,
.up-margin-right-0 {
  margin-right: 0 !important;
}
.u-padding-right-0,
.up-padding-right-0 {
  padding-right: 0 !important;
}
.u-m-b-0,
.up-m-b-0 {
  margin-bottom: 0 !important;
}
.u-p-b-0,
.up-p-b-0 {
  padding-bottom: 0 !important;
}
.u-margin-bottom-0,
.up-margin-bottom-0 {
  margin-bottom: 0 !important;
}
.u-padding-bottom-0,
.up-padding-bottom-0 {
  padding-bottom: 0 !important;
}
.u-margin-2, .u-m-2,
.up-margin-2, .up-m-2 {
  margin: 0.0625rem !important;
}
.u-padding-2, .u-p-2,
.up-padding-2, .up-p-2 {
  padding: 0.0625rem !important;
}
.u-m-l-2,
.up-m-l-2 {
  margin-left: 0.0625rem !important;
}
.u-p-l-2,
.up-p-l-2 {
  padding-left: 0.0625rem !important;
}
.u-margin-left-2,
.up-margin-left-2 {
  margin-left: 0.0625rem !important;
}
.u-padding-left-2,
.up-padding-left-2 {
  padding-left: 0.0625rem !important;
}
.u-m-t-2,
.up-m-t-2 {
  margin-top: 0.0625rem !important;
}
.u-p-t-2,
.up-p-t-2 {
  padding-top: 0.0625rem !important;
}
.u-margin-top-2,
.up-margin-top-2 {
  margin-top: 0.0625rem !important;
}
.u-padding-top-2,
.up-padding-top-2 {
  padding-top: 0.0625rem !important;
}
.u-m-r-2,
.up-m-r-2 {
  margin-right: 0.0625rem !important;
}
.u-p-r-2,
.up-p-r-2 {
  padding-right: 0.0625rem !important;
}
.u-margin-right-2,
.up-margin-right-2 {
  margin-right: 0.0625rem !important;
}
.u-padding-right-2,
.up-padding-right-2 {
  padding-right: 0.0625rem !important;
}
.u-m-b-2,
.up-m-b-2 {
  margin-bottom: 0.0625rem !important;
}
.u-p-b-2,
.up-p-b-2 {
  padding-bottom: 0.0625rem !important;
}
.u-margin-bottom-2,
.up-margin-bottom-2 {
  margin-bottom: 0.0625rem !important;
}
.u-padding-bottom-2,
.up-padding-bottom-2 {
  padding-bottom: 0.0625rem !important;
}
.u-margin-4, .u-m-4,
.up-margin-4, .up-m-4 {
  margin: 0.125rem !important;
}
.u-padding-4, .u-p-4,
.up-padding-4, .up-p-4 {
  padding: 0.125rem !important;
}
.u-m-l-4,
.up-m-l-4 {
  margin-left: 0.125rem !important;
}
.u-p-l-4,
.up-p-l-4 {
  padding-left: 0.125rem !important;
}
.u-margin-left-4,
.up-margin-left-4 {
  margin-left: 0.125rem !important;
}
.u-padding-left-4,
.up-padding-left-4 {
  padding-left: 0.125rem !important;
}
.u-m-t-4,
.up-m-t-4 {
  margin-top: 0.125rem !important;
}
.u-p-t-4,
.up-p-t-4 {
  padding-top: 0.125rem !important;
}
.u-margin-top-4,
.up-margin-top-4 {
  margin-top: 0.125rem !important;
}
.u-padding-top-4,
.up-padding-top-4 {
  padding-top: 0.125rem !important;
}
.u-m-r-4,
.up-m-r-4 {
  margin-right: 0.125rem !important;
}
.u-p-r-4,
.up-p-r-4 {
  padding-right: 0.125rem !important;
}
.u-margin-right-4,
.up-margin-right-4 {
  margin-right: 0.125rem !important;
}
.u-padding-right-4,
.up-padding-right-4 {
  padding-right: 0.125rem !important;
}
.u-m-b-4,
.up-m-b-4 {
  margin-bottom: 0.125rem !important;
}
.u-p-b-4,
.up-p-b-4 {
  padding-bottom: 0.125rem !important;
}
.u-margin-bottom-4,
.up-margin-bottom-4 {
  margin-bottom: 0.125rem !important;
}
.u-padding-bottom-4,
.up-padding-bottom-4 {
  padding-bottom: 0.125rem !important;
}
.u-margin-5, .u-m-5,
.up-margin-5, .up-m-5 {
  margin: 0.15625rem !important;
}
.u-padding-5, .u-p-5,
.up-padding-5, .up-p-5 {
  padding: 0.15625rem !important;
}
.u-m-l-5,
.up-m-l-5 {
  margin-left: 0.15625rem !important;
}
.u-p-l-5,
.up-p-l-5 {
  padding-left: 0.15625rem !important;
}
.u-margin-left-5,
.up-margin-left-5 {
  margin-left: 0.15625rem !important;
}
.u-padding-left-5,
.up-padding-left-5 {
  padding-left: 0.15625rem !important;
}
.u-m-t-5,
.up-m-t-5 {
  margin-top: 0.15625rem !important;
}
.u-p-t-5,
.up-p-t-5 {
  padding-top: 0.15625rem !important;
}
.u-margin-top-5,
.up-margin-top-5 {
  margin-top: 0.15625rem !important;
}
.u-padding-top-5,
.up-padding-top-5 {
  padding-top: 0.15625rem !important;
}
.u-m-r-5,
.up-m-r-5 {
  margin-right: 0.15625rem !important;
}
.u-p-r-5,
.up-p-r-5 {
  padding-right: 0.15625rem !important;
}
.u-margin-right-5,
.up-margin-right-5 {
  margin-right: 0.15625rem !important;
}
.u-padding-right-5,
.up-padding-right-5 {
  padding-right: 0.15625rem !important;
}
.u-m-b-5,
.up-m-b-5 {
  margin-bottom: 0.15625rem !important;
}
.u-p-b-5,
.up-p-b-5 {
  padding-bottom: 0.15625rem !important;
}
.u-margin-bottom-5,
.up-margin-bottom-5 {
  margin-bottom: 0.15625rem !important;
}
.u-padding-bottom-5,
.up-padding-bottom-5 {
  padding-bottom: 0.15625rem !important;
}
.u-margin-6, .u-m-6,
.up-margin-6, .up-m-6 {
  margin: 0.1875rem !important;
}
.u-padding-6, .u-p-6,
.up-padding-6, .up-p-6 {
  padding: 0.1875rem !important;
}
.u-m-l-6,
.up-m-l-6 {
  margin-left: 0.1875rem !important;
}
.u-p-l-6,
.up-p-l-6 {
  padding-left: 0.1875rem !important;
}
.u-margin-left-6,
.up-margin-left-6 {
  margin-left: 0.1875rem !important;
}
.u-padding-left-6,
.up-padding-left-6 {
  padding-left: 0.1875rem !important;
}
.u-m-t-6,
.up-m-t-6 {
  margin-top: 0.1875rem !important;
}
.u-p-t-6,
.up-p-t-6 {
  padding-top: 0.1875rem !important;
}
.u-margin-top-6,
.up-margin-top-6 {
  margin-top: 0.1875rem !important;
}
.u-padding-top-6,
.up-padding-top-6 {
  padding-top: 0.1875rem !important;
}
.u-m-r-6,
.up-m-r-6 {
  margin-right: 0.1875rem !important;
}
.u-p-r-6,
.up-p-r-6 {
  padding-right: 0.1875rem !important;
}
.u-margin-right-6,
.up-margin-right-6 {
  margin-right: 0.1875rem !important;
}
.u-padding-right-6,
.up-padding-right-6 {
  padding-right: 0.1875rem !important;
}
.u-m-b-6,
.up-m-b-6 {
  margin-bottom: 0.1875rem !important;
}
.u-p-b-6,
.up-p-b-6 {
  padding-bottom: 0.1875rem !important;
}
.u-margin-bottom-6,
.up-margin-bottom-6 {
  margin-bottom: 0.1875rem !important;
}
.u-padding-bottom-6,
.up-padding-bottom-6 {
  padding-bottom: 0.1875rem !important;
}
.u-margin-8, .u-m-8,
.up-margin-8, .up-m-8 {
  margin: 0.25rem !important;
}
.u-padding-8, .u-p-8,
.up-padding-8, .up-p-8 {
  padding: 0.25rem !important;
}
.u-m-l-8,
.up-m-l-8 {
  margin-left: 0.25rem !important;
}
.u-p-l-8,
.up-p-l-8 {
  padding-left: 0.25rem !important;
}
.u-margin-left-8,
.up-margin-left-8 {
  margin-left: 0.25rem !important;
}
.u-padding-left-8,
.up-padding-left-8 {
  padding-left: 0.25rem !important;
}
.u-m-t-8,
.up-m-t-8 {
  margin-top: 0.25rem !important;
}
.u-p-t-8,
.up-p-t-8 {
  padding-top: 0.25rem !important;
}
.u-margin-top-8,
.up-margin-top-8 {
  margin-top: 0.25rem !important;
}
.u-padding-top-8,
.up-padding-top-8 {
  padding-top: 0.25rem !important;
}
.u-m-r-8,
.up-m-r-8 {
  margin-right: 0.25rem !important;
}
.u-p-r-8,
.up-p-r-8 {
  padding-right: 0.25rem !important;
}
.u-margin-right-8,
.up-margin-right-8 {
  margin-right: 0.25rem !important;
}
.u-padding-right-8,
.up-padding-right-8 {
  padding-right: 0.25rem !important;
}
.u-m-b-8,
.up-m-b-8 {
  margin-bottom: 0.25rem !important;
}
.u-p-b-8,
.up-p-b-8 {
  padding-bottom: 0.25rem !important;
}
.u-margin-bottom-8,
.up-margin-bottom-8 {
  margin-bottom: 0.25rem !important;
}
.u-padding-bottom-8,
.up-padding-bottom-8 {
  padding-bottom: 0.25rem !important;
}
.u-margin-10, .u-m-10,
.up-margin-10, .up-m-10 {
  margin: 0.3125rem !important;
}
.u-padding-10, .u-p-10,
.up-padding-10, .up-p-10 {
  padding: 0.3125rem !important;
}
.u-m-l-10,
.up-m-l-10 {
  margin-left: 0.3125rem !important;
}
.u-p-l-10,
.up-p-l-10 {
  padding-left: 0.3125rem !important;
}
.u-margin-left-10,
.up-margin-left-10 {
  margin-left: 0.3125rem !important;
}
.u-padding-left-10,
.up-padding-left-10 {
  padding-left: 0.3125rem !important;
}
.u-m-t-10,
.up-m-t-10 {
  margin-top: 0.3125rem !important;
}
.u-p-t-10,
.up-p-t-10 {
  padding-top: 0.3125rem !important;
}
.u-margin-top-10,
.up-margin-top-10 {
  margin-top: 0.3125rem !important;
}
.u-padding-top-10,
.up-padding-top-10 {
  padding-top: 0.3125rem !important;
}
.u-m-r-10,
.up-m-r-10 {
  margin-right: 0.3125rem !important;
}
.u-p-r-10,
.up-p-r-10 {
  padding-right: 0.3125rem !important;
}
.u-margin-right-10,
.up-margin-right-10 {
  margin-right: 0.3125rem !important;
}
.u-padding-right-10,
.up-padding-right-10 {
  padding-right: 0.3125rem !important;
}
.u-m-b-10,
.up-m-b-10 {
  margin-bottom: 0.3125rem !important;
}
.u-p-b-10,
.up-p-b-10 {
  padding-bottom: 0.3125rem !important;
}
.u-margin-bottom-10,
.up-margin-bottom-10 {
  margin-bottom: 0.3125rem !important;
}
.u-padding-bottom-10,
.up-padding-bottom-10 {
  padding-bottom: 0.3125rem !important;
}
.u-margin-12, .u-m-12,
.up-margin-12, .up-m-12 {
  margin: 0.375rem !important;
}
.u-padding-12, .u-p-12,
.up-padding-12, .up-p-12 {
  padding: 0.375rem !important;
}
.u-m-l-12,
.up-m-l-12 {
  margin-left: 0.375rem !important;
}
.u-p-l-12,
.up-p-l-12 {
  padding-left: 0.375rem !important;
}
.u-margin-left-12,
.up-margin-left-12 {
  margin-left: 0.375rem !important;
}
.u-padding-left-12,
.up-padding-left-12 {
  padding-left: 0.375rem !important;
}
.u-m-t-12,
.up-m-t-12 {
  margin-top: 0.375rem !important;
}
.u-p-t-12,
.up-p-t-12 {
  padding-top: 0.375rem !important;
}
.u-margin-top-12,
.up-margin-top-12 {
  margin-top: 0.375rem !important;
}
.u-padding-top-12,
.up-padding-top-12 {
  padding-top: 0.375rem !important;
}
.u-m-r-12,
.up-m-r-12 {
  margin-right: 0.375rem !important;
}
.u-p-r-12,
.up-p-r-12 {
  padding-right: 0.375rem !important;
}
.u-margin-right-12,
.up-margin-right-12 {
  margin-right: 0.375rem !important;
}
.u-padding-right-12,
.up-padding-right-12 {
  padding-right: 0.375rem !important;
}
.u-m-b-12,
.up-m-b-12 {
  margin-bottom: 0.375rem !important;
}
.u-p-b-12,
.up-p-b-12 {
  padding-bottom: 0.375rem !important;
}
.u-margin-bottom-12,
.up-margin-bottom-12 {
  margin-bottom: 0.375rem !important;
}
.u-padding-bottom-12,
.up-padding-bottom-12 {
  padding-bottom: 0.375rem !important;
}
.u-margin-14, .u-m-14,
.up-margin-14, .up-m-14 {
  margin: 0.4375rem !important;
}
.u-padding-14, .u-p-14,
.up-padding-14, .up-p-14 {
  padding: 0.4375rem !important;
}
.u-m-l-14,
.up-m-l-14 {
  margin-left: 0.4375rem !important;
}
.u-p-l-14,
.up-p-l-14 {
  padding-left: 0.4375rem !important;
}
.u-margin-left-14,
.up-margin-left-14 {
  margin-left: 0.4375rem !important;
}
.u-padding-left-14,
.up-padding-left-14 {
  padding-left: 0.4375rem !important;
}
.u-m-t-14,
.up-m-t-14 {
  margin-top: 0.4375rem !important;
}
.u-p-t-14,
.up-p-t-14 {
  padding-top: 0.4375rem !important;
}
.u-margin-top-14,
.up-margin-top-14 {
  margin-top: 0.4375rem !important;
}
.u-padding-top-14,
.up-padding-top-14 {
  padding-top: 0.4375rem !important;
}
.u-m-r-14,
.up-m-r-14 {
  margin-right: 0.4375rem !important;
}
.u-p-r-14,
.up-p-r-14 {
  padding-right: 0.4375rem !important;
}
.u-margin-right-14,
.up-margin-right-14 {
  margin-right: 0.4375rem !important;
}
.u-padding-right-14,
.up-padding-right-14 {
  padding-right: 0.4375rem !important;
}
.u-m-b-14,
.up-m-b-14 {
  margin-bottom: 0.4375rem !important;
}
.u-p-b-14,
.up-p-b-14 {
  padding-bottom: 0.4375rem !important;
}
.u-margin-bottom-14,
.up-margin-bottom-14 {
  margin-bottom: 0.4375rem !important;
}
.u-padding-bottom-14,
.up-padding-bottom-14 {
  padding-bottom: 0.4375rem !important;
}
.u-margin-15, .u-m-15,
.up-margin-15, .up-m-15 {
  margin: 0.46875rem !important;
}
.u-padding-15, .u-p-15,
.up-padding-15, .up-p-15 {
  padding: 0.46875rem !important;
}
.u-m-l-15,
.up-m-l-15 {
  margin-left: 0.46875rem !important;
}
.u-p-l-15,
.up-p-l-15 {
  padding-left: 0.46875rem !important;
}
.u-margin-left-15,
.up-margin-left-15 {
  margin-left: 0.46875rem !important;
}
.u-padding-left-15,
.up-padding-left-15 {
  padding-left: 0.46875rem !important;
}
.u-m-t-15,
.up-m-t-15 {
  margin-top: 0.46875rem !important;
}
.u-p-t-15,
.up-p-t-15 {
  padding-top: 0.46875rem !important;
}
.u-margin-top-15,
.up-margin-top-15 {
  margin-top: 0.46875rem !important;
}
.u-padding-top-15,
.up-padding-top-15 {
  padding-top: 0.46875rem !important;
}
.u-m-r-15,
.up-m-r-15 {
  margin-right: 0.46875rem !important;
}
.u-p-r-15,
.up-p-r-15 {
  padding-right: 0.46875rem !important;
}
.u-margin-right-15,
.up-margin-right-15 {
  margin-right: 0.46875rem !important;
}
.u-padding-right-15,
.up-padding-right-15 {
  padding-right: 0.46875rem !important;
}
.u-m-b-15,
.up-m-b-15 {
  margin-bottom: 0.46875rem !important;
}
.u-p-b-15,
.up-p-b-15 {
  padding-bottom: 0.46875rem !important;
}
.u-margin-bottom-15,
.up-margin-bottom-15 {
  margin-bottom: 0.46875rem !important;
}
.u-padding-bottom-15,
.up-padding-bottom-15 {
  padding-bottom: 0.46875rem !important;
}
.u-margin-16, .u-m-16,
.up-margin-16, .up-m-16 {
  margin: 0.5rem !important;
}
.u-padding-16, .u-p-16,
.up-padding-16, .up-p-16 {
  padding: 0.5rem !important;
}
.u-m-l-16,
.up-m-l-16 {
  margin-left: 0.5rem !important;
}
.u-p-l-16,
.up-p-l-16 {
  padding-left: 0.5rem !important;
}
.u-margin-left-16,
.up-margin-left-16 {
  margin-left: 0.5rem !important;
}
.u-padding-left-16,
.up-padding-left-16 {
  padding-left: 0.5rem !important;
}
.u-m-t-16,
.up-m-t-16 {
  margin-top: 0.5rem !important;
}
.u-p-t-16,
.up-p-t-16 {
  padding-top: 0.5rem !important;
}
.u-margin-top-16,
.up-margin-top-16 {
  margin-top: 0.5rem !important;
}
.u-padding-top-16,
.up-padding-top-16 {
  padding-top: 0.5rem !important;
}
.u-m-r-16,
.up-m-r-16 {
  margin-right: 0.5rem !important;
}
.u-p-r-16,
.up-p-r-16 {
  padding-right: 0.5rem !important;
}
.u-margin-right-16,
.up-margin-right-16 {
  margin-right: 0.5rem !important;
}
.u-padding-right-16,
.up-padding-right-16 {
  padding-right: 0.5rem !important;
}
.u-m-b-16,
.up-m-b-16 {
  margin-bottom: 0.5rem !important;
}
.u-p-b-16,
.up-p-b-16 {
  padding-bottom: 0.5rem !important;
}
.u-margin-bottom-16,
.up-margin-bottom-16 {
  margin-bottom: 0.5rem !important;
}
.u-padding-bottom-16,
.up-padding-bottom-16 {
  padding-bottom: 0.5rem !important;
}
.u-margin-18, .u-m-18,
.up-margin-18, .up-m-18 {
  margin: 0.5625rem !important;
}
.u-padding-18, .u-p-18,
.up-padding-18, .up-p-18 {
  padding: 0.5625rem !important;
}
.u-m-l-18,
.up-m-l-18 {
  margin-left: 0.5625rem !important;
}
.u-p-l-18,
.up-p-l-18 {
  padding-left: 0.5625rem !important;
}
.u-margin-left-18,
.up-margin-left-18 {
  margin-left: 0.5625rem !important;
}
.u-padding-left-18,
.up-padding-left-18 {
  padding-left: 0.5625rem !important;
}
.u-m-t-18,
.up-m-t-18 {
  margin-top: 0.5625rem !important;
}
.u-p-t-18,
.up-p-t-18 {
  padding-top: 0.5625rem !important;
}
.u-margin-top-18,
.up-margin-top-18 {
  margin-top: 0.5625rem !important;
}
.u-padding-top-18,
.up-padding-top-18 {
  padding-top: 0.5625rem !important;
}
.u-m-r-18,
.up-m-r-18 {
  margin-right: 0.5625rem !important;
}
.u-p-r-18,
.up-p-r-18 {
  padding-right: 0.5625rem !important;
}
.u-margin-right-18,
.up-margin-right-18 {
  margin-right: 0.5625rem !important;
}
.u-padding-right-18,
.up-padding-right-18 {
  padding-right: 0.5625rem !important;
}
.u-m-b-18,
.up-m-b-18 {
  margin-bottom: 0.5625rem !important;
}
.u-p-b-18,
.up-p-b-18 {
  padding-bottom: 0.5625rem !important;
}
.u-margin-bottom-18,
.up-margin-bottom-18 {
  margin-bottom: 0.5625rem !important;
}
.u-padding-bottom-18,
.up-padding-bottom-18 {
  padding-bottom: 0.5625rem !important;
}
.u-margin-20, .u-m-20,
.up-margin-20, .up-m-20 {
  margin: 0.625rem !important;
}
.u-padding-20, .u-p-20,
.up-padding-20, .up-p-20 {
  padding: 0.625rem !important;
}
.u-m-l-20,
.up-m-l-20 {
  margin-left: 0.625rem !important;
}
.u-p-l-20,
.up-p-l-20 {
  padding-left: 0.625rem !important;
}
.u-margin-left-20,
.up-margin-left-20 {
  margin-left: 0.625rem !important;
}
.u-padding-left-20,
.up-padding-left-20 {
  padding-left: 0.625rem !important;
}
.u-m-t-20,
.up-m-t-20 {
  margin-top: 0.625rem !important;
}
.u-p-t-20,
.up-p-t-20 {
  padding-top: 0.625rem !important;
}
.u-margin-top-20,
.up-margin-top-20 {
  margin-top: 0.625rem !important;
}
.u-padding-top-20,
.up-padding-top-20 {
  padding-top: 0.625rem !important;
}
.u-m-r-20,
.up-m-r-20 {
  margin-right: 0.625rem !important;
}
.u-p-r-20,
.up-p-r-20 {
  padding-right: 0.625rem !important;
}
.u-margin-right-20,
.up-margin-right-20 {
  margin-right: 0.625rem !important;
}
.u-padding-right-20,
.up-padding-right-20 {
  padding-right: 0.625rem !important;
}
.u-m-b-20,
.up-m-b-20 {
  margin-bottom: 0.625rem !important;
}
.u-p-b-20,
.up-p-b-20 {
  padding-bottom: 0.625rem !important;
}
.u-margin-bottom-20,
.up-margin-bottom-20 {
  margin-bottom: 0.625rem !important;
}
.u-padding-bottom-20,
.up-padding-bottom-20 {
  padding-bottom: 0.625rem !important;
}
.u-margin-22, .u-m-22,
.up-margin-22, .up-m-22 {
  margin: 0.6875rem !important;
}
.u-padding-22, .u-p-22,
.up-padding-22, .up-p-22 {
  padding: 0.6875rem !important;
}
.u-m-l-22,
.up-m-l-22 {
  margin-left: 0.6875rem !important;
}
.u-p-l-22,
.up-p-l-22 {
  padding-left: 0.6875rem !important;
}
.u-margin-left-22,
.up-margin-left-22 {
  margin-left: 0.6875rem !important;
}
.u-padding-left-22,
.up-padding-left-22 {
  padding-left: 0.6875rem !important;
}
.u-m-t-22,
.up-m-t-22 {
  margin-top: 0.6875rem !important;
}
.u-p-t-22,
.up-p-t-22 {
  padding-top: 0.6875rem !important;
}
.u-margin-top-22,
.up-margin-top-22 {
  margin-top: 0.6875rem !important;
}
.u-padding-top-22,
.up-padding-top-22 {
  padding-top: 0.6875rem !important;
}
.u-m-r-22,
.up-m-r-22 {
  margin-right: 0.6875rem !important;
}
.u-p-r-22,
.up-p-r-22 {
  padding-right: 0.6875rem !important;
}
.u-margin-right-22,
.up-margin-right-22 {
  margin-right: 0.6875rem !important;
}
.u-padding-right-22,
.up-padding-right-22 {
  padding-right: 0.6875rem !important;
}
.u-m-b-22,
.up-m-b-22 {
  margin-bottom: 0.6875rem !important;
}
.u-p-b-22,
.up-p-b-22 {
  padding-bottom: 0.6875rem !important;
}
.u-margin-bottom-22,
.up-margin-bottom-22 {
  margin-bottom: 0.6875rem !important;
}
.u-padding-bottom-22,
.up-padding-bottom-22 {
  padding-bottom: 0.6875rem !important;
}
.u-margin-24, .u-m-24,
.up-margin-24, .up-m-24 {
  margin: 0.75rem !important;
}
.u-padding-24, .u-p-24,
.up-padding-24, .up-p-24 {
  padding: 0.75rem !important;
}
.u-m-l-24,
.up-m-l-24 {
  margin-left: 0.75rem !important;
}
.u-p-l-24,
.up-p-l-24 {
  padding-left: 0.75rem !important;
}
.u-margin-left-24,
.up-margin-left-24 {
  margin-left: 0.75rem !important;
}
.u-padding-left-24,
.up-padding-left-24 {
  padding-left: 0.75rem !important;
}
.u-m-t-24,
.up-m-t-24 {
  margin-top: 0.75rem !important;
}
.u-p-t-24,
.up-p-t-24 {
  padding-top: 0.75rem !important;
}
.u-margin-top-24,
.up-margin-top-24 {
  margin-top: 0.75rem !important;
}
.u-padding-top-24,
.up-padding-top-24 {
  padding-top: 0.75rem !important;
}
.u-m-r-24,
.up-m-r-24 {
  margin-right: 0.75rem !important;
}
.u-p-r-24,
.up-p-r-24 {
  padding-right: 0.75rem !important;
}
.u-margin-right-24,
.up-margin-right-24 {
  margin-right: 0.75rem !important;
}
.u-padding-right-24,
.up-padding-right-24 {
  padding-right: 0.75rem !important;
}
.u-m-b-24,
.up-m-b-24 {
  margin-bottom: 0.75rem !important;
}
.u-p-b-24,
.up-p-b-24 {
  padding-bottom: 0.75rem !important;
}
.u-margin-bottom-24,
.up-margin-bottom-24 {
  margin-bottom: 0.75rem !important;
}
.u-padding-bottom-24,
.up-padding-bottom-24 {
  padding-bottom: 0.75rem !important;
}
.u-margin-25, .u-m-25,
.up-margin-25, .up-m-25 {
  margin: 0.78125rem !important;
}
.u-padding-25, .u-p-25,
.up-padding-25, .up-p-25 {
  padding: 0.78125rem !important;
}
.u-m-l-25,
.up-m-l-25 {
  margin-left: 0.78125rem !important;
}
.u-p-l-25,
.up-p-l-25 {
  padding-left: 0.78125rem !important;
}
.u-margin-left-25,
.up-margin-left-25 {
  margin-left: 0.78125rem !important;
}
.u-padding-left-25,
.up-padding-left-25 {
  padding-left: 0.78125rem !important;
}
.u-m-t-25,
.up-m-t-25 {
  margin-top: 0.78125rem !important;
}
.u-p-t-25,
.up-p-t-25 {
  padding-top: 0.78125rem !important;
}
.u-margin-top-25,
.up-margin-top-25 {
  margin-top: 0.78125rem !important;
}
.u-padding-top-25,
.up-padding-top-25 {
  padding-top: 0.78125rem !important;
}
.u-m-r-25,
.up-m-r-25 {
  margin-right: 0.78125rem !important;
}
.u-p-r-25,
.up-p-r-25 {
  padding-right: 0.78125rem !important;
}
.u-margin-right-25,
.up-margin-right-25 {
  margin-right: 0.78125rem !important;
}
.u-padding-right-25,
.up-padding-right-25 {
  padding-right: 0.78125rem !important;
}
.u-m-b-25,
.up-m-b-25 {
  margin-bottom: 0.78125rem !important;
}
.u-p-b-25,
.up-p-b-25 {
  padding-bottom: 0.78125rem !important;
}
.u-margin-bottom-25,
.up-margin-bottom-25 {
  margin-bottom: 0.78125rem !important;
}
.u-padding-bottom-25,
.up-padding-bottom-25 {
  padding-bottom: 0.78125rem !important;
}
.u-margin-26, .u-m-26,
.up-margin-26, .up-m-26 {
  margin: 0.8125rem !important;
}
.u-padding-26, .u-p-26,
.up-padding-26, .up-p-26 {
  padding: 0.8125rem !important;
}
.u-m-l-26,
.up-m-l-26 {
  margin-left: 0.8125rem !important;
}
.u-p-l-26,
.up-p-l-26 {
  padding-left: 0.8125rem !important;
}
.u-margin-left-26,
.up-margin-left-26 {
  margin-left: 0.8125rem !important;
}
.u-padding-left-26,
.up-padding-left-26 {
  padding-left: 0.8125rem !important;
}
.u-m-t-26,
.up-m-t-26 {
  margin-top: 0.8125rem !important;
}
.u-p-t-26,
.up-p-t-26 {
  padding-top: 0.8125rem !important;
}
.u-margin-top-26,
.up-margin-top-26 {
  margin-top: 0.8125rem !important;
}
.u-padding-top-26,
.up-padding-top-26 {
  padding-top: 0.8125rem !important;
}
.u-m-r-26,
.up-m-r-26 {
  margin-right: 0.8125rem !important;
}
.u-p-r-26,
.up-p-r-26 {
  padding-right: 0.8125rem !important;
}
.u-margin-right-26,
.up-margin-right-26 {
  margin-right: 0.8125rem !important;
}
.u-padding-right-26,
.up-padding-right-26 {
  padding-right: 0.8125rem !important;
}
.u-m-b-26,
.up-m-b-26 {
  margin-bottom: 0.8125rem !important;
}
.u-p-b-26,
.up-p-b-26 {
  padding-bottom: 0.8125rem !important;
}
.u-margin-bottom-26,
.up-margin-bottom-26 {
  margin-bottom: 0.8125rem !important;
}
.u-padding-bottom-26,
.up-padding-bottom-26 {
  padding-bottom: 0.8125rem !important;
}
.u-margin-28, .u-m-28,
.up-margin-28, .up-m-28 {
  margin: 0.875rem !important;
}
.u-padding-28, .u-p-28,
.up-padding-28, .up-p-28 {
  padding: 0.875rem !important;
}
.u-m-l-28,
.up-m-l-28 {
  margin-left: 0.875rem !important;
}
.u-p-l-28,
.up-p-l-28 {
  padding-left: 0.875rem !important;
}
.u-margin-left-28,
.up-margin-left-28 {
  margin-left: 0.875rem !important;
}
.u-padding-left-28,
.up-padding-left-28 {
  padding-left: 0.875rem !important;
}
.u-m-t-28,
.up-m-t-28 {
  margin-top: 0.875rem !important;
}
.u-p-t-28,
.up-p-t-28 {
  padding-top: 0.875rem !important;
}
.u-margin-top-28,
.up-margin-top-28 {
  margin-top: 0.875rem !important;
}
.u-padding-top-28,
.up-padding-top-28 {
  padding-top: 0.875rem !important;
}
.u-m-r-28,
.up-m-r-28 {
  margin-right: 0.875rem !important;
}
.u-p-r-28,
.up-p-r-28 {
  padding-right: 0.875rem !important;
}
.u-margin-right-28,
.up-margin-right-28 {
  margin-right: 0.875rem !important;
}
.u-padding-right-28,
.up-padding-right-28 {
  padding-right: 0.875rem !important;
}
.u-m-b-28,
.up-m-b-28 {
  margin-bottom: 0.875rem !important;
}
.u-p-b-28,
.up-p-b-28 {
  padding-bottom: 0.875rem !important;
}
.u-margin-bottom-28,
.up-margin-bottom-28 {
  margin-bottom: 0.875rem !important;
}
.u-padding-bottom-28,
.up-padding-bottom-28 {
  padding-bottom: 0.875rem !important;
}
.u-margin-30, .u-m-30,
.up-margin-30, .up-m-30 {
  margin: 0.9375rem !important;
}
.u-padding-30, .u-p-30,
.up-padding-30, .up-p-30 {
  padding: 0.9375rem !important;
}
.u-m-l-30,
.up-m-l-30 {
  margin-left: 0.9375rem !important;
}
.u-p-l-30,
.up-p-l-30 {
  padding-left: 0.9375rem !important;
}
.u-margin-left-30,
.up-margin-left-30 {
  margin-left: 0.9375rem !important;
}
.u-padding-left-30,
.up-padding-left-30 {
  padding-left: 0.9375rem !important;
}
.u-m-t-30,
.up-m-t-30 {
  margin-top: 0.9375rem !important;
}
.u-p-t-30,
.up-p-t-30 {
  padding-top: 0.9375rem !important;
}
.u-margin-top-30,
.up-margin-top-30 {
  margin-top: 0.9375rem !important;
}
.u-padding-top-30,
.up-padding-top-30 {
  padding-top: 0.9375rem !important;
}
.u-m-r-30,
.up-m-r-30 {
  margin-right: 0.9375rem !important;
}
.u-p-r-30,
.up-p-r-30 {
  padding-right: 0.9375rem !important;
}
.u-margin-right-30,
.up-margin-right-30 {
  margin-right: 0.9375rem !important;
}
.u-padding-right-30,
.up-padding-right-30 {
  padding-right: 0.9375rem !important;
}
.u-m-b-30,
.up-m-b-30 {
  margin-bottom: 0.9375rem !important;
}
.u-p-b-30,
.up-p-b-30 {
  padding-bottom: 0.9375rem !important;
}
.u-margin-bottom-30,
.up-margin-bottom-30 {
  margin-bottom: 0.9375rem !important;
}
.u-padding-bottom-30,
.up-padding-bottom-30 {
  padding-bottom: 0.9375rem !important;
}
.u-margin-32, .u-m-32,
.up-margin-32, .up-m-32 {
  margin: 1rem !important;
}
.u-padding-32, .u-p-32,
.up-padding-32, .up-p-32 {
  padding: 1rem !important;
}
.u-m-l-32,
.up-m-l-32 {
  margin-left: 1rem !important;
}
.u-p-l-32,
.up-p-l-32 {
  padding-left: 1rem !important;
}
.u-margin-left-32,
.up-margin-left-32 {
  margin-left: 1rem !important;
}
.u-padding-left-32,
.up-padding-left-32 {
  padding-left: 1rem !important;
}
.u-m-t-32,
.up-m-t-32 {
  margin-top: 1rem !important;
}
.u-p-t-32,
.up-p-t-32 {
  padding-top: 1rem !important;
}
.u-margin-top-32,
.up-margin-top-32 {
  margin-top: 1rem !important;
}
.u-padding-top-32,
.up-padding-top-32 {
  padding-top: 1rem !important;
}
.u-m-r-32,
.up-m-r-32 {
  margin-right: 1rem !important;
}
.u-p-r-32,
.up-p-r-32 {
  padding-right: 1rem !important;
}
.u-margin-right-32,
.up-margin-right-32 {
  margin-right: 1rem !important;
}
.u-padding-right-32,
.up-padding-right-32 {
  padding-right: 1rem !important;
}
.u-m-b-32,
.up-m-b-32 {
  margin-bottom: 1rem !important;
}
.u-p-b-32,
.up-p-b-32 {
  padding-bottom: 1rem !important;
}
.u-margin-bottom-32,
.up-margin-bottom-32 {
  margin-bottom: 1rem !important;
}
.u-padding-bottom-32,
.up-padding-bottom-32 {
  padding-bottom: 1rem !important;
}
.u-margin-34, .u-m-34,
.up-margin-34, .up-m-34 {
  margin: 1.0625rem !important;
}
.u-padding-34, .u-p-34,
.up-padding-34, .up-p-34 {
  padding: 1.0625rem !important;
}
.u-m-l-34,
.up-m-l-34 {
  margin-left: 1.0625rem !important;
}
.u-p-l-34,
.up-p-l-34 {
  padding-left: 1.0625rem !important;
}
.u-margin-left-34,
.up-margin-left-34 {
  margin-left: 1.0625rem !important;
}
.u-padding-left-34,
.up-padding-left-34 {
  padding-left: 1.0625rem !important;
}
.u-m-t-34,
.up-m-t-34 {
  margin-top: 1.0625rem !important;
}
.u-p-t-34,
.up-p-t-34 {
  padding-top: 1.0625rem !important;
}
.u-margin-top-34,
.up-margin-top-34 {
  margin-top: 1.0625rem !important;
}
.u-padding-top-34,
.up-padding-top-34 {
  padding-top: 1.0625rem !important;
}
.u-m-r-34,
.up-m-r-34 {
  margin-right: 1.0625rem !important;
}
.u-p-r-34,
.up-p-r-34 {
  padding-right: 1.0625rem !important;
}
.u-margin-right-34,
.up-margin-right-34 {
  margin-right: 1.0625rem !important;
}
.u-padding-right-34,
.up-padding-right-34 {
  padding-right: 1.0625rem !important;
}
.u-m-b-34,
.up-m-b-34 {
  margin-bottom: 1.0625rem !important;
}
.u-p-b-34,
.up-p-b-34 {
  padding-bottom: 1.0625rem !important;
}
.u-margin-bottom-34,
.up-margin-bottom-34 {
  margin-bottom: 1.0625rem !important;
}
.u-padding-bottom-34,
.up-padding-bottom-34 {
  padding-bottom: 1.0625rem !important;
}
.u-margin-35, .u-m-35,
.up-margin-35, .up-m-35 {
  margin: 1.09375rem !important;
}
.u-padding-35, .u-p-35,
.up-padding-35, .up-p-35 {
  padding: 1.09375rem !important;
}
.u-m-l-35,
.up-m-l-35 {
  margin-left: 1.09375rem !important;
}
.u-p-l-35,
.up-p-l-35 {
  padding-left: 1.09375rem !important;
}
.u-margin-left-35,
.up-margin-left-35 {
  margin-left: 1.09375rem !important;
}
.u-padding-left-35,
.up-padding-left-35 {
  padding-left: 1.09375rem !important;
}
.u-m-t-35,
.up-m-t-35 {
  margin-top: 1.09375rem !important;
}
.u-p-t-35,
.up-p-t-35 {
  padding-top: 1.09375rem !important;
}
.u-margin-top-35,
.up-margin-top-35 {
  margin-top: 1.09375rem !important;
}
.u-padding-top-35,
.up-padding-top-35 {
  padding-top: 1.09375rem !important;
}
.u-m-r-35,
.up-m-r-35 {
  margin-right: 1.09375rem !important;
}
.u-p-r-35,
.up-p-r-35 {
  padding-right: 1.09375rem !important;
}
.u-margin-right-35,
.up-margin-right-35 {
  margin-right: 1.09375rem !important;
}
.u-padding-right-35,
.up-padding-right-35 {
  padding-right: 1.09375rem !important;
}
.u-m-b-35,
.up-m-b-35 {
  margin-bottom: 1.09375rem !important;
}
.u-p-b-35,
.up-p-b-35 {
  padding-bottom: 1.09375rem !important;
}
.u-margin-bottom-35,
.up-margin-bottom-35 {
  margin-bottom: 1.09375rem !important;
}
.u-padding-bottom-35,
.up-padding-bottom-35 {
  padding-bottom: 1.09375rem !important;
}
.u-margin-36, .u-m-36,
.up-margin-36, .up-m-36 {
  margin: 1.125rem !important;
}
.u-padding-36, .u-p-36,
.up-padding-36, .up-p-36 {
  padding: 1.125rem !important;
}
.u-m-l-36,
.up-m-l-36 {
  margin-left: 1.125rem !important;
}
.u-p-l-36,
.up-p-l-36 {
  padding-left: 1.125rem !important;
}
.u-margin-left-36,
.up-margin-left-36 {
  margin-left: 1.125rem !important;
}
.u-padding-left-36,
.up-padding-left-36 {
  padding-left: 1.125rem !important;
}
.u-m-t-36,
.up-m-t-36 {
  margin-top: 1.125rem !important;
}
.u-p-t-36,
.up-p-t-36 {
  padding-top: 1.125rem !important;
}
.u-margin-top-36,
.up-margin-top-36 {
  margin-top: 1.125rem !important;
}
.u-padding-top-36,
.up-padding-top-36 {
  padding-top: 1.125rem !important;
}
.u-m-r-36,
.up-m-r-36 {
  margin-right: 1.125rem !important;
}
.u-p-r-36,
.up-p-r-36 {
  padding-right: 1.125rem !important;
}
.u-margin-right-36,
.up-margin-right-36 {
  margin-right: 1.125rem !important;
}
.u-padding-right-36,
.up-padding-right-36 {
  padding-right: 1.125rem !important;
}
.u-m-b-36,
.up-m-b-36 {
  margin-bottom: 1.125rem !important;
}
.u-p-b-36,
.up-p-b-36 {
  padding-bottom: 1.125rem !important;
}
.u-margin-bottom-36,
.up-margin-bottom-36 {
  margin-bottom: 1.125rem !important;
}
.u-padding-bottom-36,
.up-padding-bottom-36 {
  padding-bottom: 1.125rem !important;
}
.u-margin-38, .u-m-38,
.up-margin-38, .up-m-38 {
  margin: 1.1875rem !important;
}
.u-padding-38, .u-p-38,
.up-padding-38, .up-p-38 {
  padding: 1.1875rem !important;
}
.u-m-l-38,
.up-m-l-38 {
  margin-left: 1.1875rem !important;
}
.u-p-l-38,
.up-p-l-38 {
  padding-left: 1.1875rem !important;
}
.u-margin-left-38,
.up-margin-left-38 {
  margin-left: 1.1875rem !important;
}
.u-padding-left-38,
.up-padding-left-38 {
  padding-left: 1.1875rem !important;
}
.u-m-t-38,
.up-m-t-38 {
  margin-top: 1.1875rem !important;
}
.u-p-t-38,
.up-p-t-38 {
  padding-top: 1.1875rem !important;
}
.u-margin-top-38,
.up-margin-top-38 {
  margin-top: 1.1875rem !important;
}
.u-padding-top-38,
.up-padding-top-38 {
  padding-top: 1.1875rem !important;
}
.u-m-r-38,
.up-m-r-38 {
  margin-right: 1.1875rem !important;
}
.u-p-r-38,
.up-p-r-38 {
  padding-right: 1.1875rem !important;
}
.u-margin-right-38,
.up-margin-right-38 {
  margin-right: 1.1875rem !important;
}
.u-padding-right-38,
.up-padding-right-38 {
  padding-right: 1.1875rem !important;
}
.u-m-b-38,
.up-m-b-38 {
  margin-bottom: 1.1875rem !important;
}
.u-p-b-38,
.up-p-b-38 {
  padding-bottom: 1.1875rem !important;
}
.u-margin-bottom-38,
.up-margin-bottom-38 {
  margin-bottom: 1.1875rem !important;
}
.u-padding-bottom-38,
.up-padding-bottom-38 {
  padding-bottom: 1.1875rem !important;
}
.u-margin-40, .u-m-40,
.up-margin-40, .up-m-40 {
  margin: 1.25rem !important;
}
.u-padding-40, .u-p-40,
.up-padding-40, .up-p-40 {
  padding: 1.25rem !important;
}
.u-m-l-40,
.up-m-l-40 {
  margin-left: 1.25rem !important;
}
.u-p-l-40,
.up-p-l-40 {
  padding-left: 1.25rem !important;
}
.u-margin-left-40,
.up-margin-left-40 {
  margin-left: 1.25rem !important;
}
.u-padding-left-40,
.up-padding-left-40 {
  padding-left: 1.25rem !important;
}
.u-m-t-40,
.up-m-t-40 {
  margin-top: 1.25rem !important;
}
.u-p-t-40,
.up-p-t-40 {
  padding-top: 1.25rem !important;
}
.u-margin-top-40,
.up-margin-top-40 {
  margin-top: 1.25rem !important;
}
.u-padding-top-40,
.up-padding-top-40 {
  padding-top: 1.25rem !important;
}
.u-m-r-40,
.up-m-r-40 {
  margin-right: 1.25rem !important;
}
.u-p-r-40,
.up-p-r-40 {
  padding-right: 1.25rem !important;
}
.u-margin-right-40,
.up-margin-right-40 {
  margin-right: 1.25rem !important;
}
.u-padding-right-40,
.up-padding-right-40 {
  padding-right: 1.25rem !important;
}
.u-m-b-40,
.up-m-b-40 {
  margin-bottom: 1.25rem !important;
}
.u-p-b-40,
.up-p-b-40 {
  padding-bottom: 1.25rem !important;
}
.u-margin-bottom-40,
.up-margin-bottom-40 {
  margin-bottom: 1.25rem !important;
}
.u-padding-bottom-40,
.up-padding-bottom-40 {
  padding-bottom: 1.25rem !important;
}
.u-margin-42, .u-m-42,
.up-margin-42, .up-m-42 {
  margin: 1.3125rem !important;
}
.u-padding-42, .u-p-42,
.up-padding-42, .up-p-42 {
  padding: 1.3125rem !important;
}
.u-m-l-42,
.up-m-l-42 {
  margin-left: 1.3125rem !important;
}
.u-p-l-42,
.up-p-l-42 {
  padding-left: 1.3125rem !important;
}
.u-margin-left-42,
.up-margin-left-42 {
  margin-left: 1.3125rem !important;
}
.u-padding-left-42,
.up-padding-left-42 {
  padding-left: 1.3125rem !important;
}
.u-m-t-42,
.up-m-t-42 {
  margin-top: 1.3125rem !important;
}
.u-p-t-42,
.up-p-t-42 {
  padding-top: 1.3125rem !important;
}
.u-margin-top-42,
.up-margin-top-42 {
  margin-top: 1.3125rem !important;
}
.u-padding-top-42,
.up-padding-top-42 {
  padding-top: 1.3125rem !important;
}
.u-m-r-42,
.up-m-r-42 {
  margin-right: 1.3125rem !important;
}
.u-p-r-42,
.up-p-r-42 {
  padding-right: 1.3125rem !important;
}
.u-margin-right-42,
.up-margin-right-42 {
  margin-right: 1.3125rem !important;
}
.u-padding-right-42,
.up-padding-right-42 {
  padding-right: 1.3125rem !important;
}
.u-m-b-42,
.up-m-b-42 {
  margin-bottom: 1.3125rem !important;
}
.u-p-b-42,
.up-p-b-42 {
  padding-bottom: 1.3125rem !important;
}
.u-margin-bottom-42,
.up-margin-bottom-42 {
  margin-bottom: 1.3125rem !important;
}
.u-padding-bottom-42,
.up-padding-bottom-42 {
  padding-bottom: 1.3125rem !important;
}
.u-margin-44, .u-m-44,
.up-margin-44, .up-m-44 {
  margin: 1.375rem !important;
}
.u-padding-44, .u-p-44,
.up-padding-44, .up-p-44 {
  padding: 1.375rem !important;
}
.u-m-l-44,
.up-m-l-44 {
  margin-left: 1.375rem !important;
}
.u-p-l-44,
.up-p-l-44 {
  padding-left: 1.375rem !important;
}
.u-margin-left-44,
.up-margin-left-44 {
  margin-left: 1.375rem !important;
}
.u-padding-left-44,
.up-padding-left-44 {
  padding-left: 1.375rem !important;
}
.u-m-t-44,
.up-m-t-44 {
  margin-top: 1.375rem !important;
}
.u-p-t-44,
.up-p-t-44 {
  padding-top: 1.375rem !important;
}
.u-margin-top-44,
.up-margin-top-44 {
  margin-top: 1.375rem !important;
}
.u-padding-top-44,
.up-padding-top-44 {
  padding-top: 1.375rem !important;
}
.u-m-r-44,
.up-m-r-44 {
  margin-right: 1.375rem !important;
}
.u-p-r-44,
.up-p-r-44 {
  padding-right: 1.375rem !important;
}
.u-margin-right-44,
.up-margin-right-44 {
  margin-right: 1.375rem !important;
}
.u-padding-right-44,
.up-padding-right-44 {
  padding-right: 1.375rem !important;
}
.u-m-b-44,
.up-m-b-44 {
  margin-bottom: 1.375rem !important;
}
.u-p-b-44,
.up-p-b-44 {
  padding-bottom: 1.375rem !important;
}
.u-margin-bottom-44,
.up-margin-bottom-44 {
  margin-bottom: 1.375rem !important;
}
.u-padding-bottom-44,
.up-padding-bottom-44 {
  padding-bottom: 1.375rem !important;
}
.u-margin-45, .u-m-45,
.up-margin-45, .up-m-45 {
  margin: 1.40625rem !important;
}
.u-padding-45, .u-p-45,
.up-padding-45, .up-p-45 {
  padding: 1.40625rem !important;
}
.u-m-l-45,
.up-m-l-45 {
  margin-left: 1.40625rem !important;
}
.u-p-l-45,
.up-p-l-45 {
  padding-left: 1.40625rem !important;
}
.u-margin-left-45,
.up-margin-left-45 {
  margin-left: 1.40625rem !important;
}
.u-padding-left-45,
.up-padding-left-45 {
  padding-left: 1.40625rem !important;
}
.u-m-t-45,
.up-m-t-45 {
  margin-top: 1.40625rem !important;
}
.u-p-t-45,
.up-p-t-45 {
  padding-top: 1.40625rem !important;
}
.u-margin-top-45,
.up-margin-top-45 {
  margin-top: 1.40625rem !important;
}
.u-padding-top-45,
.up-padding-top-45 {
  padding-top: 1.40625rem !important;
}
.u-m-r-45,
.up-m-r-45 {
  margin-right: 1.40625rem !important;
}
.u-p-r-45,
.up-p-r-45 {
  padding-right: 1.40625rem !important;
}
.u-margin-right-45,
.up-margin-right-45 {
  margin-right: 1.40625rem !important;
}
.u-padding-right-45,
.up-padding-right-45 {
  padding-right: 1.40625rem !important;
}
.u-m-b-45,
.up-m-b-45 {
  margin-bottom: 1.40625rem !important;
}
.u-p-b-45,
.up-p-b-45 {
  padding-bottom: 1.40625rem !important;
}
.u-margin-bottom-45,
.up-margin-bottom-45 {
  margin-bottom: 1.40625rem !important;
}
.u-padding-bottom-45,
.up-padding-bottom-45 {
  padding-bottom: 1.40625rem !important;
}
.u-margin-46, .u-m-46,
.up-margin-46, .up-m-46 {
  margin: 1.4375rem !important;
}
.u-padding-46, .u-p-46,
.up-padding-46, .up-p-46 {
  padding: 1.4375rem !important;
}
.u-m-l-46,
.up-m-l-46 {
  margin-left: 1.4375rem !important;
}
.u-p-l-46,
.up-p-l-46 {
  padding-left: 1.4375rem !important;
}
.u-margin-left-46,
.up-margin-left-46 {
  margin-left: 1.4375rem !important;
}
.u-padding-left-46,
.up-padding-left-46 {
  padding-left: 1.4375rem !important;
}
.u-m-t-46,
.up-m-t-46 {
  margin-top: 1.4375rem !important;
}
.u-p-t-46,
.up-p-t-46 {
  padding-top: 1.4375rem !important;
}
.u-margin-top-46,
.up-margin-top-46 {
  margin-top: 1.4375rem !important;
}
.u-padding-top-46,
.up-padding-top-46 {
  padding-top: 1.4375rem !important;
}
.u-m-r-46,
.up-m-r-46 {
  margin-right: 1.4375rem !important;
}
.u-p-r-46,
.up-p-r-46 {
  padding-right: 1.4375rem !important;
}
.u-margin-right-46,
.up-margin-right-46 {
  margin-right: 1.4375rem !important;
}
.u-padding-right-46,
.up-padding-right-46 {
  padding-right: 1.4375rem !important;
}
.u-m-b-46,
.up-m-b-46 {
  margin-bottom: 1.4375rem !important;
}
.u-p-b-46,
.up-p-b-46 {
  padding-bottom: 1.4375rem !important;
}
.u-margin-bottom-46,
.up-margin-bottom-46 {
  margin-bottom: 1.4375rem !important;
}
.u-padding-bottom-46,
.up-padding-bottom-46 {
  padding-bottom: 1.4375rem !important;
}
.u-margin-48, .u-m-48,
.up-margin-48, .up-m-48 {
  margin: 1.5rem !important;
}
.u-padding-48, .u-p-48,
.up-padding-48, .up-p-48 {
  padding: 1.5rem !important;
}
.u-m-l-48,
.up-m-l-48 {
  margin-left: 1.5rem !important;
}
.u-p-l-48,
.up-p-l-48 {
  padding-left: 1.5rem !important;
}
.u-margin-left-48,
.up-margin-left-48 {
  margin-left: 1.5rem !important;
}
.u-padding-left-48,
.up-padding-left-48 {
  padding-left: 1.5rem !important;
}
.u-m-t-48,
.up-m-t-48 {
  margin-top: 1.5rem !important;
}
.u-p-t-48,
.up-p-t-48 {
  padding-top: 1.5rem !important;
}
.u-margin-top-48,
.up-margin-top-48 {
  margin-top: 1.5rem !important;
}
.u-padding-top-48,
.up-padding-top-48 {
  padding-top: 1.5rem !important;
}
.u-m-r-48,
.up-m-r-48 {
  margin-right: 1.5rem !important;
}
.u-p-r-48,
.up-p-r-48 {
  padding-right: 1.5rem !important;
}
.u-margin-right-48,
.up-margin-right-48 {
  margin-right: 1.5rem !important;
}
.u-padding-right-48,
.up-padding-right-48 {
  padding-right: 1.5rem !important;
}
.u-m-b-48,
.up-m-b-48 {
  margin-bottom: 1.5rem !important;
}
.u-p-b-48,
.up-p-b-48 {
  padding-bottom: 1.5rem !important;
}
.u-margin-bottom-48,
.up-margin-bottom-48 {
  margin-bottom: 1.5rem !important;
}
.u-padding-bottom-48,
.up-padding-bottom-48 {
  padding-bottom: 1.5rem !important;
}
.u-margin-50, .u-m-50,
.up-margin-50, .up-m-50 {
  margin: 1.5625rem !important;
}
.u-padding-50, .u-p-50,
.up-padding-50, .up-p-50 {
  padding: 1.5625rem !important;
}
.u-m-l-50,
.up-m-l-50 {
  margin-left: 1.5625rem !important;
}
.u-p-l-50,
.up-p-l-50 {
  padding-left: 1.5625rem !important;
}
.u-margin-left-50,
.up-margin-left-50 {
  margin-left: 1.5625rem !important;
}
.u-padding-left-50,
.up-padding-left-50 {
  padding-left: 1.5625rem !important;
}
.u-m-t-50,
.up-m-t-50 {
  margin-top: 1.5625rem !important;
}
.u-p-t-50,
.up-p-t-50 {
  padding-top: 1.5625rem !important;
}
.u-margin-top-50,
.up-margin-top-50 {
  margin-top: 1.5625rem !important;
}
.u-padding-top-50,
.up-padding-top-50 {
  padding-top: 1.5625rem !important;
}
.u-m-r-50,
.up-m-r-50 {
  margin-right: 1.5625rem !important;
}
.u-p-r-50,
.up-p-r-50 {
  padding-right: 1.5625rem !important;
}
.u-margin-right-50,
.up-margin-right-50 {
  margin-right: 1.5625rem !important;
}
.u-padding-right-50,
.up-padding-right-50 {
  padding-right: 1.5625rem !important;
}
.u-m-b-50,
.up-m-b-50 {
  margin-bottom: 1.5625rem !important;
}
.u-p-b-50,
.up-p-b-50 {
  padding-bottom: 1.5625rem !important;
}
.u-margin-bottom-50,
.up-margin-bottom-50 {
  margin-bottom: 1.5625rem !important;
}
.u-padding-bottom-50,
.up-padding-bottom-50 {
  padding-bottom: 1.5625rem !important;
}
.u-margin-52, .u-m-52,
.up-margin-52, .up-m-52 {
  margin: 1.625rem !important;
}
.u-padding-52, .u-p-52,
.up-padding-52, .up-p-52 {
  padding: 1.625rem !important;
}
.u-m-l-52,
.up-m-l-52 {
  margin-left: 1.625rem !important;
}
.u-p-l-52,
.up-p-l-52 {
  padding-left: 1.625rem !important;
}
.u-margin-left-52,
.up-margin-left-52 {
  margin-left: 1.625rem !important;
}
.u-padding-left-52,
.up-padding-left-52 {
  padding-left: 1.625rem !important;
}
.u-m-t-52,
.up-m-t-52 {
  margin-top: 1.625rem !important;
}
.u-p-t-52,
.up-p-t-52 {
  padding-top: 1.625rem !important;
}
.u-margin-top-52,
.up-margin-top-52 {
  margin-top: 1.625rem !important;
}
.u-padding-top-52,
.up-padding-top-52 {
  padding-top: 1.625rem !important;
}
.u-m-r-52,
.up-m-r-52 {
  margin-right: 1.625rem !important;
}
.u-p-r-52,
.up-p-r-52 {
  padding-right: 1.625rem !important;
}
.u-margin-right-52,
.up-margin-right-52 {
  margin-right: 1.625rem !important;
}
.u-padding-right-52,
.up-padding-right-52 {
  padding-right: 1.625rem !important;
}
.u-m-b-52,
.up-m-b-52 {
  margin-bottom: 1.625rem !important;
}
.u-p-b-52,
.up-p-b-52 {
  padding-bottom: 1.625rem !important;
}
.u-margin-bottom-52,
.up-margin-bottom-52 {
  margin-bottom: 1.625rem !important;
}
.u-padding-bottom-52,
.up-padding-bottom-52 {
  padding-bottom: 1.625rem !important;
}
.u-margin-54, .u-m-54,
.up-margin-54, .up-m-54 {
  margin: 1.6875rem !important;
}
.u-padding-54, .u-p-54,
.up-padding-54, .up-p-54 {
  padding: 1.6875rem !important;
}
.u-m-l-54,
.up-m-l-54 {
  margin-left: 1.6875rem !important;
}
.u-p-l-54,
.up-p-l-54 {
  padding-left: 1.6875rem !important;
}
.u-margin-left-54,
.up-margin-left-54 {
  margin-left: 1.6875rem !important;
}
.u-padding-left-54,
.up-padding-left-54 {
  padding-left: 1.6875rem !important;
}
.u-m-t-54,
.up-m-t-54 {
  margin-top: 1.6875rem !important;
}
.u-p-t-54,
.up-p-t-54 {
  padding-top: 1.6875rem !important;
}
.u-margin-top-54,
.up-margin-top-54 {
  margin-top: 1.6875rem !important;
}
.u-padding-top-54,
.up-padding-top-54 {
  padding-top: 1.6875rem !important;
}
.u-m-r-54,
.up-m-r-54 {
  margin-right: 1.6875rem !important;
}
.u-p-r-54,
.up-p-r-54 {
  padding-right: 1.6875rem !important;
}
.u-margin-right-54,
.up-margin-right-54 {
  margin-right: 1.6875rem !important;
}
.u-padding-right-54,
.up-padding-right-54 {
  padding-right: 1.6875rem !important;
}
.u-m-b-54,
.up-m-b-54 {
  margin-bottom: 1.6875rem !important;
}
.u-p-b-54,
.up-p-b-54 {
  padding-bottom: 1.6875rem !important;
}
.u-margin-bottom-54,
.up-margin-bottom-54 {
  margin-bottom: 1.6875rem !important;
}
.u-padding-bottom-54,
.up-padding-bottom-54 {
  padding-bottom: 1.6875rem !important;
}
.u-margin-55, .u-m-55,
.up-margin-55, .up-m-55 {
  margin: 1.71875rem !important;
}
.u-padding-55, .u-p-55,
.up-padding-55, .up-p-55 {
  padding: 1.71875rem !important;
}
.u-m-l-55,
.up-m-l-55 {
  margin-left: 1.71875rem !important;
}
.u-p-l-55,
.up-p-l-55 {
  padding-left: 1.71875rem !important;
}
.u-margin-left-55,
.up-margin-left-55 {
  margin-left: 1.71875rem !important;
}
.u-padding-left-55,
.up-padding-left-55 {
  padding-left: 1.71875rem !important;
}
.u-m-t-55,
.up-m-t-55 {
  margin-top: 1.71875rem !important;
}
.u-p-t-55,
.up-p-t-55 {
  padding-top: 1.71875rem !important;
}
.u-margin-top-55,
.up-margin-top-55 {
  margin-top: 1.71875rem !important;
}
.u-padding-top-55,
.up-padding-top-55 {
  padding-top: 1.71875rem !important;
}
.u-m-r-55,
.up-m-r-55 {
  margin-right: 1.71875rem !important;
}
.u-p-r-55,
.up-p-r-55 {
  padding-right: 1.71875rem !important;
}
.u-margin-right-55,
.up-margin-right-55 {
  margin-right: 1.71875rem !important;
}
.u-padding-right-55,
.up-padding-right-55 {
  padding-right: 1.71875rem !important;
}
.u-m-b-55,
.up-m-b-55 {
  margin-bottom: 1.71875rem !important;
}
.u-p-b-55,
.up-p-b-55 {
  padding-bottom: 1.71875rem !important;
}
.u-margin-bottom-55,
.up-margin-bottom-55 {
  margin-bottom: 1.71875rem !important;
}
.u-padding-bottom-55,
.up-padding-bottom-55 {
  padding-bottom: 1.71875rem !important;
}
.u-margin-56, .u-m-56,
.up-margin-56, .up-m-56 {
  margin: 1.75rem !important;
}
.u-padding-56, .u-p-56,
.up-padding-56, .up-p-56 {
  padding: 1.75rem !important;
}
.u-m-l-56,
.up-m-l-56 {
  margin-left: 1.75rem !important;
}
.u-p-l-56,
.up-p-l-56 {
  padding-left: 1.75rem !important;
}
.u-margin-left-56,
.up-margin-left-56 {
  margin-left: 1.75rem !important;
}
.u-padding-left-56,
.up-padding-left-56 {
  padding-left: 1.75rem !important;
}
.u-m-t-56,
.up-m-t-56 {
  margin-top: 1.75rem !important;
}
.u-p-t-56,
.up-p-t-56 {
  padding-top: 1.75rem !important;
}
.u-margin-top-56,
.up-margin-top-56 {
  margin-top: 1.75rem !important;
}
.u-padding-top-56,
.up-padding-top-56 {
  padding-top: 1.75rem !important;
}
.u-m-r-56,
.up-m-r-56 {
  margin-right: 1.75rem !important;
}
.u-p-r-56,
.up-p-r-56 {
  padding-right: 1.75rem !important;
}
.u-margin-right-56,
.up-margin-right-56 {
  margin-right: 1.75rem !important;
}
.u-padding-right-56,
.up-padding-right-56 {
  padding-right: 1.75rem !important;
}
.u-m-b-56,
.up-m-b-56 {
  margin-bottom: 1.75rem !important;
}
.u-p-b-56,
.up-p-b-56 {
  padding-bottom: 1.75rem !important;
}
.u-margin-bottom-56,
.up-margin-bottom-56 {
  margin-bottom: 1.75rem !important;
}
.u-padding-bottom-56,
.up-padding-bottom-56 {
  padding-bottom: 1.75rem !important;
}
.u-margin-58, .u-m-58,
.up-margin-58, .up-m-58 {
  margin: 1.8125rem !important;
}
.u-padding-58, .u-p-58,
.up-padding-58, .up-p-58 {
  padding: 1.8125rem !important;
}
.u-m-l-58,
.up-m-l-58 {
  margin-left: 1.8125rem !important;
}
.u-p-l-58,
.up-p-l-58 {
  padding-left: 1.8125rem !important;
}
.u-margin-left-58,
.up-margin-left-58 {
  margin-left: 1.8125rem !important;
}
.u-padding-left-58,
.up-padding-left-58 {
  padding-left: 1.8125rem !important;
}
.u-m-t-58,
.up-m-t-58 {
  margin-top: 1.8125rem !important;
}
.u-p-t-58,
.up-p-t-58 {
  padding-top: 1.8125rem !important;
}
.u-margin-top-58,
.up-margin-top-58 {
  margin-top: 1.8125rem !important;
}
.u-padding-top-58,
.up-padding-top-58 {
  padding-top: 1.8125rem !important;
}
.u-m-r-58,
.up-m-r-58 {
  margin-right: 1.8125rem !important;
}
.u-p-r-58,
.up-p-r-58 {
  padding-right: 1.8125rem !important;
}
.u-margin-right-58,
.up-margin-right-58 {
  margin-right: 1.8125rem !important;
}
.u-padding-right-58,
.up-padding-right-58 {
  padding-right: 1.8125rem !important;
}
.u-m-b-58,
.up-m-b-58 {
  margin-bottom: 1.8125rem !important;
}
.u-p-b-58,
.up-p-b-58 {
  padding-bottom: 1.8125rem !important;
}
.u-margin-bottom-58,
.up-margin-bottom-58 {
  margin-bottom: 1.8125rem !important;
}
.u-padding-bottom-58,
.up-padding-bottom-58 {
  padding-bottom: 1.8125rem !important;
}
.u-margin-60, .u-m-60,
.up-margin-60, .up-m-60 {
  margin: 1.875rem !important;
}
.u-padding-60, .u-p-60,
.up-padding-60, .up-p-60 {
  padding: 1.875rem !important;
}
.u-m-l-60,
.up-m-l-60 {
  margin-left: 1.875rem !important;
}
.u-p-l-60,
.up-p-l-60 {
  padding-left: 1.875rem !important;
}
.u-margin-left-60,
.up-margin-left-60 {
  margin-left: 1.875rem !important;
}
.u-padding-left-60,
.up-padding-left-60 {
  padding-left: 1.875rem !important;
}
.u-m-t-60,
.up-m-t-60 {
  margin-top: 1.875rem !important;
}
.u-p-t-60,
.up-p-t-60 {
  padding-top: 1.875rem !important;
}
.u-margin-top-60,
.up-margin-top-60 {
  margin-top: 1.875rem !important;
}
.u-padding-top-60,
.up-padding-top-60 {
  padding-top: 1.875rem !important;
}
.u-m-r-60,
.up-m-r-60 {
  margin-right: 1.875rem !important;
}
.u-p-r-60,
.up-p-r-60 {
  padding-right: 1.875rem !important;
}
.u-margin-right-60,
.up-margin-right-60 {
  margin-right: 1.875rem !important;
}
.u-padding-right-60,
.up-padding-right-60 {
  padding-right: 1.875rem !important;
}
.u-m-b-60,
.up-m-b-60 {
  margin-bottom: 1.875rem !important;
}
.u-p-b-60,
.up-p-b-60 {
  padding-bottom: 1.875rem !important;
}
.u-margin-bottom-60,
.up-margin-bottom-60 {
  margin-bottom: 1.875rem !important;
}
.u-padding-bottom-60,
.up-padding-bottom-60 {
  padding-bottom: 1.875rem !important;
}
.u-margin-62, .u-m-62,
.up-margin-62, .up-m-62 {
  margin: 1.9375rem !important;
}
.u-padding-62, .u-p-62,
.up-padding-62, .up-p-62 {
  padding: 1.9375rem !important;
}
.u-m-l-62,
.up-m-l-62 {
  margin-left: 1.9375rem !important;
}
.u-p-l-62,
.up-p-l-62 {
  padding-left: 1.9375rem !important;
}
.u-margin-left-62,
.up-margin-left-62 {
  margin-left: 1.9375rem !important;
}
.u-padding-left-62,
.up-padding-left-62 {
  padding-left: 1.9375rem !important;
}
.u-m-t-62,
.up-m-t-62 {
  margin-top: 1.9375rem !important;
}
.u-p-t-62,
.up-p-t-62 {
  padding-top: 1.9375rem !important;
}
.u-margin-top-62,
.up-margin-top-62 {
  margin-top: 1.9375rem !important;
}
.u-padding-top-62,
.up-padding-top-62 {
  padding-top: 1.9375rem !important;
}
.u-m-r-62,
.up-m-r-62 {
  margin-right: 1.9375rem !important;
}
.u-p-r-62,
.up-p-r-62 {
  padding-right: 1.9375rem !important;
}
.u-margin-right-62,
.up-margin-right-62 {
  margin-right: 1.9375rem !important;
}
.u-padding-right-62,
.up-padding-right-62 {
  padding-right: 1.9375rem !important;
}
.u-m-b-62,
.up-m-b-62 {
  margin-bottom: 1.9375rem !important;
}
.u-p-b-62,
.up-p-b-62 {
  padding-bottom: 1.9375rem !important;
}
.u-margin-bottom-62,
.up-margin-bottom-62 {
  margin-bottom: 1.9375rem !important;
}
.u-padding-bottom-62,
.up-padding-bottom-62 {
  padding-bottom: 1.9375rem !important;
}
.u-margin-64, .u-m-64,
.up-margin-64, .up-m-64 {
  margin: 2rem !important;
}
.u-padding-64, .u-p-64,
.up-padding-64, .up-p-64 {
  padding: 2rem !important;
}
.u-m-l-64,
.up-m-l-64 {
  margin-left: 2rem !important;
}
.u-p-l-64,
.up-p-l-64 {
  padding-left: 2rem !important;
}
.u-margin-left-64,
.up-margin-left-64 {
  margin-left: 2rem !important;
}
.u-padding-left-64,
.up-padding-left-64 {
  padding-left: 2rem !important;
}
.u-m-t-64,
.up-m-t-64 {
  margin-top: 2rem !important;
}
.u-p-t-64,
.up-p-t-64 {
  padding-top: 2rem !important;
}
.u-margin-top-64,
.up-margin-top-64 {
  margin-top: 2rem !important;
}
.u-padding-top-64,
.up-padding-top-64 {
  padding-top: 2rem !important;
}
.u-m-r-64,
.up-m-r-64 {
  margin-right: 2rem !important;
}
.u-p-r-64,
.up-p-r-64 {
  padding-right: 2rem !important;
}
.u-margin-right-64,
.up-margin-right-64 {
  margin-right: 2rem !important;
}
.u-padding-right-64,
.up-padding-right-64 {
  padding-right: 2rem !important;
}
.u-m-b-64,
.up-m-b-64 {
  margin-bottom: 2rem !important;
}
.u-p-b-64,
.up-p-b-64 {
  padding-bottom: 2rem !important;
}
.u-margin-bottom-64,
.up-margin-bottom-64 {
  margin-bottom: 2rem !important;
}
.u-padding-bottom-64,
.up-padding-bottom-64 {
  padding-bottom: 2rem !important;
}
.u-margin-65, .u-m-65,
.up-margin-65, .up-m-65 {
  margin: 2.03125rem !important;
}
.u-padding-65, .u-p-65,
.up-padding-65, .up-p-65 {
  padding: 2.03125rem !important;
}
.u-m-l-65,
.up-m-l-65 {
  margin-left: 2.03125rem !important;
}
.u-p-l-65,
.up-p-l-65 {
  padding-left: 2.03125rem !important;
}
.u-margin-left-65,
.up-margin-left-65 {
  margin-left: 2.03125rem !important;
}
.u-padding-left-65,
.up-padding-left-65 {
  padding-left: 2.03125rem !important;
}
.u-m-t-65,
.up-m-t-65 {
  margin-top: 2.03125rem !important;
}
.u-p-t-65,
.up-p-t-65 {
  padding-top: 2.03125rem !important;
}
.u-margin-top-65,
.up-margin-top-65 {
  margin-top: 2.03125rem !important;
}
.u-padding-top-65,
.up-padding-top-65 {
  padding-top: 2.03125rem !important;
}
.u-m-r-65,
.up-m-r-65 {
  margin-right: 2.03125rem !important;
}
.u-p-r-65,
.up-p-r-65 {
  padding-right: 2.03125rem !important;
}
.u-margin-right-65,
.up-margin-right-65 {
  margin-right: 2.03125rem !important;
}
.u-padding-right-65,
.up-padding-right-65 {
  padding-right: 2.03125rem !important;
}
.u-m-b-65,
.up-m-b-65 {
  margin-bottom: 2.03125rem !important;
}
.u-p-b-65,
.up-p-b-65 {
  padding-bottom: 2.03125rem !important;
}
.u-margin-bottom-65,
.up-margin-bottom-65 {
  margin-bottom: 2.03125rem !important;
}
.u-padding-bottom-65,
.up-padding-bottom-65 {
  padding-bottom: 2.03125rem !important;
}
.u-margin-66, .u-m-66,
.up-margin-66, .up-m-66 {
  margin: 2.0625rem !important;
}
.u-padding-66, .u-p-66,
.up-padding-66, .up-p-66 {
  padding: 2.0625rem !important;
}
.u-m-l-66,
.up-m-l-66 {
  margin-left: 2.0625rem !important;
}
.u-p-l-66,
.up-p-l-66 {
  padding-left: 2.0625rem !important;
}
.u-margin-left-66,
.up-margin-left-66 {
  margin-left: 2.0625rem !important;
}
.u-padding-left-66,
.up-padding-left-66 {
  padding-left: 2.0625rem !important;
}
.u-m-t-66,
.up-m-t-66 {
  margin-top: 2.0625rem !important;
}
.u-p-t-66,
.up-p-t-66 {
  padding-top: 2.0625rem !important;
}
.u-margin-top-66,
.up-margin-top-66 {
  margin-top: 2.0625rem !important;
}
.u-padding-top-66,
.up-padding-top-66 {
  padding-top: 2.0625rem !important;
}
.u-m-r-66,
.up-m-r-66 {
  margin-right: 2.0625rem !important;
}
.u-p-r-66,
.up-p-r-66 {
  padding-right: 2.0625rem !important;
}
.u-margin-right-66,
.up-margin-right-66 {
  margin-right: 2.0625rem !important;
}
.u-padding-right-66,
.up-padding-right-66 {
  padding-right: 2.0625rem !important;
}
.u-m-b-66,
.up-m-b-66 {
  margin-bottom: 2.0625rem !important;
}
.u-p-b-66,
.up-p-b-66 {
  padding-bottom: 2.0625rem !important;
}
.u-margin-bottom-66,
.up-margin-bottom-66 {
  margin-bottom: 2.0625rem !important;
}
.u-padding-bottom-66,
.up-padding-bottom-66 {
  padding-bottom: 2.0625rem !important;
}
.u-margin-68, .u-m-68,
.up-margin-68, .up-m-68 {
  margin: 2.125rem !important;
}
.u-padding-68, .u-p-68,
.up-padding-68, .up-p-68 {
  padding: 2.125rem !important;
}
.u-m-l-68,
.up-m-l-68 {
  margin-left: 2.125rem !important;
}
.u-p-l-68,
.up-p-l-68 {
  padding-left: 2.125rem !important;
}
.u-margin-left-68,
.up-margin-left-68 {
  margin-left: 2.125rem !important;
}
.u-padding-left-68,
.up-padding-left-68 {
  padding-left: 2.125rem !important;
}
.u-m-t-68,
.up-m-t-68 {
  margin-top: 2.125rem !important;
}
.u-p-t-68,
.up-p-t-68 {
  padding-top: 2.125rem !important;
}
.u-margin-top-68,
.up-margin-top-68 {
  margin-top: 2.125rem !important;
}
.u-padding-top-68,
.up-padding-top-68 {
  padding-top: 2.125rem !important;
}
.u-m-r-68,
.up-m-r-68 {
  margin-right: 2.125rem !important;
}
.u-p-r-68,
.up-p-r-68 {
  padding-right: 2.125rem !important;
}
.u-margin-right-68,
.up-margin-right-68 {
  margin-right: 2.125rem !important;
}
.u-padding-right-68,
.up-padding-right-68 {
  padding-right: 2.125rem !important;
}
.u-m-b-68,
.up-m-b-68 {
  margin-bottom: 2.125rem !important;
}
.u-p-b-68,
.up-p-b-68 {
  padding-bottom: 2.125rem !important;
}
.u-margin-bottom-68,
.up-margin-bottom-68 {
  margin-bottom: 2.125rem !important;
}
.u-padding-bottom-68,
.up-padding-bottom-68 {
  padding-bottom: 2.125rem !important;
}
.u-margin-70, .u-m-70,
.up-margin-70, .up-m-70 {
  margin: 2.1875rem !important;
}
.u-padding-70, .u-p-70,
.up-padding-70, .up-p-70 {
  padding: 2.1875rem !important;
}
.u-m-l-70,
.up-m-l-70 {
  margin-left: 2.1875rem !important;
}
.u-p-l-70,
.up-p-l-70 {
  padding-left: 2.1875rem !important;
}
.u-margin-left-70,
.up-margin-left-70 {
  margin-left: 2.1875rem !important;
}
.u-padding-left-70,
.up-padding-left-70 {
  padding-left: 2.1875rem !important;
}
.u-m-t-70,
.up-m-t-70 {
  margin-top: 2.1875rem !important;
}
.u-p-t-70,
.up-p-t-70 {
  padding-top: 2.1875rem !important;
}
.u-margin-top-70,
.up-margin-top-70 {
  margin-top: 2.1875rem !important;
}
.u-padding-top-70,
.up-padding-top-70 {
  padding-top: 2.1875rem !important;
}
.u-m-r-70,
.up-m-r-70 {
  margin-right: 2.1875rem !important;
}
.u-p-r-70,
.up-p-r-70 {
  padding-right: 2.1875rem !important;
}
.u-margin-right-70,
.up-margin-right-70 {
  margin-right: 2.1875rem !important;
}
.u-padding-right-70,
.up-padding-right-70 {
  padding-right: 2.1875rem !important;
}
.u-m-b-70,
.up-m-b-70 {
  margin-bottom: 2.1875rem !important;
}
.u-p-b-70,
.up-p-b-70 {
  padding-bottom: 2.1875rem !important;
}
.u-margin-bottom-70,
.up-margin-bottom-70 {
  margin-bottom: 2.1875rem !important;
}
.u-padding-bottom-70,
.up-padding-bottom-70 {
  padding-bottom: 2.1875rem !important;
}
.u-margin-72, .u-m-72,
.up-margin-72, .up-m-72 {
  margin: 2.25rem !important;
}
.u-padding-72, .u-p-72,
.up-padding-72, .up-p-72 {
  padding: 2.25rem !important;
}
.u-m-l-72,
.up-m-l-72 {
  margin-left: 2.25rem !important;
}
.u-p-l-72,
.up-p-l-72 {
  padding-left: 2.25rem !important;
}
.u-margin-left-72,
.up-margin-left-72 {
  margin-left: 2.25rem !important;
}
.u-padding-left-72,
.up-padding-left-72 {
  padding-left: 2.25rem !important;
}
.u-m-t-72,
.up-m-t-72 {
  margin-top: 2.25rem !important;
}
.u-p-t-72,
.up-p-t-72 {
  padding-top: 2.25rem !important;
}
.u-margin-top-72,
.up-margin-top-72 {
  margin-top: 2.25rem !important;
}
.u-padding-top-72,
.up-padding-top-72 {
  padding-top: 2.25rem !important;
}
.u-m-r-72,
.up-m-r-72 {
  margin-right: 2.25rem !important;
}
.u-p-r-72,
.up-p-r-72 {
  padding-right: 2.25rem !important;
}
.u-margin-right-72,
.up-margin-right-72 {
  margin-right: 2.25rem !important;
}
.u-padding-right-72,
.up-padding-right-72 {
  padding-right: 2.25rem !important;
}
.u-m-b-72,
.up-m-b-72 {
  margin-bottom: 2.25rem !important;
}
.u-p-b-72,
.up-p-b-72 {
  padding-bottom: 2.25rem !important;
}
.u-margin-bottom-72,
.up-margin-bottom-72 {
  margin-bottom: 2.25rem !important;
}
.u-padding-bottom-72,
.up-padding-bottom-72 {
  padding-bottom: 2.25rem !important;
}
.u-margin-74, .u-m-74,
.up-margin-74, .up-m-74 {
  margin: 2.3125rem !important;
}
.u-padding-74, .u-p-74,
.up-padding-74, .up-p-74 {
  padding: 2.3125rem !important;
}
.u-m-l-74,
.up-m-l-74 {
  margin-left: 2.3125rem !important;
}
.u-p-l-74,
.up-p-l-74 {
  padding-left: 2.3125rem !important;
}
.u-margin-left-74,
.up-margin-left-74 {
  margin-left: 2.3125rem !important;
}
.u-padding-left-74,
.up-padding-left-74 {
  padding-left: 2.3125rem !important;
}
.u-m-t-74,
.up-m-t-74 {
  margin-top: 2.3125rem !important;
}
.u-p-t-74,
.up-p-t-74 {
  padding-top: 2.3125rem !important;
}
.u-margin-top-74,
.up-margin-top-74 {
  margin-top: 2.3125rem !important;
}
.u-padding-top-74,
.up-padding-top-74 {
  padding-top: 2.3125rem !important;
}
.u-m-r-74,
.up-m-r-74 {
  margin-right: 2.3125rem !important;
}
.u-p-r-74,
.up-p-r-74 {
  padding-right: 2.3125rem !important;
}
.u-margin-right-74,
.up-margin-right-74 {
  margin-right: 2.3125rem !important;
}
.u-padding-right-74,
.up-padding-right-74 {
  padding-right: 2.3125rem !important;
}
.u-m-b-74,
.up-m-b-74 {
  margin-bottom: 2.3125rem !important;
}
.u-p-b-74,
.up-p-b-74 {
  padding-bottom: 2.3125rem !important;
}
.u-margin-bottom-74,
.up-margin-bottom-74 {
  margin-bottom: 2.3125rem !important;
}
.u-padding-bottom-74,
.up-padding-bottom-74 {
  padding-bottom: 2.3125rem !important;
}
.u-margin-75, .u-m-75,
.up-margin-75, .up-m-75 {
  margin: 2.34375rem !important;
}
.u-padding-75, .u-p-75,
.up-padding-75, .up-p-75 {
  padding: 2.34375rem !important;
}
.u-m-l-75,
.up-m-l-75 {
  margin-left: 2.34375rem !important;
}
.u-p-l-75,
.up-p-l-75 {
  padding-left: 2.34375rem !important;
}
.u-margin-left-75,
.up-margin-left-75 {
  margin-left: 2.34375rem !important;
}
.u-padding-left-75,
.up-padding-left-75 {
  padding-left: 2.34375rem !important;
}
.u-m-t-75,
.up-m-t-75 {
  margin-top: 2.34375rem !important;
}
.u-p-t-75,
.up-p-t-75 {
  padding-top: 2.34375rem !important;
}
.u-margin-top-75,
.up-margin-top-75 {
  margin-top: 2.34375rem !important;
}
.u-padding-top-75,
.up-padding-top-75 {
  padding-top: 2.34375rem !important;
}
.u-m-r-75,
.up-m-r-75 {
  margin-right: 2.34375rem !important;
}
.u-p-r-75,
.up-p-r-75 {
  padding-right: 2.34375rem !important;
}
.u-margin-right-75,
.up-margin-right-75 {
  margin-right: 2.34375rem !important;
}
.u-padding-right-75,
.up-padding-right-75 {
  padding-right: 2.34375rem !important;
}
.u-m-b-75,
.up-m-b-75 {
  margin-bottom: 2.34375rem !important;
}
.u-p-b-75,
.up-p-b-75 {
  padding-bottom: 2.34375rem !important;
}
.u-margin-bottom-75,
.up-margin-bottom-75 {
  margin-bottom: 2.34375rem !important;
}
.u-padding-bottom-75,
.up-padding-bottom-75 {
  padding-bottom: 2.34375rem !important;
}
.u-margin-76, .u-m-76,
.up-margin-76, .up-m-76 {
  margin: 2.375rem !important;
}
.u-padding-76, .u-p-76,
.up-padding-76, .up-p-76 {
  padding: 2.375rem !important;
}
.u-m-l-76,
.up-m-l-76 {
  margin-left: 2.375rem !important;
}
.u-p-l-76,
.up-p-l-76 {
  padding-left: 2.375rem !important;
}
.u-margin-left-76,
.up-margin-left-76 {
  margin-left: 2.375rem !important;
}
.u-padding-left-76,
.up-padding-left-76 {
  padding-left: 2.375rem !important;
}
.u-m-t-76,
.up-m-t-76 {
  margin-top: 2.375rem !important;
}
.u-p-t-76,
.up-p-t-76 {
  padding-top: 2.375rem !important;
}
.u-margin-top-76,
.up-margin-top-76 {
  margin-top: 2.375rem !important;
}
.u-padding-top-76,
.up-padding-top-76 {
  padding-top: 2.375rem !important;
}
.u-m-r-76,
.up-m-r-76 {
  margin-right: 2.375rem !important;
}
.u-p-r-76,
.up-p-r-76 {
  padding-right: 2.375rem !important;
}
.u-margin-right-76,
.up-margin-right-76 {
  margin-right: 2.375rem !important;
}
.u-padding-right-76,
.up-padding-right-76 {
  padding-right: 2.375rem !important;
}
.u-m-b-76,
.up-m-b-76 {
  margin-bottom: 2.375rem !important;
}
.u-p-b-76,
.up-p-b-76 {
  padding-bottom: 2.375rem !important;
}
.u-margin-bottom-76,
.up-margin-bottom-76 {
  margin-bottom: 2.375rem !important;
}
.u-padding-bottom-76,
.up-padding-bottom-76 {
  padding-bottom: 2.375rem !important;
}
.u-margin-78, .u-m-78,
.up-margin-78, .up-m-78 {
  margin: 2.4375rem !important;
}
.u-padding-78, .u-p-78,
.up-padding-78, .up-p-78 {
  padding: 2.4375rem !important;
}
.u-m-l-78,
.up-m-l-78 {
  margin-left: 2.4375rem !important;
}
.u-p-l-78,
.up-p-l-78 {
  padding-left: 2.4375rem !important;
}
.u-margin-left-78,
.up-margin-left-78 {
  margin-left: 2.4375rem !important;
}
.u-padding-left-78,
.up-padding-left-78 {
  padding-left: 2.4375rem !important;
}
.u-m-t-78,
.up-m-t-78 {
  margin-top: 2.4375rem !important;
}
.u-p-t-78,
.up-p-t-78 {
  padding-top: 2.4375rem !important;
}
.u-margin-top-78,
.up-margin-top-78 {
  margin-top: 2.4375rem !important;
}
.u-padding-top-78,
.up-padding-top-78 {
  padding-top: 2.4375rem !important;
}
.u-m-r-78,
.up-m-r-78 {
  margin-right: 2.4375rem !important;
}
.u-p-r-78,
.up-p-r-78 {
  padding-right: 2.4375rem !important;
}
.u-margin-right-78,
.up-margin-right-78 {
  margin-right: 2.4375rem !important;
}
.u-padding-right-78,
.up-padding-right-78 {
  padding-right: 2.4375rem !important;
}
.u-m-b-78,
.up-m-b-78 {
  margin-bottom: 2.4375rem !important;
}
.u-p-b-78,
.up-p-b-78 {
  padding-bottom: 2.4375rem !important;
}
.u-margin-bottom-78,
.up-margin-bottom-78 {
  margin-bottom: 2.4375rem !important;
}
.u-padding-bottom-78,
.up-padding-bottom-78 {
  padding-bottom: 2.4375rem !important;
}
.u-margin-80, .u-m-80,
.up-margin-80, .up-m-80 {
  margin: 2.5rem !important;
}
.u-padding-80, .u-p-80,
.up-padding-80, .up-p-80 {
  padding: 2.5rem !important;
}
.u-m-l-80,
.up-m-l-80 {
  margin-left: 2.5rem !important;
}
.u-p-l-80,
.up-p-l-80 {
  padding-left: 2.5rem !important;
}
.u-margin-left-80,
.up-margin-left-80 {
  margin-left: 2.5rem !important;
}
.u-padding-left-80,
.up-padding-left-80 {
  padding-left: 2.5rem !important;
}
.u-m-t-80,
.up-m-t-80 {
  margin-top: 2.5rem !important;
}
.u-p-t-80,
.up-p-t-80 {
  padding-top: 2.5rem !important;
}
.u-margin-top-80,
.up-margin-top-80 {
  margin-top: 2.5rem !important;
}
.u-padding-top-80,
.up-padding-top-80 {
  padding-top: 2.5rem !important;
}
.u-m-r-80,
.up-m-r-80 {
  margin-right: 2.5rem !important;
}
.u-p-r-80,
.up-p-r-80 {
  padding-right: 2.5rem !important;
}
.u-margin-right-80,
.up-margin-right-80 {
  margin-right: 2.5rem !important;
}
.u-padding-right-80,
.up-padding-right-80 {
  padding-right: 2.5rem !important;
}
.u-m-b-80,
.up-m-b-80 {
  margin-bottom: 2.5rem !important;
}
.u-p-b-80,
.up-p-b-80 {
  padding-bottom: 2.5rem !important;
}
.u-margin-bottom-80,
.up-margin-bottom-80 {
  margin-bottom: 2.5rem !important;
}
.u-padding-bottom-80,
.up-padding-bottom-80 {
  padding-bottom: 2.5rem !important;
}
.u-primary-light {
  color: #ecf5ff;
}
.u-warning-light {
  color: #fdf6ec;
}
.u-success-light {
  color: #f5fff0;
}
.u-error-light {
  color: #fef0f0;
}
.u-info-light {
  color: #f4f4f5;
}
.u-primary-light-bg {
  background-color: #ecf5ff;
}
.u-warning-light-bg {
  background-color: #fdf6ec;
}
.u-success-light-bg {
  background-color: #f5fff0;
}
.u-error-light-bg {
  background-color: #fef0f0;
}
.u-info-light-bg {
  background-color: #f4f4f5;
}
.u-primary-dark {
  color: #398ade;
}
.u-warning-dark {
  color: #f1a532;
}
.u-success-dark {
  color: #53c21d;
}
.u-error-dark {
  color: #e45656;
}
.u-info-dark {
  color: #767a82;
}
.u-primary-dark-bg {
  background-color: #398ade;
}
.u-warning-dark-bg {
  background-color: #f1a532;
}
.u-success-dark-bg {
  background-color: #53c21d;
}
.u-error-dark-bg {
  background-color: #e45656;
}
.u-info-dark-bg {
  background-color: #767a82;
}
.u-primary-disabled {
  color: #9acafc;
}
.u-warning-disabled {
  color: #f9d39b;
}
.u-success-disabled {
  color: #a9e08f;
}
.u-error-disabled {
  color: #f7b2b2;
}
.u-info-disabled {
  color: #c4c6c9;
}
.u-primary {
  color: #3c9cff;
}
.u-warning {
  color: #f9ae3d;
}
.u-success {
  color: #5ac725;
}
.u-error {
  color: #f56c6c;
}
.u-info {
  color: #909399;
}
.u-primary-bg {
  background-color: #3c9cff;
}
.u-warning-bg {
  background-color: #f9ae3d;
}
.u-success-bg {
  background-color: #5ac725;
}
.u-error-bg {
  background-color: #f56c6c;
}
.u-info-bg {
  background-color: #909399;
}
.u-main-color {
  color: #303133;
}
.u-content-color {
  color: #606266;
}
.u-tips-color {
  color: #909193;
}
.u-light-color {
  color: #c0c4cc;
}
.up-primary-light {
  color: #ecf5ff;
}
.up-warning-light {
  color: #fdf6ec;
}
.up-success-light {
  color: #f5fff0;
}
.up-error-light {
  color: #fef0f0;
}
.up-info-light {
  color: #f4f4f5;
}
.up-primary-light-bg {
  background-color: #ecf5ff;
}
.up-warning-light-bg {
  background-color: #fdf6ec;
}
.up-success-light-bg {
  background-color: #f5fff0;
}
.up-error-light-bg {
  background-color: #fef0f0;
}
.up-info-light-bg {
  background-color: #f4f4f5;
}
.up-primary-dark {
  color: #398ade;
}
.up-warning-dark {
  color: #f1a532;
}
.up-success-dark {
  color: #53c21d;
}
.up-error-dark {
  color: #e45656;
}
.up-info-dark {
  color: #767a82;
}
.up-primary-dark-bg {
  background-color: #398ade;
}
.up-warning-dark-bg {
  background-color: #f1a532;
}
.up-success-dark-bg {
  background-color: #53c21d;
}
.up-error-dark-bg {
  background-color: #e45656;
}
.up-info-dark-bg {
  background-color: #767a82;
}
.up-primary-disabled {
  color: #9acafc;
}
.up-warning-disabled {
  color: #f9d39b;
}
.up-success-disabled {
  color: #a9e08f;
}
.up-error-disabled {
  color: #f7b2b2;
}
.up-info-disabled {
  color: #c4c6c9;
}
.up-primary {
  color: #3c9cff;
}
.up-warning {
  color: #f9ae3d;
}
.up-success {
  color: #5ac725;
}
.up-error {
  color: #f56c6c;
}
.up-info {
  color: #909399;
}
.up-primary-bg {
  background-color: #3c9cff;
}
.up-warning-bg {
  background-color: #f9ae3d;
}
.up-success-bg {
  background-color: #5ac725;
}
.up-error-bg {
  background-color: #f56c6c;
}
.up-info-bg {
  background-color: #909399;
}
.up-main-color {
  color: #303133;
}
.up-content-color {
  color: #606266;
}
.up-tips-color {
  color: #909193;
}
.up-light-color {
  color: #c0c4cc;
}
.u-safe-area-inset-top,
.up-safe-area-inset-top {
  padding-top: 0;
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}
.u-safe-area-inset-right,
.up-safe-area-inset-right {
  padding-right: 0;
  padding-right: constant(safe-area-inset-right);
  padding-right: env(safe-area-inset-right);
}
.u-safe-area-inset-bottom,
.up-safe-area-inset-bottom {
  padding-bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.u-safe-area-inset-left,
.up-safe-area-inset-left {
  padding-left: 0;
  padding-left: constant(safe-area-inset-left);
  padding-left: env(safe-area-inset-left);
}
uni-toast {
  z-index: 10090;
}
uni-toast .uni-toast {
  z-index: 10090;
}
::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
  -webkit-appearance: none;
  background: transparent;
}
.m-auto {
  margin: 0 auto;
}
.wrap {
  flex-wrap: wrap;
}
.nowrap {
  flex-wrap: nowrap;
}
.column {
  flex-direction: column;
}
.flex-1 {
  flex: 1;
}
.mh-100 {
  min-height: 100vh;
}
.dis {
  display: flex;
}
.text-l1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cursor {
  cursor: pointer;
}
.text-ellipsis-2 {
  white-space: wrap;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  /* 显示的行数 */
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-3 {
  white-space: wrap;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  /* 显示的行数 */
  overflow: hidden;
  text-overflow: ellipsis;
}
/* 数值原子类改由白名单生成(见 scripts/generate-atomic-classes.js),
   替代原先 0~500 / 0~10000 两个 @for 循环——旧循环生成约 3.4 万条规则,
   使全局 app.css 膨胀到 1MB+,每个页面 WebView 创建时都要重新解析,拖慢切页。
   类名与旧循环产物一一对应,仅去除未使用的档位;用到新档位后重新执行脚本即可。 */
/**
 * 本文件由 scripts/generate-atomic-classes.js 自动生成,请勿手改。
 * 来源:扫描 pages/components/uni_modules 等源码中实际出现的数值原子类。
 * 新增原子类用法后重新执行: node scripts/generate-atomic-classes.js
 */
.vw-100 {
  width: 100vw;
}
.pl-24 {
  padding-left: 0.75rem;
}
.pl-28 {
  padding-left: 0.875rem;
}
.pl-48 {
  padding-left: 1.5rem;
}
.pr-24 {
  padding-right: 0.75rem;
}
.pr-48 {
  padding-right: 1.5rem;
}
.pt-40 {
  padding-top: 1.25rem;
}
.pb-16 {
  padding-bottom: 0.5rem;
}
.pb-18 {
  padding-bottom: 0.5625rem;
}
.ml-2 {
  margin-left: 0.0625rem;
}
.ml-16 {
  margin-left: 0.5rem;
}
.mr-10 {
  margin-right: 0.3125rem;
}
.mt-6 {
  margin-top: 0.1875rem;
}
.mt-12 {
  margin-top: 0.375rem;
}
.mt-14 {
  margin-top: 0.4375rem;
}
.mt-36 {
  margin-top: 1.125rem;
}
.mb-6 {
  margin-bottom: 0.1875rem;
}
.mb-10 {
  margin-bottom: 0.3125rem;
}
.mb-16 {
  margin-bottom: 0.5rem;
}
.p-24 {
  padding: 0.75rem;
}
.mx-24 {
  margin-right: 0.75rem;
  margin-left: 0.75rem;
}
.fs-18 {
  font-size: 0.5625rem;
}
.fs-20 {
  font-size: 0.625rem;
}
.fs-22 {
  font-size: 0.6875rem;
}
.fs-24 {
  font-size: 0.75rem;
}
.fs-26 {
  font-size: 0.8125rem;
}
.fs-28 {
  font-size: 0.875rem;
}
.fs-30 {
  font-size: 0.9375rem;
}
.fs-32 {
  font-size: 1rem;
}
.fs-34 {
  font-size: 1.0625rem;
}
.fs-36 {
  font-size: 1.125rem;
}
.fs-40 {
  font-size: 1.25rem;
}
.fs-44 {
  font-size: 1.375rem;
}
.fs-46 {
  font-size: 1.4375rem;
}
.fs-50 {
  font-size: 1.5625rem;
}
.fs-60 {
  font-size: 1.875rem;
}
.fs-70 {
  font-size: 2.1875rem;
}
.w-24 {
  width: 0.75rem;
}
.w-36 {
  width: 1.125rem;
}
.w-90 {
  width: 2.8125rem;
}
.w-184 {
  width: 5.75rem;
}
.w-200 {
  width: 6.25rem;
}
.w-600 {
  width: 18.75rem;
}
.h-1 {
  height: 0.03125rem;
}
.h-24 {
  height: 0.75rem;
}
.h-34 {
  height: 1.0625rem;
}
.h-40 {
  height: 1.25rem;
}
.h-44 {
  height: 1.375rem;
}
.h-90 {
  height: 2.8125rem;
}
.h-100 {
  height: 3.125rem;
}
.h-104 {
  height: 3.25rem;
}
.top-0 {
  top: 0;
}
.top-4 {
  top: 0.125rem;
}
.top-12 {
  top: 0.375rem;
}
.top-16 {
  top: 0.5rem;
}
.top-24 {
  top: 0.75rem;
}
.top-50 {
  top: 1.5625rem;
}
.bottom-0 {
  bottom: 0;
}
.bottom-40 {
  bottom: 1.25rem;
}
.left-0 {
  left: 0;
}
.left-16 {
  left: 0.5rem;
}
.left-156 {
  left: 4.875rem;
}
.right-0 {
  right: 0;
}
.right-24 {
  right: 0.75rem;
}
.right-52 {
  right: 1.625rem;
}
.br-4 {
  border-radius: 0.125rem;
}
.br-8 {
  border-radius: 0.25rem;
}
.br-10 {
  border-radius: 0.3125rem;
}
.br-12 {
  border-radius: 0.375rem;
}
.br-16 {
  border-radius: 0.5rem;
}
.br-18 {
  border-radius: 0.5625rem;
}
.br-24 {
  border-radius: 0.75rem;
}
.br-28 {
  border-radius: 0.875rem;
}
.br-32 {
  border-radius: 1rem;
}
.br-36 {
  border-radius: 1.125rem;
}
.br-40 {
  border-radius: 1.25rem;
}
.br-50 {
  border-radius: 1.5625rem;
}
.fw-400 {
  font-weight: 400;
}
.fw-500 {
  font-weight: 500;
}
.fw-800 {
  font-weight: 800;
}
.fw-600 {
  font-weight: 600;
}
.fw-bold {
  font-weight: bold;
}
.fw-bolder {
  font-weight: bolder;
}
.bg-F2F3F7 {
  background-color: #F2F3F7;
}
.cl-F2F3F7 {
  color: #F2F3F7;
}
.border-F2F3F7 {
  border-width: 0.03125rem;
  border-color: #F2F3F7;
  border-style: solid;
}
.border-bottom-F2F3F7 {
  border-bottom: 0.03125rem solid #F2F3F7;
}
.border2-F2F3F7 {
  border-width: 0.0625rem;
  border-color: #F2F3F7;
  border-style: solid;
}
.bg-F8C48E {
  background-color: #F8C48E;
}
.cl-F8C48E {
  color: #F8C48E;
}
.border-F8C48E {
  border-width: 0.03125rem;
  border-color: #F8C48E;
  border-style: solid;
}
.border-bottom-F8C48E {
  border-bottom: 0.03125rem solid #F8C48E;
}
.border2-F8C48E {
  border-width: 0.0625rem;
  border-color: #F8C48E;
  border-style: solid;
}
.bg-666 {
  background-color: #666;
}
.cl-666 {
  color: #666;
}
.border-666 {
  border-width: 0.03125rem;
  border-color: #666;
  border-style: solid;
}
.border-bottom-666 {
  border-bottom: 0.03125rem solid #666;
}
.border2-666 {
  border-width: 0.0625rem;
  border-color: #666;
  border-style: solid;
}
.bg-E0AF8D {
  background-color: #E0AF8D;
}
.cl-E0AF8D {
  color: #E0AF8D;
}
.border-E0AF8D {
  border-width: 0.03125rem;
  border-color: #E0AF8D;
  border-style: solid;
}
.border-bottom-E0AF8D {
  border-bottom: 0.03125rem solid #E0AF8D;
}
.border2-E0AF8D {
  border-width: 0.0625rem;
  border-color: #E0AF8D;
  border-style: solid;
}
.bg-4A5F7C {
  background-color: #4A5F7C;
}
.cl-4A5F7C {
  color: #4A5F7C;
}
.border-4A5F7C {
  border-width: 0.03125rem;
  border-color: #4A5F7C;
  border-style: solid;
}
.border-bottom-4A5F7C {
  border-bottom: 0.03125rem solid #4A5F7C;
}
.border2-4A5F7C {
  border-width: 0.0625rem;
  border-color: #4A5F7C;
  border-style: solid;
}
.bg-999 {
  background-color: #999;
}
.cl-999 {
  color: #999;
}
.border-999 {
  border-width: 0.03125rem;
  border-color: #999;
  border-style: solid;
}
.border-bottom-999 {
  border-bottom: 0.03125rem solid #999;
}
.border2-999 {
  border-width: 0.0625rem;
  border-color: #999;
  border-style: solid;
}
.bg-FFF {
  background-color: #FFF;
}
.cl-FFF {
  color: #FFF;
}
.border-FFF {
  border-width: 0.03125rem;
  border-color: #FFF;
  border-style: solid;
}
.border-bottom-FFF {
  border-bottom: 0.03125rem solid #FFF;
}
.border2-FFF {
  border-width: 0.0625rem;
  border-color: #FFF;
  border-style: solid;
}
.bg-202020 {
  background-color: #202020;
}
.cl-202020 {
  color: #202020;
}
.border-202020 {
  border-width: 0.03125rem;
  border-color: #202020;
  border-style: solid;
}
.border-bottom-202020 {
  border-bottom: 0.03125rem solid #202020;
}
.border2-202020 {
  border-width: 0.0625rem;
  border-color: #202020;
  border-style: solid;
}
.bg-D5D7D6 {
  background-color: #D5D7D6;
}
.cl-D5D7D6 {
  color: #D5D7D6;
}
.border-D5D7D6 {
  border-width: 0.03125rem;
  border-color: #D5D7D6;
  border-style: solid;
}
.border-bottom-D5D7D6 {
  border-bottom: 0.03125rem solid #D5D7D6;
}
.border2-D5D7D6 {
  border-width: 0.0625rem;
  border-color: #D5D7D6;
  border-style: solid;
}
.bg-FD3907 {
  background-color: #FD3907;
}
.cl-FD3907 {
  color: #FD3907;
}
.border-FD3907 {
  border-width: 0.03125rem;
  border-color: #FD3907;
  border-style: solid;
}
.border-bottom-FD3907 {
  border-bottom: 0.03125rem solid #FD3907;
}
.border2-FD3907 {
  border-width: 0.0625rem;
  border-color: #FD3907;
  border-style: solid;
}
.bg-384FC {
  background-color: #384FC;
}
.cl-384FC {
  color: #384FC;
}
.border-384FC {
  border-width: 0.03125rem;
  border-color: #384FC;
  border-style: solid;
}
.border-bottom-384FC {
  border-bottom: 0.03125rem solid #384FC;
}
.border2-384FC {
  border-width: 0.0625rem;
  border-color: #384FC;
  border-style: solid;
}
.bg-800000000F93 {
  background-color: #800000000F93;
}
.cl-800000000F93 {
  color: #800000000F93;
}
.border-800000000F93 {
  border-width: 0.03125rem;
  border-color: #800000000F93;
  border-style: solid;
}
.border-bottom-800000000F93 {
  border-bottom: 0.03125rem solid #800000000F93;
}
.border2-800000000F93 {
  border-width: 0.0625rem;
  border-color: #800000000F93;
  border-style: solid;
}
.bg-161927 {
  background-color: #161927;
}
.cl-161927 {
  color: #161927;
}
.border-161927 {
  border-width: 0.03125rem;
  border-color: #161927;
  border-style: solid;
}
.border-bottom-161927 {
  border-bottom: 0.03125rem solid #161927;
}
.border2-161927 {
  border-width: 0.0625rem;
  border-color: #161927;
  border-style: solid;
}
.bg-424CF2 {
  background-color: #424CF2;
}
.cl-424CF2 {
  color: #424CF2;
}
.border-424CF2 {
  border-width: 0.03125rem;
  border-color: #424CF2;
  border-style: solid;
}
.border-bottom-424CF2 {
  border-bottom: 0.03125rem solid #424CF2;
}
.border2-424CF2 {
  border-width: 0.0625rem;
  border-color: #424CF2;
  border-style: solid;
}
.bg-777A84 {
  background-color: #777A84;
}
.cl-777A84 {
  color: #777A84;
}
.border-777A84 {
  border-width: 0.03125rem;
  border-color: #777A84;
  border-style: solid;
}
.border-bottom-777A84 {
  border-bottom: 0.03125rem solid #777A84;
}
.border2-777A84 {
  border-width: 0.0625rem;
  border-color: #777A84;
  border-style: solid;
}
.bg-333 {
  background-color: #333;
}
.cl-333 {
  color: #333;
}
.border-333 {
  border-width: 0.03125rem;
  border-color: #333;
  border-style: solid;
}
.border-bottom-333 {
  border-bottom: 0.03125rem solid #333;
}
.border2-333 {
  border-width: 0.0625rem;
  border-color: #333;
  border-style: solid;
}
.bg-FC6F2A {
  background-color: #FC6F2A;
}
.cl-FC6F2A {
  color: #FC6F2A;
}
.border-FC6F2A {
  border-width: 0.03125rem;
  border-color: #FC6F2A;
  border-style: solid;
}
.border-bottom-FC6F2A {
  border-bottom: 0.03125rem solid #FC6F2A;
}
.border2-FC6F2A {
  border-width: 0.0625rem;
  border-color: #FC6F2A;
  border-style: solid;
}
.bg-FF0000 {
  background-color: #FF0000;
}
.cl-FF0000 {
  color: #FF0000;
}
.border-FF0000 {
  border-width: 0.03125rem;
  border-color: #FF0000;
  border-style: solid;
}
.border-bottom-FF0000 {
  border-bottom: 0.03125rem solid #FF0000;
}
.border2-FF0000 {
  border-width: 0.0625rem;
  border-color: #FF0000;
  border-style: solid;
}
.bg-0D77FF {
  background-color: #0D77FF;
}
.cl-0D77FF {
  color: #0D77FF;
}
.border-0D77FF {
  border-width: 0.03125rem;
  border-color: #0D77FF;
  border-style: solid;
}
.border-bottom-0D77FF {
  border-bottom: 0.03125rem solid #0D77FF;
}
.border2-0D77FF {
  border-width: 0.0625rem;
  border-color: #0D77FF;
  border-style: solid;
}
.bg-512C19 {
  background-color: #512C19;
}
.cl-512C19 {
  color: #512C19;
}
.border-512C19 {
  border-width: 0.03125rem;
  border-color: #512C19;
  border-style: solid;
}
.border-bottom-512C19 {
  border-bottom: 0.03125rem solid #512C19;
}
.border2-512C19 {
  border-width: 0.0625rem;
  border-color: #512C19;
  border-style: solid;
}
.bg-FF8700 {
  background-color: #FF8700;
}
.cl-FF8700 {
  color: #FF8700;
}
.border-FF8700 {
  border-width: 0.03125rem;
  border-color: #FF8700;
  border-style: solid;
}
.border-bottom-FF8700 {
  border-bottom: 0.03125rem solid #FF8700;
}
.border2-FF8700 {
  border-width: 0.0625rem;
  border-color: #FF8700;
  border-style: solid;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
}
.align-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.text-center {
  text-align: center;
}
.align-flex-end {
  align-items: flex-end;
}
.justify-flex-end {
  justify-content: flex-end;
}
.text-flex-end {
  text-align: flex-end;
}
.align-flex-start {
  align-items: flex-start;
}
.justify-flex-start {
  justify-content: flex-start;
}
.text-flex-start {
  text-align: flex-start;
}
.align-end {
  align-items: end;
}
.justify-end {
  justify-content: end;
}
.text-end {
  text-align: end;
}
.align-space-between {
  align-items: space-between;
}
.justify-space-between {
  justify-content: space-between;
}
.text-space-between {
  text-align: space-between;
}
.align-space-around {
  align-items: space-around;
}
.justify-space-around {
  justify-content: space-around;
}
.text-space-around {
  text-align: space-around;
}
.align-space-evenly {
  align-items: space-evenly;
}
.justify-space-evenly {
  justify-content: space-evenly;
}
.text-space-evenly {
  text-align: space-evenly;
}
.align-right {
  align-items: right;
}
.justify-right {
  justify-content: right;
}
.text-right {
  text-align: right;
}
/* 统一按压反馈:给可点击 view 加 hover-class="xdl-press"(或深色底 xdl-press-bg),
   保持全局一致的按下反馈与抬起回弹,提升“丝滑感”。 */
.xdl-press {
  opacity: 0.7;
}
.xdl-press-bg {
  background-color: rgba(0, 0, 0, 0.05);
}
.wp-10 {
  width: 10%;
}
.hp-10 {
  height: 10%;
}
.tp-10 {
  top: 10%;
}
.lp-10 {
  left: 10%;
}
.wp-20 {
  width: 20%;
}
.hp-20 {
  height: 20%;
}
.tp-20 {
  top: 20%;
}
.lp-20 {
  left: 20%;
}
.wp-25 {
  width: 25%;
}
.hp-25 {
  height: 25%;
}
.tp-25 {
  top: 25%;
}
.lp-25 {
  left: 25%;
}
.wp-50 {
  width: 50%;
}
.hp-50 {
  height: 50%;
}
.tp-50 {
  top: 50%;
}
.lp-50 {
  left: 50%;
}
.wp-55 {
  width: 55%;
}
.hp-55 {
  height: 55%;
}
.tp-55 {
  top: 55%;
}
.lp-55 {
  left: 55%;
}
.wp-60 {
  width: 60%;
}
.hp-60 {
  height: 60%;
}
.tp-60 {
  top: 60%;
}
.lp-60 {
  left: 60%;
}
.wp-65 {
  width: 65%;
}
.hp-65 {
  height: 65%;
}
.tp-65 {
  top: 65%;
}
.lp-65 {
  left: 65%;
}
.wp-70 {
  width: 70%;
}
.hp-70 {
  height: 70%;
}
.tp-70 {
  top: 70%;
}
.lp-70 {
  left: 70%;
}
.wp-75 {
  width: 75%;
}
.hp-75 {
  height: 75%;
}
.tp-75 {
  top: 75%;
}
.lp-75 {
  left: 75%;
}
.wp-80 {
  width: 80%;
}
.hp-80 {
  height: 80%;
}
.tp-80 {
  top: 80%;
}
.lp-80 {
  left: 80%;
}
.wp-85 {
  width: 85%;
}
.hp-85 {
  height: 85%;
}
.tp-85 {
  top: 85%;
}
.lp-85 {
  left: 85%;
}
.wp-88 {
  width: 88%;
}
.hp-88 {
  height: 88%;
}
.tp-88 {
  top: 88%;
}
.lp-88 {
  left: 88%;
}
.wp-90 {
  width: 90%;
}
.hp-90 {
  height: 90%;
}
.tp-90 {
  top: 90%;
}
.lp-90 {
  left: 90%;
}
.wp-95 {
  width: 95%;
}
.hp-95 {
  height: 95%;
}
.tp-95 {
  top: 95%;
}
.lp-95 {
  left: 95%;
}
.wp-100 {
  width: 100%;
}
.hp-100 {
  height: 100%;
}
.tp-100 {
  top: 100%;
}
.lp-100 {
  left: 100%;
}
.wp-110 {
  width: 110%;
}
.hp-110 {
  height: 110%;
}
.tp-110 {
  top: 110%;
}
.lp-110 {
  left: 110%;
}
.wp-120 {
  width: 120%;
}
.hp-120 {
  height: 120%;
}
.tp-120 {
  top: 120%;
}
.lp-120 {
  left: 120%;
}
.z-0 {
  z-index: 0;
}
.text-0 {
  display: -webkit-box;
  /* 使用弹性盒子模型 */
  -webkit-box-orient: vertical;
  /* 垂直排列子元素 */
  -webkit-line-clamp: 0;
  /* 限制文本显示为两行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 省略号效果 */
}
.grid-0 {
  display: grid;
  grid-template-columns: repeat(0, 0fr);
}
.z-1 {
  z-index: 1;
}
.text-1 {
  display: -webkit-box;
  /* 使用弹性盒子模型 */
  -webkit-box-orient: vertical;
  /* 垂直排列子元素 */
  -webkit-line-clamp: 1;
  /* 限制文本显示为两行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 省略号效果 */
}
.grid-1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
.z-2 {
  z-index: 2;
}
.text-2 {
  display: -webkit-box;
  /* 使用弹性盒子模型 */
  -webkit-box-orient: vertical;
  /* 垂直排列子元素 */
  -webkit-line-clamp: 2;
  /* 限制文本显示为两行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 省略号效果 */
}
.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 2fr);
}
.z-3 {
  z-index: 3;
}
.text-3 {
  display: -webkit-box;
  /* 使用弹性盒子模型 */
  -webkit-box-orient: vertical;
  /* 垂直排列子元素 */
  -webkit-line-clamp: 3;
  /* 限制文本显示为两行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 省略号效果 */
}
.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 3fr);
}
.z-4 {
  z-index: 4;
}
.text-4 {
  display: -webkit-box;
  /* 使用弹性盒子模型 */
  -webkit-box-orient: vertical;
  /* 垂直排列子元素 */
  -webkit-line-clamp: 4;
  /* 限制文本显示为两行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 省略号效果 */
}
.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 4fr);
}
.z-5 {
  z-index: 5;
}
.text-5 {
  display: -webkit-box;
  /* 使用弹性盒子模型 */
  -webkit-box-orient: vertical;
  /* 垂直排列子元素 */
  -webkit-line-clamp: 5;
  /* 限制文本显示为两行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 省略号效果 */
}
.grid-5 {
  display: grid;
  grid-template-columns: repeat(5, 5fr);
}
.z-6 {
  z-index: 6;
}
.text-6 {
  display: -webkit-box;
  /* 使用弹性盒子模型 */
  -webkit-box-orient: vertical;
  /* 垂直排列子元素 */
  -webkit-line-clamp: 6;
  /* 限制文本显示为两行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 省略号效果 */
}
.grid-6 {
  display: grid;
  grid-template-columns: repeat(6, 6fr);
}
.z-7 {
  z-index: 7;
}
.text-7 {
  display: -webkit-box;
  /* 使用弹性盒子模型 */
  -webkit-box-orient: vertical;
  /* 垂直排列子元素 */
  -webkit-line-clamp: 7;
  /* 限制文本显示为两行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 省略号效果 */
}
.grid-7 {
  display: grid;
  grid-template-columns: repeat(7, 7fr);
}
.z-8 {
  z-index: 8;
}
.text-8 {
  display: -webkit-box;
  /* 使用弹性盒子模型 */
  -webkit-box-orient: vertical;
  /* 垂直排列子元素 */
  -webkit-line-clamp: 8;
  /* 限制文本显示为两行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 省略号效果 */
}
.grid-8 {
  display: grid;
  grid-template-columns: repeat(8, 8fr);
}
.z-9 {
  z-index: 9;
}
.text-9 {
  display: -webkit-box;
  /* 使用弹性盒子模型 */
  -webkit-box-orient: vertical;
  /* 垂直排列子元素 */
  -webkit-line-clamp: 9;
  /* 限制文本显示为两行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 省略号效果 */
}
.grid-9 {
  display: grid;
  grid-template-columns: repeat(9, 9fr);
}
.z-10 {
  z-index: 10;
}
.text-10 {
  display: -webkit-box;
  /* 使用弹性盒子模型 */
  -webkit-box-orient: vertical;
  /* 垂直排列子元素 */
  -webkit-line-clamp: 10;
  /* 限制文本显示为两行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 省略号效果 */
}
.grid-10 {
  display: grid;
  grid-template-columns: repeat(10, 10fr);
}
.z-16 {
  z-index: 16;
}
.text-16 {
  display: -webkit-box;
  /* 使用弹性盒子模型 */
  -webkit-box-orient: vertical;
  /* 垂直排列子元素 */
  -webkit-line-clamp: 16;
  /* 限制文本显示为两行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 省略号效果 */
}
.grid-16 {
  display: grid;
  grid-template-columns: repeat(16, 16fr);
}
.z-99 {
  z-index: 99;
}
.text-99 {
  display: -webkit-box;
  /* 使用弹性盒子模型 */
  -webkit-box-orient: vertical;
  /* 垂直排列子元素 */
  -webkit-line-clamp: 99;
  /* 限制文本显示为两行 */
  overflow: hidden;
  /* 超出部分隐藏 */
  text-overflow: ellipsis;
  /* 省略号效果 */
}
.grid-99 {
  display: grid;
  grid-template-columns: repeat(99, 99fr);
}
.border-box {
  box-sizing: border-box;
}
.nowrap {
  white-space: nowrap;
}
/* 居中弹窗：内容区统一 630rpx（H5 / App / Web 全平台） */
.u-popup--center .u-popup__content {
  width: 19.6875rem !important;
  max-width: 19.6875rem !important;
  flex: none !important;
  box-sizing: border-box;
}
.u-popup--center .u-popup__content .popup-head {
  width: 100% !important;
  box-sizing: border-box;
}
html {
  background-color: #f2f3f7;
}
body {
  max-width: 23.4375rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
#app,
uni-app {
  max-width: 23.4375rem;
  margin-left: auto;
  margin-right: auto;
}
uni-page,
uni-page-wrapper,
uni-page-body,
uni-page-body {
  width: 100% !important;
  max-width: 23.4375rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}
/* fixed 元素统一限制在 750rpx 内居中（position:fixed 相对视口，需单独约束） */
.h5-fixed-center {
  width: 23.4375rem !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}
/* 底部 tabbar（挂载在 #app 外，需覆盖 uni-app 的 window-left/right） */
.uni-tabbar-bottom,
.uni-tabbar-bottom .uni-tabbar,
body > .uni-tabbar-bottom {
  width: 23.4375rem !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
  transform: none !important;
}
/* H5 打开 App 引导条 */
.app-open-bar {
  width: 23.4375rem !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}
/* uView 遮罩：铺满视口（整屏变暗） */
.u-overlay {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  transform: none !important;
}
/*
 * uView 弹窗：根节点不限制宽度（避免 center/bottom 模式被压成窄条）
 * transition 层 fixed 全屏，内容区对齐 750rpx 页面宽度
 */
.u-popup > .u-transition,
.u-popup__content—transition {
  width: 100% !important;
  max-width: none !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 !important;
}
/* bottom/top/left/right 全宽弹窗内容区对齐页面宽度 */
.u-popup--bottom .u-popup__content,
.u-popup--top .u-popup__content,
.u-popup--left .u-popup__content,
.u-popup--right .u-popup__content {
  width: 100% !important;
  max-width: 23.4375rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}
/* 各业务底部弹窗头部背景图统一随内容区宽度 */
.u-popup--bottom .u-popup__content .popup-head,
.u-popup--top .u-popup__content .popup-head {
  width: 100% !important;
  box-sizing: border-box;
}
/* z-paging fixed 容器 */
.z-paging-content-fixed,
.zp-loading-fixed,
.zp-f2-content,
.zp-page-top,
.zp-page-bottom {
  width: 23.4375rem !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}
/* 返回顶部按钮在宽屏下仍保持在内容区右侧 */
.z-paging-content-fixed .zp-back-to-top-rpx,
.z-paging-content-fixed .zp-back-to-top-px {
  right: 0.78125rem !important;
}
/* 聊天页代练助手提示条 */
.launcher-banner {
  width: 23.4375rem !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
  width: calc(23.4375rem - 1.5rem) !important;
  max-width: calc(100% - 1.5rem) !important;
}
/* uView 导航栏（fixed 相对视口，宽屏需限制在内容区） */
.u-navbar--fixed {
  width: 23.4375rem !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}
/* uView mini 导航栏：宽屏时对齐内容区左侧 */
.u-navbar-mini--fixed {
  left: max(20px, (100vw - min(23.4375rem, 100vw)) / 2 + 20px) !important;
  right: auto !important;
}
/* 聊天页导航栏下拉菜单：宽屏时对齐内容区右侧 */
.chat-navbar-menu-dropdown {
  right: max(12px, (100vw - min(23.4375rem, 100vw)) / 2 + 12px) !important;
}
/* 订单详情页大标题（发单/接单详情状态文案） */
.order-page-header-title {
  flex: 1;
  min-width: 0;
  line-height: 1.25;
  word-break: break-all;
}
/* 页面底部操作栏（UnoCSS fixed bottom-0，如 goodsInfo / orderInfo 等） */
.fixed.bottom-0 {
  width: 23.4375rem !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
  transform: none !important;
}
/* 语义化底部栏（scoped 样式中的类名） */
.info-btn.fixed,
.contact-bar,
.fixed-cta,
.taker-action-bar {
  width: 23.4375rem !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
  transform: none !important;
}
/* 右侧悬浮联系按钮：宽屏时对齐内容区右侧 */
.contact-publisher-bar,
.contact-taker-bar {
  right: max(0.875rem, (100vw - min(23.4375rem, 100vw)) / 2 + 0.875rem) !important;
}
/* 聊天页底部成员面板：内容区居中，遮罩仍铺满视口 */
.group-member-sheet {
  max-width: 23.4375rem;
  margin-left: auto;
  margin-right: auto;
}
/* 代练盾静态演示页公共样式(全局,页面内不再重复定义) */
.dld-card {
  background: #fff;
  border-radius: 0.625rem;
}
.dld-hero {
  background: linear-gradient(125deg, #0d77ff, #2250e7);
  box-shadow: 0 0.375rem 1.25rem rgba(13, 119, 255, 0.18);
  color: #fff;
}
.dld-btn-primary {
  height: 2.8125rem;
  border-radius: 0.625rem;
  background: linear-gradient(105deg, #0d77ff, #59a2fe);
  color: #fff;
  font-size: 0.9375rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0.25rem 0.75rem rgba(13, 119, 255, 0.2);
}
.dld-btn-secondary {
  height: 2.8125rem;
  border-radius: 0.625rem;
  background: #edf3ff;
  color: #0d77ff;
  font-size: 0.9375rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dld-notice {
  background: #fff8ec;
  color: #a95200;
  font-size: 0.75rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
}
.dld-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.875rem 0;
  border-bottom: 0.03125rem solid #f0f2f6;
}
.dld-row__arrow {
  color: #c9d3e3;
  font-size: 0.875rem;
}
.dld-chip {
  padding: 0.3125rem 0.8125rem;
  border-radius: 0.9375rem;
  font-size: 0.75rem;
  background: #f0f2f6;
  color: #666;
}
.dld-chip--on {
  background: linear-gradient(105deg, #0d77ff, #59a2fe);
  color: #fff;
}
.ph-999 {
  color: #999;
}
uni-view,
uni-scroll-view,
uni-swiper,
uni-button,
uni-input,
uni-textarea,
uni-label,
uni-navigator,
uni-image {
  box-sizing: border-box;
}
body {
  background-color: #f2f3f7;
}
/* 全局统一字体栈:此前全项目无任何 font-family 声明,文本随各手机 ROM 默认字体
   (MiSans/HarmonyOS Sans/OPPO Sans/PingFang)漂移,换机型即换观感。
   统一声明后,iOS 落 PingFang,各安卓厂商优先用自家中文字体,其余归一到系统 sans,
   保证 App 内所有页面字体解析顺序一致。 */
/* 全局统一字体:内置 MiSans(启动时 loadAppFonts 注册),iOS/安卓/所有机型渲染同一款字体;
   字体未加载完成或加载失败时,按以下栈回退到各厂商原生字体。 */
uni-page-body,
uni-page-body,
body {
  font-family: "MiSans", -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "MiSans", "OPPO Sans", "OPPOSans", "vivo Sans", "Helvetica Neue", "Microsoft YaHei", "微软雅黑", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
uni-image > img {
  z-index: 1 !important;
}
.page-padd {
  padding-top: 0.9375rem;
}
uni-page-body,
html,
body,
uni-page-body {
  width: 100% !important;
  height: 100% !important;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-action-sheet-data__trigger[data-v-c3d69d7a] {
  position: relative;
}
.u-action-sheet-data__trigger__cover[data-v-c3d69d7a] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-reset-button[data-v-2903292d] {
  width: 100%;
}
.u-action-sheet[data-v-2903292d] {
  text-align: center;
}
.u-action-sheet__header[data-v-2903292d] {
  position: relative;
  padding: 12px 30px;
}
.u-action-sheet__header__title[data-v-2903292d] {
  font-size: 16px;
  color: #303133;
  font-weight: bold;
  text-align: center;
}
.u-action-sheet__header__icon-wrap[data-v-2903292d] {
  position: absolute;
  right: 15px;
  top: 15px;
}
.u-action-sheet__description[data-v-2903292d] {
  font-size: 13px;
  color: #909193;
  margin: 18px 15px;
  text-align: center;
}
.u-action-sheet__item-wrap__item[data-v-2903292d] {
  padding: 17px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.u-action-sheet__item-wrap__item__name[data-v-2903292d] {
  font-size: 16px;
  color: #303133;
  text-align: center;
}
.u-action-sheet__item-wrap__item__subname[data-v-2903292d] {
  font-size: 13px;
  color: #c0c4cc;
  margin-top: 10px;
  text-align: center;
}
.u-action-sheet__cancel-text[data-v-2903292d] {
  font-size: 16px;
  color: #606266;
  text-align: center;
}
.u-action-sheet--hover[data-v-2903292d] {
  background-color: #f2f3f5;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.agreement-content[data-v-ab2b76e7] {
  width: 100%;
  display: inline-block;
  flex-direction: column;
}
.agreement-content .agreement-url[data-v-ab2b76e7] {
  display: inline-block;
  color: blue;
  cursor: pointer;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-album[data-v-d14ef16b] {
  display: flex;
  flex-direction: column;
}
.u-album__row[data-v-d14ef16b] {
  display: flex;
  flex-direction: row;
}
.u-album__row__wrapper[data-v-d14ef16b] {
  position: relative;
}
.u-album__row__wrapper__text[data-v-d14ef16b] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-alert[data-v-93f3187b] {
  position: relative;
  background-color: #3c9cff;
  padding: 8px 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.u-alert--primary--dark[data-v-93f3187b] {
  background-color: #3c9cff;
}
.u-alert--primary--light[data-v-93f3187b] {
  background-color: #ecf5ff;
}
.u-alert--error--dark[data-v-93f3187b] {
  background-color: #f56c6c;
}
.u-alert--error--light[data-v-93f3187b] {
  background-color: #FEF0F0;
}
.u-alert--success--dark[data-v-93f3187b] {
  background-color: #5ac725;
}
.u-alert--success--light[data-v-93f3187b] {
  background-color: #f5fff0;
}
.u-alert--warning--dark[data-v-93f3187b] {
  background-color: #f9ae3d;
}
.u-alert--warning--light[data-v-93f3187b] {
  background-color: #FDF6EC;
}
.u-alert--info--dark[data-v-93f3187b] {
  background-color: #909399;
}
.u-alert--info--light[data-v-93f3187b] {
  background-color: #f4f4f5;
}
.u-alert__icon[data-v-93f3187b] {
  margin-right: 5px;
}
.u-alert__content[data-v-93f3187b] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.u-alert__content__title[data-v-93f3187b] {
  color: #303133;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 2px;
}
.u-alert__content__desc[data-v-93f3187b] {
  color: #303133;
  font-size: 14px;
  flex-wrap: wrap;
  color: #fff;
}
.u-alert__title--dark[data-v-93f3187b], .u-alert__desc--dark[data-v-93f3187b] {
  color: #FFFFFF;
}
.u-alert__text--primary--light[data-v-93f3187b], .u-alert__text--primary--light[data-v-93f3187b] {
  color: #3c9cff;
}
.u-alert__text--success--light[data-v-93f3187b], .u-alert__text--success--light[data-v-93f3187b] {
  color: #5ac725;
}
.u-alert__text--warning--light[data-v-93f3187b], .u-alert__text--warning--light[data-v-93f3187b] {
  color: #f9ae3d;
}
.u-alert__text--error--light[data-v-93f3187b], .u-alert__text--error--light[data-v-93f3187b] {
  color: #f56c6c;
}
.u-alert__text--info--light[data-v-93f3187b], .u-alert__text--info--light[data-v-93f3187b] {
  color: #909399;
}
.u-alert__close[data-v-93f3187b] {
  position: absolute;
  top: 11px;
  right: 10px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-avatar-group[data-v-53bf8067] {
  display: flex;
  flex-direction: row;
}
.u-avatar-group__item[data-v-53bf8067] {
  margin-left: -10px;
  position: relative;
}
.u-avatar-group__item--no-indent[data-v-53bf8067] {
  margin-left: 0;
}
.u-avatar-group__item__show-more[data-v-53bf8067] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-avatar[data-v-a72c8db8] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.u-avatar--circle[data-v-a72c8db8] {
  border-radius: 100px;
}
.u-avatar--square[data-v-a72c8db8] {
  border-radius: 4px;
}
.u-avatar__image--circle[data-v-a72c8db8] {
  border-radius: 100px;
  overflow: hidden;
}
.u-avatar__image--square[data-v-a72c8db8] {
  border-radius: 4px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-back-top[data-v-e227bdef] {
  display: flex;
  flex-direction: row;
  flex-direction: column;
  align-items: center;
  flex: 1;
  height: 100%;
  justify-content: center;
  background-color: #E1E1E1;
}
.u-back-top__tips[data-v-e227bdef] {
  font-size: 12px;
  transform: scale(0.8);
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-badge[data-v-1fdad862] {
  border-top-right-radius: 100px;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  display: flex;
  flex-direction: row;
  line-height: 11px;
  text-align: center;
  font-size: 11px;
  color: #FFFFFF;
}
.u-badge--dot[data-v-1fdad862] {
  height: 8px;
  width: 8px;
}
.u-badge--inverted[data-v-1fdad862] {
  font-size: 13px;
}
.u-badge--not-dot[data-v-1fdad862] {
  padding: 2px 5px;
}
.u-badge--horn[data-v-1fdad862] {
  border-bottom-left-radius: 0;
}
.u-badge--primary[data-v-1fdad862] {
  background-color: #3c9cff;
}
.u-badge--primary--inverted[data-v-1fdad862] {
  color: #3c9cff;
}
.u-badge--error[data-v-1fdad862] {
  background-color: #f56c6c;
}
.u-badge--error--inverted[data-v-1fdad862] {
  color: #f56c6c;
}
.u-badge--success[data-v-1fdad862] {
  background-color: #5ac725;
}
.u-badge--success--inverted[data-v-1fdad862] {
  color: #5ac725;
}
.u-badge--info[data-v-1fdad862] {
  background-color: #909399;
}
.u-badge--info--inverted[data-v-1fdad862] {
  color: #909399;
}
.u-badge--warning[data-v-1fdad862] {
  background-color: #f9ae3d;
}
.u-badge--warning--inverted[data-v-1fdad862] {
  color: #f9ae3d;
}
.u-barcode[data-v-7769878c] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.error-container[data-v-7769878c] {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f0f0f0;
  color: #ff0000;
}
.error-text[data-v-7769878c] {
  font-size: 14px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-box[data-v-aaa10f38] {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.u-box__left[data-v-aaa10f38] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.u-box__gap[data-v-aaa10f38] {
  display: flex;
  flex-direction: row;
  flex-direction: column;
}
.u-box__right[data-v-aaa10f38] {
  display: flex;
  flex-direction: row;
  flex-direction: column;
  flex: 1;
}
.u-box__right-top[data-v-aaa10f38] {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
}
.u-box__right-bottom[data-v-aaa10f38] {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-button[data-v-ab424505] {
  width: 100%;
  white-space: nowrap;
}
.u-button__text[data-v-ab424505] {
  white-space: nowrap;
  line-height: 1;
}
.u-button[data-v-ab424505]:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border: inherit;
  border-radius: inherit;
  transform: translate(-50%, -50%);
  opacity: 0;
  content: " ";
  background-color: #000;
  border-color: #000;
}
.u-button--active[data-v-ab424505]:before {
  opacity: 0.15;
}
.u-button__icon + .u-button__text[data-v-ab424505]:not(:empty), .u-button__loading-text[data-v-ab424505] {
  margin-left: 4px;
}
.u-button--plain.u-button--primary[data-v-ab424505] {
  color: #3c9cff;
}
.u-button--plain.u-button--info[data-v-ab424505] {
  color: #909399;
}
.u-button--plain.u-button--success[data-v-ab424505] {
  color: #5ac725;
}
.u-button--plain.u-button--error[data-v-ab424505] {
  color: #f56c6c;
}
.u-button--plain.u-button--warning[data-v-ab424505] {
  color: #f9ae3d;
}
.u-button[data-v-ab424505] {
  height: 40px;
  position: relative;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  flex-direction: row;
}
.u-button__text[data-v-ab424505] {
  font-size: 15px;
}
.u-button__loading-text[data-v-ab424505] {
  font-size: 15px;
  margin-left: 4px;
}
.u-button--large[data-v-ab424505] {
  width: 100%;
  height: 50px;
  padding: 0 15px;
}
.u-button--normal[data-v-ab424505] {
  padding: 0 12px;
  font-size: 14px;
}
.u-button--small[data-v-ab424505] {
  min-width: 60px;
  height: 30px;
  padding: 0px 8px;
  font-size: 12px;
}
.u-button--mini[data-v-ab424505] {
  height: 22px;
  font-size: 10px;
  min-width: 50px;
  padding: 0px 8px;
}
.u-button--disabled[data-v-ab424505] {
  opacity: 0.5;
}
.u-button--info[data-v-ab424505] {
  color: #323233;
  background-color: #fff;
  border-color: #ebedf0;
  border-width: 1px;
  border-style: solid;
}
.u-button--success[data-v-ab424505] {
  color: #fff;
  background-color: #5ac725;
  border-color: #5ac725;
  border-width: 1px;
  border-style: solid;
}
.u-button--primary[data-v-ab424505] {
  color: #fff;
  background-color: #3c9cff;
  border-color: #3c9cff;
  border-width: 1px;
  border-style: solid;
}
.u-button--error[data-v-ab424505] {
  color: #fff;
  background-color: #f56c6c;
  border-color: #f56c6c;
  border-width: 1px;
  border-style: solid;
}
.u-button--warning[data-v-ab424505] {
  color: #fff;
  background-color: #f9ae3d;
  border-color: #f9ae3d;
  border-width: 1px;
  border-style: solid;
}
.u-button--block[data-v-ab424505] {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.u-button--circle[data-v-ab424505] {
  border-top-right-radius: 100px;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
}
.u-button--square[data-v-ab424505] {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.u-button__icon[data-v-ab424505] {
  min-width: 1em;
  line-height: inherit !important;
  vertical-align: top;
}
.u-button--plain[data-v-ab424505] {
  background-color: #fff;
}
.u-button--hairline[data-v-ab424505] {
  border-width: 0.5px !important;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-calendar-header[data-v-93453352] {
  display: flex;
  flex-direction: column;
  padding-bottom: 4px;
}
.u-calendar-header__title[data-v-93453352] {
  font-size: 16px;
  color: #303133;
  text-align: center;
  height: 42px;
  line-height: 42px;
  font-weight: bold;
}
.u-calendar-header__subtitle[data-v-93453352] {
  font-size: 14px;
  color: #303133;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-weight: bold;
}
.u-calendar-header__weekdays[data-v-93453352] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.u-calendar-header__weekdays__weekday[data-v-93453352] {
  font-size: 13px;
  color: #303133;
  line-height: 30px;
  flex: 1;
  text-align: center;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-calendar-month-wrapper[data-v-4b1fc7c1] {
  margin-top: 4px;
}
.u-calendar-month__title[data-v-4b1fc7c1] {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  line-height: 42px;
  height: 42px;
  color: #303133;
  text-align: center;
  font-weight: bold;
}
.u-calendar-month__days[data-v-4b1fc7c1] {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.u-calendar-month__days__month-mark-wrapper[data-v-4b1fc7c1] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.u-calendar-month__days__month-mark-wrapper__text[data-v-4b1fc7c1] {
  font-size: 155px;
  color: rgba(231, 232, 234, 0.83);
}
.u-calendar-month__days__day[data-v-4b1fc7c1] {
  display: flex;
  flex-direction: row;
  padding: 2px;
  width: 14.2857142857%;
  box-sizing: border-box;
}
.u-calendar-month__days__day__select[data-v-4b1fc7c1] {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
}
.u-calendar-month__days__day__select__dot[data-v-4b1fc7c1] {
  width: 7px;
  height: 7px;
  border-radius: 100px;
  background-color: #f56c6c;
  position: absolute;
  top: 12px;
  right: 7px;
}
.u-calendar-month__days__day__select__buttom-info[data-v-4b1fc7c1] {
  color: #606266;
  text-align: center;
  position: absolute;
  bottom: 5px;
  font-size: 10px;
  text-align: center;
  left: 0;
  right: 0;
}
.u-calendar-month__days__day__select__buttom-info--selected[data-v-4b1fc7c1] {
  color: #ffffff;
}
.u-calendar-month__days__day__select__buttom-info--disabled[data-v-4b1fc7c1] {
  color: #cacbcd;
}
.u-calendar-month__days__day__select__info[data-v-4b1fc7c1] {
  text-align: center;
  font-size: 16px;
}
.u-calendar-month__days__day__select__info--selected[data-v-4b1fc7c1] {
  color: #ffffff;
}
.u-calendar-month__days__day__select__info--disabled[data-v-4b1fc7c1] {
  color: #cacbcd;
}
.u-calendar-month__days__day__select--selected[data-v-4b1fc7c1] {
  background-color: #3c9cff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex: 1;
  border-radius: 3px;
}
.u-calendar-month__days__day__select--range-selected[data-v-4b1fc7c1] {
  opacity: 0.3;
  border-radius: 0;
}
.u-calendar-month__days__day__select--range-start-selected[data-v-4b1fc7c1] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.u-calendar-month__days__day__select--range-end-selected[data-v-4b1fc7c1] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-calendar__confirm[data-v-08a64ecb] {
  padding: 7px 18px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-canvas[data-v-76b9ea81] {
  position: relative;
  overflow: hidden;
}
.u-canvas__canvas[data-v-76b9ea81] {
  display: block;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-keyboard[data-v-5c7d03de] {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  background-color: #e0e4e6;
  align-items: stretch;
  padding: 6px 0 6px;
}
.u-keyboard__button[data-v-5c7d03de] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex: 1;
}
.u-keyboard__button__inner-wrapper[data-v-5c7d03de] {
  box-shadow: 0 1px 0px #999992;
  margin: 0.25rem 0.15625rem;
  border-radius: 4px;
}
.u-keyboard__button__inner-wrapper__inner[data-v-5c7d03de] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 2rem;
  background-color: #FFFFFF;
  height: 2.5rem;
  border-radius: 4px;
}
.u-keyboard__button__inner-wrapper__inner__text[data-v-5c7d03de] {
  font-size: 16px;
  color: #303133;
}
.u-keyboard__button__inner-wrapper__left[data-v-5c7d03de], .u-keyboard__button__inner-wrapper__right[data-v-5c7d03de] {
  border-radius: 4px;
  width: 4.1875rem;
  height: 2.5rem;
  background-color: #BBBCC6;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-shadow: 0 1px 0px #999992;
}
.u-keyboard__button__inner-wrapper__left__line[data-v-5c7d03de] {
  font-size: 15px;
  color: #303133;
  margin: 0 1px;
}
.u-keyboard__button__inner-wrapper__left__lang[data-v-5c7d03de] {
  font-size: 16px;
  color: #303133;
}
.u-keyboard__button__inner-wrapper__left__lang--active[data-v-5c7d03de] {
  color: #3c9cff;
}
.u-hover-class[data-v-5c7d03de] {
  background-color: #BBBCC6;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-card[data-v-87e0d888] {
  position: relative;
  overflow: hidden;
  font-size: 0.875rem;
  background-color: #ffffff;
  box-sizing: border-box;
}
.u-card-full[data-v-87e0d888] {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100%;
}
.u-card--border[data-v-87e0d888]:after {
  border-radius: 0.5rem;
}
.u-card__head--left[data-v-87e0d888] {
  color: #303133;
}
.u-card__head--left__thumb[data-v-87e0d888] {
  margin-right: 0.5rem;
}
.u-card__head--left__title[data-v-87e0d888] {
  max-width: 12.5rem;
}
.u-card__head--right[data-v-87e0d888] {
  color: #909193;
  margin-left: 0.1875rem;
}
.u-card__body[data-v-87e0d888] {
  color: #606266;
}
.u-card__foot[data-v-87e0d888] {
  color: #909193;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.area-box[data-v-0465411b] {
  width: 100%;
  overflow: hidden;
  height: 25rem;
}
.area-box > uni-view[data-v-0465411b] {
  width: 150%;
  transition: transform 0.3s ease-in-out 0s;
  transform: translateX(0);
}
.area-box .area-item[data-v-0465411b] {
  height: 25rem;
}
.u-cascader-action[data-v-0465411b] {
  border-top: 1px solid #eee;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-cate-tab[data-v-698f420a] {
  display: flex;
  flex-direction: column;
}
.u-cate-tab__wrap[data-v-698f420a] {
  flex: 1;
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
.u-search-inner[data-v-698f420a] {
  background-color: #eaeaea;
  border-radius: 3.125rem;
  display: flex;
  align-items: center;
  padding: 0.3125rem 0.5rem;
}
.u-search-text[data-v-698f420a] {
  font-size: 0.8125rem;
  color: #909193;
  margin-left: 0.3125rem;
}
.u-cate-tab__view[data-v-698f420a] {
  width: 6.25rem;
  height: 100%;
}
.u-cate-tab__item[data-v-698f420a] {
  height: 3.4375rem;
  background: #f6f6f6;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem;
  color: #444;
  font-weight: 400;
  line-height: 1;
}
.u-cate-tab__item-active[data-v-698f420a] {
  position: relative;
  color: #000;
  font-size: 0.9375rem;
  font-weight: 600;
  background: #fff;
}
.u-cate-tab__item-active[data-v-698f420a]::before {
  content: "";
  position: absolute;
  border-left: 4px solid #3c9cff;
  height: 1rem;
  left: 0;
  top: 1.21875rem;
}
.u-cate-tab__view[data-v-698f420a] {
  height: 100%;
}
.u-cate-tab__right-box[data-v-698f420a] {
  flex: 1;
  background-color: #fafafa;
}
.u-cate-tab__page-view[data-v-698f420a] {
  padding: 0.5rem;
}
.u-cate-tab__page-item[data-v-698f420a] {
  margin-bottom: 0.9375rem;
  background-color: #fff;
  padding: 0.5rem;
  border-radius: 0.25rem;
}
.u-cate-tab__page-item[data-v-698f420a]:last-child {
  min-height: 100vh;
}
.item-title[data-v-698f420a] {
  font-size: 0.8125rem;
  color: #303133;
  font-weight: bold;
}
.item-menu-name[data-v-698f420a] {
  font-weight: normal;
  font-size: 0.75rem;
  color: #303133;
}
.item-container[data-v-698f420a] {
  display: flex;
  flex-wrap: wrap;
}
.thumb-box[data-v-698f420a] {
  width: 33.333333%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 0.625rem;
}
.item-menu-image[data-v-698f420a] {
  width: 3.75rem;
  height: 3.75rem;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-cell-group[data-v-31d2f66f] {
  flex: 1;
}
.u-cell-group__title[data-v-31d2f66f] {
  padding: 16px 16px 8px;
}
.u-cell-group__title__text[data-v-31d2f66f] {
  font-size: 15px;
  line-height: 16px;
  color: #303133;
}
.u-cell-group__wrapper[data-v-31d2f66f] {
  position: relative;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-cell__body[data-v-e1038cf6] {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  padding: 13px 15px;
  font-size: 15px;
  color: #303133;
  align-items: center;
}
.u-cell__body__content[data-v-e1038cf6] {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
}
.u-cell__body--large[data-v-e1038cf6] {
  padding-top: 13px;
  padding-bottom: 13px;
}
.u-cell__left-icon-wrap[data-v-e1038cf6], .u-cell__right-icon-wrap[data-v-e1038cf6] {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 16px;
}
.u-cell__left-icon-wrap[data-v-e1038cf6] {
  margin-right: 4px;
}
.u-cell__right-icon-wrap[data-v-e1038cf6] {
  margin-left: 4px;
  transition: transform 0.3s;
}
.u-cell__right-icon-wrap--up[data-v-e1038cf6] {
  transform: rotate(-90deg);
}
.u-cell__right-icon-wrap--down[data-v-e1038cf6] {
  transform: rotate(90deg);
}
.u-cell__title[data-v-e1038cf6] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.u-cell__title-text[data-v-e1038cf6] {
  font-size: 15px;
  line-height: 22px;
  color: #303133;
}
.u-cell__title-text--large[data-v-e1038cf6] {
  font-size: 16px;
}
.u-cell__label[data-v-e1038cf6] {
  margin-top: 5px;
  font-size: 12px;
  color: #909193;
  line-height: 18px;
}
.u-cell__label--large[data-v-e1038cf6] {
  font-size: 14px;
}
.u-cell__value[data-v-e1038cf6] {
  text-align: right;
  margin-left: auto;
  font-size: 14px;
  line-height: 24px;
  color: #606266;
}
.u-cell__value--large[data-v-e1038cf6] {
  font-size: 15px;
}
.u-cell--required[data-v-e1038cf6] {
  overflow: visible;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-cell--required[data-v-e1038cf6]:before {
  position: absolute;
  content: "*";
  left: -8px;
  margin-top: 0.125rem;
  font-size: 14px;
  color: #f56c6c;
}
.u-cell--clickable[data-v-e1038cf6] {
  background-color: #f3f4f6;
}
.u-cell--disabled[data-v-e1038cf6] {
  color: #c8c9cc;
  cursor: not-allowed;
}
.u-cell--center[data-v-e1038cf6] {
  align-items: center;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-checkbox-group--row[data-v-c8e805db] {
  display: flex;
  flex-flow: row wrap;
}
.u-checkbox-group--column[data-v-c8e805db] {
  display: flex;
  flex-direction: column;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-checkbox[data-v-20fec9d9] {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
  margin-top: 5px;
}
.u-checkbox-label--left[data-v-20fec9d9] {
  flex-direction: row;
}
.u-checkbox-label--right[data-v-20fec9d9] {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.u-checkbox__icon-wrap[data-v-20fec9d9] {
  box-sizing: border-box;
  transition-property: border-color, background-color, color;
  transition-duration: 0.2s;
  color: #606266;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: transparent;
  text-align: center;
  margin-right: 6px;
  font-size: 6px;
  border-width: 1px;
  border-color: #c8c9cc;
  border-style: solid;
}
.u-checkbox__icon-wrap--circle[data-v-20fec9d9] {
  border-radius: 100%;
}
.u-checkbox__icon-wrap--square[data-v-20fec9d9] {
  border-radius: 3px;
}
.u-checkbox__icon-wrap--checked[data-v-20fec9d9] {
  color: #fff;
  background-color: red;
  border-color: #2979ff;
}
.u-checkbox__icon-wrap--disabled[data-v-20fec9d9] {
  background-color: #ebedf0 !important;
}
.u-checkbox__icon-wrap--disabled--checked[data-v-20fec9d9] {
  color: #c8c9cc !important;
}
.u-checkbox__label[data-v-20fec9d9] {
  word-wrap: break-word;
  margin-left: 5px;
  margin-right: 12px;
  color: #606266;
  font-size: 15px;
}
.u-checkbox__label--disabled[data-v-20fec9d9] {
  color: #c8c9cc;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.up-choose[data-v-1196381f] .up-tag {
  font-weight: 600;
}
.up-choose[data-v-1196381f]:last-child {
  margin-right: 0;
}
.up-choose-wrap[data-v-1196381f] {
  flex-wrap: wrap;
}
.up-choose-nowrap[data-v-1196381f] {
  flex-wrap: nowrap;
  white-space: nowrap;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-circle-progress[data-v-e1187ffd] {
  display: flex;
  flex-direction: row;
  position: relative;
  border-radius: 100px;
  height: 100px;
  width: 100px;
  background-color: #c8c8c8;
  overflow: hidden;
  justify-content: space-between;
}
.u-circle-progress__circle[data-v-e1187ffd] {
  border-radius: 100px;
  height: 90px;
  width: 90px;
  transform: translate(-50%, -50%);
  background-color: white;
  left: 50px;
  top: 50px;
  position: absolute;
}
.u-circle-progress__left[data-v-e1187ffd] {
  position: absolute;
  left: 0;
  width: 50px;
  height: 100px;
  overflow: hidden;
  box-sizing: border-box;
}
.u-circle-progress__left__circle[data-v-e1187ffd] {
  box-sizing: border-box;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-top-color: #42b983;
  border-right-color: #42b983;
  border-width: 5px;
  width: 100px;
  height: 100px;
  transform: rotate(225deg);
}
.u-circle-progress__right[data-v-e1187ffd] {
  position: absolute;
  right: 0;
  width: 50px;
  height: 100px;
  overflow: hidden;
}
.u-circle-progress__right__circle[data-v-e1187ffd] {
  position: absolute;
  right: 0;
  box-sizing: border-box;
  border-top-color: transparent;
  border-right-color: transparent;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  border-left-color: #c8c8c8;
  border-bottom-color: #c8c8c8;
  border-width: 5px;
  width: 100px;
  height: 100px;
  transform: rotate(45deg);
  transform-origin: center center;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.list__item[data-v-77395e4a] {
  padding: 8px 1px;
}
.u-current-city-title[data-v-77395e4a] {
  color: grey;
  margin-bottom: 5px;
}
.u-current-city-item[data-v-77395e4a] {
  height: 30px;
}
.hot-city-list[data-v-77395e4a] {
  display: flex !important;
  flex-direction: row !important;
  padding: 12px 0;
}
.hot-city-list .hot-city-item[data-v-77395e4a] {
  padding: 6px 12px;
  margin: 5px;
  border: 1px solid #ededed;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-code-input[data-v-1db8fc47] {
  display: flex;
  flex-direction: row;
  position: relative;
  overflow: hidden;
}
.u-code-input__item[data-v-1db8fc47] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}
.u-code-input__item__text[data-v-1db8fc47] {
  font-size: 15px;
  color: #606266;
}
.u-code-input__item__dot[data-v-1db8fc47] {
  width: 7px;
  height: 7px;
  border-radius: 100px;
  background-color: #606266;
}
.u-code-input__item__line[data-v-1db8fc47] {
  position: absolute;
  bottom: 0;
  height: 4px;
  border-radius: 100px;
  width: 40px;
  background-color: #606266;
}
.u-code-input__item__cursor[data-v-1db8fc47] {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 1;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 20px;
  animation: 1s u-cursor-flicker-1db8fc47 infinite;
}
.u-code-input__input[data-v-1db8fc47] {
  position: absolute;
  left: -23.4375rem;
  width: 46.875rem;
  top: 0;
  background-color: transparent;
  text-align: left;
}
@keyframes u-cursor-flicker-1db8fc47 {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-col[data-v-6193c3b2] {
  padding: 0;
  box-sizing: border-box;
}
.u-col-0[data-v-6193c3b2] {
  width: 0;
}
.u-col-1[data-v-6193c3b2] {
  width: 8.3333333333%;
}
.u-col-2[data-v-6193c3b2] {
  width: 16.6666666667%;
}
.u-col-3[data-v-6193c3b2] {
  width: 25%;
}
.u-col-4[data-v-6193c3b2] {
  width: 33.3333333333%;
}
.u-col-5[data-v-6193c3b2] {
  width: 41.6666666667%;
}
.u-col-6[data-v-6193c3b2] {
  width: 50%;
}
.u-col-7[data-v-6193c3b2] {
  width: 58.3333333333%;
}
.u-col-8[data-v-6193c3b2] {
  width: 66.6666666667%;
}
.u-col-9[data-v-6193c3b2] {
  width: 75%;
}
.u-col-10[data-v-6193c3b2] {
  width: 83.3333333333%;
}
.u-col-11[data-v-6193c3b2] {
  width: 91.6666666667%;
}
.u-col-12[data-v-6193c3b2] {
  width: 100%;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-collapse-item__content[data-v-64d2821c] {
  overflow: hidden;
  height: 0;
}
.u-collapse-item__content__text[data-v-64d2821c] {
  padding: 12px 15px;
  color: #606266;
  font-size: 14px;
  line-height: 18px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.up-color-picker__content[data-v-be35daff] {
  width: 100%;
  padding: 20px;
  background-color: #fff;
}
.up-color-picker__header[data-v-be35daff] {
  text-align: center;
  margin-bottom: 20px;
}
.up-color-picker__title[data-v-be35daff] {
  font-size: 18px;
  font-weight: bold;
  color: #333;
}
.up-color-picker__switch[data-v-be35daff] {
  margin-bottom: 20px;
}
.up-color-picker__saturation[data-v-be35daff] {
  position: relative;
  width: 100%;
  height: 150px;
  border-radius: 4px;
  margin-bottom: 15px;
  overflow: hidden;
}
.up-color-picker__saturation[data-v-be35daff]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
.up-color-picker__saturation[data-v-be35daff]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}
.up-color-picker__saturation-pointer[data-v-be35daff] {
  position: absolute;
  width: 12px;
  height: 12px;
  border: 2px solid #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  pointer-events: none;
}
.up-color-picker__hue[data-v-be35daff], .up-color-picker__alpha[data-v-be35daff] {
  position: relative;
  width: 100%;
  height: 12px;
  border-radius: 6px;
  margin-bottom: 15px;
  cursor: pointer;
}
.up-color-picker__hue[data-v-be35daff] {
  background: linear-gradient(to right, #f00 0%, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, #f00 100%);
}
.up-color-picker__alpha[data-v-be35daff] {
  position: relative;
  overflow: hidden;
}
.up-color-picker__alpha-bg[data-v-be35daff] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%), linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%);
  background-size: 10px 10px;
  background-position: 0 0, 5px 5px;
}
.up-color-picker__alpha[data-v-be35daff]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}
.up-color-picker__hue-pointer[data-v-be35daff], .up-color-picker__alpha-pointer[data-v-be35daff] {
  position: absolute;
  width: 4px;
  height: 16px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  transform: translateX(-50%);
  top: -2px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  pointer-events: none;
}
.up-color-picker__gradient-bar[data-v-be35daff] {
  width: 100%;
  height: 40px;
  border-radius: 4px;
}
.up-color-picker__gradient-track[data-v-be35daff] {
  position: relative;
  margin-top: 20px;
  width: 100%;
  height: 32px;
  border-radius: 4px;
  margin-bottom: 15px;
  cursor: pointer;
}
.up-color-picker__gradient-pointer[data-v-be35daff] {
  position: absolute;
  top: -10px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #333;
  z-index: 10;
}
.up-color-picker__gradient-pointer-inner[data-v-be35daff] {
  position: absolute;
  top: -25px;
  left: -10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
.up-color-picker__gradient-controls[data-v-be35daff] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 15px;
}
.up-color-picker__gradient-item[data-v-be35daff] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 10px;
  margin-bottom: 10px;
}
.up-color-picker__gradient-color-preview[data-v-be35daff] {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 5px;
  border: 1px solid #eee;
}
.up-color-picker__gradient-percent[data-v-be35daff] {
  font-size: 12px;
  color: #666;
  margin-right: 5px;
}
.up-color-picker__gradient-direction[data-v-be35daff] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 10px 0;
}
.up-color-picker__gradient__direction-circle[data-v-be35daff] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: conic-gradient(#ff0000 0deg, #ffff00 60deg, #00ff00 120deg, #00ffff 180deg, #0000ff 240deg, #ff00ff 300deg, #ff0000 360deg);
  position: relative;
  margin: 10px auto;
  cursor: pointer;
  border: 2px solid #eee;
}
.up-color-picker__gradient__direction-pointer[data-v-be35daff] {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #fff;
  border: 2px solid #333;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  z-index: 10;
  pointer-events: none;
}
.up-color-picker__add-btn[data-v-be35daff] {
  margin-top: 10px;
}
.up-color-picker__common[data-v-be35daff] {
  margin-top: 20px;
}
.up-color-picker__common-title[data-v-be35daff] {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #666;
}
.up-color-picker__common-list[data-v-be35daff] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.up-color-picker__common-item[data-v-be35daff] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #eee;
  cursor: pointer;
}
.up-color-picker__footer[data-v-be35daff] {
  margin-top: 20px;
}
.up-color-picker__preview[data-v-be35daff] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 15px;
}
.up-color-picker__preview-color[data-v-be35daff] {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #eee;
  margin-right: 10px;
}
.up-color-picker__preview-text[data-v-be35daff] {
  font-size: 14px;
  color: #333;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.up-color-picker__actions[data-v-be35daff] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.up-color-picker__actions .up-color-picker__btn[data-v-be35daff] {
  margin-left: 10px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-notice[data-v-1c06f09c] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.u-notice__left-icon[data-v-1c06f09c] {
  align-items: center;
  margin-right: 5px;
}
.u-notice__right-icon[data-v-1c06f09c] {
  margin-left: 5px;
  align-items: center;
}
.u-notice__swiper[data-v-1c06f09c] {
  height: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
}
.u-notice__swiper__item[data-v-1c06f09c] {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
}
.u-notice__swiper__item__text[data-v-1c06f09c] {
  font-size: 14px;
  color: #f9ae3d;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-count-down__text[data-v-487494a2] {
  color: #606266;
  font-size: 15px;
  line-height: 22px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-count-num[data-v-7bd730eb] {
  display: inline-flex;
  text-align: center;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.up-coupon[data-v-5407ba80] {
  position: relative;
  overflow: hidden;
  border-radius: 0.25rem;
  background: #ffebf0;
  color: #303133;
  width: 100%;
}
.up-coupon--coupon[data-v-5407ba80] {
  border-radius: 0.5rem;
  overflow: hidden;
}
.up-coupon--coupon[data-v-5407ba80]::before {
  content: "";
  position: absolute;
  left: -0.75rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  background-color: #fff;
  border-radius: 50%;
}
.up-coupon--coupon[data-v-5407ba80]::after {
  content: "";
  position: absolute;
  right: -0.75rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  background-color: #fff;
  border-radius: 50%;
}
.up-coupon--envelope[data-v-5407ba80] {
  border-radius: 0.5rem;
}
.up-coupon--envelope[data-v-5407ba80]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 0.625rem;
  background: repeating-linear-gradient(-45deg, #ffd000, #ffd000 0.3125rem, #ffa000 0.3125rem, #ffa000 0.625rem);
}
.up-coupon--card[data-v-5407ba80] {
  border-radius: 0.5rem;
}
.up-coupon--small[data-v-5407ba80] {
  height: 5rem;
}
.up-coupon--medium[data-v-5407ba80] {
  height: 5.625rem;
}
.up-coupon--large[data-v-5407ba80] {
  height: 6.875rem;
}
.up-coupon--disabled[data-v-5407ba80] {
  opacity: 0.5;
}
.up-coupon__content[data-v-5407ba80] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 0 0.9375rem;
  position: relative;
  z-index: 2;
}
.up-coupon__amount[data-v-5407ba80] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 0.3125rem;
  padding-right: 0.9375rem;
  border-right: 1px dashed #ccc;
}
.up-coupon__amount-unit[data-v-5407ba80] {
  font-size: 0.75rem;
  font-weight: normal;
}
.up-coupon__amount-value[data-v-5407ba80] {
  font-size: 1.75rem;
  font-weight: bold;
  color: red;
  line-height: 1;
  margin: 0.3125rem 0;
}
.up-coupon__amount-limit[data-v-5407ba80] {
  font-size: 0.75rem;
  opacity: 0.9;
}
.up-coupon__info[data-v-5407ba80] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 0.9375rem;
}
.up-coupon__info-title[data-v-5407ba80] {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0.3125rem;
}
.up-coupon__info-desc[data-v-5407ba80] {
  font-size: 0.75rem;
  opacity: 0.9;
  margin-bottom: 0.3125rem;
}
.up-coupon__info-time[data-v-5407ba80] {
  font-size: 0.625rem;
  opacity: 0.8;
}
.up-coupon__action[data-v-5407ba80] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.up-coupon__dots[data-v-5407ba80] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.9375rem 0;
  z-index: 1;
}
.up-coupon__dot[data-v-5407ba80] {
  width: 1rem;
  height: 1rem;
  background-color: #fff;
  border-radius: 50%;
  margin: 0 -0.5rem;
  z-index: 3;
}
.up-coupon__rope[data-v-5407ba80] {
  position: absolute;
  top: -1.25rem;
  left: 50%;
  transform: translateX(-50%);
  width: 2.5rem;
  height: 2.5rem;
  background: linear-gradient(to right, #ffd000, #ffa000);
  border-radius: 1.25rem 1.25rem 0 0;
  z-index: 1;
}
.up-coupon__rope[data-v-5407ba80]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -0.625rem;
  width: 0.625rem;
  height: 1.25rem;
  background: linear-gradient(to bottom, #ffd000, #ffa000);
  border-radius: 0.3125rem 0 0 0.3125rem;
}
.up-coupon__rope[data-v-5407ba80]::after {
  content: "";
  position: absolute;
  top: 0;
  right: -0.625rem;
  width: 0.625rem;
  height: 1.25rem;
  background: linear-gradient(to bottom, #ffd000, #ffa000);
  border-radius: 0 0.3125rem 0.3125rem 0;
}
.up-coupon--primary[data-v-5407ba80] {
  background: linear-gradient(90deg, #43afff, #3b8cff);
  color: #fff;
}
.up-coupon--primary .up-coupon__amount[data-v-5407ba80] {
  border-right: 1px dashed #eee;
}
.up-coupon--primary .up-coupon__amount-value[data-v-5407ba80] {
  color: #fff;
}
.up-coupon--success[data-v-5407ba80] {
  background: linear-gradient(90deg, #67dda9, #19be6b);
  color: #fff !important;
}
.up-coupon--success .up-coupon__amount[data-v-5407ba80] {
  border-right: 1px dashed #eee;
}
.up-coupon--success .up-coupon__amount-value[data-v-5407ba80] {
  color: #fff;
}
.up-coupon--warning[data-v-5407ba80] {
  background: linear-gradient(90deg, #ff9739, #ff6a39);
  color: #fff;
}
.up-coupon--warning .up-coupon__amount[data-v-5407ba80] {
  border-right: 1px dashed #eee;
}
.up-coupon--warning .up-coupon__amount-value[data-v-5407ba80] {
  color: #fff;
}
.up-coupon--error[data-v-5407ba80] {
  background: linear-gradient(90deg, #ff7070, #ff4747);
  color: #fff;
}
.up-coupon--error .up-coupon__amount[data-v-5407ba80] {
  border-right: 1px dashed #eee;
}
.up-coupon--error .up-coupon__amount-value[data-v-5407ba80] {
  color: #fff;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-cropper .my-canvas[data-v-1fab5127] {
  display: flex;
  position: fixed !important;
  background: #000000;
  left: 0;
  z-index: 100000;
  width: 100%;
}
.u-cropper .my-avatar[data-v-1fab5127] {
  width: 4.6875rem;
  height: 4.6875rem;
  border-radius: 100%;
}
.u-cropper .oper-canvas[data-v-1fab5127] {
  display: flex;
  position: fixed !important;
  left: 0;
  z-index: 100001;
  width: 100%;
}
.u-cropper .prv-canvas[data-v-1fab5127] {
  display: flex;
  position: fixed !important;
  background: #000000;
  left: 0;
  z-index: 200000;
  width: 100%;
}
.u-cropper .oper-wrapper[data-v-1fab5127] {
  height: 50px;
  position: fixed !important;
  box-sizing: border-box;
  border: 1px solid #F1F1F1;
  background: #ffffff;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 100009;
  flex-direction: row;
}
.u-cropper .oper[data-v-1fab5127] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.3125rem 0.625rem;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  align-self: center;
}
.u-cropper .btn-wrapper[data-v-1fab5127] {
  display: flex;
  flex-direction: row;
  height: 50px;
  justify-content: space-between;
}
.u-cropper .btn-wrapper uni-view[data-v-1fab5127] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #333;
  border: 1px solid #f1f1f1;
  border-radius: 6%;
}
.u-cropper .hover[data-v-1fab5127] {
  background: #f1f1f1;
  border-radius: 6%;
}
.u-cropper .clr-wrapper[data-v-1fab5127] {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
}
.u-cropper .clr-wrapper uni-view[data-v-1fab5127] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #333;
  border: 1px solid #f1f1f1;
  border-radius: 6%;
}
.u-cropper .my-slider[data-v-1fab5127] {
  flex-grow: 1;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-datetime-picker[data-v-a75b7c5a] {
  flex: 1;
}
.u-datetime-picker__has-input[data-v-a75b7c5a] {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.u-datetime-picker__has-input .input-cover[data-v-a75b7c5a] {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid #eee;
  padding: 0 10px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-divider[data-v-b70bec2c] {
  display: flex;
  flex-direction: row;
  flex-direction: row;
  align-items: center;
  margin: 15px 0;
}
.u-divider__text[data-v-b70bec2c] {
  margin: 0 15px;
}
.u-divider__dot[data-v-b70bec2c] {
  font-size: 12px;
  margin: 0 12px;
  color: #c0c4cc;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-dragsort[data-v-db4a9956] {
  width: 100%;
  height: auto;
}
.u-dragsort .u-dragsort-area[data-v-db4a9956] {
  width: 100%;
  height: 100%;
  position: relative;
}
.u-dragsort .u-dragsort-item[data-v-db4a9956] {
  position: absolute;
  width: 100%;
  transition: box-shadow 0.45s ease-out;
  cursor: pointer;
}
.u-dragsort .u-dragsort-item.dragging[data-v-db4a9956] {
  z-index: 1000;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}
.u-dragsort .u-dragsort-item .u-dragsort-item-content[data-v-db4a9956] {
  position: relative;
  padding: 0;
  box-sizing: border-box;
}
.u-dragsort.u-dragsort--vertical .u-dragsort-item[data-v-db4a9956] {
  height: auto;
}
.u-dragsort.u-dragsort--horizontal .u-dragsort-area[data-v-db4a9956] {
  display: flex;
  white-space: nowrap;
}
.u-dragsort.u-dragsort--horizontal .u-dragsort-item[data-v-db4a9956] {
  width: auto;
  height: auto;
}
.u-dragsort.u-dragsort--all .u-dragsort-item[data-v-db4a9956] {
  width: auto;
  height: auto;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-dropdown-item__scroll[data-v-4cb7f96a] {
  background: #ffffff;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-dropdown[data-v-11e38a03] {
  flex: 1;
  width: 100%;
  position: relative;
}
.u-dropdown__menu[data-v-11e38a03] {
  display: flex;
  flex-direction: row;
  position: relative;
  z-index: 11;
  height: 2.5rem;
}
.u-dropdown__menu__item[data-v-11e38a03] {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.u-dropdown__menu__item .u-flex-row[data-v-11e38a03] {
  flex-direction: row;
}
.u-dropdown__menu__item__text[data-v-11e38a03] {
  font-size: 0.875rem;
  color: #606266;
}
.u-dropdown__menu__item__arrow[data-v-11e38a03] {
  margin-left: 0.1875rem;
  transition: transform 0.3s;
  align-items: center;
  display: flex;
  flex-direction: row;
}
.u-dropdown__menu__item__arrow--rotate[data-v-11e38a03] {
  transform: rotate(180deg);
}
.u-dropdown__content[data-v-11e38a03] {
  position: absolute;
  z-index: 8;
  width: 100%;
  left: 0px;
  bottom: 0;
  overflow: hidden;
}
.u-dropdown__content__mask[data-v-11e38a03] {
  position: absolute;
  z-index: 9;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.u-dropdown__content__popup[data-v-11e38a03] {
  position: relative;
  z-index: 10;
  transition: transform 0.3s;
  transform: translate3D(0, -100%, 0);
  overflow: hidden;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-empty[data-v-267b507a] {
  display: flex;
  flex-direction: row;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.u-empty__text[data-v-267b507a] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 0.625rem;
}
.u-slot-wrap[data-v-267b507a] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 0.625rem;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-float-button[data-v-a1f5b33a] {
  z-index: 999;
}
.u-float-button .show-list[data-v-a1f5b33a] {
  transform: rotate(45deg);
}
.u-float-button__list[data-v-a1f5b33a] {
  position: absolute;
  bottom: 0px;
  display: flex;
  flex-direction: column;
}
.u-float-button__list > uni-view[data-v-a1f5b33a] {
  margin: 5px 0px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-form-item[data-v-2595f057] {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  color: #303133;
}
.u-form-item__body[data-v-2595f057] {
  display: flex;
  flex-direction: row;
  padding: 10px 0;
}
.u-form-item__body__left[data-v-2595f057] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-form-item__body__left__content[data-v-2595f057] {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-right: 0.3125rem;
  flex: 1;
}
.u-form-item__body__left__content__icon[data-v-2595f057] {
  margin-right: 0.25rem;
}
.u-form-item__body__left__content__required[data-v-2595f057] {
  position: absolute;
  left: -9px;
  color: #f56c6c;
  line-height: 20px;
  font-size: 20px;
  top: 3px;
}
.u-form-item__body__left__content__label[data-v-2595f057] {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
  color: #303133;
  font-size: 15px;
}
.u-form-item__body__right[data-v-2595f057] {
  flex: 1;
}
.u-form-item__body__right__content[data-v-2595f057] {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
}
.u-form-item__body__right__content__slot[data-v-2595f057] {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-form-item__body__right__content__icon[data-v-2595f057] {
  margin-left: 0.3125rem;
  color: #c0c4cc;
  font-size: 0.9375rem;
}
.u-form-item__body__right__message[data-v-2595f057] {
  font-size: 12px;
  line-height: 12px;
  color: #f56c6c;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.up-goods-sku[data-v-8f9f3fc3] {
  background-color: #fff;
  overflow: hidden;
}
.up-goods-sku .up-goods-sku-container[data-v-8f9f3fc3] {
  padding: 0.125rem 0.9375rem;
}
.up-goods-sku__header[data-v-8f9f3fc3] {
  display: flex;
  flex-direction: row;
  padding: 0.9375rem 0;
  position: relative;
}
.up-goods-sku__header__image[data-v-8f9f3fc3] {
  width: 5.625rem;
  height: 5.625rem;
  border-radius: 0.3125rem;
  overflow: hidden;
  margin-right: 0.625rem;
}
.up-goods-sku__header__image uni-image[data-v-8f9f3fc3] {
  width: 100%;
  height: 100%;
}
.up-goods-sku__header__info[data-v-8f9f3fc3] {
  flex: 1;
}
.up-goods-sku__header__info__price[data-v-8f9f3fc3] {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0.625rem;
}
.up-goods-sku__header__info__price__symbol[data-v-8f9f3fc3] {
  font-size: 0.75rem;
  color: #fa3534;
  margin-right: 0.125rem;
}
.up-goods-sku__header__info__price__value[data-v-8f9f3fc3] {
  font-size: 1.125rem;
  color: #fa3534;
  font-weight: bold;
}
.up-goods-sku__header__info__stock[data-v-8f9f3fc3] {
  font-size: 0.8125rem;
  color: #999;
  margin-bottom: 0.625rem;
}
.up-goods-sku__header__info__selected[data-v-8f9f3fc3] {
  font-size: 0.8125rem;
  color: #333;
}
.up-goods-sku__content[data-v-8f9f3fc3] {
  max-height: 18.75rem;
  padding: 0 0.9375rem 0.9375rem 0;
}
.up-goods-sku__content__item[data-v-8f9f3fc3] {
  margin-bottom: 0.9375rem;
}
.up-goods-sku__content__item__title[data-v-8f9f3fc3] {
  font-size: 0.875rem;
  color: #333;
  margin-bottom: 0.625rem;
}
.up-goods-sku__content__item__list[data-v-8f9f3fc3] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.up-goods-sku__content__item__list__item[data-v-8f9f3fc3] {
  padding: 0.3125rem 0.625rem;
  border: 0.0625rem solid #eee;
  border-radius: 0.3125rem;
  margin-right: 0.625rem;
  margin-bottom: 0.625rem;
  font-size: 0.8125rem;
  color: #333;
}
.up-goods-sku__content__item__list__item--active[data-v-8f9f3fc3] {
  border-color: #fa3534;
  color: #fa3534;
}
.up-goods-sku__content__item__list__item--disabled[data-v-8f9f3fc3] {
  color: #ccc;
  border-color: #eee;
}
.up-goods-sku__content__count[data-v-8f9f3fc3] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.625rem;
}
.up-goods-sku__content__count__title[data-v-8f9f3fc3] {
  font-size: 0.875rem;
  color: #333;
}
.up-goods-sku__footer[data-v-8f9f3fc3] {
  padding: 0.625rem 0 1.25rem 0;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-grid-item[data-v-65aae9d0] {
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  box-sizing: border-box;
  display: flex;
}
.u-grid-item--hover-class[data-v-65aae9d0] {
  opacity: 0.5;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-grid[data-v-34868c65] {
  justify-content: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  display: grid !important;
  grid-gap: var(--596b2bb7);
  grid-template-columns: repeat(var(--596b1e61), minmax(0, 1fr));
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-icon[data-v-169f7df3] {
  display: flex;
  align-items: center;
}
.u-icon--left[data-v-169f7df3] {
  flex-direction: row-reverse;
  align-items: center;
}
.u-icon--right[data-v-169f7df3] {
  flex-direction: row;
  align-items: center;
}
.u-icon--top[data-v-169f7df3] {
  flex-direction: column-reverse;
  justify-content: center;
}
.u-icon--bottom[data-v-169f7df3] {
  flex-direction: column;
  justify-content: center;
}
.u-icon__icon[data-v-169f7df3] {
  font-family: uicon-iconfont;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-icon__icon--primary[data-v-169f7df3] {
  color: #3c9cff;
}
.u-icon__icon--success[data-v-169f7df3] {
  color: #5ac725;
}
.u-icon__icon--error[data-v-169f7df3] {
  color: #f56c6c;
}
.u-icon__icon--warning[data-v-169f7df3] {
  color: #f9ae3d;
}
.u-icon__icon--info[data-v-169f7df3] {
  color: #909399;
}
.u-icon__img[data-v-169f7df3] {
  height: auto;
  will-change: transform;
}
.u-icon__label[data-v-169f7df3] {
  line-height: 1;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-image[data-v-7eb760ca] {
  position: relative;
  transition: opacity 0.5s ease-in-out;
}
.u-image__image[data-v-7eb760ca] {
  width: 100%;
  height: 100%;
}
.u-image__loading[data-v-7eb760ca], .u-image__error[data-v-7eb760ca] {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: #f3f4f6;
  color: #909193;
  font-size: 1.4375rem;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-index-anchor[data-v-c64d8f32] {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 15px;
  z-index: 1;
}
.u-index-anchor--sticky[data-v-c64d8f32] {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.u-index-anchor__text[data-v-c64d8f32] {
  display: flex;
  flex-direction: row;
  align-items: center;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-index-list__letter[data-v-c528c32c] {
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 3;
  padding: 0 6px;
  width: 30px;
}
.u-index-list__letter__item[data-v-c528c32c] {
  width: 16px;
  height: 16px;
  border-radius: 100px;
  margin: 1px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.u-index-list__letter__item--active[data-v-c528c32c] {
  background-color: #3c9cff;
}
.u-index-list__letter__item__index[data-v-c528c32c] {
  font-size: 12px;
  text-align: center;
  line-height: 12px;
}
.u-index-list__indicator[data-v-c528c32c] {
  width: 50px;
  height: 50px;
  border-radius: 100px 100px 0 100px;
  text-align: center;
  color: #ffffff;
  background-color: #c9c9c9;
  transform: rotate(-45deg);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.u-index-list__indicator__text[data-v-c528c32c] {
  font-size: 28px;
  line-height: 28px;
  font-weight: bold;
  color: #fff;
  transform: rotate(45deg);
  text-align: center;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-input[data-v-5f3077c0] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}
.u-input--radius[data-v-5f3077c0], .u-input--square[data-v-5f3077c0] {
  border-radius: 4px;
}
.u-input--no-radius[data-v-5f3077c0] {
  border-radius: 0;
}
.u-input--circle[data-v-5f3077c0] {
  border-radius: 100px;
}
.u-input__content[data-v-5f3077c0] {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.u-input__content__field-wrapper[data-v-5f3077c0] {
  position: relative;
  display: flex;
  flex-direction: row;
  margin: 0;
  flex: 1;
}
.u-input__content__field-wrapper__field[data-v-5f3077c0] {
  line-height: 26px;
  text-align: left;
  color: #303133;
  height: 24px;
  font-size: 15px;
  flex: 1;
}
.u-input__content__clear[data-v-5f3077c0] {
  width: 20px;
  height: 20px;
  border-radius: 100px;
  background-color: #c6c7cb;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transform: scale(0.82);
  margin-left: 4px;
}
.u-input__content__subfix-icon[data-v-5f3077c0] {
  margin-left: 4px;
}
.u-input__content__prefix-icon[data-v-5f3077c0] {
  margin-right: 4px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-keyboard__tooltip[data-v-b774ae60] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: #FFFFFF;
  padding: 14px 12px;
}
.u-keyboard__tooltip__item[data-v-b774ae60] {
  color: #333333;
  flex: 1;
  text-align: center;
  font-size: 15px;
}
.u-keyboard__tooltip__submit[data-v-b774ae60] {
  text-align: right;
  color: #3c9cff;
}
.u-keyboard__tooltip__cancel[data-v-b774ae60] {
  text-align: left;
  color: #888888;
}
.u-keyboard__tooltip__tips[data-v-b774ae60] {
  color: #909193;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-wrap[data-v-c40ce762] {
  background-color: #eee;
  overflow: hidden;
}
.u-lazy-item[data-v-c40ce762] {
  transform: transition3d(0, 0, 0);
  will-change: transform;
  display: block;
  width: 100%;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-line-progress[data-v-d85d4061] {
  align-items: stretch;
  position: relative;
  display: flex;
  flex-direction: row;
  flex: 1;
  overflow: hidden;
  border-radius: 100px;
}
.u-line-progress__background[data-v-d85d4061] {
  background-color: #ececec;
  border-radius: 100px;
  flex: 1;
}
.u-line-progress__line[data-v-d85d4061] {
  position: absolute;
  top: 0;
  bottom: 0;
  align-items: center;
  display: flex;
  flex-direction: row;
  color: #ffffff;
  border-radius: 100px;
  transition: width 0.5s ease;
  justify-content: flex-end;
}
.u-line-progress__text[data-v-d85d4061] {
  font-size: 10px;
  align-items: center;
  text-align: right;
  color: #FFFFFF;
  margin-right: 5px;
  transform: scale(0.9);
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-line[data-v-026c488d] {
  vertical-align: middle;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-link[data-v-a8176137] {
  line-height: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 *//**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-list[data-v-1c7b0729] {
  display: flex;
  flex-direction: column;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-loading-icon[data-v-925c66f2] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #c8c9cc;
}
.u-loading-icon__text[data-v-925c66f2] {
  margin-left: 4px;
  color: #606266;
  font-size: 14px;
  line-height: 20px;
}
.u-loading-icon__spinner[data-v-925c66f2] {
  width: 30px;
  height: 30px;
  position: relative;
  box-sizing: border-box;
  max-width: 100%;
  max-height: 100%;
  animation: u-rotate-925c66f2 1s linear infinite;
}
.u-loading-icon__spinner--semicircle[data-v-925c66f2] {
  border-width: 2px;
  border-color: transparent;
  border-top-right-radius: 100px;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  border-style: solid;
}
.u-loading-icon__spinner--circle[data-v-925c66f2] {
  border-top-right-radius: 100px;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  border-width: 2px;
  border-top-color: #e5e5e5;
  border-right-color: #e5e5e5;
  border-bottom-color: #e5e5e5;
  border-left-color: #e5e5e5;
  border-style: solid;
}
.u-loading-icon--vertical[data-v-925c66f2] {
  flex-direction: column;
}
[data-v-925c66f2]:host {
  font-size: 0px;
  line-height: 1;
}
.u-loading-icon__spinner--spinner[data-v-925c66f2] {
  animation-timing-function: steps(12);
}
.u-loading-icon__text[data-v-925c66f2]:empty {
  display: none;
}
.u-loading-icon--vertical .u-loading-icon__text[data-v-925c66f2] {
  margin: 6px 0 0;
  color: #606266;
}
.u-loading-icon__dot[data-v-925c66f2] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-loading-icon__dot[data-v-925c66f2]:before {
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: currentColor;
  border-radius: 40%;
  content: " ";
}
.u-loading-icon__dot[data-v-925c66f2]:nth-of-type(1) {
  transform: rotate(30deg);
  opacity: 1;
}
.u-loading-icon__dot[data-v-925c66f2]:nth-of-type(2) {
  transform: rotate(60deg);
  opacity: 0.9375;
}
.u-loading-icon__dot[data-v-925c66f2]:nth-of-type(3) {
  transform: rotate(90deg);
  opacity: 0.875;
}
.u-loading-icon__dot[data-v-925c66f2]:nth-of-type(4) {
  transform: rotate(120deg);
  opacity: 0.8125;
}
.u-loading-icon__dot[data-v-925c66f2]:nth-of-type(5) {
  transform: rotate(150deg);
  opacity: 0.75;
}
.u-loading-icon__dot[data-v-925c66f2]:nth-of-type(6) {
  transform: rotate(180deg);
  opacity: 0.6875;
}
.u-loading-icon__dot[data-v-925c66f2]:nth-of-type(7) {
  transform: rotate(210deg);
  opacity: 0.625;
}
.u-loading-icon__dot[data-v-925c66f2]:nth-of-type(8) {
  transform: rotate(240deg);
  opacity: 0.5625;
}
.u-loading-icon__dot[data-v-925c66f2]:nth-of-type(9) {
  transform: rotate(270deg);
  opacity: 0.5;
}
.u-loading-icon__dot[data-v-925c66f2]:nth-of-type(10) {
  transform: rotate(300deg);
  opacity: 0.4375;
}
.u-loading-icon__dot[data-v-925c66f2]:nth-of-type(11) {
  transform: rotate(330deg);
  opacity: 0.375;
}
.u-loading-icon__dot[data-v-925c66f2]:nth-of-type(12) {
  transform: rotate(360deg);
  opacity: 0.3125;
}
@keyframes u-rotate-925c66f2 {
0% {
    transform: rotate(0deg);
}
to {
    transform: rotate(1turn);
}
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-loading-page[data-v-3c319d2a] {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.u-loading-page__warpper[data-v-3c319d2a] {
  margin-top: -150px;
  justify-content: center;
  align-items: center;
  color: #c8c8c8;
  font-size: 19px;
  display: flex;
  flex-direction: column;
}
.u-loading-page__warpper__loading-icon[data-v-3c319d2a] {
  margin-bottom: 10px;
}
.u-loading-page__warpper__loading-icon__img[data-v-3c319d2a] {
  width: 40px;
  height: 40px;
}
.u-loading-page__warpper__text[data-v-3c319d2a] {
  font-size: 19px;
  color: #c8c8c8;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-loadmore[data-v-fb396652] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.u-loadmore__content[data-v-fb396652] {
  margin: 0 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.u-loadmore__content__icon-wrap[data-v-fb396652] {
  margin-right: 8px;
}
.u-loadmore__content__text[data-v-fb396652] {
  font-size: 14px;
  color: #606266;
}
.u-loadmore__content__dot-text[data-v-fb396652] {
  font-size: 15px;
  color: #909193;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.up-markdown[data-v-6ce777f9] {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  padding: 16px;
  word-wrap: break-word;
  /* 标题样式 */
  /* 段落样式 */
  /* 链接样式 */
  /* 列表样式 */
  /* 引用样式 */
  /* 代码样式 */
  /* 表格样式 */
  /* 图片样式 */
  /* 分割线样式 */
  /* 深色主题 */
}
.up-markdown[data-v-6ce777f9] h1 {
  font-size: 32px;
  margin: 8px 0;
  font-weight: bold;
}
.up-markdown[data-v-6ce777f9] h2 {
  font-size: 24px;
  margin: 8px 0;
  font-weight: bold;
}
.up-markdown[data-v-6ce777f9] h3 {
  font-size: 18px;
  margin: 7px 0;
  font-weight: bold;
}
.up-markdown[data-v-6ce777f9] h4 {
  font-size: 16px;
  margin: 7px 0;
  font-weight: bold;
}
.up-markdown[data-v-6ce777f9] h5 {
  font-size: 13px;
  margin: 6px 0;
  font-weight: bold;
}
.up-markdown[data-v-6ce777f9] h6 {
  font-size: 10px;
  margin: 5px 0;
  font-weight: bold;
}
.up-markdown[data-v-6ce777f9] p {
  margin: 16px 0;
}
.up-markdown[data-v-6ce777f9] a {
  color: #007AFF;
  text-decoration: none;
}
.up-markdown[data-v-6ce777f9] a:hover {
  text-decoration: underline;
}
.up-markdown[data-v-6ce777f9] ul,
.up-markdown[data-v-6ce777f9] ol {
  margin: 16px 0;
  padding-left: 32px;
}
.up-markdown[data-v-6ce777f9] ul li,
.up-markdown[data-v-6ce777f9] ol li {
  margin: 8px 0;
}
.up-markdown[data-v-6ce777f9] ul li {
  list-style-type: disc;
}
.up-markdown[data-v-6ce777f9] ol li {
  list-style-type: decimal;
}
.up-markdown[data-v-6ce777f9] blockquote {
  margin: 8px 0;
  padding: 0 10px;
  border-left: 4px solid #ccc;
  color: #666;
}
[data-v-6ce777f9] .up-markdown-code {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 14px;
  background-color: #f6f8fa;
  padding: 3px 6px;
  border-radius: 3px;
  display: flex;
}
.up-markdown[data-v-6ce777f9] .code-lang {
  width: 100%;
  overflow-x: auto;
}
.up-markdown[data-v-6ce777f9] pre {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 14px;
  background-color: #f6f8fa;
  padding: 16px;
  overflow: auto;
  border-radius: 6px;
  margin: 16px 0;
}
.up-markdown[data-v-6ce777f9] pre ::v-deep code {
  background: none;
  padding: 0;
}
.up-markdown[data-v-6ce777f9] table {
  border-collapse: collapse;
  margin: 16px 0;
  width: 100%;
}
.up-markdown[data-v-6ce777f9] table th,
.up-markdown[data-v-6ce777f9] table td {
  padding: 6px 13px;
  border: 1px solid #dfe2e5;
}
.up-markdown[data-v-6ce777f9] table th {
  font-weight: 600;
}
.up-markdown[data-v-6ce777f9] table tr:nth-child(2n) {
  background-color: #f6f8fa;
}
.up-markdown[data-v-6ce777f9] img {
  max-width: 100%;
  box-sizing: content-box;
  background-color: #fff;
  margin: 16px 0;
}
.up-markdown[data-v-6ce777f9] hr {
  height: 1px;
  padding: 0;
  margin: 24px 0;
  background-color: #e1e4e8;
  border: 0;
}
.up-markdown.dark[data-v-6ce777f9] {
  color: #ccc;
  background-color: #1e1e1e;
}
[data-v-6ce777f9] .up-markdown.dark-code {
  background-color: #2d2d2d;
  color: #dcdcdc;
}
.up-markdown.dark[data-v-6ce777f9] pre {
  background-color: #2d2d2d;
  color: #dcdcdc;
}
.up-markdown.dark[data-v-6ce777f9] blockquote {
  margin: 8px 0;
  padding: 0 10px;
  border-left: 4px solid #ccc;
  color: #bbb;
}
.up-markdown.dark[data-v-6ce777f9] a {
  color: #4da6ff;
}

/* 代码块行号样式 */
[data-v-6ce777f9] .up-markdown-line-numbers {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #ddd;
  -webkit-user-select: none;
          user-select: none;
}
[data-v-6ce777f9] .up-markdown-line-numbers .up-markdown-line-number {
  color: #999;
  font-size: 14px;
  line-height: 1.6;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
@keyframes breathe-3aab8917 {
0% {
    opacity: 0.3;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0.3;
}
}
.u-char-box[data-v-3aab8917] {
  text-align: center;
}
.u-char-flex[data-v-3aab8917] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
}
.u-input[data-v-3aab8917] {
  position: absolute;
  top: 0;
  left: -100%;
  width: 200%;
  height: 100%;
  text-align: left;
  z-index: 9;
  opacity: 0;
  background: none;
}
.u-char-item[data-v-3aab8917] {
  position: relative;
  width: 2.8125rem;
  height: 2.8125rem;
  margin: 0.3125rem 0.3125rem;
  font-size: 1.875rem;
  font-weight: bold;
  color: #303133;
  line-height: 2.8125rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.u-middle-line[data-v-3aab8917] {
  border: none;
}
.u-box[data-v-3aab8917] {
  box-sizing: border-box;
  border: 0.0625rem solid #cccccc;
  border-radius: 0.1875rem;
}
.u-box-active[data-v-3aab8917] {
  overflow: hidden;
  animation-timing-function: ease-in-out;
  animation-duration: 1500ms;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  border: 0.0625rem solid #3c9cff;
}
.u-middle-line-active[data-v-3aab8917] {
  background: #3c9cff;
}
.u-breathe[data-v-3aab8917] {
  animation: breathe-3aab8917 2s infinite ease;
}
.u-placeholder-line[data-v-3aab8917] {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.0625rem;
  height: 1.25rem;
  background: #333333;
  animation: twinkling 1.5s infinite ease;
}
.u-animation-breathe[data-v-3aab8917] {
  animation-name: breathe-3aab8917;
}
.u-dot[data-v-3aab8917] {
  font-size: 1.0625rem;
  line-height: 1.0625rem;
}
.u-middle-line[data-v-3aab8917] {
  height: 4px;
  background: #000000;
  width: 80%;
  position: absolute;
  border-radius: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.u-bottom-line-active[data-v-3aab8917] {
  background: #3c9cff;
}
.u-bottom-line[data-v-3aab8917] {
  height: 4px;
  background: #000000;
  width: 80%;
  position: absolute;
  border-radius: 2px;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-modal[data-v-0d46fff5] {
  width: 20.3125rem;
  border-radius: 6px;
  overflow: hidden;
}
.u-modal__title[data-v-0d46fff5] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  color: #606266;
  text-align: center;
  padding-top: 25px;
}
.u-modal__content[data-v-0d46fff5] {
  padding: 12px 25px 25px 25px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.u-modal__content__text[data-v-0d46fff5] {
  font-size: 15px;
  color: #606266;
  flex: 1;
}
.u-modal__button-group[data-v-0d46fff5] {
  display: flex;
  flex-direction: row;
}
.u-modal__button-group--confirm-button[data-v-0d46fff5] {
  flex-direction: column;
  padding: 0px 25px 15px 25px;
}
.u-modal__button-group__wrapper[data-v-0d46fff5] {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 48px;
}
.u-modal__button-group__wrapper--confirm[data-v-0d46fff5], .u-modal__button-group__wrapper--only-cancel[data-v-0d46fff5] {
  border-bottom-right-radius: 6px;
}
.u-modal__button-group__wrapper--cancel[data-v-0d46fff5], .u-modal__button-group__wrapper--only-confirm[data-v-0d46fff5] {
  border-bottom-left-radius: 6px;
}
.u-modal__button-group__wrapper--hover[data-v-0d46fff5] {
  background-color: #f3f4f6;
}
.u-modal__button-group__wrapper__text[data-v-0d46fff5] {
  color: #606266;
  font-size: 16px;
  text-align: center;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-navbar-mini__inner[data-v-9ec26f2d] {
  width: 5.625rem;
  overflow: hidden;
}
.u-navbar-mini--fixed[data-v-9ec26f2d] {
  position: fixed;
  left: 20px;
  right: 0;
  top: 10px;
  z-index: 11;
}
.u-navbar-mini__content[data-v-9ec26f2d] {
  display: flex;
  flex-direction: row;
  padding: 0 15px;
  border-radius: 20px;
  align-items: center;
  height: 36px;
  background-color: #9acafc;
  position: relative;
  justify-content: space-between;
}
.u-navbar-mini__content__left[data-v-9ec26f2d] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-navbar-mini__content__left--hover[data-v-9ec26f2d] {
  opacity: 0.7;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-navbar--fixed[data-v-4cd45b44] {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 11;
}
.u-navbar__content[data-v-4cd45b44] {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 44px;
  background-color: #9acafc;
  position: relative;
  justify-content: center;
}
.u-navbar__content__left[data-v-4cd45b44], .u-navbar__content__right[data-v-4cd45b44] {
  padding: 0 13px;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-navbar__content__left[data-v-4cd45b44] {
  left: 0;
}
.u-navbar__content__left--hover[data-v-4cd45b44] {
  opacity: 0.7;
}
.u-navbar__content__left__text[data-v-4cd45b44] {
  font-size: 15px;
  margin-left: 3px;
}
.u-navbar__content__title[data-v-4cd45b44] {
  text-align: center;
  font-size: 16px;
  color: #303133;
}
.u-navbar__content__right[data-v-4cd45b44] {
  right: 0;
}
.u-navbar__content__right__text[data-v-4cd45b44] {
  font-size: 15px;
  margin-left: 3px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-no-network[data-v-02bf997b] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -100px;
}
.u-no-network__tips[data-v-02bf997b] {
  color: #909193;
  font-size: 14px;
  margin-top: 15px;
}
.u-no-network__app[data-v-02bf997b] {
  display: flex;
  flex-direction: row;
  margin-top: 6px;
}
.u-no-network__app__setting[data-v-02bf997b] {
  color: #c0c4cc;
  font-size: 13px;
}
.u-no-network__app__to-setting[data-v-02bf997b] {
  font-size: 13px;
  color: #3c9cff;
  margin-left: 3px;
}
.u-no-network__retry[data-v-02bf997b] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 15px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-notice-bar[data-v-c9b06f98] {
  overflow: hidden;
  padding: 9px 12px;
  flex: 1;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-notify[data-v-46718d2d] {
  padding: 8px 10px;
}
.u-notify__warpper[data-v-46718d2d] {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.u-notify__warpper__text[data-v-46718d2d] {
  font-size: 15px;
  text-align: center;
}
.u-notify--primary[data-v-46718d2d] {
  background-color: #3c9cff;
}
.u-notify--success[data-v-46718d2d] {
  background-color: #5ac725;
}
.u-notify--error[data-v-46718d2d] {
  background-color: #f56c6c;
}
.u-notify--warning[data-v-46718d2d] {
  background-color: #f9ae3d;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-number-box[data-v-6a178380] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-number-box__slot[data-v-6a178380] {
  touch-action: none;
}
.u-number-box__plus[data-v-6a178380], .u-number-box__minus[data-v-6a178380] {
  width: 35px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  touch-action: none;
}
.u-number-box__plus--hover[data-v-6a178380], .u-number-box__minus--hover[data-v-6a178380] {
  background-color: #E6E6E6 !important;
}
.u-number-box__plus--disabled[data-v-6a178380], .u-number-box__minus--disabled[data-v-6a178380] {
  color: #c8c9cc;
  background-color: #f7f8fa;
}
.u-number-box__plus[data-v-6a178380] {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.u-number-box__minus[data-v-6a178380] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.u-number-box__input[data-v-6a178380] {
  position: relative;
  text-align: center;
  font-size: 15px;
  padding: 0;
  margin: 0 2px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.u-number-box__input--disabled[data-v-6a178380] {
  color: #c8c9cc;
  background-color: #f2f3f5;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-keyboard[data-v-56c8a1b8] {
  display: flex;
  flex-direction: row;
  flex-direction: row;
  justify-content: space-around;
  background-color: #e0e4e6;
  flex-wrap: wrap;
  padding: 8px 0.3125rem 8px 0.3125rem;
}
.u-keyboard__button-wrapper[data-v-56c8a1b8] {
  box-shadow: 0 2px 0px #BBBCBE;
  margin: 4px 0.1875rem;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.u-keyboard__button-wrapper__button[data-v-56c8a1b8] {
  width: 6.9375rem;
  height: 2.8125rem;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.u-keyboard__button-wrapper__button__text[data-v-56c8a1b8] {
  font-size: 20px;
  font-weight: 500;
  color: #303133;
}
.u-keyboard__button-wrapper__button--gray[data-v-56c8a1b8] {
  background-color: #c8cad2;
}
.u-hover-class[data-v-56c8a1b8] {
  background-color: #BBBCC6;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-overlay[data-v-7712b023] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-pagination[data-v-9099733b] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 14px;
  color: #606266;
}
.u-pagination .u-pagination-total[data-v-9099733b] {
  margin-right: 10px;
}
.u-pagination .u-pagination-sizes[data-v-9099733b] {
  margin-right: 10px;
  padding: 4px 4px;
  border: 0.03125rem solid #dcdfe6;
  border-radius: 4px;
}
.u-pagination .u-pagination-btn[data-v-9099733b] {
  margin: 0 3px;
  padding: 4px 4px;
  border: 0.03125rem solid #dcdfe6;
  border-radius: 4px;
  background-color: #f5f7fa;
}
.u-pagination .u-pagination-btn.disabled[data-v-9099733b] {
  opacity: 0.5;
}
.u-pagination .u-pagination-item[data-v-9099733b] {
  margin: 0 2px;
  padding: 4px 8px;
  border-radius: 4px;
}
.u-pagination .u-pagination-item.active[data-v-9099733b] {
  background-color: #409eff;
  color: white;
}
.u-pagination .u-pagination-jumper[data-v-9099733b] {
  width: 40px;
  height: 28px;
  margin: 0 5px;
  padding: 0 5px;
  border: 0.03125rem solid #dcdfe6;
  border-radius: 4px;
  font-size: 14px;
}
/* a 标签默认效果 */
._a[data-v-051d3b9b] {
  padding: 1.5px 0 1.5px 0;
  color: #366092;
  word-break: break-all;
}

/* a 标签点击态效果 */
._hover[data-v-051d3b9b] {
  text-decoration: underline;
  opacity: 0.7;
}

/* 图片默认效果 */
._img[data-v-051d3b9b] {
  max-width: 100%;
  -webkit-touch-callout: none;
}

/* 内部样式 */
._block[data-v-051d3b9b] {
  display: block;
}
._b[data-v-051d3b9b],
._strong[data-v-051d3b9b] {
  font-weight: bold;
}
._code[data-v-051d3b9b] {
  font-family: monospace;
}
._del[data-v-051d3b9b] {
  text-decoration: line-through;
}
._em[data-v-051d3b9b],
._i[data-v-051d3b9b] {
  font-style: italic;
}
._h1[data-v-051d3b9b] {
  font-size: 2em;
}
._h2[data-v-051d3b9b] {
  font-size: 1.5em;
}
._h3[data-v-051d3b9b] {
  font-size: 1.17em;
}
._h5[data-v-051d3b9b] {
  font-size: 0.83em;
}
._h6[data-v-051d3b9b] {
  font-size: 0.67em;
}
._h1[data-v-051d3b9b],
._h2[data-v-051d3b9b],
._h3[data-v-051d3b9b],
._h4[data-v-051d3b9b],
._h5[data-v-051d3b9b],
._h6[data-v-051d3b9b] {
  display: block;
  font-weight: bold;
}
._image[data-v-051d3b9b] {
  height: 1px;
}
._ins[data-v-051d3b9b] {
  text-decoration: underline;
}
._li[data-v-051d3b9b] {
  display: list-item;
}
._ol[data-v-051d3b9b] {
  list-style-type: decimal;
}
._ol[data-v-051d3b9b],
._ul[data-v-051d3b9b] {
  display: block;
  padding-left: 40px;
  margin: 1em 0;
}
._q[data-v-051d3b9b]::before {
  content: '"';
}
._q[data-v-051d3b9b]::after {
  content: '"';
}
._sub[data-v-051d3b9b] {
  font-size: smaller;
  vertical-align: sub;
}
._sup[data-v-051d3b9b] {
  font-size: smaller;
  vertical-align: super;
}
._thead[data-v-051d3b9b],
._tbody[data-v-051d3b9b],
._tfoot[data-v-051d3b9b] {
  display: table-row-group;
}
._tr[data-v-051d3b9b] {
  display: table-row;
}
._td[data-v-051d3b9b],
._th[data-v-051d3b9b] {
  display: table-cell;
  vertical-align: middle;
}
._th[data-v-051d3b9b] {
  font-weight: bold;
  text-align: center;
}
._ul[data-v-051d3b9b] {
  list-style-type: disc;
}
._ul ._ul[data-v-051d3b9b] {
  margin: 0;
  list-style-type: circle;
}
._ul ._ul ._ul[data-v-051d3b9b] {
  list-style-type: square;
}
._abbr[data-v-051d3b9b],
._b[data-v-051d3b9b],
._code[data-v-051d3b9b],
._del[data-v-051d3b9b],
._em[data-v-051d3b9b],
._i[data-v-051d3b9b],
._ins[data-v-051d3b9b],
._label[data-v-051d3b9b],
._q[data-v-051d3b9b],
._span[data-v-051d3b9b],
._strong[data-v-051d3b9b],
._sub[data-v-051d3b9b],
._sup[data-v-051d3b9b] {
  display: inline;
}









/* 根节点样式 */
._root[data-v-65b96763] {
	padding: 1px 0;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

/* 长按复制 */
._select[data-v-65b96763] {
	-webkit-user-select: text;
	        user-select: text;
}


/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 *//**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-picker-data__trigger[data-v-1c38d9ed] {
  position: relative;
}
.u-picker-data__trigger__cover[data-v-1c38d9ed] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-picker[data-v-1d845d20] {
  position: relative;
}
.u-picker-input[data-v-1d845d20] {
  position: relative;
}
.u-picker-input .input-cover[data-v-1d845d20] {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.u-picker__view__column[data-v-1d845d20] {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: center;
}
.u-picker__view__column__item[data-v-1d845d20] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  text-align: center;
  display: block;
  color: #303133;
}
.u-picker__view__column__item--disabled[data-v-1d845d20] {
  cursor: not-allowed;
  opacity: 0.35;
}
.u-picker--loading[data-v-1d845d20] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.87);
  z-index: 1000;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.up-popover__content[data-v-8f444cb5] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 16px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-popup[data-v-524611db] {
  flex: 1;
}
.u-popup__trigger[data-v-524611db] {
  position: relative;
}
.u-popup__trigger__cover[data-v-524611db] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.u-popup__content[data-v-524611db] {
  background-color: #fff;
  position: relative;
}
.u-popup__content--round-top[data-v-524611db] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.u-popup__content--round-left[data-v-524611db] {
  border-top-left-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 10px;
}
.u-popup__content--round-right[data-v-524611db] {
  border-top-left-radius: 10px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 0;
}
.u-popup__content--round-bottom[data-v-524611db] {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.u-popup__content--round-center[data-v-524611db] {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.u-popup__content__touch-area[data-v-524611db] {
  top: 0;
  left: 0;
  right: 0;
  height: 1.3125rem;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
}
.u-popup__content__indicator[data-v-524611db] {
  width: 100px;
  height: 5px;
  border-radius: 100px;
  background-color: #c0c4cc;
}
.u-popup__content__close[data-v-524611db] {
  position: absolute;
}
.u-popup__content__close--hover[data-v-524611db] {
  opacity: 0.4;
}
.u-popup__content__close--top-left[data-v-524611db] {
  top: 15px;
  left: 15px;
}
.u-popup__content__close--top-right[data-v-524611db] {
  top: 15px;
  right: 15px;
}
.u-popup__content__close--bottom-left[data-v-524611db] {
  bottom: 15px;
  left: 15px;
}
.u-popup__content__close--bottom-right[data-v-524611db] {
  right: 15px;
  bottom: 15px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.up-poster[data-v-9b60c7d2] {
  position: relative;
}
.up-poster__canvas[data-v-9b60c7d2] {
  position: relative;
  overflow: hidden;
}
.up-poster__hidden-canvas[data-v-9b60c7d2] {
  position: fixed;
  top: -10000px;
  left: -10000px;
  z-index: -1;
}
.up-poster__hidden-qrcode[data-v-9b60c7d2] {
  position: fixed;
  top: -10000px;
  left: -10000px;
  z-index: -1;
}
.up-poster__hidden-qrcode--hidden[data-v-9b60c7d2] {
  opacity: 0;
  pointer-events: none;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-pull-refresh[data-v-87de9088] {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.refresh-area[data-v-87de9088] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
  transition: height 0.2s ease-out;
}
.refresh-content-wrapper[data-v-87de9088] {
  height: 100%;
  transition: transform 0.2s ease-out;
}
.scroll-wrapper[data-v-87de9088] {
  height: 100%;
}
.refresh-content[data-v-87de9088] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-bottom: 10px;
}
.spinner[data-v-87de9088] {
  width: 16px;
  height: 16px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #666;
  border-radius: 50%;
  animation: spin-87de9088 1s linear infinite;
}
@keyframes spin-87de9088 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.refresh-text[data-v-87de9088] {
  font-size: 14px;
  color: #666;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-qrcode__loading[data-v-089925d6] {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f7f7f7;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.u-qrcode__content[data-v-089925d6] {
  position: relative;
}
.u-qrcode__content__canvas[data-v-089925d6] {
  position: fixed;
  top: -3124.96875rem;
  left: -3124.96875rem;
  z-index: -99999;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-radio-group[data-v-5bd64c94] {
  flex: 1;
}
.u-radio-group--row[data-v-5bd64c94] {
  display: flex;
  flex-flow: row wrap;
}
.u-radio-group--column[data-v-5bd64c94] {
  display: flex;
  flex-direction: column;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-radio[data-v-e8eaaff9] {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
  margin-top: 5px;
}
.u-radio-label--left[data-v-e8eaaff9] {
  flex-direction: row;
}
.u-radio-label--right[data-v-e8eaaff9] {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.u-radio__icon-wrap[data-v-e8eaaff9] {
  box-sizing: border-box;
  transition-property: border-color, background-color, color;
  transition-duration: 0.2s;
  color: #606266;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: transparent;
  text-align: center;
  margin-right: 6px;
  font-size: 20px;
  border-width: 1px;
  border-color: #c8c9cc;
  border-style: solid;
}
.u-radio__icon-wrap--circle[data-v-e8eaaff9] {
  border-radius: 100%;
}
.u-radio__icon-wrap--square[data-v-e8eaaff9] {
  border-radius: 3px;
}
.u-radio__icon-wrap--checked[data-v-e8eaaff9] {
  color: #fff;
  background-color: red;
  border-color: #2979ff;
}
.u-radio__icon-wrap--disabled[data-v-e8eaaff9] {
  background-color: #ebedf0 !important;
}
.u-radio__icon-wrap--disabled--checked[data-v-e8eaaff9] {
  color: #c8c9cc !important;
}
.u-radio__label[data-v-e8eaaff9] {
  word-wrap: break-word;
  margin-left: 5px;
  margin-right: 12px;
  color: #606266;
  font-size: 15px;
}
.u-radio__label--disabled[data-v-e8eaaff9] {
  color: #c8c9cc;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-rate[data-v-c0e3e30b] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0;
  padding: 0;
  touch-action: none;
}
.u-rate__content[data-v-c0e3e30b] {
  display: flex;
  flex-direction: row;
}
.u-rate__content__item[data-v-c0e3e30b] {
  position: relative;
}
.u-rate__content__item__icon-wrap--half[data-v-c0e3e30b] {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}
.up-icon[data-v-c0e3e30b] {
  box-sizing: border-box;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-read-more__content[data-v-94662405] {
  overflow: hidden;
  color: #606266;
  font-size: 15px;
  text-align: left;
}
.u-read-more__toggle[data-v-94662405] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
}
.u-read-more__toggle__text[data-v-94662405] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-notice[data-v-e539c465] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.u-notice__left-icon[data-v-e539c465] {
  align-items: center;
  margin-right: 5px;
}
.u-notice__right-icon[data-v-e539c465] {
  margin-left: 5px;
  align-items: center;
}
.u-notice__content[data-v-e539c465] {
  text-align: right;
  flex: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
}
.u-notice__content__text[data-v-e539c465] {
  font-size: 14px;
  color: #f9ae3d;
  padding-left: 100%;
  word-break: keep-all;
  white-space: nowrap;
  animation: u-loop-animation-e539c465 10s linear infinite both;
  display: flex;
  flex-direction: row;
}
@keyframes u-loop-animation-e539c465 {
0% {
    transform: translate3d(0, 0, 0);
}
100% {
    transform: translate3d(-100%, 0, 0);
}
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-row[data-v-b70fc06f] {
  display: flex;
  flex-direction: row;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-safe-bottom[data-v-f2e6275d] {
  width: 100%;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-scroll-list[data-v-9ccb09e5] {
  padding-bottom: 10px;
}
.u-scroll-list__scroll-view[data-v-9ccb09e5] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.u-scroll-list__scroll-view__content[data-v-9ccb09e5] {
  display: flex;
  flex-direction: row;
}
.u-scroll-list__indicator[data-v-9ccb09e5] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 15px;
}
.u-scroll-list__indicator__line[data-v-9ccb09e5] {
  width: 60px;
  height: 4px;
  border-radius: 100px;
  overflow: hidden;
}
.u-scroll-list__indicator__line__bar[data-v-9ccb09e5] {
  width: 20px;
  height: 4px;
  border-radius: 100px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
[type=search][data-v-6b7c75fb]::-webkit-search-decoration {
  display: none;
}
.u-search[data-v-6b7c75fb] {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
}
.u-search__content[data-v-6b7c75fb] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 10px;
  flex: 1;
  justify-content: space-between;
  border-width: 1px;
  border-color: transparent;
  border-style: solid;
  overflow: hidden;
}
.u-search__content__icon[data-v-6b7c75fb] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-search__content__label[data-v-6b7c75fb] {
  color: #303133;
  font-size: 14px;
  margin: 0 4px;
}
.u-search__content__close[data-v-6b7c75fb] {
  width: 20px;
  height: 20px;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  background-color: #C6C7CB;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transform: scale(0.82);
}
.u-search__content__input[data-v-6b7c75fb] {
  flex: 1;
  font-size: 14px;
  line-height: 1;
  margin: 0 5px;
  color: #303133;
}
.u-search__content__input--placeholder[data-v-6b7c75fb] {
  color: #909193;
}
.u-search__action[data-v-6b7c75fb] {
  font-size: 14px;
  color: #303133;
  width: 0;
  overflow: hidden;
  transition-property: width;
  transition-duration: 0.3s;
  white-space: nowrap;
  text-align: center;
}
.u-search__action--active[data-v-6b7c75fb] {
  width: 40px;
  margin-left: 5px;
}
.u-search__reverse .u-search__content__icon[data-v-6b7c75fb] {
  order: 3;
}
.u-search__reverse .u-search__content__close[data-v-6b7c75fb] {
  order: 2;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-select__content[data-v-bfbf9690] {
  position: relative;
}
.u-select__content .u-select__label[data-v-bfbf9690] {
  display: flex;
  justify-content: space-between;
}
.u-select__content .u-select__label[data-v-bfbf9690]:hover {
  cursor: pointer;
}
.u-select__content .u-select__text[data-v-bfbf9690] {
  margin-right: 2px;
}
.u-select__content.disabled[data-v-bfbf9690] {
  opacity: 0.6;
  pointer-events: none;
}
.u-select__content .u-select__options__wrap[data-v-bfbf9690] {
  margin-bottom: 46px;
  position: absolute;
  top: 20px;
  left: 0;
}
.u-select__content .u-select__options[data-v-bfbf9690] {
  min-width: 100px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #f1f1f1;
  background-color: #fff;
}
.u-select__content .u-select__options .u-select__options_item[data-v-bfbf9690] {
  padding: 10px 12px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.u-select__content .u-select__options .u-select__options_item[data-v-bfbf9690]:hover {
  background-color: #f7f7f7;
}
.u-select__content .u-select__options .u-select__options_item[data-v-bfbf9690]:hover {
  cursor: pointer;
}
.u-select__content .u-select__options .u-select__options_item .u-select__item_text[data-v-bfbf9690]:hover {
  cursor: pointer;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-short-video[data-v-cb44379b] {
  width: 100%;
  height: 100vh;
  position: relative;
}
.u-short-video__header[data-v-cb44379b] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0.05);
  opacity: 1;
}
.u-short-video__header__menu[data-v-cb44379b], .u-short-video__header__search[data-v-cb44379b] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.u-short-video__header__tabs[data-v-cb44379b] {
  flex: 1;
  margin: 0 10px;
}
.u-short-video__content[data-v-cb44379b] {
  width: 100%;
  height: 100%;
}
.u-short-video__content__item[data-v-cb44379b] {
  width: 100%;
  height: 100%;
  position: relative;
}
.u-short-video__content__video[data-v-cb44379b] {
  width: 100%;
  height: 100%;
  position: relative;
}
.u-short-video__content__video__speed[data-v-cb44379b] {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 20px;
  padding: 5px 10px;
  display: flex;
  align-items: center;
}
.u-short-video__content__video__speed .speed-text[data-v-cb44379b] {
  color: #fff;
  font-size: 12px;
  margin-right: 4px;
}
.u-short-video__content__author[data-v-cb44379b] {
  position: absolute;
  left: 15px;
  bottom: 100px;
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 10;
}
.u-short-video__content__author__info[data-v-cb44379b] {
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.u-short-video__content__author__name[data-v-cb44379b] {
  color: #eee;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}
.u-short-video__content__author__desc[data-v-cb44379b] {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
}
.u-short-video__content__author__follow[data-v-cb44379b] {
  margin-left: 15px;
}
.u-short-video__content__actions[data-v-cb44379b] {
  position: absolute;
  right: 15px;
  bottom: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 10;
}
.u-short-video__content__actions__item[data-v-cb44379b] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
  color: #fff;
}
.u-short-video__content__actions__text[data-v-cb44379b] {
  color: #fff;
  font-size: 12px;
  margin-top: 5px;
}
.u-short-video__footer[data-v-cb44379b] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-signature[data-v-6e34047b] {
  display: flex;
  flex-direction: column;
}
.u-signature__canvas-wrap[data-v-6e34047b] {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
}
.u-signature__canvas[data-v-6e34047b] {
  width: 100%;
  height: 100%;
}
.u-signature__toolbar[data-v-6e34047b] {
  margin-top: 5px;
  background-color: #fff;
}
.u-signature__toolbar-icons[data-v-6e34047b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1px 0;
  border-radius: 4px;
}
.u-signature__toolbar-icon[data-v-6e34047b] {
  padding: 5px;
}
.u-signature__brush-settings[data-v-6e34047b], .u-signature__color-settings[data-v-6e34047b] {
  margin-top: 15px;
  padding: 1px;
  border-radius: 4px;
}
.u-signature__progress-label[data-v-6e34047b] {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #999;
}
.u-signature__color-picker[data-v-6e34047b] {
  margin-bottom: 10px;
}
.u-signature__color-label[data-v-6e34047b] {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #999;
}
.u-signature__colors[data-v-6e34047b] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
.u-signature__color-item[data-v-6e34047b] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #f0f0f0;
  cursor: pointer;
}
.u-signature__color-item--active[data-v-6e34047b] {
  border-color: #2979ff;
  transform: scale(1.1);
}
.u-signature__actions[data-v-6e34047b] {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: center;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-skeleton[data-v-279bc8fa] {
  flex: 1;
}
.u-skeleton__wrapper[data-v-279bc8fa] {
  display: flex;
  flex-direction: row;
}
.u-skeleton__wrapper__avatar[data-v-279bc8fa] {
  background: linear-gradient(90deg, #F1F2F4 25%, #e6e6e6 37%, #F1F2F4 50%);
  background-size: 400% 100%;
  margin-right: 15px;
}
.u-skeleton__wrapper__avatar--circle[data-v-279bc8fa] {
  border-radius: 100px;
}
.u-skeleton__wrapper__avatar--square[data-v-279bc8fa] {
  border-radius: 4px;
}
.u-skeleton__wrapper__content[data-v-279bc8fa] {
  flex: 1;
}
.u-skeleton__wrapper__content__rows[data-v-279bc8fa], .u-skeleton__wrapper__content__title[data-v-279bc8fa] {
  background: linear-gradient(90deg, #F1F2F4 25%, #e6e6e6 37%, #F1F2F4 50%);
  background-size: 400% 100%;
  border-radius: 3px;
}
.animate[data-v-279bc8fa] {
  animation: skeleton-279bc8fa 1.8s ease infinite;
}
@keyframes skeleton-279bc8fa {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-slider[data-v-635fb210] {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-slider__native[data-v-635fb210] {
  flex: 1;
}
.u-slider-inner[data-v-635fb210] {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 999px;
  padding: 10px 18px;
  justify-content: center;
}
.u-slider__show-value[data-v-635fb210] {
  margin: 10px 18px 10px 0px;
}
.u-slider__show-range-value[data-v-635fb210] {
  padding-top: 2px;
  font-size: 12px;
  line-height: 12px;
  position: absolute;
  bottom: 0;
}
.u-slider__base[data-v-635fb210] {
  background-color: #ebedf0;
}
.u-slider-inner[data-v-635fb210]:before {
  position: absolute;
  right: 0;
  left: 0;
  content: "";
  top: -8px;
  bottom: -8px;
  z-index: -1;
}
.u-slider__gap[data-v-635fb210] {
  position: relative;
  border-radius: 999px;
  transition: width 0.2s;
  background-color: #1989fa;
}
.u-slider__button[data-v-635fb210] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  background-color: #fff;
  transform: scale(0.9);
  cursor: pointer;
}
.u-slider__button-wrap[data-v-635fb210] {
  position: absolute;
}
.u-slider--disabled[data-v-635fb210] {
  opacity: 0.5;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-status-bar[data-v-c27d32ea] {
  width: 100%;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-steps-item[data-v-406e38d9] {
  flex: 1;
  display: flex;
  flex-direction: row;
}
.u-steps-item--row[data-v-406e38d9] {
  flex-direction: column;
  align-items: center;
  position: relative;
}
.u-steps-item--column[data-v-406e38d9] {
  position: relative;
  flex-direction: row;
  justify-content: flex-start;
  padding-bottom: 5px;
}
.u-steps-item__wrapper[data-v-406e38d9] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #fff;
  border-radius: 50px;
}
.u-steps-item__wrapper--column[data-v-406e38d9] {
  width: 20px;
  height: 20px;
}
.u-steps-item__wrapper--column--dot[data-v-406e38d9] {
  height: 20px;
  width: 20px;
}
.u-steps-item__wrapper--row[data-v-406e38d9] {
  width: 20px;
  height: 20px;
}
.u-steps-item__wrapper--row--dot[data-v-406e38d9] {
  width: 20px;
  height: 20px;
}
.u-steps-item__wrapper__circle[data-v-406e38d9] {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  flex-shrink: 0;
  border-radius: 100px;
  border-width: 1px;
  border-color: #909193;
  border-style: solid;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s;
}
.u-steps-item__wrapper__circle__text[data-v-406e38d9] {
  color: #909193;
  font-size: 11px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 11px;
}
.u-steps-item__wrapper__dot[data-v-406e38d9] {
  width: 10px;
  height: 10px;
  border-radius: 100px;
  background-color: #606266;
}
.u-steps-item__content[data-v-406e38d9] {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.u-steps-item__content__title[data-v-406e38d9] {
  cursor: pointer;
}
.u-steps-item__content--row[data-v-406e38d9] {
  flex-direction: column;
  align-items: center;
}
.u-steps-item__content--column[data-v-406e38d9] {
  flex-direction: column;
  margin-left: 6px;
}
.u-steps-item__line[data-v-406e38d9] {
  position: absolute;
  background: #909193;
}
.u-steps-item__line--row[data-v-406e38d9] {
  top: 10px;
  height: 1px;
}
.u-steps-item__line--column[data-v-406e38d9] {
  width: 1px;
  left: 10px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-steps[data-v-3c283999] {
  display: flex;
  flex-direction: row;
}
.u-steps--column[data-v-3c283999] {
  flex-direction: column;
}
.u-steps--row[data-v-3c283999] {
  flex-direction: row;
  flex: 1;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 *//**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-subsection[data-v-7788fc6e] {
  display: flex;
  flex-direction: row;
  position: relative;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}
.u-subsection--button[data-v-7788fc6e] {
  height: 34px;
  background-color: #eeeeef;
  padding: 3px;
  border-radius: 4px;
  align-items: stretch;
}
.u-subsection--button__bar[data-v-7788fc6e] {
  background-color: #ffffff;
  border-radius: 4px !important;
}
.u-subsection--subsection[data-v-7788fc6e] {
  height: 32px;
}
.u-subsection__bar[data-v-7788fc6e] {
  position: absolute;
  transition-property: transform, color;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.u-subsection__bar--first[data-v-7788fc6e] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.u-subsection__bar--center[data-v-7788fc6e] {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.u-subsection__bar--last[data-v-7788fc6e] {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.u-subsection__item[data-v-7788fc6e] {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  position: relative;
}
.u-subsection__item--no-border-right[data-v-7788fc6e] {
  border-right-width: 0 !important;
}
.u-subsection__item--first[data-v-7788fc6e] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.u-subsection__item--last[data-v-7788fc6e] {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.u-subsection__item__text[data-v-7788fc6e] {
  font-size: 12px;
  line-height: 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
  transition-property: color;
  transition-duration: 0.3s;
}
.item-button--disabled[data-v-7788fc6e] {
  cursor: no-drop;
  color: #BDBDBD !important;
  border-color: #BDBDBD !important;
}
.item-button--disabled uni-text[data-v-7788fc6e] {
  color: #BDBDBD !important;
}
.item-subsection--disabled[data-v-7788fc6e] {
  cursor: no-drop;
  background: #FFFFFF !important;
  color: #BDBDBD !important;
  border-color: #BDBDBD !important;
}
.item-subsection--disabled uni-text[data-v-7788fc6e] {
  color: #BDBDBD !important;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-swipe-action-item[data-v-a14ef610] {
  position: relative;
  overflow: hidden;
  touch-action: pan-y;
}
.u-swipe-action-item__content[data-v-a14ef610] {
  transform: translateX(0px);
  background-color: #FFFFFF;
  z-index: 10;
}
.u-swipe-action-item__right[data-v-a14ef610] {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: row;
}
.u-swipe-action-item__right__button[data-v-a14ef610] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  overflow: hidden;
  align-items: center;
}
.u-swipe-action-item__right__button__wrapper[data-v-a14ef610] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
}
.u-swipe-action-item__right__button__wrapper__text[data-v-a14ef610] {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #FFFFFF;
  font-size: 15px;
  text-align: center;
  justify-content: center;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-swiper-indicator__wrapper[data-v-0f1674cd] {
  display: flex;
  flex-direction: row;
}
.u-swiper-indicator__wrapper--line[data-v-0f1674cd] {
  border-radius: 100px;
  height: 4px;
}
.u-swiper-indicator__wrapper--line__bar[data-v-0f1674cd] {
  width: 22px;
  height: 4px;
  border-radius: 100px;
  background-color: #FFFFFF;
  transition: transform 0.3s;
}
.u-swiper-indicator__wrapper__dot[data-v-0f1674cd] {
  width: 5px;
  height: 5px;
  border-radius: 100px;
  margin: 0 4px;
}
.u-swiper-indicator__wrapper__dot--active[data-v-0f1674cd] {
  width: 12px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-swiper__wrapper[data-v-f06ef686] {
  flex: 1;
}
.u-swiper[data-v-f06ef686] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.u-swiper__wrapper[data-v-f06ef686] {
  flex: 1;
}
.u-swiper__wrapper__item[data-v-f06ef686] {
  flex: 1;
}
.u-swiper__wrapper__item__wrapper[data-v-f06ef686] {
  display: flex;
  flex-direction: row;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s;
  flex: 1;
}
.u-swiper__wrapper__item__wrapper__image[data-v-f06ef686] {
  flex: 1;
}
.u-swiper__wrapper__item__wrapper__video[data-v-f06ef686] {
  flex: 1;
}
.u-swiper__wrapper__item__wrapper__title[data-v-f06ef686] {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 0.875rem;
  padding: 0.375rem 0.75rem;
  color: #FFFFFF;
  flex: 1;
}
.u-swiper__indicator[data-v-f06ef686] {
  position: absolute;
  bottom: 10px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-switch[data-v-ea4ff0d6] {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  position: relative;
  background-color: #fff;
  border-width: 1px;
  border-radius: 100px;
  transition: background-color 0.4s;
  border-color: rgba(0, 0, 0, 0.12);
  border-style: solid;
  justify-content: flex-end;
  align-items: center;
  overflow: hidden;
}
.u-switch__node[data-v-ea4ff0d6] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background-color: #fff;
  border-radius: 100px;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.25);
  transition-property: transform;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.3, 1.05, 0.4, 1.05);
}
.u-switch__bg[data-v-ea4ff0d6] {
  position: absolute;
  border-radius: 100px;
  background-color: #FFFFFF;
  transition-property: transform;
  transition-duration: 0.4s;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  transition-timing-function: ease;
}
.u-switch--disabled[data-v-ea4ff0d6] {
  opacity: 0.6;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-tabbar-item[data-v-019e5fd8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.u-tabbar-item__icon[data-v-019e5fd8] {
  display: flex;
  flex-direction: row;
  position: relative;
  width: 4.6875rem;
  justify-content: center;
}
.u-tabbar-item__text[data-v-019e5fd8] {
  margin-top: 2px;
  font-size: 12px;
  color: #606266;
}
.u-tabbar-item--mid-button[data-v-019e5fd8] {
  transform: translateY(-10px);
}
.u-tabbar-item--mid-button-cover[data-v-019e5fd8] {
  background-color: #fff;
  position: absolute;
  top: 22px;
  left: -10px;
  width: 90px;
  bottom: 0;
}
.u-tabbar-item__icon--mid-button[data-v-019e5fd8] {
  width: 70px;
  height: 70px;
  border-radius: 100px;
  background-color: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-tabbar[data-v-1d25de1a] {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
}
.u-tabbar__content[data-v-1d25de1a] {
  display: flex;
  flex-direction: column;
  background-color: #fff;
}
.u-tabbar__content__item-wrapper[data-v-1d25de1a] {
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.u-tabbar--fixed[data-v-1d25de1a] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-table-row[data-v-e7ca2c69] {
  display: flex;
  flex-direction: row;
  position: relative;
}
.u-table-border[data-v-e7ca2c69] {
  border-top: 1px solid #ebeef5;
  border-left: 1px solid #ebeef5;
  border-right: 1px solid #ebeef5;
}
.u-table-border .u-table-cell[data-v-e7ca2c69] {
  border-right: 1px solid #ebeef5;
}
.u-table-border .u-table-cell[data-v-e7ca2c69]:last-child {
  border-right: none;
}
.u-table-cell[data-v-e7ca2c69] {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 1px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.1;
  border-bottom: 1px solid #ebeef5;
}
.u-table-cell.u-text-left[data-v-e7ca2c69] {
  justify-content: flex-start;
  text-align: left;
}
.u-table-cell.u-text-center[data-v-e7ca2c69] {
  justify-content: center;
  text-align: center;
}
.u-table-cell.u-text-right[data-v-e7ca2c69] {
  justify-content: flex-end;
  text-align: right;
}
.u-table-row-zebra[data-v-e7ca2c69] {
  background-color: #fafafa;
}
.u-table-row-highlight[data-v-e7ca2c69] {
  background-color: #f5f7fa;
}
.u-table-empty[data-v-e7ca2c69] {
  text-align: center;
  padding: 20px;
  color: #999;
}
.u-table-cell-hidden[data-v-e7ca2c69] {
  opacity: 0;
}
.u-table-cell-merged[data-v-e7ca2c69] {
  z-index: 1;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-table2[data-v-d09e999b] {
  width: auto;
  overflow: auto;
  white-space: nowrap;
  position: relative;
}
.u-table2 .u-table-header[data-v-d09e999b] {
  min-width: 100% !important;
  width: -webkit-fit-content;
  width: fit-content;
  background-color: #f5f7fa;
}
.u-table2 .u-table-body[data-v-d09e999b] {
  min-width: 100% !important;
  width: -webkit-fit-content;
  width: fit-content;
  position: relative;
}
.u-table2 .u-table-sticky[data-v-d09e999b] {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
}
.u-table2 .u-table-row[data-v-d09e999b] {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  position: relative;
}
.u-table2.u-table-border[data-v-d09e999b] {
  border-top: 1px solid #ebeef5;
  border-left: 1px solid #ebeef5;
  border-right: 1px solid #ebeef5;
}
.u-table2.u-table-border .u-table-cell[data-v-d09e999b] {
  border-right: 1px solid #ebeef5;
}
.u-table2.u-table-border .u-table-cell[data-v-d09e999b]:last-child {
  border-right: none;
}
.u-table2 .u-table-cell[data-v-d09e999b] {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 1px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.1;
  border-bottom: 1px solid #ebeef5;
}
.u-table2 .u-table-cell.u-text-left[data-v-d09e999b] {
  justify-content: flex-start;
  text-align: left;
}
.u-table2 .u-table-cell.u-text-center[data-v-d09e999b] {
  justify-content: center;
  text-align: center;
}
.u-table2 .u-table-cell.u-text-right[data-v-d09e999b] {
  justify-content: flex-end;
  text-align: right;
}
.u-table2 .u-table-row-zebra[data-v-d09e999b] {
  background-color: #fafafa;
}
.u-table2 .u-table-row-highlight[data-v-d09e999b] {
  background-color: #f5f7fa;
}
.u-table2 .u-table-empty[data-v-d09e999b] {
  text-align: center;
  padding: 20px;
  color: #999;
}
.u-table2 .u-table-cell-hidden[data-v-d09e999b] {
  opacity: 0;
}
.u-table2 .u-table-cell-merged[data-v-d09e999b] {
  z-index: 1;
}
.u-table-fixed-shadow[data-v-d09e999b] {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  z-index: 20;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  background-color: #ffffff;
}
.u-table-fixed-shadow .u-table-border .u-table-cell[data-v-d09e999b] {
  border-right: 0.03125rem solid #ebeef5;
}
.u-table-fixed-shadow .u-table-border .u-table-cell[data-v-d09e999b]:last-child {
  border-right: none;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-tabs__wrapper[data-v-e9f324c5] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-tabs__wrapper__scroll-view-wrapper[data-v-e9f324c5] {
  flex: 1;
  overflow: auto hidden;
}
.u-tabs__wrapper__scroll-view[data-v-e9f324c5] {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.u-tabs__wrapper__nav[data-v-e9f324c5] {
  display: flex;
  flex-direction: row;
  position: relative;
}
.u-tabs__wrapper__nav__item[data-v-e9f324c5] {
  padding: 0 11px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.u-tabs__wrapper__nav__item--disabled[data-v-e9f324c5] {
  cursor: not-allowed;
}
.u-tabs__wrapper__nav__item__text[data-v-e9f324c5] {
  font-size: 15px;
  color: #606266;
  white-space: nowrap !important;
}
.u-tabs__wrapper__nav__item__text--disabled[data-v-e9f324c5] {
  color: #c8c9cc !important;
}
.u-tabs__wrapper__nav__line[data-v-e9f324c5] {
  height: 3px;
  background: #3c9cff;
  width: 30px;
  position: absolute;
  bottom: 2px;
  border-radius: 100px;
  transition-property: transform;
  transition-duration: 300ms;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-tag-wrapper[data-v-e438d4fe] {
  position: relative;
}
.u-tag[data-v-e438d4fe] {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-style: solid;
}
.u-tag--circle[data-v-e438d4fe] {
  border-radius: 100px;
}
.u-tag--square[data-v-e438d4fe] {
  border-radius: 3px;
}
.u-tag__icon[data-v-e438d4fe] {
  margin-right: 4px;
}
.u-tag__text--mini[data-v-e438d4fe] {
  font-size: 12px;
  line-height: 12px;
}
.u-tag__text--medium[data-v-e438d4fe] {
  font-size: 13px;
  line-height: 13px;
}
.u-tag__text--large[data-v-e438d4fe] {
  font-size: 15px;
  line-height: 15px;
}
.u-tag--mini[data-v-e438d4fe] {
  height: 22px;
  line-height: 22px;
  padding: 0 5px;
}
.u-tag--medium[data-v-e438d4fe] {
  height: 26px;
  line-height: 22px;
  padding: 0 10px;
}
.u-tag--large[data-v-e438d4fe] {
  height: 32px;
  line-height: 32px;
  padding: 0 15px;
}
.u-tag--primary[data-v-e438d4fe] {
  background-color: #3c9cff;
  border-width: 1px;
  border-color: #3c9cff;
}
.u-tag--primary--plain[data-v-e438d4fe] {
  border-width: 1px;
  border-color: #3c9cff;
}
.u-tag--primary--plain--fill[data-v-e438d4fe] {
  background-color: #ecf5ff;
}
.u-tag__text--primary[data-v-e438d4fe] {
  color: #FFFFFF;
}
.u-tag__text--primary--plain[data-v-e438d4fe] {
  color: #3c9cff;
}
.u-tag--error[data-v-e438d4fe] {
  background-color: #f56c6c;
  border-width: 1px;
  border-color: #f56c6c;
}
.u-tag--error--plain[data-v-e438d4fe] {
  border-width: 1px;
  border-color: #f56c6c;
}
.u-tag--error--plain--fill[data-v-e438d4fe] {
  background-color: #fef0f0;
}
.u-tag__text--error[data-v-e438d4fe] {
  color: #FFFFFF;
}
.u-tag__text--error--plain[data-v-e438d4fe] {
  color: #f56c6c;
}
.u-tag--warning[data-v-e438d4fe] {
  background-color: #f9ae3d;
  border-width: 1px;
  border-color: #f9ae3d;
}
.u-tag--warning--plain[data-v-e438d4fe] {
  border-width: 1px;
  border-color: #f9ae3d;
}
.u-tag--warning--plain--fill[data-v-e438d4fe] {
  background-color: #fdf6ec;
}
.u-tag__text--warning[data-v-e438d4fe] {
  color: #FFFFFF;
}
.u-tag__text--warning--plain[data-v-e438d4fe] {
  color: #f9ae3d;
}
.u-tag--success[data-v-e438d4fe] {
  background-color: #5ac725;
  border-width: 1px;
  border-color: #5ac725;
}
.u-tag--success--plain[data-v-e438d4fe] {
  border-width: 1px;
  border-color: #5ac725;
}
.u-tag--success--plain--fill[data-v-e438d4fe] {
  background-color: #f5fff0;
}
.u-tag__text--success[data-v-e438d4fe] {
  color: #FFFFFF;
}
.u-tag__text--success--plain[data-v-e438d4fe] {
  color: #5ac725;
}
.u-tag--info[data-v-e438d4fe] {
  background-color: #909399;
  border-width: 1px;
  border-color: #909399;
}
.u-tag--info--plain[data-v-e438d4fe] {
  border-width: 1px;
  border-color: #909399;
}
.u-tag--info--plain--fill[data-v-e438d4fe] {
  background-color: #f4f4f5;
}
.u-tag__text--info[data-v-e438d4fe] {
  color: #FFFFFF;
}
.u-tag__text--info--plain[data-v-e438d4fe] {
  color: #909399;
}
.u-tag__close[data-v-e438d4fe] {
  position: absolute;
  z-index: 999;
  top: 10px;
  right: 10px;
  border-radius: 100px;
  background-color: #C6C7CB;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transform: scale(0.6) translate(80%, -80%);
}
.u-tag__close--mini[data-v-e438d4fe] {
  width: 18px;
  height: 18px;
}
.u-tag__close--medium[data-v-e438d4fe] {
  width: 22px;
  height: 22px;
}
.u-tag__close--large[data-v-e438d4fe] {
  width: 25px;
  height: 25px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-td[data-v-6927db0f] {
  display: flex;
  flex-direction: row;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  font-size: 14px;
  color: #606266;
  align-self: stretch;
  box-sizing: border-box;
  height: 100%;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-text[data-v-d6091166] {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
}
.u-text__price[data-v-d6091166] {
  font-size: 14px;
  color: #606266;
}
.u-text__value[data-v-d6091166] {
  font-size: 14px;
  display: flex;
  flex-direction: row;
  color: #606266;
  flex-wrap: wrap;
  text-overflow: ellipsis;
  align-items: center;
}
.u-text__value--primary[data-v-d6091166] {
  color: #3c9cff;
}
.u-text__value--warning[data-v-d6091166] {
  color: #f9ae3d;
}
.u-text__value--success[data-v-d6091166] {
  color: #5ac725;
}
.u-text__value--info[data-v-d6091166] {
  color: #909399;
}
.u-text__value--error[data-v-d6091166] {
  color: #f56c6c;
}
.u-text__value--main[data-v-d6091166] {
  color: #303133;
}
.u-text__value--content[data-v-d6091166] {
  color: #606266;
}
.u-text__value--tips[data-v-d6091166] {
  color: #909193;
}
.u-text__value--light[data-v-d6091166] {
  color: #c0c4cc;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-textarea[data-v-9cab7782] {
  border-radius: 4px;
  background-color: #fff;
  position: relative;
  display: flex;
  flex-direction: row;
  flex: 1;
  padding: 9px;
}
.u-textarea--radius[data-v-9cab7782] {
  border-radius: 4px;
}
.u-textarea--no-radius[data-v-9cab7782] {
  border-radius: 0;
}
.u-textarea--disabled[data-v-9cab7782] {
  background-color: #f5f7fa;
}
.u-textarea__field[data-v-9cab7782] {
  flex: 1;
  font-size: 15px;
  color: #606266;
  width: 100%;
}
.u-textarea__count[data-v-9cab7782] {
  position: absolute;
  right: 5px;
  bottom: 2px;
  font-size: 12px;
  color: #909193;
  background-color: #ffffff;
  padding: 1px 4px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-th[data-v-baeaafd8] {
  display: flex;
  flex-direction: row;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  font-size: 0.875rem;
  color: #303133;
  font-weight: bold;
  background-color: #f5f6f8;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-title .u-title-prefix[data-v-af64b667] {
  width: 4px;
  height: 18px;
  border-radius: 2px;
  background: #3c9cff;
  margin-right: 12px;
  margin-right: 10px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-toast__content[data-v-358c49e0] {
  display: flex;
  flex-direction: row;
  padding: 12px 20px;
  border-radius: 4px;
  background-color: #585858;
  color: #fff;
  align-items: center;
  max-width: 18.75rem;
  position: relative;
}
.u-toast__content--loading[data-v-358c49e0] {
  flex-direction: column;
  padding: 20px 20px;
}
.u-toast__content__text[data-v-358c49e0] {
  color: #fff;
  font-size: 15px;
  line-height: 15px;
}
.u-toast__content__text--default[data-v-358c49e0] {
  color: #fff;
}
.u-toast__content__text--error[data-v-358c49e0] {
  color: #f56c6c;
}
.u-toast__content__text--primary[data-v-358c49e0] {
  color: #3c9cff;
}
.u-toast__content__text--success[data-v-358c49e0] {
  color: #5ac725;
}
.u-toast__content__text--warning[data-v-358c49e0] {
  color: #f9ae3d;
}
.u-type-primary[data-v-358c49e0] {
  color: #3c9cff;
  background-color: #ecf5ff;
  border-color: #d7eafe;
  border-width: 1px;
}
.u-type-success[data-v-358c49e0] {
  color: #5ac725;
  background-color: #dbf1e1;
  border-color: #BEF5C8;
  border-width: 1px;
}
.u-type-error[data-v-358c49e0] {
  color: #f56c6c;
  background-color: #fef0f0;
  border-color: #fde2e2;
  border-width: 1px;
}
.u-type-warning[data-v-358c49e0] {
  color: #f9ae3d;
  background-color: #fdf6ec;
  border-color: #faecd8;
  border-width: 1px;
}
.u-type-default[data-v-358c49e0] {
  color: #fff;
  background-color: #585858;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-toolbar[data-v-1c261925] {
  height: 42px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.u-toolbar__wrapper__cancel[data-v-1c261925] {
  color: #909193;
  font-size: 15px;
  padding: 0 15px;
}
.u-toolbar__title[data-v-1c261925] {
  color: #303133;
  padding: 0 1.875rem;
  font-size: 16px;
  font-weight: bold;
  flex: 1;
  text-align: center;
}
.u-toolbar__wrapper__left[data-v-1c261925], .u-toolbar__wrapper__right[data-v-1c261925] {
  display: flex;
  flex-direction: row;
}
.u-toolbar__wrapper__confirm[data-v-1c261925] {
  color: #3c9cff;
  font-size: 15px;
  padding: 0 15px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-tooltip[data-v-fb43a5f1] {
  position: relative;
  display: flex;
  flex-direction: row;
}
.u-tooltip__wrapper[data-v-fb43a5f1] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  white-space: nowrap;
}
.u-tooltip__wrapper__text[data-v-fb43a5f1] {
  font-size: 14px;
}
.u-tooltip__wrapper__popup[data-v-fb43a5f1] {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.u-tooltip__wrapper__popup__list[data-v-fb43a5f1] {
  background-color: #060607;
  color: #FFFFFF;
  position: relative;
  flex: 1;
  border-radius: 5px;
  padding: 0px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
}
.u-tooltip__wrapper__popup__list__btn[data-v-fb43a5f1] {
  padding: 11px 13px;
}
.u-tooltip__wrapper__popup__list__btn--hover[data-v-fb43a5f1] {
  background-color: #58595B;
}
.u-tooltip__wrapper__popup__list__btn__text[data-v-fb43a5f1] {
  line-height: 12px;
  font-size: 13px;
  color: #FFFFFF;
}
.u-tooltip__wrapper__popup__indicator[data-v-fb43a5f1] {
  position: absolute;
  background-color: #060607;
  width: 14px;
  height: 14px;
  bottom: -4px;
  transform: rotate(45deg);
  border-radius: 2px;
  z-index: -1;
}
.u-tooltip__wrapper__popup__indicator--hover[data-v-fb43a5f1] {
  background-color: #58595B;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-tr[data-v-60a63aef] {
  display: flex;
  flex-direction: row;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
/**
 * vue版本动画内置的动画模式有如下：
 * fade：淡入
 * zoom：缩放
 * fade-zoom：缩放淡入
 * fade-up：上滑淡入
 * fade-down：下滑淡入
 * fade-left：左滑淡入
 * fade-right：右滑淡入
 * slide-up：上滑进入
 * slide-down：下滑进入
 * slide-left：左滑进入
 * slide-right：右滑进入
 */
.u-fade-enter-active[data-v-76aa0c8f],
.u-fade-leave-active[data-v-76aa0c8f] {
  transition-property: opacity;
}
.u-fade-enter[data-v-76aa0c8f],
.u-fade-leave-to[data-v-76aa0c8f] {
  opacity: 0;
}
.u-fade-zoom-enter[data-v-76aa0c8f],
.u-fade-zoom-leave-to[data-v-76aa0c8f] {
  transform: scale(0.95);
  opacity: 0;
}
.u-fade-zoom-enter-active[data-v-76aa0c8f],
.u-fade-zoom-leave-active[data-v-76aa0c8f] {
  transition-property: transform, opacity;
}
.u-fade-down-enter-active[data-v-76aa0c8f],
.u-fade-down-leave-active[data-v-76aa0c8f],
.u-fade-left-enter-active[data-v-76aa0c8f],
.u-fade-left-leave-active[data-v-76aa0c8f],
.u-fade-right-enter-active[data-v-76aa0c8f],
.u-fade-right-leave-active[data-v-76aa0c8f],
.u-fade-up-enter-active[data-v-76aa0c8f],
.u-fade-up-leave-active[data-v-76aa0c8f] {
  transition-property: opacity, transform;
}
.u-fade-up-enter[data-v-76aa0c8f],
.u-fade-up-leave-to[data-v-76aa0c8f] {
  transform: translate3d(0, 100%, 0);
  opacity: 0;
}
.u-fade-down-enter[data-v-76aa0c8f],
.u-fade-down-leave-to[data-v-76aa0c8f] {
  transform: translate3d(0, -100%, 0);
  opacity: 0;
}
.u-fade-left-enter[data-v-76aa0c8f],
.u-fade-left-leave-to[data-v-76aa0c8f] {
  transform: translate3d(-100%, 0, 0);
  opacity: 0;
}
.u-fade-right-enter[data-v-76aa0c8f],
.u-fade-right-leave-to[data-v-76aa0c8f] {
  transform: translate3d(100%, 0, 0);
  opacity: 0;
}
.u-slide-down-enter-active[data-v-76aa0c8f],
.u-slide-down-leave-active[data-v-76aa0c8f],
.u-slide-left-enter-active[data-v-76aa0c8f],
.u-slide-left-leave-active[data-v-76aa0c8f],
.u-slide-right-enter-active[data-v-76aa0c8f],
.u-slide-right-leave-active[data-v-76aa0c8f],
.u-slide-up-enter-active[data-v-76aa0c8f],
.u-slide-up-leave-active[data-v-76aa0c8f] {
  transition-property: transform;
}
.u-slide-up-enter[data-v-76aa0c8f],
.u-slide-up-leave-to[data-v-76aa0c8f] {
  transform: translate3d(0, 100%, 0);
}
.u-slide-down-enter[data-v-76aa0c8f],
.u-slide-down-leave-to[data-v-76aa0c8f] {
  transform: translate3d(0, -100%, 0);
}
.u-slide-left-enter[data-v-76aa0c8f],
.u-slide-left-leave-to[data-v-76aa0c8f] {
  transform: translate3d(-100%, 0, 0);
}
.u-slide-right-enter[data-v-76aa0c8f],
.u-slide-right-leave-to[data-v-76aa0c8f] {
  transform: translate3d(100%, 0, 0);
}
.u-zoom-enter-active[data-v-76aa0c8f],
.u-zoom-leave-active[data-v-76aa0c8f] {
  transition-property: transform;
}
.u-zoom-enter[data-v-76aa0c8f],
.u-zoom-leave-to[data-v-76aa0c8f] {
  transform: scale(0.95);
}
.u-tree-node-content[data-v-64527d0b] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 20px;
}
.u-tree-node-toggle[data-v-64527d0b] {
  margin-right: 5px;
}

.u-tree[data-v-f76f3c2b] {
  font-size: 0.875rem;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-upload[data-v-b01b62af] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.u-upload__wrap[data-v-b01b62af] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1;
}
.u-upload__wrap__preview[data-v-b01b62af] {
  border-radius: 2px;
  margin: 0 8px 8px 0;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: row;
}
.u-upload__wrap__preview__image[data-v-b01b62af] {
  width: 80px;
  height: 80px;
}
.u-upload__wrap__preview__video[data-v-b01b62af], .u-upload__wrap__preview__other[data-v-b01b62af] {
  width: 80px;
  height: 80px;
  background-color: #f2f2f2;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.u-upload__wrap__preview__video__text[data-v-b01b62af], .u-upload__wrap__preview__other__text[data-v-b01b62af] {
  font-size: 11px;
  color: #909193;
  margin-top: 2px;
}
.u-upload__wrap__play[data-v-b01b62af] {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.u-upload__wrap__play__icon[data-v-b01b62af] {
  background: #fff;
  border-radius: 100px;
  opacity: 0.8;
}
.u-upload__deletable[data-v-b01b62af] {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #373737;
  height: 14px;
  width: 14px;
  display: flex;
  flex-direction: row;
  border-bottom-left-radius: 100px;
  align-items: center;
  justify-content: center;
  z-index: 3;
}
.u-upload__deletable__icon[data-v-b01b62af] {
  position: absolute;
  transform: scale(0.7);
  top: 0px;
  right: 0px;
  top: 1px;
  right: 0;
}
.u-upload__success[data-v-b01b62af] {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  border-style: solid;
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: #5ac725;
  border-right-color: #5ac725;
  border-width: 9px;
  align-items: center;
  justify-content: center;
}
.u-upload__success__icon[data-v-b01b62af] {
  position: absolute;
  transform: scale(0.7);
  bottom: -10px;
  right: -10px;
}
.u-upload__progress[data-v-b01b62af] {
  background-color: #3c9cff !important;
  position: absolute;
  bottom: 0;
  left: 0;
}
.u-upload__status[data-v-b01b62af] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.u-upload__status__icon[data-v-b01b62af] {
  position: relative;
  z-index: 1;
}
.u-upload__status__message[data-v-b01b62af] {
  font-size: 12px;
  color: #FFFFFF;
  margin-top: 5px;
}
.u-upload__button[data-v-b01b62af] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background-color: #f4f5f7;
  border-radius: 2px;
  margin: 0 8px 8px 0;
  box-sizing: border-box;
}
.u-upload__button__text[data-v-b01b62af] {
  font-size: 11px;
  color: #909193;
  margin-top: 2px;
}
.u-upload__button--hover[data-v-b01b62af] {
  background-color: #e6e7e9;
}
.u-upload__button--disabled[data-v-b01b62af] {
  opacity: 0.5;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 *//**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-virtual-list[data-v-2a4ee0e6] {
  position: relative;
  overflow: hidden;
}
.virtual-scroll-container[data-v-2a4ee0e6] {
  height: 100%;
}
.scroll-content[data-v-2a4ee0e6] {
  position: relative;
}
.list-item[data-v-2a4ee0e6] {
  will-change: transform;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.u-waterfall[data-v-c5bb19ca] {
  display: flex;
  flex-direction: row;
  flex-direction: row;
  align-items: flex-start;
}
.u-column[data-v-c5bb19ca] {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}
.u-column[data-v-c5bb19ca]:not(:first-child) {
  margin-left: 0.3125rem;
}
.u-image[data-v-c5bb19ca] {
  max-width: 100%;
}/* [z-paging]公用的静态css资源 */
.zp-line-loading-image[data-v-2ee9a40c] {

	animation: loading-flower-2ee9a40c 1s steps(12) infinite;

	color: #666666;
}
.zp-line-loading-image-rpx[data-v-2ee9a40c] {
	margin-right: 0.25rem;
	width: 1.0625rem;
	height: 1.0625rem;
}
.zp-line-loading-image-px[data-v-2ee9a40c] {
	margin-right: 4px;
	width: 17px;
	height: 17px;
}
.zp-loading-image-ios-rpx[data-v-2ee9a40c] {
	width: 1.25rem;
	height: 1.25rem;
}
.zp-loading-image-ios-px[data-v-2ee9a40c] {
	width: 20px;
	height: 20px;
}
.zp-loading-image-android-rpx[data-v-2ee9a40c] {
	width: 1.0625rem;
	height: 1.0625rem;
}
.zp-loading-image-android-px[data-v-2ee9a40c] {
	width: 17px;
	height: 17px;
}
@keyframes loading-flower-2ee9a40c {
0% {
		transform: rotate(0deg);
}
to {
		transform: rotate(1turn);
}
}
.zp-r-container[data-v-2ee9a40c] {

		display: flex;
		height: 100%;

		flex-direction: row;
		justify-content: center;
		align-items: center;
}
.zp-r-container-padding[data-v-2ee9a40c] {
}
.zp-r-left[data-v-2ee9a40c] {

		display: flex;

		flex-direction: row;
		align-items: center;
		overflow: hidden;
}
.zp-r-left-image[data-v-2ee9a40c] {
		transition-duration: .2s;
		transition-property: transform;
		color: #666666;
}
.zp-r-left-image-pre-size-rpx[data-v-2ee9a40c] {

		width: 1.0625rem;
		height: 1.0625rem;
		overflow: hidden;
}
.zp-r-left-image-pre-size-px[data-v-2ee9a40c] {

		width: 17px;
		height: 17px;
		overflow: hidden;
}
.zp-r-arrow-top[data-v-2ee9a40c] {
		transform: rotate(0deg);
}
.zp-r-arrow-down[data-v-2ee9a40c] {
		transform: rotate(180deg);
}
.zp-r-right[data-v-2ee9a40c] {

		display: flex;

		flex-direction: column;
		align-items: center;
		justify-content: center;
}
.zp-r-right-time-text-rpx[data-v-2ee9a40c] {
		margin-top: 0.3125rem;
		font-size: 0.8125rem;
}
.zp-r-right-time-text-px[data-v-2ee9a40c] {
		margin-top: 5px;
		font-size: 13px;
}
/* [z-paging]公用的静态css资源 */
.zp-line-loading-image[data-v-80237b32] {

	animation: loading-flower-80237b32 1s steps(12) infinite;

	color: #666666;
}
.zp-line-loading-image-rpx[data-v-80237b32] {
	margin-right: 0.25rem;
	width: 1.0625rem;
	height: 1.0625rem;
}
.zp-line-loading-image-px[data-v-80237b32] {
	margin-right: 4px;
	width: 17px;
	height: 17px;
}
.zp-loading-image-ios-rpx[data-v-80237b32] {
	width: 1.25rem;
	height: 1.25rem;
}
.zp-loading-image-ios-px[data-v-80237b32] {
	width: 20px;
	height: 20px;
}
.zp-loading-image-android-rpx[data-v-80237b32] {
	width: 1.0625rem;
	height: 1.0625rem;
}
.zp-loading-image-android-px[data-v-80237b32] {
	width: 17px;
	height: 17px;
}
@keyframes loading-flower-80237b32 {
0% {
		transform: rotate(0deg);
}
to {
		transform: rotate(1turn);
}
}
.zp-l-container[data-v-80237b32] {

		clear: both;
		display: flex;

		flex-direction: row;
		align-items: center;
		justify-content: center;
}
.zp-l-container-rpx[data-v-80237b32] {
		height: 2.5rem;
		font-size: 0.84375rem;
}
.zp-l-container-px[data-v-80237b32] {
		height: 40px;
		font-size: 14px;
}
.zp-l-line-loading-custom-image[data-v-80237b32] {
		color: #a4a4a4;
}
.zp-l-line-loading-custom-image-rpx[data-v-80237b32] {
		margin-right: 0.25rem;
		width: 0.875rem;
		height: 0.875rem;
}
.zp-l-line-loading-custom-image-px[data-v-80237b32] {
		margin-right: 4px;
		width: 14px;
		height: 14px;
}
.zp-l-line-loading-custom-image-animated[data-v-80237b32]{

		animation: loading-circle-80237b32 1s linear infinite;
}
.zp-l-circle-loading-view[data-v-80237b32] {
		border: 0.09375rem solid #dddddd;
		border-radius: 50%;

		animation: loading-circle-80237b32 1s linear infinite;
}
.zp-l-circle-loading-view-rpx[data-v-80237b32] {
		margin-right: 0.25rem;
		width: 0.71875rem;
		height: 0.71875rem;
}
.zp-l-circle-loading-view-px[data-v-80237b32] {
		margin-right: 4px;
		width: 12px;
		height: 12px;
}
.zp-l-text-rpx[data-v-80237b32] {
		font-size: 0.9375rem;
		margin: 0 0.1875rem;
}
.zp-l-text-px[data-v-80237b32] {
		font-size: 15px;
		margin: 0px 3px;
}
.zp-l-line-rpx[data-v-80237b32] {
		height: 1px;
		width: 3.125rem;
		margin: 0 0.3125rem;
}
.zp-l-line-px[data-v-80237b32] {
		height: 1px;
		width: 50px;
		margin: 0 5px;
}
@keyframes loading-circle-80237b32 {
0% {
			transform: rotate(0deg);
}
100% {
			transform: rotate(360deg);
}
}


.zp-container[data-v-15f3d1f0]{

		display: flex;

		align-items: center;
		justify-content: center;
}
.zp-container-fixed[data-v-15f3d1f0] {

		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}
.zp-main[data-v-15f3d1f0]{

		display: flex;

		flex-direction: column;
		align-items: center;
        padding: 1.5625rem 0;
}
.zp-main-image-rpx[data-v-15f3d1f0] {
		width: 7.5rem;
		height: 7.5rem;
}
.zp-main-image-px[data-v-15f3d1f0] {
		width: 120px;
		height: 120px;
}
.zp-main-title[data-v-15f3d1f0] {
		color: #aaaaaa;
		text-align: center;
}
.zp-main-title-rpx[data-v-15f3d1f0] {
		font-size: 0.875rem;
		margin-top: 0.3125rem;
		padding: 0 0.625rem;
}
.zp-main-title-px[data-v-15f3d1f0] {
		font-size: 14px;
		margin-top: 5px;
		padding: 0px 10px;
}
.zp-main-error-btn[data-v-15f3d1f0] {
		border: solid 1px #dddddd;
		color: #aaaaaa;
}
.zp-main-error-btn-rpx[data-v-15f3d1f0] {
		font-size: 0.875rem;
		padding: 0.25rem 0.75rem;
		border-radius: 0.1875rem;
		margin-top: 1.5625rem;
}
.zp-main-error-btn-px[data-v-15f3d1f0] {
		font-size: 14px;
		padding: 4px 12px;
		border-radius: 3px;
		margin-top: 25px;
}
/* [z-paging]公共css*/
.z-paging-content[data-v-c9b6d1a0] {
	position: relative;
	flex-direction: column;

	overflow: hidden;
}
.z-paging-content-full[data-v-c9b6d1a0] {

	display: flex;
	width: 100%;
	height: 100%;
}
.z-paging-content-fixed[data-v-c9b6d1a0], .zp-loading-fixed[data-v-c9b6d1a0] {
	position: fixed;

	height: auto;
	width: auto;

	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.zp-f2-content[data-v-c9b6d1a0] {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: white;
}
.zp-page-top[data-v-c9b6d1a0], .zp-page-bottom[data-v-c9b6d1a0] {

	width: auto;

	position: fixed;
	left: 0;
	right: 0;
	z-index: 999;
}
.zp-page-left[data-v-c9b6d1a0], .zp-page-right[data-v-c9b6d1a0] {

	height: 100%;
}
.zp-right[data-v-c9b6d1a0] {
	right: 0;
}
.zp-scroll-view-super[data-v-c9b6d1a0] {
	flex: 1;
	overflow: hidden;
	position: relative;
}
.zp-view-super[data-v-c9b6d1a0] {

	display: flex;

	flex-direction: row;
}
.zp-scroll-view-container[data-v-c9b6d1a0], .zp-scroll-view[data-v-c9b6d1a0] {
	position: relative;

	height: 100%;
	width: 100%;
}
.zp-absoulte[data-v-c9b6d1a0] {

	position: absolute;
	top: 0;
	width: auto;
}
.zp-scroll-view-absolute[data-v-c9b6d1a0] {
	position: absolute;
	top: 0;
	left: 0;
}
.zp-scroll-view-hide-scrollbar[data-v-c9b6d1a0] ::-webkit-scrollbar {
	display: none;
	-webkit-appearance: none;
	width: 0 !important;
	height: 0 !important;
	background: transparent;
}
.zp-paging-touch-view[data-v-c9b6d1a0] {
	width: 100%;
	height: 100%;
	position: relative;
}
.zp-fixed-bac-view[data-v-c9b6d1a0] {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 200px;
}
.zp-paging-main[data-v-c9b6d1a0] {
	height: 100%;

	display: flex;

	flex-direction: column;
}
.zp-paging-container[data-v-c9b6d1a0] {
	flex: 1;
	position: relative;

	display: flex;

	flex-direction: column;
}
.zp-chat-record-loading-custom-image[data-v-c9b6d1a0] {
	width: 1.09375rem;
	height: 1.09375rem;

	animation: loading-flower-c9b6d1a0 1s linear infinite;
}
.zp-page-bottom-keyboard-placeholder-animate[data-v-c9b6d1a0] {
	transition-property: height;
	transition-duration: 0.15s;

	will-change: height;
}
.zp-custom-refresher-container[data-v-c9b6d1a0] {
	overflow: hidden;
}
.zp-custom-refresher-refresh[data-v-c9b6d1a0] {

	display: block;
}
.zp-back-to-top[data-v-c9b6d1a0] {
	z-index: 999;
	position: absolute;
	bottom: 0;
	transition-duration: .3s;
	transition-property: opacity;
}
.zp-back-to-top-rpx[data-v-c9b6d1a0] {
	width: 2.375rem;
	height: 2.375rem;
	bottom: 0;
	right: 0.78125rem;
}
.zp-back-to-top-px[data-v-c9b6d1a0] {
	width: 38px;
	height: 38px;
	bottom: 0px;
	right: 13px;
}
.zp-back-to-top-show[data-v-c9b6d1a0] {
	opacity: 1;
}
.zp-back-to-top-hide[data-v-c9b6d1a0] {
	opacity: 0;
}
.zp-back-to-top-img[data-v-c9b6d1a0] {

	width: 100%;
	height: 100%;




	z-index: 999;
}
.zp-back-to-top-img-inversion[data-v-c9b6d1a0] {
	transform: rotate(180deg);
}
.zp-empty-view[data-v-c9b6d1a0] {



	flex: 1;
}
.zp-empty-view-center[data-v-c9b6d1a0] {

	display: flex;

	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.zp-loading-fixed[data-v-c9b6d1a0] {
	z-index: 9999;
}
.zp-safe-area-inset-bottom[data-v-c9b6d1a0] {

	height: env(safe-area-inset-bottom);
}
.zp-n-refresh-container[data-v-c9b6d1a0] {

	display: flex;

	justify-content: center;
	width: 23.4375rem;
}
.zp-n-list-container[data-v-c9b6d1a0]{

	display: flex;

	flex-direction: row;
	flex: 1;
}

/* [z-paging]公用的静态css资源 */
.zp-line-loading-image[data-v-c9b6d1a0] {

	animation: loading-flower-c9b6d1a0 1s steps(12) infinite;

	color: #666666;
}
.zp-line-loading-image-rpx[data-v-c9b6d1a0] {
	margin-right: 0.25rem;
	width: 1.0625rem;
	height: 1.0625rem;
}
.zp-line-loading-image-px[data-v-c9b6d1a0] {
	margin-right: 4px;
	width: 17px;
	height: 17px;
}
.zp-loading-image-ios-rpx[data-v-c9b6d1a0] {
	width: 1.25rem;
	height: 1.25rem;
}
.zp-loading-image-ios-px[data-v-c9b6d1a0] {
	width: 20px;
	height: 20px;
}
.zp-loading-image-android-rpx[data-v-c9b6d1a0] {
	width: 1.0625rem;
	height: 1.0625rem;
}
.zp-loading-image-android-px[data-v-c9b6d1a0] {
	width: 17px;
	height: 17px;
}
@keyframes loading-flower-c9b6d1a0 {
0% {
		transform: rotate(0deg);
}
to {
		transform: rotate(1turn);
}
}



.box-border{box-sizing:border-box}
.h-_34rpx_{height:1.0625rem}
.justify-flex-end{justify-content:flex-end}
.line-clamp-1{display:-webkit-box;line-clamp:1;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.line-clamp-2{display:-webkit-box;line-clamp:2;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pb-_12rpx_{padding-bottom:0.375rem}
.pl-_24rpx_{padding-left:0.75rem}
.pr-_24rpx_{padding-right:0.75rem}
.sticky{position:-webkit-sticky;position:sticky}
.top-0{top:0}
.w-_18rpx_{width:0.5625rem}
.w-_200rpx_{width:6.25rem}
.w-_34rpx_{width:1.0625rem}
.z-99{z-index:99}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.navbar-title[data-v-430d0cc3] {
  flex: 1;
  min-width: 0;
  text-align: center;
  padding: 0 0.375rem;
  box-sizing: border-box;
}
.navbar-title--small[data-v-430d0cc3] {
  line-height: 1.3;
  word-break: break-all;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.dld-tabbar[data-v-05e37775] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 998;
  height: calc(3.125rem + env(safe-area-inset-bottom));
  padding-bottom: env(safe-area-inset-bottom);
  background: #fff;
  border-top: 0.03125rem solid #f0f2f6;
  display: flex;
}
.dld-tabbar__item[data-v-05e37775] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #8a96a8;
}
.dld-tabbar__item--on[data-v-05e37775] {
  color: #0d77ff;
}
.dld-tabbar__icon[data-v-05e37775] {
  line-height: 1;
}
.dld-tabbar__label[data-v-05e37775] {
  font-size: 0.625rem;
  margin-top: 0.1875rem;
}
.absolute{position:absolute}
.h-_378rpx_{height:11.8125rem}
.ml-_24rpx_{margin-left:0.75rem}
.mr-_24rpx_{margin-right:0.75rem}
.mt-_24rpx_{margin-top:0.75rem}
.mt-_80rpx_{margin-top:2.5rem}
.pb-_32rpx_{padding-bottom:1rem}
.pt-_145rpx_{padding-top:4.53125rem}
.relative{position:relative}
.w-_630rpx_{width:19.6875rem}
.z-99{z-index:99}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.hot-text[data-v-9f094f78] {
  font-weight: bold;
  font-size: 1.25rem;
  color: #0D77FF;
  width: 100%;
  text-align: center;
}
.hot-text .hot-ellipsis[data-v-9f094f78]:nth-child(1) {
  animation: ellipsis-9f094f78 1s infinite;
  animation-delay: 0s;
}
.hot-text .hot-ellipsis[data-v-9f094f78]:nth-child(2) {
  animation: ellipsis-9f094f78 1s infinite;
  animation-delay: 0.2s;
}
.hot-text .hot-ellipsis[data-v-9f094f78]:nth-child(3) {
  animation: ellipsis-9f094f78 1s infinite;
  animation-delay: 0.4s;
}
@keyframes ellipsis-9f094f78 {
0% {
    opacity: 1;
}
50% {
    opacity: 0.5;
}
100% {
    opacity: 1;
}
}
.absolute{position:absolute}
.h-_378rpx_{height:11.8125rem}
.h-_80rpx_{height:2.5rem}
.lh-_80rpx_{line-height:2.5rem}
.mb-_32rpx_{margin-bottom:1rem}
.ml-_70rpx_{margin-left:2.1875rem}
.mr-_70rpx_{margin-right:2.1875rem}
.mt-_80rpx_{margin-top:2.5rem}
.pb-_32rpx_{padding-bottom:1rem}
.pt-_145rpx_{padding-top:4.53125rem}
.relative{position:relative}
.text-center{text-align:center}
.w-_254rpx_{width:7.9375rem}
.w-_630rpx_{width:19.6875rem}
.z-99{z-index:99}

.box-border{box-sizing:border-box}
.flex{display:flex}
.flex-1{flex:1}
.justify-between{justify-content:space-between}
.line-clamp-1{display:-webkit-box;line-clamp:1;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.line-clamp-2{display:-webkit-box;line-clamp:2;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mb-_26rpx_{margin-bottom:0.8125rem}
.ml-_20rpx_{margin-left:0.625rem}
.mt-_16rpx_{margin-top:0.5rem}
.mt-_20rpx_{margin-top:0.625rem}
.mt-_28rpx_{margin-top:0.875rem}
.p-_24rpx_{padding:0.75rem}
.p-_32rpx_{padding:1rem}
.pt-_20rpx_{padding-top:0.625rem}
.text-__202020_{color:#202020}
.text-__999_{color:#999}
.text-__FF0000_{color:#FF0000}
.text-center{text-align:center}
.w-_100_f_{width:100%}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.page-bg[data-v-376d8089] {
  background: #f2f3f7;
}
.dld-hero--agent[data-v-376d8089] {
  background: linear-gradient(125deg, #5b6ff1, #853fe1);
  box-shadow: 0 0.375rem 1.25rem rgba(116, 71, 232, 0.2);
}
.hero-mini[data-v-376d8089] {
  flex: 1;
  height: 2.375rem;
  border-radius: 0.5rem;
  background: rgba(255, 255, 255, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem;
}
.hall-end-tip[data-v-376d8089] {
  padding: 0.25rem 0 0.625rem;
  text-align: center;
  font-size: 0.75rem;
  color: #b6bec9;
}
.hall-empty[data-v-376d8089] {
  padding: 3.75rem 0 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hall-empty__icon[data-v-376d8089] {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  background: #f1edff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hall-empty__title[data-v-376d8089] {
  margin-top: 0.75rem;
  font-size: 0.9375rem;
  font-weight: bold;
  color: #4a5568;
}
.hall-empty__sub[data-v-376d8089] {
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #999;
}
.goods-title-row[data-v-376d8089] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  min-width: 0;
}
.goods-title-main[data-v-376d8089] {
  display: flex;
  align-items: flex-start;
  min-width: 0;
  flex: 1;
}
.goods-divider[data-v-376d8089] {
  flex: 0 0 auto;
  width: 0.0625rem;
  height: 0.625rem;
  margin: 0.1875rem 0 0;
  background: #d5d7d6;
}
.goods-server-info[data-v-376d8089] {
  flex: 1;
  min-width: 0;
  color: #8b919b;
  font-size: 0.75rem;
}
.goods-server-name[data-v-376d8089] {
  flex: 0 1 auto;
  max-width: 5.9375rem;
  color: #0384fc;
}
.filter-bar[data-v-376d8089] {
  position: relative;
}
.filter-item--on[data-v-376d8089] {
  border: 0.0625rem solid #d6cafb;
  background: #f6f3ff;
}
.filter-item__text[data-v-376d8089] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.drop-panel[data-v-376d8089] {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 0.375rem);
  z-index: 20;
  background: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0.375rem 1.25rem rgba(31, 41, 63, 0.12);
  padding: 0.25rem 0;
}
.drop-panel__scroll[data-v-376d8089] {
  max-height: 13.125rem;
}
.drop-panel__item[data-v-376d8089] {
  padding: 0.625rem 0.875rem;
  font-size: 0.8125rem;
  color: #333;
}
.drop-panel__item--on[data-v-376d8089] {
  color: #5b3fd6;
  font-weight: bold;
}
.drop-panel__empty[data-v-376d8089] {
  padding: 1rem 0;
  text-align: center;
  font-size: 0.75rem;
  color: #999;
}
.zone-search[data-v-376d8089] {
  margin: 0.375rem 0.75rem 0.125rem;
  height: 2rem;
  border-radius: 1rem;
  background: #f5f6fa;
  padding: 0 0.75rem;
  gap: 0.25rem;
}
.zone-search__icon[data-v-376d8089] {
  color: #999;
  font-size: 0.875rem;
}
.zone-back[data-v-376d8089] {
  padding: 0.5rem 0.875rem 0.125rem;
  gap: 0.25rem;
}
.zone-back__arrow[data-v-376d8089] {
  color: #999;
  font-size: 1rem;
  line-height: 1;
}
.zone-item__arrow[data-v-376d8089] {
  color: #c9d3e3;
  font-size: 0.875rem;
}
.filter-grid[data-v-376d8089] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.game-chip[data-v-376d8089] {
  padding: 0.3125rem 0.75rem;
  border-radius: 1rem;
  background: #f0f2f6;
  color: #333;
  font-size: 0.8125rem;
  flex-shrink: 0;
  gap: 0.3125rem;
}
.game-chip__icon[data-v-376d8089] {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.3125rem;
  flex-shrink: 0;
}
.game-chip--on[data-v-376d8089] {
  background: linear-gradient(105deg, #5b6ff1, #853fe1);
  color: #fff;
}
.field-search[data-v-376d8089] {
  height: 2.375rem;
  background: #f7f9fc;
  border: 0.03125rem solid #e0e7f1;
  border-radius: 0.5rem;
  padding: 0 0.75rem;
  display: flex;
  align-items: center;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.zmm-slider-verify[data-v-f4c44c3d] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.zmm-slider-verify .zmm-slider-verify-mask[data-v-f4c44c3d] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.zmm-slider-verify .zmm-slider-verify-wrap[data-v-f4c44c3d] {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 1.0625rem;
  border-radius: 0.75rem;
  background-color: #ffffff;
}
.zmm-slider-verify .zmm-slider-verify-wrap .zmm-slider-verify-top[data-v-f4c44c3d] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.zmm-slider-verify .zmm-slider-verify-wrap .zmm-slider-verify-top .zmm-slider-verify-title[data-v-f4c44c3d] {
  flex: 1;
  color: #333;
  font-size: 1rem;
}
.zmm-slider-verify .zmm-slider-verify-wrap .zmm-slider-verify-top .zmm-slider-verify-close[data-v-f4c44c3d] {
  font-size: 0.875rem;
  color: #333;
}
.zmm-slider-verify .zmm-slider-verify-wrap .zmm-slider-verify-tips[data-v-f4c44c3d] {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}
.zmm-slider-verify .zmm-slider-verify-wrap .zmm-slider-verify-tips .zmm-slider-verify-tips-text[data-v-f4c44c3d] {
  color: #999;
  font-size: 0.875rem;
}
.zmm-slider-verify .zmm-slider-verify-wrap .zmm-slider-verify-box[data-v-f4c44c3d] {
  position: relative;
  width: 280px;
  height: 170px;
  overflow: hidden;
}
.zmm-slider-verify .zmm-slider-verify-wrap .zmm-slider-verify-box .zmm-slider-verify-img[data-v-f4c44c3d] {
  width: 280px;
  height: 170px;
  border-radius: 0.25rem;
}
.zmm-slider-verify .zmm-slider-verify-wrap .zmm-slider-verify-box .zmm-slider-verify-block-verify[data-v-f4c44c3d],
.zmm-slider-verify .zmm-slider-verify-wrap .zmm-slider-verify-box .zmm-slider-verify-block-move[data-v-f4c44c3d],
.zmm-slider-verify .zmm-slider-verify-wrap .zmm-slider-verify-box .zmm-slider-verify-block-touch[data-v-f4c44c3d] {
  position: absolute;
  left: 0px;
  top: 0;
  border-radius: 0.25rem;
}
.zmm-slider-verify .zmm-slider-verify-wrap .zmm-slider-verify-box .zmm-slider-verify-block-verify[data-v-f4c44c3d] {
  border: 1px #fff solid;
  box-sizing: border-box;
}
.zmm-slider-verify .zmm-slider-verify-wrap .zmm-slider-verify-slider[data-v-f4c44c3d] {
  margin-top: 1.0625rem;
  width: 280px;
  background-color: rgba(0, 0, 0, 0.07);
  position: relative;
  overflow: hidden;
  border-radius: 0.25rem;
  border-radius: 23.4375rem;
}
.zmm-slider-verify .zmm-slider-verify-wrap .zmm-slider-verify-slider .zmm-slider-verify-slider-move[data-v-f4c44c3d],
.zmm-slider-verify .zmm-slider-verify-wrap .zmm-slider-verify-slider .zmm-slider-verify-slider-touch[data-v-f4c44c3d] {
  border-radius: 23.4375rem;
}
.zmm-slider-verify .zmm-slider-verify-wrap .zmm-slider-verify-slider .zmm-slider-verify-slider-move[data-v-f4c44c3d] {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}
.zmm-slider-verify .zmm-slider-verify-wrap .zmm-slider-verify-slider .zmm-slider-verify-slider-touch[data-v-f4c44c3d] {
  position: relative;
  z-index: 2;
}
.flex-1{flex:1}
.ml-_12rpx_{margin-left:0.375rem}
.ml-_20rpx_{margin-left:0.625rem}
.mt-_24rpx_{margin-top:0.75rem}
.mt-_28rpx_{margin-top:0.875rem}
.mt-_32rpx_{margin-top:1rem}
.mt-_40rpx_{margin-top:1.25rem}
.mt-_8rpx_{margin-top:0.25rem}
.p-_24rpx_{padding:0.75rem}
.p-_32rpx_{padding:1rem}
.pb-_60rpx_{padding-bottom:1.875rem}
.pt-_160rpx_{padding-top:5rem}
.text-__0D77FF_{color:#0D77FF}
.text-__666_{color:#666}
.text-__999_{color:#999}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.page-bg[data-v-9f2f9964] {
  background: #f2f3f7;
}
.mode-tab[data-v-9f2f9964] {
  font-size: 0.9375rem;
  color: #999;
  font-weight: bold;
  padding-bottom: 0.375rem;
  margin-right: 1.5rem;
  border-bottom: 0.1875rem solid transparent;
}
.mode-tab--on[data-v-9f2f9964] {
  color: #202020;
  border-bottom-color: #0d77ff;
}
.field-label[data-v-9f2f9964] {
  font-size: 0.8125rem;
  color: #666;
  margin-bottom: 0.375rem;
  display: block;
}
.field-input[data-v-9f2f9964] {
  height: 2.875rem;
  background: #f7f9fc;
  border: 0.03125rem solid #e0e7f1;
  border-radius: 0.5625rem;
  padding: 0 0.75rem;
  font-size: 0.875rem;
}
.code-btn[data-v-9f2f9964] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 5.25rem;
  height: 2.875rem;
  padding: 0 0.75rem;
  border-radius: 0.5625rem;
  background: rgba(13, 119, 255, 0.08);
  color: #0d77ff;
  font-size: 0.8125rem;
  font-weight: bold;
}
.code-btn--disabled[data-v-9f2f9964] {
  background: rgba(148, 163, 184, 0.12);
  color: #94a3b8;
}
.checkbox[data-v-9f2f9964] {
  width: 1.0625rem;
  height: 1.0625rem;
  border-radius: 0.25rem;
  border: 0.03125rem solid #c9d3e3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.checkbox--on[data-v-9f2f9964] {
  background: #0d77ff;
  border-color: #0d77ff;
}
.spinner[data-v-9f2f9964] {
  width: 0.8125rem;
  height: 0.8125rem;
  border: 0.125rem solid rgba(255, 255, 255, 0.46);
  border-top-color: #ffffff;
  border-radius: 50%;
  box-sizing: border-box;
  animation: dld-login-spin-9f2f9964 0.8s linear infinite;
  margin-right: 0.25rem;
}
.spinner--blue[data-v-9f2f9964] {
  border-color: rgba(13, 119, 255, 0.2);
  border-top-color: #0d77ff;
}
@keyframes dld-login-spin-9f2f9964 {
to {
    transform: rotate(360deg);
}
}
.bg-__EDF0F5_{background:#EDF0F5}
.flex-1{flex:1}
.h-_10rpx_{height:0.3125rem}
.ml-_20rpx_{margin-left:0.625rem}
.mt-_16rpx_{margin-top:0.5rem}
.mt-_8rpx_{margin-top:0.25rem}
.overflow-hidden{overflow:hidden}
.p-_24rpx_{padding:0.75rem}
.px-_14rpx_{padding-left:0.4375rem;padding-right:0.4375rem}
.py-_4rpx_{padding-top:0.125rem;padding-bottom:0.125rem}
.text-__0D77FF_{color:#0D77FF}
.text-__202020_{color:#202020}
.text-__999_{color:#999}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.dld-card[data-v-46ca7c1b] {
  background: #fff;
  border-radius: 0.625rem;
}
.dld-avatar[data-v-46ca7c1b] {
  width: 2.625rem;
  height: 2.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-btn[data-v-46ca7c1b] {
  padding: 0.375rem 1.125rem;
  border-radius: 1rem;
  background: linear-gradient(105deg, #5b6ff1, #853fe1);
  color: #fff;
  font-size: 0.75rem;
  font-weight: bold;
}
.flex{display:flex}
.flex-1{flex:1}
.ml-_12rpx_{margin-left:0.375rem}
.ml-_16rpx_{margin-left:0.5rem}
.mt-_12rpx_{margin-top:0.375rem}
.mt-_16rpx_{margin-top:0.5rem}
.mt-_20rpx_{margin-top:0.625rem}
.mt-_24rpx_{margin-top:0.75rem}
.mt-_28rpx_{margin-top:0.875rem}
.mt-_4rpx_{margin-top:0.125rem}
.p-_20rpx_{padding:0.625rem}
.p-_24rpx_{padding:0.75rem}
.p-_32rpx_{padding:1rem}
.text-__0D77FF_{color:#0D77FF}
.text-__666_{color:#666}
.text-__999_{color:#999}
.text-__C9D3E3_{color:#C9D3E3}
.text-center{text-align:center}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.page-bg[data-v-dd867548] {
  background: #f2f3f7;
}
.hero-mini[data-v-dd867548] {
  flex: 1;
  height: 2.375rem;
  border-radius: 0.5rem;
  background: rgba(255, 255, 255, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem;
}
.channel-tab[data-v-dd867548] {
  display: flex;
  align-items: center;
  padding: 0.75rem;
  border-radius: 0.625rem;
  background: #fff;
  border: 0.0625rem solid transparent;
}
.channel-tab--internal[data-v-dd867548] {
  border-color: #5b3fd6;
  background: #f6f3ff;
}
.channel-tab--public[data-v-dd867548] {
  border-color: #0b9d79;
  background: #effbf7;
}
.channel-icon[data-v-dd867548] {
  position: relative;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.625rem;
  color: #fff;
  font-size: 0.9375rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.channel-icon--internal[data-v-dd867548] {
  background: linear-gradient(135deg, #5c6ff0, #7c43e6);
}
.channel-icon--public[data-v-dd867548] {
  background: linear-gradient(135deg, #18b88c, #0b9d79);
}
.channel-lock[data-v-dd867548] {
  position: absolute;
  top: -0.375rem;
  right: -0.375rem;
  font-size: 0.75rem;
}
.note-internal[data-v-dd867548] {
  background: #f6f3ff;
  color: #5b3fd6;
}
.note-public[data-v-dd867548] {
  background: #effbf7;
  color: #0b9d79;
}
.filter-bar[data-v-dd867548] {
  position: relative;
}
.filter-item--on[data-v-dd867548] {
  border: 0.0625rem solid #d6cafb;
  background: #f6f3ff;
}
.filter-item__text[data-v-dd867548] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.drop-panel[data-v-dd867548] {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 0.375rem);
  z-index: 20;
  background: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0.375rem 1.25rem rgba(31, 41, 63, 0.12);
  padding: 0.25rem 0;
}
.drop-panel__scroll[data-v-dd867548] {
  max-height: 13.125rem;
}
.drop-panel__item[data-v-dd867548] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 0.875rem;
  font-size: 0.8125rem;
  color: #333;
}
.drop-panel__item--on[data-v-dd867548] {
  color: #5b3fd6;
  font-weight: bold;
}
.drop-panel__icon[data-v-dd867548] {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.3125rem;
  flex-shrink: 0;
}
.drop-panel__empty[data-v-dd867548] {
  padding: 1rem 0;
  text-align: center;
  font-size: 0.75rem;
  color: #999;
}
.filter-grid[data-v-dd867548] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.field-search[data-v-dd867548] {
  height: 2.375rem;
  background: #f7f9fc;
  border: 0.03125rem solid #e0e7f1;
  border-radius: 0.5rem;
  padding: 0 0.75rem;
  display: flex;
  align-items: center;
}
.border{border-width:var(--un-line-width-default,1px)}
.border-bottom{border-bottom-width:var(--un-line-width-default,1px)}
.flex-shrink-0{flex-grow:0}
.h-_128rpx_{height:4rem}
.h-_20rpx_{height:0.625rem}
.h-_24rpx_{height:0.75rem}
.h-_28rpx_{height:0.875rem}
.h-_8rpx_{height:0.25rem}
.line-clamp-1{display:-webkit-box;line-clamp:1;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.line-clamp-2{display:-webkit-box;line-clamp:2;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mb-_24rpx_{margin-bottom:0.75rem}
.ml-_16rpx_{margin-left:0.5rem}
.ml-_8rpx_{margin-left:0.25rem}
.mr-_16rpx_{margin-right:0.5rem}
.mr-_6rpx_{margin-right:0.1875rem}
.mt-_16rpx_{margin-top:0.5rem}
.mt-_18rpx_{margin-top:0.5625rem}
.mt-_24rpx_{margin-top:0.75rem}
.none{display:none}
.p-_24rpx_{padding:0.75rem}
.pb-_24rpx_{padding-bottom:0.75rem}
.pb-_8rpx_{padding-bottom:0.25rem}
.pl-_12rpx_{padding-left:0.375rem}
.pr-_12rpx_{padding-right:0.375rem}
.pt-_24rpx_{padding-top:0.75rem}
.pt-_8rpx_{padding-top:0.25rem}
.w-_128rpx_{width:4rem}
.w-_24rpx_{width:0.75rem}
.w-_28rpx_{width:0.875rem}
.w-_2rpx_{width:0.0625rem}
.w-_8rpx_{width:0.25rem}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.order-no-row[data-v-4472eb34] {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  margin-right: 0.5625rem;
}
.order-no-text[data-v-4472eb34] {
  min-width: 0;
  /* 长编号完整展示:最多两行,超出部分可点复制获取 */
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.order-status[data-v-4472eb34] {
  flex-shrink: 0;
  max-width: 4.625rem;
}
.order-top-right[data-v-4472eb34] {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 0.375rem;
  max-width: 9.6875rem;
}
.live-rule-btn[data-v-4472eb34] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.625rem;
  height: 1.375rem;
  box-sizing: border-box;
  border: 0.03125rem solid rgba(13, 119, 255, 0.2);
  border-radius: 31.21875rem;
  background: #eef6ff;
  color: #0d77ff;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.375rem;
  white-space: nowrap;
}
.tip-summary[data-v-4472eb34] {
  display: flex;
  align-items: center;
  min-height: 1.625rem;
  padding: 0.3125rem 0.5rem;
  border-radius: 0.5rem;
  background: #fff7eb;
}
.tip-summary__avatar[data-v-4472eb34] {
  width: 1.0625rem;
  height: 1.0625rem;
  margin-right: 0.3125rem;
  border-radius: 50%;
  background: #f2f3f7;
  flex-shrink: 0;
}
.tip-summary__text[data-v-4472eb34] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.75rem;
  font-weight: 700;
  color: #ff6a00;
}
.order-actions-row[data-v-4472eb34] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 0.0625rem dashed #ebebeb;
}
.order-time-col[data-v-4472eb34] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  flex: 1;
  min-width: 0;
  margin-right: 0.375rem;
}
.order-amount[data-v-4472eb34] {
  flex-shrink: 0;
  margin-left: auto;
  margin-right: 0.625rem;
  text-align: right;
  line-height: 1;
}
.action-accept-time[data-v-4472eb34] {
  margin-right: 0;
  font-size: 0.6875rem;
  color: #999;
}
.order-actions-list[data-v-4472eb34] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5625rem 0.625rem;
  max-width: 100%;
}
.action-btn[data-v-4472eb34] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 3.875rem;
  min-height: 1.75rem;
  box-sizing: border-box;
  text-align: center;
  line-height: 1rem;
  white-space: nowrap;
  flex-shrink: 0;
}
.certified-chat-tag[data-v-4472eb34] {
  display: inline-block;
  margin-right: 0.25rem;
  padding: 0.0625rem 0.3125rem;
  border-radius: 31.21875rem;
  background: linear-gradient(135deg, #fff2c7, #ffd66b);
  color: #8a5200;
  font-size: 0.625rem;
  font-weight: 800;
  line-height: 0.9375rem;
  vertical-align: 0.09375rem;
}
.live-order-tag[data-v-4472eb34] {
  display: inline-flex;
  align-items: center;
  gap: 0.21875rem;
  height: 1.125rem;
  margin-right: 0.3125rem;
  padding: 0 0.375rem 0 0.3125rem;
  border: 0.03125rem solid rgba(255, 94, 70, 0.3);
  border-radius: 31.21875rem;
  background: linear-gradient(135deg, #fff3ef 0%, #fffaf2 100%);
  color: #df3528;
  font-size: 0.625rem;
  font-weight: 800;
  line-height: 1.125rem;
  vertical-align: 0.09375rem;
  box-shadow: 0 0.1875rem 0.4375rem rgba(255, 72, 48, 0.12);
}
.live-order-tag__dot[data-v-4472eb34] {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background: #ff2d20;
  box-shadow: 0 0 0 0.125rem rgba(255, 45, 32, 0.14);
}
.live-order-tag__mark[data-v-4472eb34] {
  color: #e53123;
  font-size: 0.625rem;
  font-weight: 900;
  line-height: 1.125rem;
  letter-spacing: 0;
}
.group-chat-popup[data-v-4472eb34] {
  width: 19.375rem;
  padding: 1rem 0.875rem;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 0.75rem;
  text-align: center;
}
.group-chat-popup__title[data-v-4472eb34] {
  color: #202020;
  font-size: 1rem;
  font-weight: 800;
}
.group-chat-popup__desc[data-v-4472eb34] {
  margin-top: 0.3125rem;
  color: #667085;
  font-size: 0.75rem;
  line-height: 1.5;
}
.group-chat-popup__image[data-v-4472eb34] {
  width: 14.375rem;
  height: 14.375rem;
  margin-top: 0.75rem;
  border-radius: 0.5rem;
  background: #f6f8fb;
}
.mt-_8rpx_{margin-top:0.25rem}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.image-upload-wrap[data-v-8bb6bc83] {
  margin-top: 0.5rem;
}
.ml-_24rpx_{margin-left:0.75rem}
.mt-_32rpx_{margin-top:1rem}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.accept-pop[data-v-ff4b0be4] {
  width: 19.375rem;
  padding: 1rem 0.875rem;
  box-sizing: border-box;
  background: #fff;
  border-radius: 0.75rem;
}
.accept-pop__title[data-v-ff4b0be4] {
  font-size: 1rem;
  font-weight: 800;
  color: #202020;
  text-align: center;
}
.accept-pop__tip[data-v-ff4b0be4] {
  margin-top: 0.375rem;
  padding: 0.5rem 0.625rem;
  border-radius: 0.375rem;
  background: #f6f8fb;
  color: #667085;
  font-size: 0.75rem;
  line-height: 1.5;
}
.accept-pop__label[data-v-ff4b0be4] {
  margin-top: 0.75rem;
  font-size: 0.8125rem;
  font-weight: bold;
  color: #202020;
}
.accept-pop__required[data-v-ff4b0be4] {
  color: #fd3907;
  font-weight: normal;
}
.accept-pop__hint[data-v-ff4b0be4] {
  margin-top: 0.25rem;
  font-size: 0.6875rem;
  color: #999;
}
.accept-pop__btn[data-v-ff4b0be4] {
  flex: 1;
  height: 2.5rem;
  border-radius: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: bold;
}
.accept-pop__btn--plain[data-v-ff4b0be4] {
  background: #f2f3f7;
  color: #666;
}
.accept-pop__btn--solid[data-v-ff4b0be4] {
  background: linear-gradient(105deg, #5b6ff1, #853fe1);
  color: #fff;
  box-shadow: 0 0.25rem 0.75rem rgba(116, 71, 232, 0.25);
}
.accept-pop__btn--disabled[data-v-ff4b0be4] {
  opacity: 0.5;
}
.flex{display:flex}
.flex-1{flex:1}
.p-_20rpx_{padding:0.625rem}
.p-_24rpx_{padding:0.75rem}
.text-center{text-align:center}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.page-bg[data-v-0cd248ba] {
  background: #f2f3f7;
}
.status-tabs[data-v-0cd248ba] {
  background: #fff;
  border-radius: 0.5rem;
  padding: 0.25rem;
}
.status-tab[data-v-0cd248ba] {
  padding: 0.5rem 0;
  border-radius: 0.375rem;
  font-size: 0.8125rem;
  color: #666;
}
.status-tab--on[data-v-0cd248ba] {
  background: linear-gradient(105deg, #5b6ff1, #853fe1);
  color: #fff;
  font-weight: bold;
}
.flex-shrink-0{flex-grow:0}
.ml-_24rpx_{margin-left:0.75rem}
.mt-_12rpx_{margin-top:0.375rem}
.mt-_20rpx_{margin-top:0.625rem}
.mt-_24rpx_{margin-top:0.75rem}
.p-_24rpx_{padding:0.75rem}
.p-_28rpx_{padding:0.875rem}
.p-_40rpx_{padding:1.25rem}
.pt-_120rpx_{padding-top:3.75rem}
.text-__1a1a1a_{color:#1a1a1a}
.text-__333_{color:#333}
.text-__999_{color:#999}
.text-__FF7A2F_{color:#FF7A2F}
.text-center{text-align:center}
.text-right{text-align:right}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.page-bg[data-v-dbd5c8c2] {
  background: #f2f3f7;
  padding-bottom: 5rem;
}
.tabs[data-v-dbd5c8c2] {
  display: flex;
  background: #fff;
  border-bottom: 0.03125rem solid #eee;
}
.tabs__item[data-v-dbd5c8c2] {
  flex: 1;
  height: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  color: #999;
  position: relative;
}
.tabs__item--on[data-v-dbd5c8c2] {
  color: #1a1a1a;
  font-weight: bold;
  font-size: 0.9375rem;
}
.tabs__item--on[data-v-dbd5c8c2]::after {
  content: "";
  position: absolute;
  bottom: 0.375rem;
  left: 50%;
  transform: translateX(-50%);
  width: 1.5rem;
  height: 0.25rem;
  border-radius: 0.25rem;
  background: linear-gradient(105deg, #5b6ff1, #853fe1);
}
.panel[data-v-dbd5c8c2] {
  background: #fff;
  border-radius: 0.625rem;
}
.dld-row--last[data-v-dbd5c8c2] {
  border-bottom: none;
}
.info-value[data-v-dbd5c8c2] {
  flex: 1;
  word-break: break-all;
}
.field-op[data-v-dbd5c8c2] {
  flex-shrink: 0;
  margin-left: 0.5rem;
  padding: 0.125rem 0.5625rem;
  border-radius: 0.625rem;
  background: #f1edff;
  color: #5b3fd6;
  font-size: 0.6875rem;
}
.shot-item[data-v-dbd5c8c2] {
  padding: 0.75rem 0;
  border-bottom: 0.03125rem solid #f0f2f6;
}
.shot-item__img[data-v-dbd5c8c2] {
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 0.375rem;
  background: #f6f8fb;
  display: block;
}
.shot-preview[data-v-dbd5c8c2] {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.92);
  display: flex;
  align-items: center;
  justify-content: center;
}
.shot-preview__img[data-v-dbd5c8c2] {
  width: 86%;
  height: 80%;
  background: transparent;
  /* 图片本身无任何点击行为,禁用命中,避免 uni-image 内部层挡住箭头 */
  pointer-events: none;
}
.shot-preview__close[data-v-dbd5c8c2] {
  position: absolute;
  top: calc(1.25rem + env(safe-area-inset-top));
  right: 0.9375rem;
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 箭头按钮:单个 view 即点击目标,箭头图案用 ::after 画在按钮正中心,
   不依赖子元素布局;垂直居中用 margin-top,避免 transform 与旋转叠加 */
.shot-preview__btn[data-v-dbd5c8c2] {
  position: absolute;
  top: 50%;
  width: 3.75rem;
  height: 3.75rem;
  margin-top: -1.875rem;
  z-index: 2;
}
.shot-preview__btn--prev[data-v-dbd5c8c2] {
  left: 0.625rem;
}
.shot-preview__btn--next[data-v-dbd5c8c2] {
  right: 0.625rem;
}
.shot-preview__btn[data-v-dbd5c8c2]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.625rem;
  height: 1.625rem;
  border-top: 0.25rem solid #fff;
  border-right: 0.25rem solid #fff;
}
.shot-preview__btn--prev[data-v-dbd5c8c2]::after {
  transform: translate(-50%, -50%) rotate(-135deg);
}
.shot-preview__btn--next[data-v-dbd5c8c2]::after {
  transform: translate(-50%, -50%) rotate(45deg);
}
.shot-preview__count[data-v-dbd5c8c2] {
  position: absolute;
  bottom: calc(1.875rem + env(safe-area-inset-bottom));
  left: 0;
  right: 0;
  text-align: center;
  color: #fff;
  font-size: 0.8125rem;
}
.upload-btn[data-v-dbd5c8c2] {
  height: 2.75rem;
  border-radius: 1.375rem;
  background: linear-gradient(105deg, #5b6ff1, #853fe1);
  color: #fff;
  font-size: 0.9375rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.upload-btn--disabled[data-v-dbd5c8c2] {
  opacity: 0.5;
}
.copy-content-btn[data-v-dbd5c8c2] {
  height: 2.75rem;
  border-radius: 1.375rem;
  background: linear-gradient(105deg, #5b6ff1, #853fe1);
  box-shadow: 0 0.25rem 0.75rem rgba(116, 71, 232, 0.25);
  color: #fff;
  font-size: 0.9375rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer__copy--side[data-v-dbd5c8c2] {
  flex: 1;
  background: #fff;
  color: #5b3fd6;
  box-shadow: none;
  border: 0.03125rem solid #ddd6fa;
}
.footer__submit[data-v-dbd5c8c2] {
  flex: 1.5;
}
.footer[data-v-dbd5c8c2] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  padding: 0.625rem 0.75rem calc(0.625rem + constant(safe-area-inset-bottom));
  padding-bottom: calc(0.625rem + env(safe-area-inset-bottom));
  background: #f2f3f7;
}
.footer__copy[data-v-dbd5c8c2] {
  flex: 1;
}
.absolute{position:absolute}
.h-_130rpx_{height:4.0625rem}
.h-_32rpx_{height:1rem}
.h-_80rpx_{height:2.5rem}
.justify-center{justify-content:center}
.lh-_80rpx_{line-height:2.5rem}
.mt-_16rpx_{margin-top:0.5rem}
.mt-_32rpx_{margin-top:1rem}
.pb-_40rpx_{padding-bottom:1.25rem}
.pl-_42rpx_{padding-left:1.3125rem}
.pr-_42rpx_{padding-right:1.3125rem}
.pt-40{padding-top:1.25rem}
.relative{position:relative}
.right-24{right:0.75rem}
.text-center{text-align:center}
.top-24{top:0.75rem}
.w-_32rpx_{width:1rem}
.w-_360rpx_{width:11.25rem}
.w-_630rpx_{width:19.6875rem}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.rules-top[data-v-5f6bf703] {
  flex-shrink: 0;
  background: url("https://mp.oss.xiangzuhao.com.cn/xdl/goon/rulesBg.png") no-repeat;
  background-size: 100% 100%;
}
.rules-btn[data-v-5f6bf703] {
  background: #0267ff;
}
.rules-box[data-v-5f6bf703] {
  display: flex;
  flex-direction: column;
  max-height: 80vh;
  box-sizing: border-box;
}
.rules-content[data-v-5f6bf703] {
  display: block;
  box-sizing: border-box;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  max-height: 19.375rem;
  line-height: 1.75;
}
.rules-box--ai[data-v-5f6bf703] {
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 14% 6%, rgba(0, 232, 255, 0.22), transparent 34%), radial-gradient(circle at 88% 8%, rgba(71, 95, 255, 0.25), transparent 32%), #ffffff;
  box-shadow: 0 0.75rem 2.1875rem rgba(0, 112, 255, 0.26);
}
.rules-box--ai[data-v-5f6bf703]::before {
  content: "";
  position: absolute;
  left: -3.75rem;
  top: 0;
  width: 5.625rem;
  height: 100%;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.58), transparent);
  transform: skewX(-18deg);
  animation: ai-sweep-5f6bf703 2.2s ease-in-out infinite;
}
.rules-box--ai .rules-top[data-v-5f6bf703] {
  background: linear-gradient(135deg, rgba(0, 116, 255, 0.18), rgba(0, 216, 181, 0.12)), url("https://mp.oss.xiangzuhao.com.cn/xdl/goon/rulesBg.png") no-repeat;
  background-size: 100% 100%;
}
.rules-box--ai .rules-content[data-v-5f6bf703] {
  color: #24324a;
  line-height: 1.7;
}
.rules-box--ai .rules-btn[data-v-5f6bf703] {
  background: linear-gradient(135deg, #0d77ff 0%, #6b3cff 48%, #00c7a8 100%);
  box-shadow: 0 0.4375rem 0.875rem rgba(13, 119, 255, 0.34);
}
.ai-badge[data-v-5f6bf703] {
  position: absolute;
  left: 1.3125rem;
  top: 1rem;
  width: 2rem;
  height: 2rem;
  border-radius: 0.625rem;
  background: linear-gradient(135deg, #0d77ff, #00d2a8);
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 900;
  line-height: 2rem;
  text-align: center;
  box-shadow: 0 0.375rem 0.875rem rgba(0, 170, 255, 0.28);
}
@keyframes ai-sweep-5f6bf703 {
0% {
    transform: translateX(0) skewX(-18deg);
    opacity: 0;
}
28% {
    opacity: 1;
}
100% {
    transform: translateX(25.625rem) skewX(-18deg);
    opacity: 0;
}
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.real-auth-popup[data-v-1b34114c] {
  width: 19.4375rem;
  padding: 1.0625rem;
  border-radius: 0.75rem;
  background: #fff;
  box-sizing: border-box;
}
.real-auth-popup__hero[data-v-1b34114c] {
  padding: 0.9375rem 0.75rem 0.875rem;
  border-radius: 0.625rem;
  background: linear-gradient(180deg, #eef6ff 0%, #ffffff 100%);
  border: 0.0625rem solid #dcecff;
}
.real-auth-popup__title[data-v-1b34114c] {
  color: #202020;
  font-size: 1.0625rem;
  font-weight: 700;
  text-align: center;
}
.real-auth-popup__desc[data-v-1b34114c] {
  margin-top: 0.4375rem;
  color: #4b6b94;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  text-align: center;
}
.real-auth-popup__field[data-v-1b34114c] {
  margin-top: 0.8125rem;
}
.real-auth-popup__label[data-v-1b34114c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #202020;
  font-size: 0.875rem;
  font-weight: 700;
}
.real-auth-popup__label uni-text[data-v-1b34114c] {
  color: #ff5a52;
  margin-right: 0.125rem;
}
.real-auth-popup__required[data-v-1b34114c] {
  width: 1.8125rem;
  height: 1rem;
  border-radius: 0.5625rem;
  background: #fff1ed;
  color: #ff5a52;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1rem;
  text-align: center;
}
.real-auth-popup__input[data-v-1b34114c] {
  width: 100%;
  height: 2.625rem;
  margin-top: 0.375rem;
  padding: 0 0.6875rem;
  border: 0.0625rem solid #e8ebf2;
  border-radius: 0.4375rem;
  background: #f7f8fb;
  color: #202020;
  font-size: 0.875rem;
  box-sizing: border-box;
}
.real-auth-popup__placeholder[data-v-1b34114c] {
  color: #a6a9b1;
  font-size: 0.8125rem;
}
.real-auth-popup__rule[data-v-1b34114c] {
  margin-top: 0.625rem;
  padding: 0.5625rem 0.625rem;
  border-radius: 0.375rem;
  background: #fff7e8;
  color: #a76a12;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.real-auth-popup__rule-row[data-v-1b34114c] {
  display: flex;
  align-items: flex-start;
}
.real-auth-popup__rule-row + .real-auth-popup__rule-row[data-v-1b34114c] {
  margin-top: 0.25rem;
}
.real-auth-popup__dot[data-v-1b34114c] {
  width: 0.3125rem;
  height: 0.3125rem;
  margin: 0.40625rem 0.375rem 0 0;
  border-radius: 50%;
  background: #f0a020;
  flex-shrink: 0;
}
.real-auth-popup__actions[data-v-1b34114c] {
  display: flex;
  gap: 0.5625rem;
  margin-top: 0.9375rem;
}
.real-auth-popup__btn[data-v-1b34114c] {
  flex: 1;
  height: 2.375rem;
  border-radius: 1.1875rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 2.375rem;
  text-align: center;
}
.real-auth-popup__btn--ghost[data-v-1b34114c] {
  background: #f2f3f7;
  color: #666;
  max-width: 5.25rem;
}
.real-auth-popup__btn--primary[data-v-1b34114c] {
  background: #0d77ff;
  color: #fff;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.paly-wrap[data-v-f5c0885a] {
  width: 100%;
  box-sizing: border-box;
}
.paly-wrap .paly-card[data-v-f5c0885a] {
  width: 100%;
  padding: 1.3125rem 1.25rem 1.1875rem;
  border-radius: 0.75rem;
  background: #fff;
  text-align: center;
  box-sizing: border-box;
}
.paly-wrap .paly-title[data-v-f5c0885a] {
  font-size: 1.0625rem;
  font-weight: 700;
  color: #1c2738;
}
.paly-wrap .paly-desc[data-v-f5c0885a] {
  margin-top: 0.5625rem;
  font-size: 0.75rem;
  color: #7b8794;
}
.paly-wrap .pay-method[data-v-f5c0885a] {
  margin-top: 0.4375rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #202020;
}
.paly-wrap .countdown[data-v-f5c0885a] {
  margin-top: 0.1875rem;
  font-size: 1.1875rem;
  font-weight: 700;
  color: #1688ff;
}
.paly-wrap .paly-qr-box[data-v-f5c0885a] {
  display: flex;
  justify-content: center;
  margin-top: 0.75rem;
}
.paly-wrap .paly-qr[data-v-f5c0885a] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10.375rem;
  height: 10.375rem;
  border: 0.0625rem solid #eef2f7;
  border-radius: 0.5625rem;
  background: #fff;
  box-sizing: border-box;
}
.paly-wrap .paly-btn[data-v-f5c0885a] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 1.0625rem;
  gap: 0.75rem;
}
.paly-wrap .btn-left[data-v-f5c0885a],
.paly-wrap .btn-right[data-v-f5c0885a] {
  flex: 1;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  border-radius: 1.25rem;
  font-size: 0.875rem;
  box-sizing: border-box;
}
.paly-wrap .btn-left[data-v-f5c0885a] {
  color: #1688ff;
  border: 0.0625rem solid #1688ff;
}
.paly-wrap .btn-right[data-v-f5c0885a] {
  color: #fff;
  background: #1688ff;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.pay-sheet[data-v-025f0789] {
  padding: 0.5625rem 0.875rem 1.0625rem;
  background: #f6f8fb;
  border-radius: 1rem 1rem 0 0;
  box-sizing: border-box;
}
.pay-sheet--pc[data-v-025f0789] {
  width: 22.5rem;
  max-width: 92vw;
  padding: 0.8125rem 0.875rem 0.9375rem;
  border-radius: 0.875rem;
  box-shadow: 0 0.75rem 2.1875rem rgba(17, 31, 54, 0.18);
}
.pay-sheet--pc .pay-sheet__handle[data-v-025f0789] {
  display: none;
}
.pay-sheet--pc .pay-sheet__header[data-v-025f0789] {
  padding-bottom: 0.625rem;
}
.pay-sheet--pc .quick-grid[data-v-025f0789] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.pay-sheet--pc .amount-card[data-v-025f0789],
.pay-sheet--pc .quick-section[data-v-025f0789],
.pay-sheet--pc .pay-methods[data-v-025f0789] {
  margin-bottom: 0.5rem;
}
.pay-sheet--pc .pay-sheet__button[data-v-025f0789] {
  margin-top: 0.125rem;
}
@media screen and (min-width: 768px) {
.pay-sheet--pc[data-v-025f0789] {
    width: 430px;
    max-width: calc(100vw - 48px);
    padding: 18px 20px 22px;
    border-radius: 20px;
}
.pay-sheet--pc .pay-sheet__title[data-v-025f0789] {
    font-size: 20px;
    line-height: 28px;
}
.pay-sheet--pc .pay-sheet__desc[data-v-025f0789],
.pay-sheet--pc .amount-row[data-v-025f0789],
.pay-sheet--pc .section-title[data-v-025f0789],
.pay-sheet--pc .custom-amount[data-v-025f0789],
.pay-sheet--pc .method-item[data-v-025f0789] {
    font-size: 14px;
}
.pay-sheet--pc .amount-card[data-v-025f0789],
.pay-sheet--pc .quick-section[data-v-025f0789],
.pay-sheet--pc .pay-methods[data-v-025f0789] {
    padding: 14px;
    border-radius: 14px;
}
.pay-sheet--pc .amount-row[data-v-025f0789] {
    height: 28px;
}
.pay-sheet--pc .quick-grid[data-v-025f0789] {
    gap: 10px;
}
.pay-sheet--pc .quick-item[data-v-025f0789] {
    min-height: 70px;
    padding: 12px 8px;
    border-radius: 12px;
}
.pay-sheet--pc .quick-item__amount[data-v-025f0789] {
    font-size: 16px;
}
.pay-sheet--pc .quick-item__label[data-v-025f0789],
.pay-sheet--pc .pay-sheet__tip[data-v-025f0789] {
    font-size: 12px;
}
.pay-sheet--pc .custom-amount[data-v-025f0789],
.pay-sheet--pc .method-item[data-v-025f0789] {
    height: 48px;
    border-radius: 12px;
}
.pay-sheet--pc .method-icon[data-v-025f0789] {
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 13px;
}
.pay-sheet--pc .pay-sheet__button[data-v-025f0789] {
    height: 48px;
    line-height: 48px;
    border-radius: 24px;
    font-size: 16px;
}
.pay-sheet--pc .pay-sheet__close[data-v-025f0789] {
    width: 18px;
    height: 18px;
}
}
.pay-sheet__handle[data-v-025f0789] {
  width: 2.25rem;
  height: 0.25rem;
  margin: 0 auto 0.6875rem;
  border-radius: 0.25rem;
  background: #d8dee8;
}
.pay-sheet__header[data-v-025f0789] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0.125rem 0.125rem 0.75rem;
}
.pay-sheet__title[data-v-025f0789] {
  max-width: 18.125rem;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.4375rem;
  color: #172033;
}
.pay-sheet__desc[data-v-025f0789] {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  color: #7c8798;
}
.pay-sheet__close[data-v-025f0789] {
  width: 1rem;
  height: 1rem;
  margin-top: 0.25rem;
}
.amount-card[data-v-025f0789],
.quick-section[data-v-025f0789],
.pay-methods[data-v-025f0789] {
  padding: 0.75rem;
  margin-bottom: 0.5625rem;
  background: #fff;
  border-radius: 0.625rem;
  box-sizing: border-box;
}
.amount-row[data-v-025f0789] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.5rem;
  font-size: 0.8125rem;
  color: #7c8798;
}
.amount-row + .amount-row[data-v-025f0789] {
  margin-top: 0.3125rem;
}
.amount-row__value[data-v-025f0789] {
  font-weight: 700;
  color: #172033;
}
.amount-row--lack[data-v-025f0789],
.amount-row--lack .amount-row__value[data-v-025f0789] {
  color: #f04438;
}
.section-title[data-v-025f0789] {
  margin-bottom: 0.5625rem;
  font-size: 0.8125rem;
  font-weight: 700;
  color: #172033;
}
.quick-grid[data-v-025f0789] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4375rem;
}
.quick-item[data-v-025f0789] {
  min-height: 3.25rem;
  padding: 0.5rem 0.25rem;
  text-align: center;
  background: #f4f7fb;
  border: 0.0625rem solid transparent;
  border-radius: 0.5625rem;
  box-sizing: border-box;
}
.quick-item--active[data-v-025f0789] {
  background: #eef6ff;
  border-color: #1684ff;
}
.quick-item__amount[data-v-025f0789] {
  font-size: 0.875rem;
  font-weight: 700;
  color: #172033;
}
.quick-item__label[data-v-025f0789] {
  margin-top: 0.1875rem;
  font-size: 0.6875rem;
  color: #7c8798;
}
.custom-amount[data-v-025f0789] {
  display: flex;
  align-items: center;
  height: 2.375rem;
  padding: 0 0.6875rem;
  margin-top: 0.5rem;
  background: #f7f9fc;
  border-radius: 0.5625rem;
  font-size: 0.8125rem;
  color: #172033;
}
.custom-amount uni-input[data-v-025f0789] {
  flex: 1;
  margin-left: 0.5625rem;
  font-size: 0.8125rem;
  color: #172033;
}
.custom-amount__placeholder[data-v-025f0789] {
  color: #a3adbd;
}
.method-row[data-v-025f0789] {
  display: flex;
  gap: 0.5rem;
}
.method-item[data-v-025f0789] {
  flex: 1;
  display: flex;
  align-items: center;
  height: 2.625rem;
  padding: 0 0.625rem;
  background: #f4f7fb;
  border: 0.0625rem solid transparent;
  border-radius: 0.5625rem;
  box-sizing: border-box;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #172033;
}
.method-item--active[data-v-025f0789] {
  background: #eef6ff;
  border-color: #1684ff;
}
.method-icon[data-v-025f0789] {
  width: 1.3125rem;
  height: 1.3125rem;
  margin-right: 0.375rem;
  border-radius: 50%;
  text-align: center;
  line-height: 1.3125rem;
  font-size: 0.6875rem;
  font-weight: 700;
  color: #fff;
}
.method-icon--ali[data-v-025f0789] {
  background: #1677ff;
}
.method-icon--wechat[data-v-025f0789] {
  background: #19c15f;
}
.pay-sheet__tip[data-v-025f0789] {
  margin: 0.375rem 0 0.625rem;
  text-align: center;
  font-size: 0.6875rem;
  color: #8792a3;
}
.pay-sheet__button[data-v-025f0789] {
  height: 2.75rem;
  border-radius: 1.375rem;
  background: #1684ff;
  text-align: center;
  line-height: 2.75rem;
  font-size: 0.9375rem;
  font-weight: 700;
  color: #fff;
  box-shadow: 0 0.4375rem 0.875rem rgba(22, 132, 255, 0.22);
}
.pay-sheet__button.is-loading[data-v-025f0789] {
  opacity: 0.72;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.ios-contact-card[data-v-05b6692a] {
  position: relative;
  width: 19.375rem;
  padding: 1.375rem 1.125rem 1.0625rem;
  border-radius: 0.875rem;
  background: #ffffff;
  box-shadow: 0 0.9375rem 2.5rem rgba(8, 44, 94, 0.26);
  box-sizing: border-box;
}
.ios-contact-close[data-v-05b6692a] {
  position: absolute;
  right: 0.8125rem;
  top: 0.625rem;
  width: 1.5rem;
  height: 1.5rem;
  color: #98a2b3;
  font-size: 1.4375rem;
  line-height: 1.375rem;
  text-align: center;
}
.ios-contact-title[data-v-05b6692a] {
  color: #111827;
  font-size: 1.1875rem;
  font-weight: 900;
  line-height: 1.5625rem;
  text-align: center;
}
.ios-contact-desc[data-v-05b6692a] {
  margin-top: 0.4375rem;
  color: #475467;
  font-size: 0.84375rem;
  line-height: 1.25rem;
  text-align: center;
}
.ios-contact-qr[data-v-05b6692a] {
  display: block;
  width: 11.25rem;
  height: 11.25rem;
  margin: 0.9375rem auto 0;
  border-radius: 0.5625rem;
  background: #f2f4f7;
}
.ios-contact-tip[data-v-05b6692a] {
  margin-top: 0.625rem;
  color: #667085;
  font-size: 0.75rem;
  line-height: 1.0625rem;
  text-align: center;
}
.ios-contact-action[data-v-05b6692a] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5625rem;
  margin-top: 0.875rem;
  border-radius: 1.3125rem;
  color: #ffffff;
  font-size: 0.90625rem;
  font-weight: 800;
  background: linear-gradient(135deg, #0d77ff 0%, #10a7ff 100%);
  box-shadow: 0 0.5625rem 1.0625rem rgba(13, 119, 255, 0.24);
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.ai-cashback-entry[data-v-a6de04e7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 2.25rem;
  padding: 0 0.5625rem;
  border: 0.0625rem solid #ffd19a;
  border-radius: 0.4375rem;
  background: linear-gradient(90deg, #fff0d9 0%, #fff6ec 100%);
  box-sizing: border-box;
}
.ai-cashback-entry--compact[data-v-a6de04e7] {
  min-height: 1.8125rem;
  padding: 0 0.4375rem;
  border-radius: 0.375rem;
}
.ai-cashback-entry__left[data-v-a6de04e7] {
  display: flex;
  align-items: center;
  min-width: 0;
}
.ai-cashback-entry__icon[data-v-a6de04e7] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 0.25rem;
  background: #fff6e8;
  border: 0.09375rem solid #ff8a18;
  color: #ff8a18;
  font-size: 0.625rem;
  font-weight: 900;
  line-height: 0.875rem;
  box-sizing: border-box;
}
.ai-cashback-entry__text[data-v-a6de04e7] {
  margin-left: 0.3125rem;
  min-width: 0;
  color: #ff8a18;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.0625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ai-cashback-entry--compact .ai-cashback-entry__text[data-v-a6de04e7] {
  font-size: 0.6875rem;
  line-height: 0.9375rem;
}
.box-border{box-sizing:border-box}
.h-_20rpx_{height:0.625rem}
.h-_30rpx_{height:0.9375rem}
.justify-between{justify-content:space-between}
.line-clamp-1{display:-webkit-box;line-clamp:1;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.line-clamp-2{display:-webkit-box;line-clamp:2;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mb-_16rpx_{margin-bottom:0.5rem}
.mb-_20rpx_{margin-bottom:0.625rem}
.mb-_26rpx_{margin-bottom:0.8125rem}
.min-w-0{min-width:0}
.mr-_10rpx_{margin-right:0.3125rem}
.mt-_16rpx_{margin-top:0.5rem}
.mt-_4rpx_{margin-top:0.125rem}
.mt-_6rpx_{margin-top:0.1875rem}
.p-_24rpx_{padding:0.75rem}
.w-_2rpx_{width:0.0625rem}
.w-_30rpx_{width:0.9375rem}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
/* 大厅“已被抢”置灰单：整卡降透明度并去色，右侧加盖“已被抢”印章，点击仅提示不进详情 */
.goods-item--grabbed[data-v-25bc69a1] {
  position: relative;
  opacity: 0.62;
  filter: grayscale(0.9);
}
.grabbed-stamp[data-v-25bc69a1] {
  position: absolute;
  top: 50%;
  right: 1.375rem;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.625rem;
  height: 4.625rem;
  margin-top: -2.3125rem;
  border: 0.125rem solid rgba(107, 114, 128, 0.9);
  border-radius: 50%;
  box-shadow: inset 0 0 0 0.1875rem #f5f6f8, inset 0 0 0 0.25rem rgba(107, 114, 128, 0.9);
  transform: rotate(-16deg);
}
.grabbed-stamp__text[data-v-25bc69a1] {
  color: #6b7280;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.125rem;
}
.goods-item--grabbed .goods-amount[data-v-25bc69a1] {
  color: #9ca3af !important;
}
.goods-title-row[data-v-25bc69a1] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  min-width: 0;
}
.goods-title-main[data-v-25bc69a1] {
  display: flex;
  align-items: flex-start;
  min-width: 0;
  flex: 1;
}
.live-rule-btn[data-v-25bc69a1] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 3.625rem;
  height: 1.375rem;
  margin-left: 0.5rem;
  box-sizing: border-box;
  border: 0.03125rem solid rgba(13, 119, 255, 0.2);
  border-radius: 31.21875rem;
  background: #eef6ff;
  color: #0d77ff;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.375rem;
  white-space: nowrap;
}
.live-order-badge[data-v-25bc69a1] {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 0.21875rem;
  height: 1.125rem;
  margin-top: 0.03125rem;
  margin-right: 0.375rem;
  padding: 0 0.375rem 0 0.3125rem;
  border: 0.03125rem solid rgba(255, 94, 70, 0.3);
  border-radius: 31.21875rem;
  background: linear-gradient(135deg, #fff3ef 0%, #fffaf2 100%);
  color: #df3528;
  font-size: 0.625rem;
  font-weight: 800;
  line-height: 1.125rem;
  box-shadow: 0 0.1875rem 0.4375rem rgba(255, 72, 48, 0.12);
}
.live-order-badge--required[data-v-25bc69a1] {
  border-color: rgba(255, 94, 70, 0.32);
  background: linear-gradient(135deg, #fff3ef 0%, #fffaf2 100%);
  color: #df3528;
}
.live-order-badge--available[data-v-25bc69a1] {
  border-color: rgba(16, 185, 129, 0.28);
  background: linear-gradient(135deg, #ecfdf5 0%, #f0fdfa 100%);
  color: #059669;
}
.live-order-badge--available .live-order-badge__dot[data-v-25bc69a1] {
  background: #10b981;
  box-shadow: 0 0 0 0.125rem rgba(16, 185, 129, 0.14);
}
.live-order-badge--available .live-order-badge__mark[data-v-25bc69a1] {
  color: #059669;
}
.live-order-badge__dot[data-v-25bc69a1] {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background: #ff2d20;
  box-shadow: 0 0 0 0.125rem rgba(255, 45, 32, 0.14);
}
.goods-server-info[data-v-25bc69a1] {
  flex: 1;
  min-width: 0;
  color: #8b919b;
  font-size: 0.75rem;
}
.goods-server-name[data-v-25bc69a1] {
  flex: 0 1 auto;
  max-width: 5.9375rem;
  color: #0384fc;
}
.goods-bottom-divider[data-v-25bc69a1] {
  flex: 0 0 auto;
  width: 0.0625rem;
  height: 0.6875rem;
  margin: 0 0.75rem;
  background: #e5e7eb;
}
.goods-bottom-time[data-v-25bc69a1] {
  flex: 0 0 auto;
  color: #a3a8b0;
  font-size: 0.75rem;
  line-height: 1.0625rem;
}
.goods-amount[data-v-25bc69a1] {
  flex: 0 0 auto;
  margin-left: 0.625rem;
}
.live-order-badge__mark[data-v-25bc69a1] {
  color: #e53123;
  font-size: 0.625rem;
  font-weight: 900;
  line-height: 1.125rem;
  letter-spacing: 0;
}
.goods-title[data-v-25bc69a1] {
  flex: 1;
  min-width: 0;
  color: #202020;
}
.goods-time[data-v-25bc69a1] {
  flex-shrink: 0;
  margin-left: 0.4375rem;
  margin-top: 0.0625rem;
  font-size: 0.6875rem;
  line-height: 1.0625rem;
  color: #9ca3af;
}
.border{border-width:var(--un-line-width-default,1px)}
.border-bottom{border-bottom-width:var(--un-line-width-default,1px)}
.border-top{border-top-width:var(--un-line-width-default,1px)}
.bottom-0{bottom:0}
.fixed{position:fixed}
.h-_104rpx_{height:3.25rem}
.h-_128rpx_{height:4rem}
.h-_24rpx_{height:0.75rem}
.h-_44rpx_{height:1.375rem}
.h-_80rpx_{height:2.5rem}
.left-0{left:0}
.lh-_80rpx_{line-height:2.5rem}
.line-clamp-1{display:-webkit-box;line-clamp:1;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.line-clamp-2{display:-webkit-box;line-clamp:2;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mb-_12rpx_{margin-bottom:0.375rem}
.mb-_24rpx_{margin-bottom:0.75rem}
.mb-_8rpx_{margin-bottom:0.25rem}
.min-w-0{min-width:0}
.ml-_10rpx_{margin-left:0.3125rem}
.ml-_16rpx_{margin-left:0.5rem}
.mr-_16rpx_{margin-right:0.5rem}
.mt-_10rpx_{margin-top:0.3125rem}
.mt-_12rpx_{margin-top:0.375rem}
.mt-_16rpx_{margin-top:0.5rem}
.mt-_24rpx_{margin-top:0.75rem}
.mt-_2rpx_{margin-top:0.0625rem}
.mt-_8rpx_{margin-top:0.25rem}
.p-_24rpx_{padding:0.75rem}
.pb-_128rpx_{padding-bottom:4rem}
.pb-_16rpx_{padding-bottom:0.5rem}
.pb-_24rpx_{padding-bottom:0.75rem}
.pl-_24rpx_{padding-left:0.75rem}
.pl-_48rpx_{padding-left:1.5rem}
.pr-_24rpx_{padding-right:0.75rem}
.pr-_48rpx_{padding-right:1.5rem}
.pt-_12rpx_{padding-top:0.375rem}
.pt-_16rpx_{padding-top:0.5rem}
.right-0{right:0}
.text-center{text-align:center}
.w-_128rpx_{width:4rem}
.w-_160rpx_{width:5rem}
.w-_204rpx_{width:6.375rem}
.w-_24rpx_{width:0.75rem}
.w-_40rpx_{width:1.25rem}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.similar-orders__heading[data-v-c78c44c8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1.25rem 0 1rem;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #999;
}
.similar-orders__line[data-v-c78c44c8] {
  width: 2.75rem;
  height: 0.0625rem;
  background: #d8dae3;
}
.similar-orders__status[data-v-c78c44c8] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5rem;
  font-size: 0.8125rem;
  color: #999;
}
.similar-orders__action[data-v-c78c44c8] {
  color: #0384fc;
}
.info-wrap .info-item[data-v-c78c44c8] {
  background: url("https://mp.oss.xiangzuhao.com.cn/xdl/goon/info-item.png") no-repeat;
  background-size: 100% 100%;
}
.order-no-row[data-v-c78c44c8] {
  width: 15.9375rem;
  max-width: 15.9375rem;
  min-width: 0;
  overflow: hidden;
  flex-shrink: 1;
}
.order-no-label[data-v-c78c44c8] {
  flex-shrink: 0;
}
.order-no-text[data-v-c78c44c8] {
  display: block;
  flex: 1;
  width: 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.order-no-row uni-image[data-v-c78c44c8] {
  flex-shrink: 0;
}
.default-require[data-v-c78c44c8] {
  line-height: 1.45;
  color: #4f5968;
}
.default-require uni-view[data-v-c78c44c8] {
  margin-top: 0.25rem;
}
.default-require__warn[data-v-c78c44c8] {
  margin-top: 0;
  color: #ff0000;
  font-weight: 700;
}
.goods-require-text[data-v-c78c44c8] {
  white-space: pre-wrap;
  word-break: break-word;
  line-height: 1.5;
}
.info-btn[data-v-c78c44c8] {
  gap: 0.75rem;
}
.goods-action-btn[data-v-c78c44c8] {
  flex: 1;
  min-width: 0;
}
.robbed-mask[data-v-c78c44c8] {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10099;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  background: rgba(18, 20, 32, 0.54);
  -webkit-backdrop-filter: blur(0.3125rem);
          backdrop-filter: blur(0.3125rem);
  box-sizing: border-box;
}
.robbed-card[data-v-c78c44c8] {
  width: 18.4375rem;
  padding: 1.625rem 1.3125rem 1.3125rem;
  border-radius: 1.125rem;
  background: radial-gradient(circle at 50% 0%, rgba(255, 138, 0, 0.2), transparent 44%), linear-gradient(180deg, #ffffff 0%, #fff9f2 100%);
  box-shadow: 0 1.0625rem 2.6875rem rgba(45, 28, 18, 0.24);
  text-align: center;
  box-sizing: border-box;
  animation: robbed-pop-c78c44c8 0.26s ease-out;
}
.robbed-visual[data-v-c78c44c8] {
  position: relative;
  width: 4.125rem;
  height: 4.125rem;
  margin: 0 auto 0.75rem;
}
.robbed-visual__pulse[data-v-c78c44c8] {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: rgba(255, 138, 0, 0.16);
  animation: robbed-pulse-c78c44c8 1.45s ease-in-out infinite;
}
.robbed-visual__icon[data-v-c78c44c8] {
  position: absolute;
  left: 50%;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.6875rem;
  height: 2.6875rem;
  border-radius: 0.875rem;
  background: linear-gradient(135deg, #ff8a00 0%, #ff5a5f 55%, #7c3cff 100%);
  color: #fff;
  font-size: 1.5rem;
  font-weight: 900;
  box-shadow: 0 0.5625rem 1.25rem rgba(255, 90, 95, 0.28);
  transform: translate(-50%, -50%);
}
.robbed-title[data-v-c78c44c8] {
  color: #151923;
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 1.6875rem;
}
.robbed-desc[data-v-c78c44c8] {
  margin-top: 0.5rem;
  color: #5f6674;
  font-size: 0.84375rem;
  line-height: 1.3125rem;
}
.robbed-tip[data-v-c78c44c8] {
  display: flex;
  justify-content: center;
  gap: 0.375rem;
  margin-top: 0.8125rem;
}
.robbed-tip uni-text[data-v-c78c44c8] {
  padding: 0.28125rem 0.5rem;
  border-radius: 31.21875rem;
  background: rgba(13, 119, 255, 0.08);
  color: #0d77ff;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
}
.robbed-btn[data-v-c78c44c8] {
  margin-top: 1.0625rem;
  height: 2.5625rem;
  border-radius: 31.21875rem;
  background: linear-gradient(135deg, #0d77ff 0%, #7c3cff 100%);
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 800;
  line-height: 2.5625rem;
  box-shadow: 0 0.5625rem 1.125rem rgba(13, 119, 255, 0.24);
}
.robbed-actions[data-v-c78c44c8] {
  display: flex;
  gap: 0.5625rem;
  margin-top: 1.0625rem;
}
.robbed-actions .robbed-btn[data-v-c78c44c8] {
  flex: 1;
  min-width: 0;
  margin-top: 0;
}
.robbed-btn--ghost[data-v-c78c44c8] {
  background: #eef5ff;
  color: #0d77ff;
  box-shadow: none;
}
.live-order-badge[data-v-c78c44c8] {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
  padding: 0.1875rem 0.4375rem 0.1875rem 0.375rem;
  border: 0.03125rem solid rgba(255, 94, 70, 0.3);
  border-radius: 31.21875rem;
  background: linear-gradient(135deg, #fff3ef 0%, #fffaf2 100%);
  color: #df3528;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1rem;
  box-shadow: 0 0.1875rem 0.4375rem rgba(255, 72, 48, 0.12);
}
.live-order-row[data-v-c78c44c8] {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  margin-top: 0.375rem;
  min-width: 0;
}
.live-rule-link[data-v-c78c44c8] {
  flex: 0 0 auto;
  color: #0d77ff;
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 1.125rem;
}
.live-order-badge--required[data-v-c78c44c8] {
  border-color: rgba(255, 94, 70, 0.32);
  background: linear-gradient(135deg, #fff3ef 0%, #fffaf2 100%);
  color: #df3528;
}
.live-order-badge--available[data-v-c78c44c8] {
  border-color: rgba(16, 185, 129, 0.28);
  background: linear-gradient(135deg, #ecfdf5 0%, #f0fdfa 100%);
  color: #059669;
}
.live-order-badge--available .live-order-badge__dot[data-v-c78c44c8] {
  background: #10b981;
  box-shadow: 0 0 0 0.125rem rgba(16, 185, 129, 0.14);
}
.live-order-badge--available .live-order-badge__main[data-v-c78c44c8] {
  color: #059669;
}
.live-order-badge__dot[data-v-c78c44c8] {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background: #ff2d20;
  box-shadow: 0 0 0 0.125rem rgba(255, 45, 32, 0.14);
}
.live-order-badge__main[data-v-c78c44c8] {
  color: #e53123;
  font-weight: 800;
}
@keyframes robbed-pop-c78c44c8 {
from {
    opacity: 0;
    transform: translateY(0.5625rem) scale(0.96);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}
@keyframes robbed-pulse-c78c44c8 {
0%, 100% {
    opacity: 0.7;
    transform: scale(0.86);
}
50% {
    opacity: 1;
    transform: scale(1.06);
}
}
.absolute{position:absolute}
.h-_32rpx_{height:1rem}
.h-_80rpx_{height:2.5rem}
.justify-center{justify-content:center}
.lh-_80rpx_{line-height:2.5rem}
.mb-_12rpx_{margin-bottom:0.375rem}
.mt-_32rpx_{margin-top:1rem}
.pb-_40rpx_{padding-bottom:1.25rem}
.pl-_42rpx_{padding-left:1.3125rem}
.pr-_42rpx_{padding-right:1.3125rem}
.pt-40{padding-top:1.25rem}
.relative{position:relative}
.right-24{right:0.75rem}
.text-center{text-align:center}
.top-24{top:0.75rem}
.w-_32rpx_{width:1rem}
.w-_360rpx_{width:11.25rem}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.popup-head[data-v-789f2f08] {
  width: 19.6875rem;
  box-sizing: border-box;
  background: #fff;
  border-radius: 1rem;
  overflow: hidden;
}
.rules-top[data-v-789f2f08] {
  width: 100%;
  height: 4.0625rem;
  background: url("https://mp.oss.xiangzuhao.com.cn/xdl/goon/rulesBg.png") no-repeat;
  background-size: 100% 100%;
}
.rules-btn[data-v-789f2f08] {
  background: linear-gradient(58deg, #0D77FF 0%, #59A2FE 100%);
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.coupon-rule-link-wrap[data-v-8a1ba2e0] {
  align-self: flex-start;
}
.coupon-rule-link[data-v-8a1ba2e0] {
  display: inline-flex;
  align-items: center;
}
.coupon-rule-link__text[data-v-8a1ba2e0],
.coupon-rule-link__arrow[data-v-8a1ba2e0] {
  font-size: 0.75rem;
  line-height: 1.0625rem;
  color: #0D77FF;
}
.coupon-rule-link__arrow[data-v-8a1ba2e0] {
  margin-left: 0.125rem;
}
.bg-__FF0000_{background:#FF0000}
.bg-__ffffff_{background:#ffffff}
.c-__202020_{color:#202020}
.c-__666666_{color:#666666}
.c-__999999_{color:#999999}
.c-__ffffff_{color:#ffffff}
.flex{display:flex}
.flex-1{flex:1}
.flex-col{flex-direction:column}
.font-bold{font-weight:700}
.font-size-_24rpx_{font-size:0.75rem}
.font-size-_26rpx_{font-size:0.8125rem}
.font-size-_28rpx_{font-size:0.875rem}
.font-size-_32rpx_{font-size:1rem}
.font-size-_60rpx_{font-size:1.875rem}
.h-_148rpx_{height:4.625rem}
.h-_32rpx_{height:1rem}
.h-_36rpx_{height:1.125rem}
.inline-block{display:inline-block}
.items-center{align-items:center}
.items-end{align-items:end}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.justify-end{justify-content:end}
.max-h-_800rpx_{max-height:25rem}
.mb-_16rpx_{margin-bottom:0.5rem}
.mb-_24rpx_{margin-bottom:0.75rem}
.min-w-0{min-width:0}
.ml-_12rpx_{margin-left:0.375rem}
.mr-_16rpx_{margin-right:0.5rem}
.object-cover{object-fit:cover}
.p-_24rpx_{padding:0.75rem}
.pb-_18rpx_{padding-bottom:0.5625rem}
.pb-_8rpx_{padding-bottom:0.25rem}
.pt-_10rpx_{padding-top:0.3125rem}
.px-_23rpx_{padding-left:0.71875rem;padding-right:0.71875rem}
.px-_5rpx_{padding-left:0.15625rem;padding-right:0.15625rem}
.py-_40rpx_{padding-top:1.25rem;padding-bottom:1.25rem}
.rounded-_12rpx_{border-radius:0.375rem}
.rounded-_16rpx_{border-radius:0.5rem}
.rounded-_4rpx_{border-radius:0.125rem}
.shrink-0{flex-shrink:0}
.text-center{text-align:center}
.w-_187rpx_{width:5.84375rem}
.w-_32rpx_{width:1rem}
.w-_36rpx_{width:1.125rem}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.coupon-popup-bg[data-v-7f2894bd] {
  width: 23.4375rem;
  background: url("https://mp.oss.xiangzuhao.com.cn/xdl/goon/coupon-popup-bg.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
.border{border-width:var(--un-line-width-default,1px)}
.flex-shrink-0{flex-grow:0}
.h-_24rpx_{height:0.75rem}
.h-_44rpx_{height:1.375rem}
.justify-center{justify-content:center}
.mb-_8rpx_{margin-bottom:0.25rem}
.ml-_6rpx_{margin-left:0.1875rem}
.mt-_8rpx_{margin-top:0.25rem}
.pb-_16rpx_{padding-bottom:0.5rem}
.pt-_16rpx_{padding-top:0.5rem}
.w-_24rpx_{width:0.75rem}
.w-_40rpx_{width:1.25rem}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.deposit-metric-card[data-v-1bd982b2] {
  width: 6.375rem;
  min-height: 6.125rem;
  box-sizing: border-box;
}
.deposit-metric-card__head[data-v-1bd982b2] {
  width: 100%;
  min-height: 2.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0 0.25rem;
  box-sizing: border-box;
}
.deposit-metric-card__label-row[data-v-1bd982b2] {
  width: 100%;
}
.deposit-metric-card__tag[data-v-1bd982b2] {
  margin-top: 0.1875rem;
  padding: 0.0625rem 0.3125rem;
  font-size: 0.5625rem;
  line-height: 0.875rem;
  color: #ff8700;
  background: rgba(255, 135, 0, 0.12);
  border-radius: 0.1875rem;
}
.deposit-metric-card__tag-placeholder[data-v-1bd982b2] {
  height: 1.0625rem;
}
.deposit-metric-card__amount[data-v-1bd982b2] {
  min-height: 1.25rem;
  width: 100%;
  padding: 0 0.25rem;
  box-sizing: border-box;
  flex-wrap: wrap;
}
.deposit-metric-card__origin[data-v-1bd982b2] {
  margin-left: 0.1875rem;
  font-size: 0.6875rem;
  font-weight: normal;
  color: #999;
  text-decoration: line-through;
}
.bg-__ffffff_{background:#ffffff}
.border-bottom{border-bottom-width:var(--un-line-width-default,1px)}
.border-top{border-top-width:var(--un-line-width-default,1px)}
.bottom-0{bottom:0}
.fixed{position:fixed}
.flex{display:flex}
.font-bold{font-weight:700}
.font-size-_28rpx_{font-size:0.875rem}
.font-size-_32rpx_{font-size:1rem}
.h-_104rpx_{height:3.25rem}
.h-_128rpx_{height:4rem}
.h-_24rpx_{height:0.75rem}
.h-_40rpx_{height:1.25rem}
.h-_80rpx_{height:2.5rem}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.line-clamp-2{display:-webkit-box;line-clamp:2;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mb-_12rpx_{margin-bottom:0.375rem}
.mb-_24rpx_{margin-bottom:0.75rem}
.ml-_16rpx_{margin-left:0.5rem}
.ml-_8rpx_{margin-left:0.25rem}
.mr-_16rpx_{margin-right:0.5rem}
.mr-_4rpx_{margin-right:0.125rem}
.mt-_10rpx_{margin-top:0.3125rem}
.mt-_12rpx_{margin-top:0.375rem}
.mt-_16rpx_{margin-top:0.5rem}
.mt-_24rpx_{margin-top:0.75rem}
.object-cover{object-fit:cover}
.p-_24rpx_{padding:0.75rem}
.pb-_128rpx_{padding-bottom:4rem}
.pb-_24rpx_{padding-bottom:0.75rem}
.pl-_24rpx_{padding-left:0.75rem}
.pr-_24rpx_{padding-right:0.75rem}
.pt-_12rpx_{padding-top:0.375rem}
.pt-_8rpx_{padding-top:0.25rem}
.rounded-_16rpx_{border-radius:0.5rem}
.text-__202020_{color:#202020}
.text-__999999_{color:#999999}
.text-__FF0000_{color:#FF0000}
.w-_128rpx_{width:4rem}
.w-_24rpx_{width:0.75rem}
.w-_280rpx_{width:8.75rem}
.w-_40rpx_{width:1.25rem}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.info-wrap .info-item[data-v-d8d984c3] {
  background: url("https://mp.oss.xiangzuhao.com.cn/xdl/goon/info-item.png") no-repeat;
  background-size: 100% 100%;
}
.create-order-card-top[data-v-d8d984c3] {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding-top: 0.375rem;
}
.create-order-no-row[data-v-d8d984c3] {
  display: flex;
  align-items: center;
  min-width: 0;
  flex: 1;
  margin-top: 0.375rem;
  padding: 0 4.25rem 0.75rem 0;
  border-bottom: 0.0625rem dashed #ebebeb;
}
.create-order-no-text[data-v-d8d984c3] {
  min-width: 0;
  flex: 1;
  font-size: 0.75rem;
  color: #202020;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.create-order-no-copy[data-v-d8d984c3] {
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0.5rem;
  flex-shrink: 0;
}
.create-order-rules[data-v-d8d984c3] {
  position: absolute;
  top: 0.625rem;
  right: 0;
  width: 4.125rem;
  color: #ffffff;
  font-size: 0.75rem;
  text-align: right;
  white-space: nowrap;
}
.bg-CCC[data-v-d8d984c3] {
  background: #cccccc;
}
.info-btn[data-v-d8d984c3] {
  left: 50%;
  right: auto;
  width: 100%;
  max-width: 23.4375rem;
  transform: translateX(-50%);
  padding-bottom: env(safe-area-inset-bottom);
  z-index: 99;
}
.face-guide-mask[data-v-d8d984c3] {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10090;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  background: rgba(18, 24, 38, 0.58);
  box-sizing: border-box;
}
.face-guide-card[data-v-d8d984c3] {
  width: 19.6875rem;
  padding: 1.375rem 1.0625rem 1rem;
  border-radius: 0.875rem;
  background: linear-gradient(180deg, #f4f9ff 0%, #ffffff 34%, #ffffff 100%);
  box-shadow: 0 0.9375rem 2.5rem rgba(8, 44, 94, 0.28);
  box-sizing: border-box;
  animation: face-guide-pop-d8d984c3 0.22s ease-out;
}
.face-guide-mark[data-v-d8d984c3] {
  position: relative;
  width: 3.5rem;
  height: 3.5rem;
  margin: 0 auto 0.75rem;
  border-radius: 1.0625rem;
  background: linear-gradient(135deg, #1688ff 0%, #22c7ff 100%);
  box-shadow: 0 0.5625rem 1.125rem rgba(13, 119, 255, 0.28);
}
.face-guide-mark__ring[data-v-d8d984c3] {
  position: absolute;
  left: 0.5625rem;
  top: 0.5625rem;
  width: 2.375rem;
  height: 2.375rem;
  border: 0.125rem solid rgba(255, 255, 255, 0.72);
  border-radius: 50%;
  box-sizing: border-box;
}
.face-guide-mark__icon[data-v-d8d984c3] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 1.0625rem;
  font-weight: 900;
  line-height: 1.25rem;
}
.face-guide-title[data-v-d8d984c3] {
  color: #111827;
  font-size: 1.1875rem;
  font-weight: 900;
  line-height: 1.5625rem;
  text-align: center;
}
.face-guide-desc[data-v-d8d984c3] {
  margin-top: 0.5rem;
  color: #667085;
  font-size: 0.84375rem;
  line-height: 1.3125rem;
  text-align: center;
}
.face-guide-benefits[data-v-d8d984c3] {
  margin-top: 0.875rem;
  padding: 0.6875rem 0.75rem;
  border-radius: 0.625rem;
  background: #f3f8ff;
}
.face-guide-benefit[data-v-d8d984c3] {
  display: flex;
  align-items: flex-start;
  color: #344054;
  font-size: 0.78125rem;
  line-height: 1.125rem;
}
.face-guide-benefit + .face-guide-benefit[data-v-d8d984c3] {
  margin-top: 0.4375rem;
}
.face-guide-benefit__dot[data-v-d8d984c3] {
  width: 0.375rem;
  height: 0.375rem;
  margin-top: 0.375rem;
  margin-right: 0.4375rem;
  border-radius: 50%;
  background: #0d77ff;
  box-shadow: 0 0 0 0.25rem rgba(13, 119, 255, 0.1);
  flex-shrink: 0;
}
.face-guide-benefit uni-text[data-v-d8d984c3] {
  flex: 1;
  min-width: 0;
}
.face-guide-actions[data-v-d8d984c3] {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  margin-top: 1.0625rem;
}
.face-guide-action[data-v-d8d984c3] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5625rem;
  border-radius: 1.3125rem;
  font-size: 0.90625rem;
  font-weight: 800;
  box-sizing: border-box;
}
.face-guide-action--secondary[data-v-d8d984c3] {
  width: 6.875rem;
  border: 0.0625rem solid #d8e2ef;
  color: #667085;
  background: #ffffff;
}
.face-guide-action--primary[data-v-d8d984c3] {
  flex: 1;
  color: #ffffff;
  background: linear-gradient(135deg, #0d77ff 0%, #10a7ff 100%);
  box-shadow: 0 0.5625rem 1.0625rem rgba(13, 119, 255, 0.26);
}
.accept-mode-card[data-v-d8d984c3] {
  margin-top: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  background: #ffffff;
}
.accept-mode-title[data-v-d8d984c3] {
  color: #202020;
  font-size: 0.9375rem;
  font-weight: 800;
  line-height: 1.3125rem;
}
.accept-mode-options[data-v-d8d984c3] {
  display: flex;
  gap: 0.5625rem;
  margin-top: 0.5625rem;
}
.accept-mode-option[data-v-d8d984c3] {
  position: relative;
  flex: 1;
  min-width: 0;
  padding: 0.6875rem 0.5625rem;
  border: 0.0625rem solid #e5e7eb;
  border-radius: 0.5rem;
  background: #f8fafc;
  box-sizing: border-box;
}
.accept-mode-option.is-active[data-v-d8d984c3] {
  border-color: #0d77ff;
  background: #eef6ff;
  box-shadow: 0 0.3125rem 0.75rem rgba(13, 119, 255, 0.12);
}
.accept-mode-option--live[data-v-d8d984c3] {
  border-color: #ffded8;
  background: linear-gradient(180deg, #fff7f5 0%, #ffffff 100%);
}
.accept-mode-option--live.is-active[data-v-d8d984c3] {
  border-color: #ff4d2e;
  background: linear-gradient(180deg, #fff0ec 0%, #ffffff 100%);
  box-shadow: 0 0.375rem 0.875rem rgba(255, 77, 46, 0.16);
}
.accept-mode-option__head[data-v-d8d984c3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.3125rem;
}
.accept-mode-option__name[data-v-d8d984c3] {
  color: #111827;
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.1875rem;
}
.accept-mode-option__tag[data-v-d8d984c3] {
  flex-shrink: 0;
  padding: 0.125rem 0.3125rem;
  border-radius: 31.21875rem;
  color: #ffffff;
  background: linear-gradient(135deg, #ff6a00 0%, #ff2442 100%);
  font-size: 0.625rem;
  font-weight: 800;
  line-height: 0.875rem;
}
.accept-mode-option__desc[data-v-d8d984c3] {
  margin-top: 0.25rem;
  color: #667085;
  font-size: 0.71875rem;
  line-height: 1rem;
}
.accept-mode-option__muted[data-v-d8d984c3] {
  margin-top: 0.3125rem;
  color: #98a2b3;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
}
.accept-mode-option__reward[data-v-d8d984c3] {
  margin-top: 0.3125rem;
  color: #ff2442;
  font-size: 0.75rem;
  font-weight: 900;
  line-height: 1.0625rem;
}
.accept-mode-option__rule[data-v-d8d984c3] {
  margin-top: 0.25rem;
  color: #0d77ff;
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 0.9375rem;
}
.live-service-mask[data-v-d8d984c3] {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
  background: rgba(17, 24, 39, 0.58);
  box-sizing: border-box;
}
.live-service-card[data-v-d8d984c3] {
  position: relative;
  width: 21.5625rem;
  max-height: 92vh;
  padding: 1.625rem 1.25rem 1.0625rem;
  overflow-y: auto;
  border-radius: 1.0625rem;
  background: #ffffff;
  box-shadow: 0 0.9375rem 2.5rem rgba(8, 44, 94, 0.26);
  box-sizing: border-box;
  animation: face-guide-pop-d8d984c3 0.22s ease-out;
}
.live-service-close[data-v-d8d984c3] {
  position: absolute;
  right: 0.9375rem;
  top: 0.75rem;
  width: 1.6875rem;
  height: 1.6875rem;
  color: #7b8798;
  font-size: 1.6875rem;
  font-weight: 300;
  line-height: 1.5rem;
  text-align: center;
}
.live-service-title[data-v-d8d984c3] {
  color: #111827;
  font-size: 1.375rem;
  font-weight: 900;
  line-height: 1.8125rem;
  text-align: center;
}
.live-service-desc[data-v-d8d984c3] {
  margin-top: 0.5625rem;
  color: #4b5565;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
}
.live-service-steps[data-v-d8d984c3] {
  margin-top: 0.9375rem;
}
.live-service-step[data-v-d8d984c3] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-height: 3.3125rem;
  margin-top: 0.5625rem;
  padding: 0.625rem 0.75rem;
  border-radius: 0.625rem;
  background: linear-gradient(135deg, #f0f6ff 0%, #f8fbff 100%);
  box-sizing: border-box;
}
.live-service-step[data-v-d8d984c3]:first-child {
  margin-top: 0;
}
.live-service-step[data-v-d8d984c3]:not(:last-child)::after {
  position: absolute;
  left: 1.78125rem;
  bottom: -0.6875rem;
  width: 0;
  height: 0.6875rem;
  border-left: 0.09375rem dashed #2484ff;
  content: "";
}
.live-service-step__icon[data-v-d8d984c3] {
  position: relative;
  flex: 0 0 2.625rem;
  width: 2.625rem;
  height: 2.625rem;
}
.live-service-step__icon-main[data-v-d8d984c3],
.live-service-step__icon-sub[data-v-d8d984c3] {
  position: absolute;
  border: 0.15625rem solid #2484ff;
  background: linear-gradient(135deg, #5b9dff 0%, #1a72f7 100%);
  box-sizing: border-box;
}
.live-service-step--platform .live-service-step__icon-main[data-v-d8d984c3] {
  left: 0.3125rem;
  top: 0.125rem;
  width: 1.5rem;
  height: 2.25rem;
  border-radius: 0.3125rem;
  background: #ffffff;
}
.live-service-step--platform .live-service-step__icon-sub[data-v-d8d984c3] {
  right: 0.125rem;
  bottom: 0.375rem;
  width: 1.4375rem;
  height: 1.0625rem;
  border-radius: 0.3125rem;
}
.live-service-step--material .live-service-step__icon-main[data-v-d8d984c3] {
  left: 0.125rem;
  top: 0.25rem;
  width: 2rem;
  height: 1.625rem;
  border-radius: 0.3125rem;
  background: #ffffff;
}
.live-service-step--material .live-service-step__icon-sub[data-v-d8d984c3] {
  right: 0;
  bottom: 0.125rem;
  width: 1.1875rem;
  height: 1.1875rem;
  border-radius: 50%;
}
.live-service-step--manager .live-service-step__icon-main[data-v-d8d984c3] {
  left: 0;
  top: 0.25rem;
  width: 1.625rem;
  height: 2.125rem;
  border-radius: 0.8125rem 0.8125rem 0.3125rem 0.3125rem;
}
.live-service-step--manager .live-service-step__icon-sub[data-v-d8d984c3] {
  right: 0.0625rem;
  bottom: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.25rem;
  background: #ffffff;
}
.live-service-step__content[data-v-d8d984c3] {
  min-width: 0;
}
.live-service-step__title[data-v-d8d984c3] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #111827;
  font-size: 0.9375rem;
  font-weight: 900;
  line-height: 1.25rem;
}
.live-service-step__num[data-v-d8d984c3] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  color: #ffffff;
  font-size: 0.8125rem;
  font-weight: 900;
  background: linear-gradient(135deg, #1f7cff 0%, #0d6eea 100%);
}
.live-service-step__desc[data-v-d8d984c3] {
  margin-top: 0.25rem;
  color: #5f6b7a;
  font-size: 0.75rem;
  line-height: 1.0625rem;
}
.live-service-qr-row[data-v-d8d984c3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: 0.8125rem;
}
.live-service-qr[data-v-d8d984c3] {
  display: block;
  flex: 0 0 5.375rem;
  width: 5.375rem;
  height: 5.375rem;
  border-radius: 0.1875rem;
  background: #ffffff;
}
.live-service-qr-text[data-v-d8d984c3] {
  display: flex;
  flex-direction: column;
  color: #111827;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.3125rem;
}
.live-service-qr-text__link[data-v-d8d984c3] {
  color: #0d77ff;
  font-size: 0.9375rem;
  font-weight: 900;
}
.live-service-empty[data-v-d8d984c3] {
  margin-top: 0.9375rem;
  padding: 1rem 0.75rem;
  border-radius: 0.5625rem;
  color: #667085;
  font-size: 0.84375rem;
  line-height: 1.1875rem;
  text-align: center;
  background: #f2f4f7;
}
.live-service-tip[data-v-d8d984c3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  margin-top: 0.75rem;
  padding: 0.4375rem 0.5625rem;
  border-radius: 0.375rem;
  color: #344054;
  font-size: 0.75rem;
  line-height: 1.0625rem;
  background: #edf6ff;
}
.live-service-tip__icon[data-v-d8d984c3] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 0.9375rem;
  width: 0.9375rem;
  height: 0.9375rem;
  border: 0.0625rem solid #1e7cff;
  border-radius: 50%;
  color: #1e7cff;
  font-size: 0.6875rem;
  font-weight: 900;
  line-height: 0.875rem;
}
.live-service-action[data-v-d8d984c3] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.75rem;
  margin-top: 0.8125rem;
  border-radius: 1.5rem;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 800;
  background: linear-gradient(135deg, #0d77ff 0%, #10a7ff 100%);
  box-shadow: 0 0.5625rem 1.0625rem rgba(13, 119, 255, 0.24);
}
.accept-success-mask[data-v-d8d984c3] {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10099;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  background: rgba(18, 20, 32, 0.52);
  -webkit-backdrop-filter: blur(0.3125rem);
          backdrop-filter: blur(0.3125rem);
  box-sizing: border-box;
}
.accept-success-card[data-v-d8d984c3] {
  width: 18.4375rem;
  padding: 1.8125rem 1.3125rem 1.375rem;
  border-radius: 1.1875rem;
  background: radial-gradient(circle at 50% 0%, rgba(124, 60, 255, 0.18), transparent 46%), radial-gradient(circle at 8% 18%, rgba(255, 138, 0, 0.14), transparent 34%), linear-gradient(180deg, #ffffff 0%, #fff9f4 100%);
  box-shadow: 0 1.0625rem 2.6875rem rgba(45, 28, 18, 0.24);
  text-align: center;
  box-sizing: border-box;
  animation: accept-success-pop-d8d984c3 0.28s ease-out;
}
.accept-success-visual[data-v-d8d984c3] {
  position: relative;
  width: 4.75rem;
  height: 4.75rem;
  margin: 0 auto 0.875rem;
}
.accept-success-orbit[data-v-d8d984c3] {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: conic-gradient(from 0deg, rgba(255, 138, 0, 0), #ff8a00, #7c3cff, rgba(255, 138, 0, 0));
  animation: accept-success-rotate-d8d984c3 1.6s linear infinite;
}
.accept-success-orbit[data-v-d8d984c3]::after {
  content: "";
  position: absolute;
  inset: 0.375rem;
  border-radius: 50%;
  background: #fff8f2;
}
.accept-success-core[data-v-d8d984c3] {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 3.0625rem;
  height: 3.0625rem;
  border-radius: 0.9375rem;
  transform: translate(-50%, -50%) rotate(45deg);
  background: linear-gradient(135deg, #ff8a00 0%, #ff5a5f 50%, #7c3cff 100%);
  box-shadow: 0 0.625rem 1.3125rem rgba(124, 60, 255, 0.24);
}
.accept-success-core[data-v-d8d984c3]::before {
  content: "";
  position: absolute;
  left: 1rem;
  top: 1rem;
  width: 1.0625rem;
  height: 0.5625rem;
  border-left: 0.25rem solid #fff;
  border-bottom: 0.25rem solid #fff;
  border-radius: 0.125rem;
  transform: rotate(-90deg);
}
.accept-success-dot[data-v-d8d984c3] {
  position: absolute;
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 50%;
  animation: accept-success-breathe-d8d984c3 1.5s ease-in-out infinite;
}
.accept-success-dot--one[data-v-d8d984c3] {
  left: 0.125rem;
  top: 1.25rem;
  background: #ff8a00;
}
.accept-success-dot--two[data-v-d8d984c3] {
  right: 0.25rem;
  top: 0.8125rem;
  background: #7c3cff;
  animation-delay: 0.2s;
}
.accept-success-dot--three[data-v-d8d984c3] {
  left: 2.0625rem;
  bottom: -0.1875rem;
  background: #ff5a5f;
  animation-delay: 0.4s;
}
.accept-success-title[data-v-d8d984c3] {
  color: #151923;
  font-size: 1.3125rem;
  font-weight: 900;
  line-height: 1.75rem;
}
.accept-success-desc[data-v-d8d984c3] {
  margin-top: 0.5rem;
  color: #5f6674;
  font-size: 0.84375rem;
  line-height: 1.3125rem;
}
.accept-success-order[data-v-d8d984c3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5625rem;
  margin-top: 0.875rem;
  padding: 0.5625rem 0.6875rem;
  border-radius: 0.5625rem;
  background: rgba(255, 255, 255, 0.72);
  color: #8a5b38;
  font-size: 0.71875rem;
  line-height: 1rem;
}
.accept-success-order uni-text[data-v-d8d984c3]:last-child {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
  color: #2d3340;
}
.accept-success-progress[data-v-d8d984c3] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.9375rem;
}
.accept-success-step[data-v-d8d984c3] {
  padding: 0.3125rem 0.625rem;
  border-radius: 31.21875rem;
  background: #f3f4f8;
  color: #8b92a1;
  font-size: 0.71875rem;
  line-height: 1rem;
}
.accept-success-step.is-done[data-v-d8d984c3] {
  background: rgba(0, 181, 120, 0.12);
  color: #00a56d;
  font-weight: 700;
}
.accept-success-step.is-active[data-v-d8d984c3] {
  background: linear-gradient(135deg, rgba(255, 138, 0, 0.14), rgba(124, 60, 255, 0.14));
  color: #ff6b00;
  font-weight: 700;
}
.accept-success-line[data-v-d8d984c3] {
  width: 1.6875rem;
  height: 0.09375rem;
  margin: 0 0.3125rem;
  border-radius: 31.21875rem;
  background: linear-gradient(90deg, #00b578, #ff8a00);
}
.accept-success-tip[data-v-d8d984c3] {
  margin-top: 0.8125rem;
  color: #7c3cff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.0625rem;
}
.order-title-text[data-v-d8d984c3] {
  flex: 1;
  min-width: 0;
  line-height: 1rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-width: 10.9375rem;
}
.live-order-badge[data-v-d8d984c3] {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 0.375rem;
  padding: 0.1875rem 0.4375rem 0.1875rem 0.375rem;
  border: 0.03125rem solid rgba(255, 94, 70, 0.3);
  border-radius: 31.21875rem;
  background: linear-gradient(135deg, #fff3ef 0%, #fffaf2 100%);
  color: #df3528;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1rem;
  box-shadow: 0 0.1875rem 0.4375rem rgba(255, 72, 48, 0.12);
}
.live-order-badge--required[data-v-d8d984c3] {
  border-color: rgba(255, 94, 70, 0.32);
  background: linear-gradient(135deg, #fff3ef 0%, #fffaf2 100%);
  color: #df3528;
}
.live-order-badge--available[data-v-d8d984c3] {
  border-color: rgba(16, 185, 129, 0.28);
  background: linear-gradient(135deg, #ecfdf5 0%, #f0fdfa 100%);
  color: #059669;
}
.live-order-badge--available .live-order-badge__dot[data-v-d8d984c3] {
  background: #10b981;
  box-shadow: 0 0 0 0.125rem rgba(16, 185, 129, 0.14);
}
.live-order-badge--available .live-order-badge__main[data-v-d8d984c3] {
  color: #059669;
}
.live-order-badge__dot[data-v-d8d984c3] {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background: #ff2d20;
  box-shadow: 0 0 0 0.125rem rgba(255, 45, 32, 0.14);
}
.live-order-badge__main[data-v-d8d984c3] {
  color: #e53123;
  font-weight: 800;
}
@keyframes accept-success-pop-d8d984c3 {
from {
    opacity: 0;
    transform: translateY(0.5625rem) scale(0.96);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}
@keyframes face-guide-pop-d8d984c3 {
from {
    opacity: 0;
    transform: translateY(0.6875rem) scale(0.96);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}
@keyframes accept-success-rotate-d8d984c3 {
to {
    transform: rotate(360deg);
}
}
@keyframes accept-success-breathe-d8d984c3 {
0%, 100% {
    opacity: 0.45;
    transform: scale(0.78);
}
50% {
    opacity: 1;
    transform: scale(1.22);
}
}
.flex-1{flex:1}
.ml-_24rpx_{margin-left:0.75rem}
.mr-_12rpx_{margin-right:0.375rem}
.mt-_20rpx_{margin-top:0.625rem}
.mt-_24rpx_{margin-top:0.75rem}
.mt-_28rpx_{margin-top:0.875rem}
.mt-_6rpx_{margin-top:0.1875rem}
.mt-_8rpx_{margin-top:0.25rem}
.p-_24rpx_{padding:0.75rem}
.p-_32rpx_{padding:1rem}
.text-__333_{color:#333}
.text-__999_{color:#999}
.text-center{text-align:center}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.page-bg[data-v-34d81cd8] {
  background: #f2f3f7;
}
.me-avatar[data-v-34d81cd8] {
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 0.875rem;
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.stats-bar[data-v-34d81cd8] {
  background: rgba(255, 255, 255, 0.14);
  border-radius: 0.625rem;
  padding: 0.75rem 0.25rem;
  display: flex;
  align-items: stretch;
}
.stats-bar__cell[data-v-34d81cd8] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.stats-bar__num[data-v-34d81cd8],
.stats-bar__label[data-v-34d81cd8] {
  max-width: 100%;
  line-height: 1.2;
  white-space: nowrap;
}
.stats-bar__label[data-v-34d81cd8] {
  opacity: 0.85;
}
.stats-bar__divider[data-v-34d81cd8] {
  width: 0.03125rem;
  height: 1.5rem;
  background: rgba(255, 255, 255, 0.25);
  align-self: center;
}
.dld-row--last[data-v-34d81cd8] {
  border-bottom: none;
}
.row-icon[data-v-34d81cd8] {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.5rem;
  color: #fff;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.625rem;
  flex-shrink: 0;
}
.logout-btn[data-v-34d81cd8] {
  margin-top: 1rem;
  height: 2.75rem;
  border-radius: 0.625rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: bold;
  color: #fd3907;
}
.flex-1{flex:1}
.flex-shrink-0{flex-grow:0}
.mb-_10rpx_{margin-bottom:0.3125rem}
.ml-_16rpx_{margin-left:0.5rem}
.mt-_12rpx_{margin-top:0.375rem}
.mt-_20rpx_{margin-top:0.625rem}
.mt-_24rpx_{margin-top:0.75rem}
.mt-_36rpx_{margin-top:1.125rem}
.mt-_8rpx_{margin-top:0.25rem}
.p-_24rpx_{padding:0.75rem}
.p-_28rpx_{padding:0.875rem}
.text-__202020_{color:#202020}
.text-__333_{color:#333}
.text-__999_{color:#999}
.text-__bbb_{color:#bbb}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.page-bg[data-v-7766860b] {
  background: #f2f3f7;
}
.wallet-hero[data-v-7766860b] {
  padding: 1.25rem;
  border-radius: 0.875rem;
}
.wallet-hero__amount[data-v-7766860b] {
  font-size: 2.25rem;
  line-height: 1.1;
  margin-left: 0.25rem;
}
.wallet-btn[data-v-7766860b] {
  height: 2.5rem;
  border-radius: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: bold;
  color: #fff;
  background: rgba(255, 255, 255, 0.16);
  border: 0.03125rem solid rgba(255, 255, 255, 0.45);
  box-sizing: border-box;
}
.wallet-btn--primary[data-v-7766860b] {
  margin-right: 0.75rem;
  background: #fff;
  color: #0d77ff;
  border: none;
}
.ledger-biz[data-v-7766860b] {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ledger-status[data-v-7766860b] {
  padding: 0.875rem 0 0.25rem;
  text-align: center;
  font-size: 0.75rem;
  color: #999;
}
.border-top{border-top-width:var(--un-line-width-default,1px)}
.flex{display:flex}
.flex-1{flex:1}
.mt-_12rpx_{margin-top:0.375rem}
.mt-_20rpx_{margin-top:0.625rem}
.mt-_8rpx_{margin-top:0.25rem}
.p-_24rpx_{padding:0.75rem}
.pt-_20rpx_{padding-top:0.625rem}
.text-__1a1a1a_{color:#1a1a1a}
.text-__333_{color:#333}
.text-__999_{color:#999}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.income-page[data-v-97975067] {
  background: #f2f3f7;
  height: 100vh;
}
.nav-back[data-v-97975067] {
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 2.25rem;
  font-weight: bold;
  line-height: 1;
  margin-left: -0.625rem;
}
.income-head[data-v-97975067] {
  background: linear-gradient(180deg, #101216 0%, #1c202b 100%);
  /* 底部留白需大于弧形::after向上伸入的30rpx,否则tab滑块被弧形盖住 */
  padding-bottom: 1.375rem;
  position: relative;
}

/* 弧形底边:向下凸出的椭圆遮罩,过渡到浅灰内容区 */
.income-head[data-v-97975067]::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.9375rem;
  width: 120%;
  height: 1.875rem;
  border-radius: 50%;
  background: #1c202b;
}
.search-bar[data-v-97975067] {
  margin: 0.25rem 0.75rem 0;
  height: 2.375rem;
  border-radius: 1.1875rem;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  padding: 0 0.875rem;
}
.search-bar__icon[data-v-97975067] {
  display: flex;
  align-items: center;
  margin-right: 0.375rem;
}
.income-tabs[data-v-97975067] {
  display: flex;
  margin-top: 0.625rem;
  padding: 0 0.75rem;
}
.income-tabs__item[data-v-97975067] {
  flex: 1;
  text-align: center;
  position: relative;
  padding-bottom: 0.5rem;
  font-size: 0.9375rem;
  color: #ffffff;
}
.income-tabs__item--on[data-v-97975067] {
  color: #f0a500;
  font-weight: bold;
}
.income-tabs__item--on[data-v-97975067]::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 1.25rem;
  height: 0.25rem;
  border-radius: 0.25rem;
  background: #f0a500;
}

/* 内容区:上移叠压深色弧线,统计卡形成悬浮效果(不超过弧线高度,避免侵入头部盖住滑块) */
.income-body[data-v-97975067] {
  position: relative;
  z-index: 1;
  margin: -0.875rem 0.75rem 0;
}
.panel[data-v-97975067] {
  background: #fff;
  border-radius: 0.875rem;
}
.panel--stats[data-v-97975067] {
  padding: 1.125rem 1rem;
}
.total-line[data-v-97975067] {
  flex-wrap: nowrap;
  white-space: nowrap;
}

/* 四个统计项:整行均分,每项数字在上标签在下 */
.stat-grid[data-v-97975067] {
  display: flex;
  margin-top: 0.875rem;
}
.stat-cell[data-v-97975067] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.stat-label[data-v-97975067] {
  margin-top: 0.25rem;
  font-size: 0.625rem;
  color: #999;
  white-space: nowrap;
}
.stat-num[data-v-97975067] {
  font-size: 1.375rem;
  color: #f0a500;
  line-height: 1.2;
  white-space: nowrap;
}
.income-list[data-v-97975067] {
  margin: 0.625rem 0.75rem 0;
  padding-bottom: 1.875rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.money[data-v-97975067] {
  color: #fd3907;
  font-weight: bold;
  font-size: 0.75rem;
}

/* 预计金额比实得金额大一号(对齐设计稿层级) */
.money--main[data-v-97975067] {
  font-size: 0.875rem;
}
.order-state[data-v-97975067] {
  font-size: 0.8125rem;
  font-weight: bold;
}
.order-state--doing[data-v-97975067] {
  color: #2b7de0;
}
.order-state--done[data-v-97975067] {
  color: #07c160;
}
.settle-btn[data-v-97975067] {
  padding: 0.4375rem 1.125rem;
  border-radius: 0.375rem;
  background: #07c160;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: bold;
}
.settle-btn--done[data-v-97975067] {
  background: #f0f2f6;
  color: #999;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.paly-wrap[data-v-d4a2c4f3] {
  width: 100%;
  box-sizing: border-box;
}
.paly-wrap .paly-card[data-v-d4a2c4f3] {
  width: 100%;
  padding: 1.3125rem 1.25rem 1.1875rem;
  border-radius: 0.75rem;
  background: #fff;
  text-align: center;
  box-sizing: border-box;
}
.paly-wrap .paly-title[data-v-d4a2c4f3] {
  font-size: 1.0625rem;
  font-weight: 700;
  color: #1c2738;
}
.paly-wrap .paly-desc[data-v-d4a2c4f3] {
  margin-top: 0.5625rem;
  font-size: 0.75rem;
  color: #7b8794;
}
.paly-wrap .pay-method[data-v-d4a2c4f3] {
  margin-top: 0.4375rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #202020;
}
.paly-wrap .countdown[data-v-d4a2c4f3] {
  margin-top: 0.1875rem;
  font-size: 1.1875rem;
  font-weight: 700;
  color: #0d77ff;
}
.paly-wrap .paly-qr-box[data-v-d4a2c4f3] {
  display: flex;
  justify-content: center;
  margin-top: 0.75rem;
}
.paly-wrap .paly-qr[data-v-d4a2c4f3] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10.375rem;
  height: 10.375rem;
  border: 0.0625rem solid #eef2f7;
  border-radius: 0.5625rem;
  background: #fff;
  box-sizing: border-box;
}
.paly-wrap .paly-btn[data-v-d4a2c4f3] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 1.0625rem;
  gap: 0.75rem;
}
.paly-wrap .btn-left[data-v-d4a2c4f3],
.paly-wrap .btn-right[data-v-d4a2c4f3] {
  flex: 1;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  border-radius: 1.25rem;
  font-size: 0.875rem;
  box-sizing: border-box;
}
.paly-wrap .btn-left[data-v-d4a2c4f3] {
  color: #0d77ff;
  border: 0.0625rem solid #0d77ff;
}
.paly-wrap .btn-right[data-v-d4a2c4f3] {
  color: #fff;
  background: #0d77ff;
}
.absolute{position:absolute}
.h-_206rpx_{height:6.4375rem}
.h-_32rpx_{height:1rem}
.h-_438rpx_{height:13.6875rem}
.h-_80rpx_{height:2.5rem}
.justify-center{justify-content:center}
.lh-_80rpx_{line-height:2.5rem}
.mt-_30rpx_{margin-top:0.9375rem}
.mt-_32rpx_{margin-top:1rem}
.pb-_40rpx_{padding-bottom:1.25rem}
.pl-_42rpx_{padding-left:1.3125rem}
.pr-_42rpx_{padding-right:1.3125rem}
.pt-_56rpx_{padding-top:1.75rem}
.pt-40{padding-top:1.25rem}
.relative{position:relative}
.right-24{right:0.75rem}
.text-center{text-align:center}
.top-24{top:0.75rem}
.w-_32rpx_{width:1rem}
.w-_360rpx_{width:11.25rem}
.w-_630rpx_{width:19.6875rem}

.flex-1{flex:1}
.h-_64rpx_{height:2rem}
.mb-_10rpx_{margin-bottom:0.3125rem}
.ml-_16rpx_{margin-left:0.5rem}
.mt-_12rpx_{margin-top:0.375rem}
.mt-_20rpx_{margin-top:0.625rem}
.mt-_24rpx_{margin-top:0.75rem}
.p-_24rpx_{padding:0.75rem}
.p-_28rpx_{padding:0.875rem}
.p-_40rpx_{padding:1.25rem}
.text-__202020_{color:#202020}
.text-__999_{color:#999}
.w-_64rpx_{width:2rem}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.page-bg[data-v-0b9b57de] {
  background: #f2f3f7;
}
.recharge-amount[data-v-0b9b57de] {
  font-size: 1.875rem;
  line-height: 1.1;
  margin-left: 0.25rem;
}
.amount-item[data-v-0b9b57de] {
  width: 6.25rem;
  height: 2.75rem;
  line-height: 2.75rem;
  text-align: center;
  border-radius: 0.5rem;
  background: #f2f3f7;
  font-size: 0.875rem;
  color: #333;
  box-sizing: border-box;
}
.amount-item--active[data-v-0b9b57de] {
  background: linear-gradient(105deg, #0d77ff, #59a2fe);
  color: #fff;
  font-weight: bold;
}
.form-input[data-v-0b9b57de] {
  height: 2.25rem;
  border: 0.0625rem solid #ebebeb;
  border-radius: 1.125rem;
  padding-left: 0.6875rem;
  font-size: 0.875rem;
  box-sizing: border-box;
  background: #fff;
}
.payment-item[data-v-0b9b57de] {
  display: flex;
  align-items: center;
  border-radius: 0.25rem;
  position: relative;
  margin-bottom: 0.5rem;
}
.payment-name[data-v-0b9b57de] {
  flex: 1;
  font-size: 0.875rem;
  color: #202020;
  margin-left: 0.6875rem;
}
.pay-radio[data-v-0b9b57de] {
  width: 1.0625rem;
  height: 1.0625rem;
  border-radius: 50%;
  border: 0.0625rem solid #d9d9d9;
  box-sizing: border-box;
  position: relative;
  flex-shrink: 0;
}
.pay-radio--on[data-v-0b9b57de] {
  border-color: #0d77ff;
}
.pay-radio--on[data-v-0b9b57de]::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0.5625rem;
  height: 0.5625rem;
  border-radius: 50%;
  background: #0d77ff;
}
.submit-bar[data-v-0b9b57de] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.375rem 1.5rem calc(0.375rem + env(safe-area-inset-bottom));
  box-sizing: border-box;
  z-index: 10;
}
.submit-bar__btn[data-v-0b9b57de] {
  width: 100%;
}
.submit-bar__btn--disabled[data-v-0b9b57de] {
  opacity: 0.55;
}
.fail-popup[data-v-0b9b57de] {
  width: 100%;
  padding: 1.5rem 1.25rem;
  text-align: center;
  box-sizing: border-box;
}
.fail-popup__title[data-v-0b9b57de] {
  font-size: 1.125rem;
  font-weight: bold;
  color: #202020;
  margin-bottom: 0.75rem;
}
.fail-popup__desc[data-v-0b9b57de] {
  font-size: 0.875rem;
  color: #666666;
  margin-bottom: 1.25rem;
}
.fail-popup__btn[data-v-0b9b57de] {
  height: 2.5rem;
  line-height: 2.5rem;
  background: #0d77ff;
  color: #ffffff;
  border-radius: 1.25rem;
  font-size: 0.875rem;
}
.flex-1{flex:1}
.flex-shrink-0{flex-grow:0}
.h-_64rpx_{height:2rem}
.mb-_10rpx_{margin-bottom:0.3125rem}
.ml-_16rpx_{margin-left:0.5rem}
.mt-_12rpx_{margin-top:0.375rem}
.mt-_20rpx_{margin-top:0.625rem}
.mt-_24rpx_{margin-top:0.75rem}
.mt-_4rpx_{margin-top:0.125rem}
.p-_24rpx_{padding:0.75rem}
.p-_28rpx_{padding:0.875rem}
.p-_40rpx_{padding:1.25rem}
.text-__202020_{color:#202020}
.w-_64rpx_{width:2rem}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.page-bg[data-v-220aebdd] {
  background: #f2f3f7;
}
.withdraw-amount[data-v-220aebdd] {
  font-size: 1.875rem;
  line-height: 1.1;
  margin-left: 0.25rem;
}
.amount-item[data-v-220aebdd] {
  width: 6.25rem;
  height: 2.75rem;
  line-height: 2.75rem;
  text-align: center;
  border-radius: 0.5rem;
  background: #f2f3f7;
  font-size: 0.875rem;
  color: #333;
  box-sizing: border-box;
}
.amount-item--active[data-v-220aebdd] {
  background: linear-gradient(105deg, #0d77ff, #59a2fe);
  color: #fff;
  font-weight: bold;
}
.form-input[data-v-220aebdd] {
  height: 2.25rem;
  border: 0.0625rem solid #ebebeb;
  border-radius: 1.125rem;
  padding-left: 0.6875rem;
  font-size: 0.875rem;
  box-sizing: border-box;
  background: #fff;
}
.pay-radio[data-v-220aebdd] {
  width: 1.0625rem;
  height: 1.0625rem;
  border-radius: 50%;
  border: 0.0625rem solid #d9d9d9;
  box-sizing: border-box;
  position: relative;
}
.pay-radio--on[data-v-220aebdd] {
  border-color: #0d77ff;
}
.pay-radio--on[data-v-220aebdd]::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0.5625rem;
  height: 0.5625rem;
  border-radius: 50%;
  background: #0d77ff;
}
.withdraw-explain[data-v-220aebdd] {
  color: #999;
  font-size: 0.75rem;
  line-height: 1.1875rem;
}
.withdraw-explain__line[data-v-220aebdd] {
  display: block;
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: 400;
}
.submit-bar[data-v-220aebdd] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.375rem 1.5rem calc(0.375rem + env(safe-area-inset-bottom));
  box-sizing: border-box;
  z-index: 10;
}
.mt-_10rpx_{margin-top:0.3125rem}
.mt-_12rpx_{margin-top:0.375rem}
.mt-_20rpx_{margin-top:0.625rem}
.mt-_24rpx_{margin-top:0.75rem}
.mt-_28rpx_{margin-top:0.875rem}
.p-_24rpx_{padding:0.75rem}
.p-_28rpx_{padding:0.875rem}
.text-__0D77FF_{color:#0D77FF}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.page-bg[data-v-4061c7e6] {
  background: #f2f3f7;
}
.form-input[data-v-4061c7e6] {
  height: 2.25rem;
  border: 0.0625rem solid #ebebeb;
  border-radius: 0.5rem;
  padding-left: 0.6875rem;
  font-size: 0.875rem;
  margin-top: 0.5rem;
  box-sizing: border-box;
  background: #fff;
}
.form-input--disabled[data-v-4061c7e6] {
  background: #f5f5f5;
  color: #999;
}
.submit-bar[data-v-4061c7e6] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.375rem 1.5rem calc(0.375rem + env(safe-area-inset-bottom));
  box-sizing: border-box;
  z-index: 10;
}
.submit-bar__btn[data-v-4061c7e6] {
  width: 100%;
}
.submit-bar__btn--disabled[data-v-4061c7e6] {
  background: #c8c8c8 !important;
  box-shadow: none;
}
.real-redirect-mask[data-v-4061c7e6] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.35);
}
.real-redirect-box[data-v-4061c7e6] {
  width: 8.75rem;
  min-height: 7.5rem;
  border-radius: 0.625rem;
  background: rgba(255, 255, 255, 0.96);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.12);
}
.real-redirect-spinner[data-v-4061c7e6] {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  border: 0.1875rem solid #d8eaff;
  border-top-color: #0d77ff;
  animation: real-redirect-spin-4061c7e6 0.8s linear infinite;
}
.real-redirect-title[data-v-4061c7e6] {
  margin-top: 0.75rem;
  color: #202020;
  font-size: 0.9375rem;
  font-weight: 700;
}
.real-redirect-text[data-v-4061c7e6] {
  margin-top: 0.25rem;
  color: #666;
  font-size: 0.75rem;
}
@keyframes real-redirect-spin-4061c7e6 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.absolute{position:absolute}
.bottom-_16rpx_{bottom:0.5rem}
.h-_40rpx_{height:1.25rem}
.mt-_16rpx_{margin-top:0.5rem}
.mt-_24rpx_{margin-top:0.75rem}
.p-_24rpx_{padding:0.75rem}
.p-_28rpx_{padding:0.875rem}
.pr-_180rpx_{padding-right:5.625rem}
.relative{position:relative}
.right-24{right:0.75rem}
.text-center{text-align:center}
.w-_160rpx_{width:5rem}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.page-bg[data-v-abfb6ab1] {
  background: #f2f3f7;
}
.form-input[data-v-abfb6ab1] {
  height: 2.25rem;
  border: 0.0625rem solid #ebebeb;
  border-radius: 1.125rem;
  padding-left: 0.6875rem;
  font-size: 0.875rem;
  margin-top: 0.5rem;
  box-sizing: border-box;
  background: #fff;
}
.form-input--disabled[data-v-abfb6ab1] {
  background: #f5f5f5;
  color: #999;
}
.submit-bar[data-v-abfb6ab1] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.375rem 1.5rem calc(0.375rem + env(safe-area-inset-bottom));
  box-sizing: border-box;
  z-index: 10;
}
.submit-bar__btn[data-v-abfb6ab1] {
  width: 100%;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.cert-page[data-v-c6bb1a96] {
  min-height: 100vh;
  background: #f2f3f7;
}
.notice[data-v-c6bb1a96] {
  margin-top: 0.625rem;
  padding: 0.75rem 1.25rem;
  display: flex;
  align-items: center;
  color: #e98816;
  font-size: 0.875rem;
  background: #fff5e7;
}
.notice__icon[data-v-c6bb1a96] {
  width: 1.125rem;
  height: 1.125rem;
  margin-right: 0.5rem;
  border-radius: 50%;
  text-align: center;
  line-height: 1.125rem;
  color: #fff;
  background: #ff9f2d;
  font-weight: 700;
}
.cert-list[data-v-c6bb1a96] {
  margin: 1.125rem 1.25rem 0;
  background: #fff;
  border-radius: 0.25rem;
}
.cert-row[data-v-c6bb1a96] {
  min-height: 4.6875rem;
  padding: 0.875rem 0;
  margin: 0 0.875rem;
  display: flex;
  align-items: center;
  border-bottom: 0.0625rem solid #eeeeee;
}
.cert-row[data-v-c6bb1a96]:last-child {
  border-bottom: 0;
}
.cert-icon[data-v-c6bb1a96] {
  width: 3.25rem;
  height: 3.25rem;
  margin-right: 0.875rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.0625rem;
  font-weight: 700;
  flex-shrink: 0;
}
.cert-icon--identity[data-v-c6bb1a96] {
  background: #2f9bff;
}
.cert-main[data-v-c6bb1a96] {
  flex: 1;
  min-width: 0;
}
.cert-title[data-v-c6bb1a96] {
  color: #202020;
  font-size: 1rem;
  font-weight: 600;
}
.cert-desc[data-v-c6bb1a96] {
  margin-top: 0.25rem;
  color: #999;
  font-size: 0.8125rem;
}
.cert-side[data-v-c6bb1a96] {
  max-width: 8.75rem;
  text-align: right;
  color: #202020;
  font-size: 0.875rem;
}
.cert-card[data-v-c6bb1a96] {
  margin-top: 0.25rem;
  color: #999;
  font-size: 0.8125rem;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.webview-page[data-v-105865c8] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #f2f3f7;
}
.webview-content[data-v-105865c8] {
  flex: 1;
  width: 100%;
}
.p-_24rpx_{padding:0.75rem}

.h-_290rpx_{height:9.0625rem}
.mt-_24rpx_{margin-top:0.75rem}
.mt-_40_f_{margin-top:40%}
.w-_282rpx_{width:8.8125rem}

.chartsview[data-v-29a3556e] {
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
}

.border{border-width:var(--un-line-width-default,1px)}
.mt-_20rpx_{margin-top:0.625rem}
.none{display:none}
.ring{box-shadow:var(--un-inset-shadow,0 0 #0000),var(--un-inset-ring-shadow,0 0 #0000),var(--un-ring-offset-shadow,0 0 #0000),var(--un-ring-shadow,0 0 #0000),var(--un-shadow,0 0.03125rem 0.09375rem 0 var(--un-ring-color,rgba(0,0,0,var(--un-ring-opacity,0.1))),0 0.03125rem 0.0625rem -0.03125rem var(--un-ring-color,rgba(0,0,0,var(--un-ring-opacity,0.1))));--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(0.03125rem + var(--un-ring-offset-shadow-width,0) var(--un-ring-color,var(--un-ring-opacity,currentcolor)))}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* ===== XDL 排版规范 token(新代码优先使用,存量页面渐进替换) =====
 * 背景:项目里 700/800/900/bold 五种加粗并存、21/23/25 等近似字号泛滥,导致"字体不统一"。
 * 约定:
 * - 字号只用以下 6 档(rpx),新样式不再发明 21/23/25/27/31 等近似值;
 * - 字重只用 400/500/600 三档,安卓中文缺 800/900 字重,混用会导致粗细回退不稳定;
 * - 行高用无单位倍数,正文 1.6、标题/按钮 1.4,不再手写各种 rpx 行高。
 * 用法:font-size: $xdl-fs-body; font-weight: $xdl-fw-emphasis; line-height: $xdl-lh-body;
 */
.report-page[data-v-2739ba82] {
  min-height: 100vh;
  background: #f2f3f7;
  padding-bottom: 1.25rem;
}
.invalid-tip[data-v-2739ba82] {
  margin: 3.75rem 1.5rem 0;
  padding: 1.5rem 1rem;
  background: #fff;
  border-radius: 0.5rem;
  text-align: center;
}
.invalid-tip__title[data-v-2739ba82] {
  font-size: 1rem;
  font-weight: bold;
  color: #202020;
}
.invalid-tip__desc[data-v-2739ba82] {
  margin-top: 0.5rem;
  font-size: 0.8125rem;
  color: #999;
}
.loading-tip[data-v-2739ba82] {
  padding: 3.75rem 0;
  font-size: 0.8125rem;
  color: #999;
  text-align: center;
}
.card-grid[data-v-2739ba82] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  padding: 0 0.75rem;
}
.card-item[data-v-2739ba82] {
  box-sizing: border-box;
  width: calc(50% - 0.3125rem);
  padding: 0.75rem;
  background: #fff;
  border-radius: 0.5rem;
}
.card-item__title[data-v-2739ba82] {
  font-size: 0.6875rem;
  line-height: 1rem;
  color: #999;
}
.card-item__value[data-v-2739ba82] {
  margin-top: 0.375rem;
  font-size: 1.0625rem;
  font-weight: bold;
  color: #202020;
}
.card-item__value--neg[data-v-2739ba82] {
  color: #fd3907;
}
.card-item__unit[data-v-2739ba82] {
  margin-right: 0.125rem;
  font-size: 0.75rem;
  font-weight: normal;
}
.dist-card[data-v-2739ba82] {
  margin: 0.75rem;
  padding: 0.75rem;
  background: #fff;
  border-radius: 0.5rem;
}
.dist-card__title[data-v-2739ba82] {
  font-size: 0.9375rem;
  font-weight: bold;
  color: #202020;
}
.charts-box[data-v-2739ba82] {
  width: 100%;
  height: 14.375rem;
}