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

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

body,
uni-page-body {
  background-color: var(--UI-BG-0);
  color: var(--UI-FG-0);
}

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);
}
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-page-head {
  display: block;
  box-sizing: border-box;
}

.uni-page-head {
  position: fixed;
  left: var(--window-left);
  right: var(--window-right);
  height: 44px;
  height: calc(44px + constant(safe-area-inset-top));
  height: calc(44px + env(safe-area-inset-top));
  padding: 7px 3px;
  padding-top: calc(7px + constant(safe-area-inset-top));
  padding-top: calc(7px + env(safe-area-inset-top));
  display: flex;
  overflow: hidden;
  justify-content: space-between;
  box-sizing: border-box;
  z-index: 998;
  color: #fff;
  background-color: #000;
  transition-property: all;
}

.uni-page-head * {
  box-sizing: border-box;
}

.uni-page-head .uni-btn-icon {
  overflow: hidden;
  min-width: 1em;
  font-style: normal;
}

.uni-page-head-titlePenetrate,
.uni-page-head-titlePenetrate .uni-page-head-bd,
.uni-page-head-titlePenetrate .uni-page-head-bd * {
  pointer-events: none;
}

.uni-page-head-titlePenetrate * {
  pointer-events: auto;
}

.uni-page-head.uni-page-head-transparent .uni-page-head-ft > div {
  justify-content: center;
}

.uni-page-head ~ .uni-placeholder {
  width: 100%;
  height: 44px;
  height: calc(44px + constant(safe-area-inset-top));
  height: calc(44px + env(safe-area-inset-top));
}

.uni-placeholder-titlePenetrate {
  pointer-events: none;
}

.uni-page-head-hd {
  display: flex;
  align-items: center;
  font-size: 16px;
}

.uni-page-head-bd {
  position: absolute;
  left: 70px;
  right: 70px;
  min-width: 0;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}

.uni-page-head-btn {
  position: relative;
  width: auto;
  margin: 0 2px;
  word-break: keep-all;
  white-space: pre;
  cursor: pointer;
}

.uni-page-head-btn svg {
  margin-top: -2px;
}

.uni-page-head-transparent .uni-page-head-btn {
  display: flex;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
}

.uni-page-head-btn-red-dot::after {
  content: attr(badge-text);
  position: absolute;
  right: 0;
  top: 0;
  background-color: red;
  color: white;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 18px;
  overflow: hidden;
  transform: scale(0.5) translate(40%, -40%);
  transform-origin: 100% 0;
}

.uni-page-head-btn-red-dot[badge-text]::after {
  font-size: 12px;
  width: auto;
  min-width: 18px;
  max-width: 42px;
  text-align: center;
  padding: 0 3px;
  transform: scale(0.7) translate(40%, -40%);
}

.uni-page-head-btn-select svg {
  vertical-align: middle;
  margin-left: 2px;
  transform: rotate(270deg) scale(0.8);
}

.uni-page-head-search {
  position: relative;
  display: flex;
  flex: 1;
  margin: 0 2px;
  line-height: 30px;
  font-size: 15px;
}

.uni-page-head-search-input {
  width: 100%;
  height: 100%;
  padding-left: 34px;
  text-align: left;
}

.uni-page-head-search-placeholder {
  position: absolute;
  max-width: 100%;
  height: 100%;
  padding-left: 34px;
  overflow: hidden;
  word-break: keep-all;
  white-space: pre;
}

.uni-page-head-search-placeholder-right {
  right: 0;
}

.uni-page-head-search-placeholder-center {
  left: 50%;
  transform: translateX(-50%);
}

.uni-page-head-search-icon {
  position: absolute;
  top: 0;
  left: 2px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.uni-page-head-ft {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  font-size: 13px;
}

.uni-page-head__title {
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.uni-page-head__title .uni-loading {
  width: 16px;
  height: 16px;
  margin-top: -3px;
}

.uni-page-head__title .uni-page-head__title_image {
  width: auto;
  height: 26px;
  vertical-align: middle;
}

.uni-page-head-shadow {
  overflow: visible;
}

.uni-page-head-shadow::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 5px;
  background-size: 100% 100%;
}

.uni-page-head-shadow-grey::after {
  background-image: url('https://cdn.dcloud.net.cn/img/shadow-grey.png');
}

.uni-page-head-shadow-blue::after {
  background-image: url('https://cdn.dcloud.net.cn/img/shadow-blue.png');
}

.uni-page-head-shadow-green::after {
  background-image: url('https://cdn.dcloud.net.cn/img/shadow-green.png');
}

.uni-page-head-shadow-orange::after {
  background-image: url('https://cdn.dcloud.net.cn/img/shadow-orange.png');
}

.uni-page-head-shadow-red::after {
  background-image: url('https://cdn.dcloud.net.cn/img/shadow-red.png');
}

.uni-page-head-shadow-yellow::after {
  background-image: url('https://cdn.dcloud.net.cn/img/shadow-yellow.png');
}

uni-page-head[uni-page-head-type='default'] ~ uni-page-wrapper {
  height: calc(100% - 44px);
  height: calc(100% - 44px - constant(safe-area-inset-top));
  height: calc(100% - 44px - env(safe-area-inset-top));
}
uni-tabbar {
  display: block;
  box-sizing: border-box;
  width: 100%;
  z-index: 998;
}

.uni-tabbar {
  display: flex;
  z-index: 998;
  box-sizing: border-box;
}

.uni-tabbar-top,
.uni-tabbar-bottom,
.uni-tabbar-top .uni-tabbar,
.uni-tabbar-bottom .uni-tabbar {
  position: fixed;
  left: var(--window-left);
  right: var(--window-right);
}

.uni-app--showlayout + .uni-tabbar-top,
.uni-app--showlayout + .uni-tabbar-bottom,
.uni-app--showlayout + .uni-tabbar-top .uni-tabbar,
.uni-app--showlayout + .uni-tabbar-bottom .uni-tabbar {
  left: var(--window-margin);
  right: var(--window-margin);
}

.uni-tabbar-bottom .uni-tabbar {
  bottom: 0;
  padding-bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.uni-tabbar ~ .uni-placeholder {
  width: 100%;
  margin-bottom: 0;
  margin-bottom: constant(safe-area-inset-bottom);
  margin-bottom: env(safe-area-inset-bottom);
}

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

.uni-tabbar__item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex: 1;
  font-size: 0;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.uni-tabbar__bd {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.uni-tabbar__icon {
  position: relative;
  display: inline-block;
  margin-top: 5px;
}

.uni-tabbar__icon.uni-tabbar__icon__diff {
  margin-top: 0px;
  width: 34px;
  height: 34px;
}

.uni-tabbar__icon img {
  width: 100%;
  height: 100%;
}

.uni-tabbar__iconfont {
  font-family: 'UniTabbarIconFont';
}

.uni-tabbar__label {
  position: relative;
  text-align: center;
  font-size: 10px;
}

.uni-tabbar-border {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  transform: scaleY(0.5);
}

.uni-tabbar__reddot {
  position: absolute;
  top: 2px;
  right: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #f43530;
  color: #ffffff;
  transform: translate(40%, 0%);
}

.uni-tabbar__badge {
  width: auto;
  height: 16px;
  line-height: 16px;
  border-radius: 16px;
  min-width: 16px;
  padding: 0 2px;
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
}

.uni-tabbar__mid {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 0;
  background-size: 100% 100%;
}

.uni-app--showtabbar uni-page-wrapper {
  display: block;
  height: calc(100% - var(--tab-bar-height));
  height: calc(100% - var(--tab-bar-height) - constant(safe-area-inset-bottom));
  height: calc(100% - var(--tab-bar-height) - env(safe-area-inset-bottom));
}
.uni-app--showtabbar uni-page-wrapper::after {
  content: '';
  display: block;
  width: 100%;
  height: var(--tab-bar-height);
  height: calc(var(--tab-bar-height) + constant(safe-area-inset-bottom));
  height: calc(var(--tab-bar-height) + env(safe-area-inset-bottom));
}
.uni-app--showtabbar
  uni-page-head[uni-page-head-type='default']
  ~ uni-page-wrapper {
  height: calc(100% - 44px - var(--tab-bar-height));
  height: calc(
    100% - 44px - constant(safe-area-inset-top) - var(--tab-bar-height) -
      constant(safe-area-inset-bottom)
  );
  height: calc(
    100% - 44px - env(safe-area-inset-top) - var(--tab-bar-height) -
      env(safe-area-inset-bottom)
  );
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';
  /* Project id 5022575 */
  src: url('https://at.alicdn.com/t/c/font_5022575_e5vet8vu8et.woff2?t=1760941579178') format('woff2'),
    url('https://at.alicdn.com/t/c/font_5022575_e5vet8vu8et.woff?t=1760941579178') format('woff'),
    url('https://at.alicdn.com/t/c/font_5022575_e5vet8vu8et.ttf?t=1760941579178') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-toukui:before {
  content: "\e614";
}
.icon-copy-04:before {
  content: "\e671";
}
.icon-yiwancheng:before {
  content: "\e605";
}
.icon-yiquxiao:before {
  content: "\e606";
}
.icon-xiajiantou:before {
  content: "\eb6d";
}
.icon-jiazai_shuaxin:before {
  content: "\eaf4";
}
.icon-email2:before {
  content: "\e67b";
}
.icon-mima:before {
  content: "\e850";
}
.icon-home1:before {
  content: "\e696";
}
.icon-ccvisa:before {
  content: "\ea34";
}
.icon-people:before {
  content: "\e7f5";
}
.icon-box:before {
  content: "\e7f6";
}
.icon-qianbao:before {
  content: "\e851";
}
.icon-bankcard:before {
  content: "\e693";
}
.icon-close:before {
  content: "\e68a";
}
.icon-xinfeng:before {
  content: "\e628";
}
.icon-zhaoxiangji:before {
  content: "\e604";
}
.icon-book:before {
  content: "\e664";
}
.icon-clock1:before {
  content: "\e656";
}
.icon-clock:before {
  content: "\e603";
}
.icon-location1:before {
  content: "\e650";
}
.icon-Building_px:before {
  content: "\e685";
}
.icon-message:before {
  content: "\e617";
}
.icon-shoucang:before {
  content: "\e8c6";
}
.icon-home:before {
  content: "\e680";
}
.icon-Work:before {
  content: "\e759";
}
.icon-plus2:before {
  content: "\e659";
}
.icon-photo:before {
  content: "\e686";
}
.icon-plus-border:before {
  content: "\e627";
}
.icon-zhuyi:before {
  content: "\e61e";
}
.icon-edit:before {
  content: "\e646";
}
.icon-delete:before {
  content: "\e672";
}
.icon-location:before {
  content: "\e602";
}
.icon-aixin:before {
  content: "\e8ab";
}
.icon-aixin1:before {
  content: "\e8c3";
}
.icon-yuanxingweixuanzhong:before {
  content: "\e72f";
}
.icon-yuanxingxuanzhongfill:before {
  content: "\e730";
}
.icon-dowm:before {
  content: "\e66b";
}
.icon-dianzan_kuai:before {
  content: "\ec8c";
}
.icon-24px:before {
  content: "\e60d";
}
.icon-search:before {
  content: "\e621";
}
.icon-right1:before {
  content: "\e601";
}
.icon-left1:before {
  content: "\e608";
}
.icon-plus1:before {
  content: "\e633";
}
.icon-right:before {
  content: "\e840";
}
.icon-left:before {
  content: "\e7eb";
}
.icon-plus:before {
  content: "\e653";
}
.icon-phone:before {
  content: "\e600";
}
.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;
}
/* App.vue 中全局样式 */
uni-page-body {
  /* 确保变量能被全局访问 */
  --un-primary-start: linear-gradient(180deg, #ffcf67 0%, #ffa560 100%);
  --un-primary-end: #ff8c00;
  --un-secondary-start: #36d399;
  --un-secondary-end: #22c55e;
  background-color: #fafafa;
}
body {
  background-color: #fafafa;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-icon[data-v-5c5a4f0d] {
  display: flex;
  align-items: center;
}
.u-icon--left[data-v-5c5a4f0d] {
  flex-direction: row-reverse;
  align-items: center;
}
.u-icon--right[data-v-5c5a4f0d] {
  flex-direction: row;
  align-items: center;
}
.u-icon--top[data-v-5c5a4f0d] {
  flex-direction: column-reverse;
  justify-content: center;
}
.u-icon--bottom[data-v-5c5a4f0d] {
  flex-direction: column;
  justify-content: center;
}
.u-icon__icon[data-v-5c5a4f0d] {
  font-family: uicon-iconfont;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-icon__icon--primary[data-v-5c5a4f0d] {
  color: #3c9cff;
}
.u-icon__icon--success[data-v-5c5a4f0d] {
  color: #5ac725;
}
.u-icon__icon--error[data-v-5c5a4f0d] {
  color: #f56c6c;
}
.u-icon__icon--warning[data-v-5c5a4f0d] {
  color: #f9ae3d;
}
.u-icon__icon--info[data-v-5c5a4f0d] {
  color: #909399;
}
.u-icon__img[data-v-5c5a4f0d] {
  height: auto;
  will-change: transform;
}
.u-icon__label[data-v-5c5a4f0d] {
  line-height: 1;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-input[data-v-17c7bdfc] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}
.u-input--radius[data-v-17c7bdfc], .u-input--square[data-v-17c7bdfc] {
  border-radius: 4px;
}
.u-input--no-radius[data-v-17c7bdfc] {
  border-radius: 0;
}
.u-input--circle[data-v-17c7bdfc] {
  border-radius: 100px;
}
.u-input__content[data-v-17c7bdfc] {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.u-input__content__field-wrapper[data-v-17c7bdfc] {
  position: relative;
  display: flex;
  flex-direction: row;
  margin: 0;
  flex: 1;
}
.u-input__content__field-wrapper__field[data-v-17c7bdfc] {
  line-height: 26px;
  text-align: left;
  color: #303133;
  height: 24px;
  font-size: 15px;
  flex: 1;
}
.u-input__content__clear[data-v-17c7bdfc] {
  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-17c7bdfc] {
  margin-left: 4px;
}
.u-input__content__prefix-icon[data-v-17c7bdfc] {
  margin-right: 4px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-line[data-v-c646b6a6] {
  vertical-align: middle;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-loading-icon[data-v-07774087] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #c8c9cc;
}
.u-loading-icon__text[data-v-07774087] {
  margin-left: 4px;
  color: #606266;
  font-size: 14px;
  line-height: 20px;
}
.u-loading-icon__spinner[data-v-07774087] {
  width: 30px;
  height: 30px;
  position: relative;
  box-sizing: border-box;
  max-width: 100%;
  max-height: 100%;
  animation: u-rotate-07774087 1s linear infinite;
}
.u-loading-icon__spinner--semicircle[data-v-07774087] {
  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-07774087] {
  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-07774087] {
  flex-direction: column;
}
[data-v-07774087]:host {
  font-size: 0px;
  line-height: 1;
}
.u-loading-icon__spinner--spinner[data-v-07774087] {
  animation-timing-function: steps(12);
}
.u-loading-icon__text[data-v-07774087]:empty {
  display: none;
}
.u-loading-icon--vertical .u-loading-icon__text[data-v-07774087] {
  margin: 6px 0 0;
  color: #606266;
}
.u-loading-icon__dot[data-v-07774087] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-loading-icon__dot[data-v-07774087]:before {
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: currentColor;
  border-radius: 40%;
  content: " ";
}
.u-loading-icon__dot[data-v-07774087]:nth-of-type(1) {
  transform: rotate(30deg);
  opacity: 1;
}
.u-loading-icon__dot[data-v-07774087]:nth-of-type(2) {
  transform: rotate(60deg);
  opacity: 0.9375;
}
.u-loading-icon__dot[data-v-07774087]:nth-of-type(3) {
  transform: rotate(90deg);
  opacity: 0.875;
}
.u-loading-icon__dot[data-v-07774087]:nth-of-type(4) {
  transform: rotate(120deg);
  opacity: 0.8125;
}
.u-loading-icon__dot[data-v-07774087]:nth-of-type(5) {
  transform: rotate(150deg);
  opacity: 0.75;
}
.u-loading-icon__dot[data-v-07774087]:nth-of-type(6) {
  transform: rotate(180deg);
  opacity: 0.6875;
}
.u-loading-icon__dot[data-v-07774087]:nth-of-type(7) {
  transform: rotate(210deg);
  opacity: 0.625;
}
.u-loading-icon__dot[data-v-07774087]:nth-of-type(8) {
  transform: rotate(240deg);
  opacity: 0.5625;
}
.u-loading-icon__dot[data-v-07774087]:nth-of-type(9) {
  transform: rotate(270deg);
  opacity: 0.5;
}
.u-loading-icon__dot[data-v-07774087]:nth-of-type(10) {
  transform: rotate(300deg);
  opacity: 0.4375;
}
.u-loading-icon__dot[data-v-07774087]:nth-of-type(11) {
  transform: rotate(330deg);
  opacity: 0.375;
}
.u-loading-icon__dot[data-v-07774087]:nth-of-type(12) {
  transform: rotate(360deg);
  opacity: 0.3125;
}
@keyframes u-rotate-07774087 {
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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 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-66823e3c],
.u-fade-leave-active[data-v-66823e3c] {
  transition-property: opacity;
}
.u-fade-enter[data-v-66823e3c],
.u-fade-leave-to[data-v-66823e3c] {
  opacity: 0;
}
.u-fade-zoom-enter[data-v-66823e3c],
.u-fade-zoom-leave-to[data-v-66823e3c] {
  transform: scale(0.95);
  opacity: 0;
}
.u-fade-zoom-enter-active[data-v-66823e3c],
.u-fade-zoom-leave-active[data-v-66823e3c] {
  transition-property: transform, opacity;
}
.u-fade-down-enter-active[data-v-66823e3c],
.u-fade-down-leave-active[data-v-66823e3c],
.u-fade-left-enter-active[data-v-66823e3c],
.u-fade-left-leave-active[data-v-66823e3c],
.u-fade-right-enter-active[data-v-66823e3c],
.u-fade-right-leave-active[data-v-66823e3c],
.u-fade-up-enter-active[data-v-66823e3c],
.u-fade-up-leave-active[data-v-66823e3c] {
  transition-property: opacity, transform;
}
.u-fade-up-enter[data-v-66823e3c],
.u-fade-up-leave-to[data-v-66823e3c] {
  transform: translate3d(0, 100%, 0);
  opacity: 0;
}
.u-fade-down-enter[data-v-66823e3c],
.u-fade-down-leave-to[data-v-66823e3c] {
  transform: translate3d(0, -100%, 0);
  opacity: 0;
}
.u-fade-left-enter[data-v-66823e3c],
.u-fade-left-leave-to[data-v-66823e3c] {
  transform: translate3d(-100%, 0, 0);
  opacity: 0;
}
.u-fade-right-enter[data-v-66823e3c],
.u-fade-right-leave-to[data-v-66823e3c] {
  transform: translate3d(100%, 0, 0);
  opacity: 0;
}
.u-slide-down-enter-active[data-v-66823e3c],
.u-slide-down-leave-active[data-v-66823e3c],
.u-slide-left-enter-active[data-v-66823e3c],
.u-slide-left-leave-active[data-v-66823e3c],
.u-slide-right-enter-active[data-v-66823e3c],
.u-slide-right-leave-active[data-v-66823e3c],
.u-slide-up-enter-active[data-v-66823e3c],
.u-slide-up-leave-active[data-v-66823e3c] {
  transition-property: transform;
}
.u-slide-up-enter[data-v-66823e3c],
.u-slide-up-leave-to[data-v-66823e3c] {
  transform: translate3d(0, 100%, 0);
}
.u-slide-down-enter[data-v-66823e3c],
.u-slide-down-leave-to[data-v-66823e3c] {
  transform: translate3d(0, -100%, 0);
}
.u-slide-left-enter[data-v-66823e3c],
.u-slide-left-leave-to[data-v-66823e3c] {
  transform: translate3d(-100%, 0, 0);
}
.u-slide-right-enter[data-v-66823e3c],
.u-slide-right-leave-to[data-v-66823e3c] {
  transform: translate3d(100%, 0, 0);
}
.u-zoom-enter-active[data-v-66823e3c],
.u-zoom-leave-active[data-v-66823e3c] {
  transition-property: transform;
}
.u-zoom-enter[data-v-66823e3c],
.u-zoom-leave-to[data-v-66823e3c] {
  transform: scale(0.95);
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-overlay[data-v-2db51279] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-status-bar[data-v-68d19daa] {
  width: 100%;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-safe-bottom[data-v-d5896704] {
  width: 100%;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-popup[data-v-8b827339] {
  flex: 1;
}
.u-popup__trigger[data-v-8b827339] {
  position: relative;
}
.u-popup__trigger__cover[data-v-8b827339] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.u-popup__content[data-v-8b827339] {
  background-color: #fff;
  position: relative;
}
.u-popup__content--round-top[data-v-8b827339] {
  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-8b827339] {
  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-8b827339] {
  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-8b827339] {
  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-8b827339] {
  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-8b827339] {
  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-8b827339] {
  width: 100px;
  height: 5px;
  border-radius: 100px;
  background-color: #c0c4cc;
}
.u-popup__content__close[data-v-8b827339] {
  position: absolute;
}
.u-popup__content__close--hover[data-v-8b827339] {
  opacity: 0.4;
}
.u-popup__content__close--top-left[data-v-8b827339] {
  top: 15px;
  left: 15px;
}
.u-popup__content__close--top-right[data-v-8b827339] {
  top: 15px;
  right: 15px;
}
.u-popup__content__close--bottom-left[data-v-8b827339] {
  bottom: 15px;
  left: 15px;
}
.u-popup__content__close--bottom-right[data-v-8b827339] {
  right: 15px;
  bottom: 15px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-reset-button[data-v-dc679317] {
  width: 100%;
}
.u-action-sheet[data-v-dc679317] {
  text-align: center;
}
.u-action-sheet__header[data-v-dc679317] {
  position: relative;
  padding: 12px 30px;
}
.u-action-sheet__header__title[data-v-dc679317] {
  font-size: 16px;
  color: #303133;
  font-weight: bold;
  text-align: center;
}
.u-action-sheet__header__icon-wrap[data-v-dc679317] {
  position: absolute;
  right: 15px;
  top: 15px;
}
.u-action-sheet__description[data-v-dc679317] {
  font-size: 13px;
  color: #909193;
  margin: 18px 15px;
  text-align: center;
}
.u-action-sheet__item-wrap__item[data-v-dc679317] {
  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-dc679317] {
  font-size: 16px;
  color: #303133;
  text-align: center;
}
.u-action-sheet__item-wrap__item__subname[data-v-dc679317] {
  font-size: 13px;
  color: #c0c4cc;
  margin-top: 10px;
  text-align: center;
}
.u-action-sheet__cancel-text[data-v-dc679317] {
  font-size: 16px;
  color: #606266;
  text-align: center;
}
.u-action-sheet--hover[data-v-dc679317] {
  background-color: rgb(242, 243, 245);
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-action-sheet-data__trigger[data-v-d87a5680] {
  position: relative;
}
.u-action-sheet-data__trigger__cover[data-v-d87a5680] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-modal[data-v-44f289cf] {
  width: 20.3125rem;
  border-radius: 6px;
  overflow: hidden;
}
.u-modal__title[data-v-44f289cf] {
  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-44f289cf] {
  padding: 12px 25px 25px 25px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.u-modal__content__text[data-v-44f289cf] {
  font-size: 15px;
  color: #606266;
  flex: 1;
}
.u-modal__button-group[data-v-44f289cf] {
  display: flex;
  flex-direction: row;
}
.u-modal__button-group--confirm-button[data-v-44f289cf] {
  flex-direction: column;
  padding: 0px 25px 15px 25px;
}
.u-modal__button-group__wrapper[data-v-44f289cf] {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 48px;
}
.u-modal__button-group__wrapper--confirm[data-v-44f289cf], .u-modal__button-group__wrapper--only-cancel[data-v-44f289cf] {
  border-bottom-right-radius: 6px;
}
.u-modal__button-group__wrapper--cancel[data-v-44f289cf], .u-modal__button-group__wrapper--only-confirm[data-v-44f289cf] {
  border-bottom-left-radius: 6px;
}
.u-modal__button-group__wrapper--hover[data-v-44f289cf] {
  background-color: #f3f4f6;
}
.u-modal__button-group__wrapper__text[data-v-44f289cf] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.agreement-content[data-v-6acbdfda] {
  width: 100%;
  display: inline-block;
  flex-direction: column;
}
.agreement-content .agreement-url[data-v-6acbdfda] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-link[data-v-eceb4345] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-text[data-v-e0f014b4] {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
}
.u-text__price[data-v-e0f014b4] {
  font-size: 14px;
  color: #606266;
}
.u-text__value[data-v-e0f014b4] {
  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-e0f014b4] {
  color: #3c9cff;
}
.u-text__value--warning[data-v-e0f014b4] {
  color: #f9ae3d;
}
.u-text__value--success[data-v-e0f014b4] {
  color: #5ac725;
}
.u-text__value--info[data-v-e0f014b4] {
  color: #909399;
}
.u-text__value--error[data-v-e0f014b4] {
  color: #f56c6c;
}
.u-text__value--main[data-v-e0f014b4] {
  color: #303133;
}
.u-text__value--content[data-v-e0f014b4] {
  color: #606266;
}
.u-text__value--tips[data-v-e0f014b4] {
  color: #909193;
}
.u-text__value--light[data-v-e0f014b4] {
  color: #c0c4cc;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-album[data-v-46ebd53b] {
  display: flex;
  flex-direction: column;
}
.u-album__row[data-v-46ebd53b] {
  display: flex;
  flex-direction: row;
}
.u-album__row__wrapper[data-v-46ebd53b] {
  position: relative;
}
.u-album__row__wrapper__text[data-v-46ebd53b] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-alert[data-v-baba779c] {
  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-baba779c] {
  background-color: #3c9cff;
}
.u-alert--primary--light[data-v-baba779c] {
  background-color: #ecf5ff;
}
.u-alert--error--dark[data-v-baba779c] {
  background-color: #f56c6c;
}
.u-alert--error--light[data-v-baba779c] {
  background-color: #FEF0F0;
}
.u-alert--success--dark[data-v-baba779c] {
  background-color: #5ac725;
}
.u-alert--success--light[data-v-baba779c] {
  background-color: #f5fff0;
}
.u-alert--warning--dark[data-v-baba779c] {
  background-color: #f9ae3d;
}
.u-alert--warning--light[data-v-baba779c] {
  background-color: #FDF6EC;
}
.u-alert--info--dark[data-v-baba779c] {
  background-color: #909399;
}
.u-alert--info--light[data-v-baba779c] {
  background-color: #f4f4f5;
}
.u-alert__icon[data-v-baba779c] {
  margin-right: 5px;
}
.u-alert__content[data-v-baba779c] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.u-alert__content__title[data-v-baba779c] {
  color: #303133;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 2px;
}
.u-alert__content__desc[data-v-baba779c] {
  color: #303133;
  font-size: 14px;
  flex-wrap: wrap;
  color: #fff;
}
.u-alert__title--dark[data-v-baba779c], .u-alert__desc--dark[data-v-baba779c] {
  color: #FFFFFF;
}
.u-alert__text--primary--light[data-v-baba779c], .u-alert__text--primary--light[data-v-baba779c] {
  color: #3c9cff;
}
.u-alert__text--success--light[data-v-baba779c], .u-alert__text--success--light[data-v-baba779c] {
  color: #5ac725;
}
.u-alert__text--warning--light[data-v-baba779c], .u-alert__text--warning--light[data-v-baba779c] {
  color: #f9ae3d;
}
.u-alert__text--error--light[data-v-baba779c], .u-alert__text--error--light[data-v-baba779c] {
  color: #f56c6c;
}
.u-alert__text--info--light[data-v-baba779c], .u-alert__text--info--light[data-v-baba779c] {
  color: #909399;
}
.u-alert__close[data-v-baba779c] {
  position: absolute;
  top: 11px;
  right: 10px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-avatar[data-v-09f6effd] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.u-avatar--circle[data-v-09f6effd] {
  border-radius: 100px;
}
.u-avatar--square[data-v-09f6effd] {
  border-radius: 4px;
}
.u-avatar__image--circle[data-v-09f6effd] {
  border-radius: 100px;
  overflow: hidden;
}
.u-avatar__image--square[data-v-09f6effd] {
  border-radius: 4px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-avatar-group[data-v-1fca01de] {
  display: flex;
  flex-direction: row;
}
.u-avatar-group__item[data-v-1fca01de] {
  margin-left: -10px;
  position: relative;
}
.u-avatar-group__item--no-indent[data-v-1fca01de] {
  margin-left: 0;
}
.u-avatar-group__item__show-more[data-v-1fca01de] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-back-top[data-v-268a498f] {
  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-268a498f] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-badge[data-v-4434d9cd] {
  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-4434d9cd] {
  height: 8px;
  width: 8px;
}
.u-badge--inverted[data-v-4434d9cd] {
  font-size: 13px;
}
.u-badge--not-dot[data-v-4434d9cd] {
  padding: 2px 5px;
}
.u-badge--horn[data-v-4434d9cd] {
  border-bottom-left-radius: 0;
}
.u-badge--primary[data-v-4434d9cd] {
  background-color: #3c9cff;
}
.u-badge--primary--inverted[data-v-4434d9cd] {
  color: #3c9cff;
}
.u-badge--error[data-v-4434d9cd] {
  background-color: #f56c6c;
}
.u-badge--error--inverted[data-v-4434d9cd] {
  color: #f56c6c;
}
.u-badge--success[data-v-4434d9cd] {
  background-color: #5ac725;
}
.u-badge--success--inverted[data-v-4434d9cd] {
  color: #5ac725;
}
.u-badge--info[data-v-4434d9cd] {
  background-color: #909399;
}
.u-badge--info--inverted[data-v-4434d9cd] {
  color: #909399;
}
.u-badge--warning[data-v-4434d9cd] {
  background-color: #f9ae3d;
}
.u-badge--warning--inverted[data-v-4434d9cd] {
  color: #f9ae3d;
}
.u-barcode[data-v-a63099aa] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.error-container[data-v-a63099aa] {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f0f0f0;
  color: #ff0000;
}
.error-text[data-v-a63099aa] {
  font-size: 14px;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-box[data-v-fd87e7ea] {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.u-box__left[data-v-fd87e7ea] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.u-box__gap[data-v-fd87e7ea] {
  display: flex;
  flex-direction: row;
  flex-direction: column;
}
.u-box__right[data-v-fd87e7ea] {
  display: flex;
  flex-direction: row;
  flex-direction: column;
  flex: 1;
}
.u-box__right-top[data-v-fd87e7ea] {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
}
.u-box__right-bottom[data-v-fd87e7ea] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-button[data-v-8a6afb74] {
  width: 100%;
  white-space: nowrap;
}
.u-button__text[data-v-8a6afb74] {
  white-space: nowrap;
  line-height: 1;
}
.u-button[data-v-8a6afb74]: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-8a6afb74]:before {
  opacity: 0.15;
}
.u-button__icon + .u-button__text[data-v-8a6afb74]:not(:empty), .u-button__loading-text[data-v-8a6afb74] {
  margin-left: 4px;
}
.u-button--plain.u-button--primary[data-v-8a6afb74] {
  color: #3c9cff;
}
.u-button--plain.u-button--info[data-v-8a6afb74] {
  color: #909399;
}
.u-button--plain.u-button--success[data-v-8a6afb74] {
  color: #5ac725;
}
.u-button--plain.u-button--error[data-v-8a6afb74] {
  color: #f56c6c;
}
.u-button--plain.u-button--warning[data-v-8a6afb74] {
  color: #f9ae3d;
}
.u-button[data-v-8a6afb74] {
  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-8a6afb74] {
  font-size: 15px;
}
.u-button__loading-text[data-v-8a6afb74] {
  font-size: 15px;
  margin-left: 4px;
}
.u-button--large[data-v-8a6afb74] {
  width: 100%;
  height: 50px;
  padding: 0 15px;
}
.u-button--normal[data-v-8a6afb74] {
  padding: 0 12px;
  font-size: 14px;
}
.u-button--small[data-v-8a6afb74] {
  min-width: 60px;
  height: 30px;
  padding: 0px 8px;
  font-size: 12px;
}
.u-button--mini[data-v-8a6afb74] {
  height: 22px;
  font-size: 10px;
  min-width: 50px;
  padding: 0px 8px;
}
.u-button--disabled[data-v-8a6afb74] {
  opacity: 0.5;
}
.u-button--info[data-v-8a6afb74] {
  color: #323233;
  background-color: #fff;
  border-color: #ebedf0;
  border-width: 1px;
  border-style: solid;
}
.u-button--success[data-v-8a6afb74] {
  color: #fff;
  background-color: #5ac725;
  border-color: #5ac725;
  border-width: 1px;
  border-style: solid;
}
.u-button--primary[data-v-8a6afb74] {
  color: #fff;
  background-color: #3c9cff;
  border-color: #3c9cff;
  border-width: 1px;
  border-style: solid;
}
.u-button--error[data-v-8a6afb74] {
  color: #fff;
  background-color: #f56c6c;
  border-color: #f56c6c;
  border-width: 1px;
  border-style: solid;
}
.u-button--warning[data-v-8a6afb74] {
  color: #fff;
  background-color: #f9ae3d;
  border-color: #f9ae3d;
  border-width: 1px;
  border-style: solid;
}
.u-button--block[data-v-8a6afb74] {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.u-button--circle[data-v-8a6afb74] {
  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-8a6afb74] {
  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-8a6afb74] {
  min-width: 1em;
  line-height: inherit !important;
  vertical-align: top;
}
.u-button--plain[data-v-8a6afb74] {
  background-color: #fff;
}
.u-button--hairline[data-v-8a6afb74] {
  border-width: 0.5px !important;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-calendar-header[data-v-631287e6] {
  display: flex;
  flex-direction: column;
  padding-bottom: 4px;
}
.u-calendar-header__title[data-v-631287e6] {
  font-size: 16px;
  color: #303133;
  text-align: center;
  height: 42px;
  line-height: 42px;
  font-weight: bold;
}
.u-calendar-header__subtitle[data-v-631287e6] {
  font-size: 14px;
  color: #303133;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-weight: bold;
}
.u-calendar-header__weekdays[data-v-631287e6] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.u-calendar-header__weekdays__weekday[data-v-631287e6] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-calendar-month-wrapper[data-v-0326e5ab] {
  margin-top: 4px;
}
.u-calendar-month__title[data-v-0326e5ab] {
  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-0326e5ab] {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.u-calendar-month__days__month-mark-wrapper[data-v-0326e5ab] {
  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-0326e5ab] {
  font-size: 155px;
  color: rgba(231, 232, 234, 0.83);
}
.u-calendar-month__days__day[data-v-0326e5ab] {
  display: flex;
  flex-direction: row;
  padding: 2px;
  width: 14.2857142857%;
  box-sizing: border-box;
}
.u-calendar-month__days__day__select[data-v-0326e5ab] {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
}
.u-calendar-month__days__day__select__dot[data-v-0326e5ab] {
  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-0326e5ab] {
  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-0326e5ab] {
  color: #ffffff;
}
.u-calendar-month__days__day__select__buttom-info--disabled[data-v-0326e5ab] {
  color: #cacbcd;
}
.u-calendar-month__days__day__select__info[data-v-0326e5ab] {
  text-align: center;
  font-size: 16px;
}
.u-calendar-month__days__day__select__info--selected[data-v-0326e5ab] {
  color: #ffffff;
}
.u-calendar-month__days__day__select__info--disabled[data-v-0326e5ab] {
  color: #cacbcd;
}
.u-calendar-month__days__day__select--selected[data-v-0326e5ab] {
  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-0326e5ab] {
  opacity: 0.3;
  border-radius: 0;
}
.u-calendar-month__days__day__select--range-start-selected[data-v-0326e5ab] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.u-calendar-month__days__day__select--range-end-selected[data-v-0326e5ab] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-calendar__confirm[data-v-4689b26a] {
  padding: 7px 18px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-canvas[data-v-c1672f67] {
  position: relative;
  overflow: hidden;
}
.u-canvas__canvas[data-v-c1672f67] {
  display: block;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-keyboard[data-v-bd8e2bb9] {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  background-color: rgb(224, 228, 230);
  align-items: stretch;
  padding: 6px 0 6px;
}
.u-keyboard__button[data-v-bd8e2bb9] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex: 1;
}
.u-keyboard__button__inner-wrapper[data-v-bd8e2bb9] {
  box-shadow: 0 1px 0px #999992;
  margin: 0.25rem 0.15625rem;
  border-radius: 4px;
}
.u-keyboard__button__inner-wrapper__inner[data-v-bd8e2bb9] {
  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-bd8e2bb9] {
  font-size: 16px;
  color: #303133;
}
.u-keyboard__button__inner-wrapper__left[data-v-bd8e2bb9], .u-keyboard__button__inner-wrapper__right[data-v-bd8e2bb9] {
  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-bd8e2bb9] {
  font-size: 15px;
  color: #303133;
  margin: 0 1px;
}
.u-keyboard__button__inner-wrapper__left__lang[data-v-bd8e2bb9] {
  font-size: 16px;
  color: #303133;
}
.u-keyboard__button__inner-wrapper__left__lang--active[data-v-bd8e2bb9] {
  color: #3c9cff;
}
.u-hover-class[data-v-bd8e2bb9] {
  background-color: #BBBCC6;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-card[data-v-e575afb6] {
  position: relative;
  overflow: hidden;
  font-size: 0.875rem;
  background-color: #ffffff;
  box-sizing: border-box;
}
.u-card-full[data-v-e575afb6] {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100%;
}
.u-card--border[data-v-e575afb6]:after {
  border-radius: 0.5rem;
}
.u-card__head--left[data-v-e575afb6] {
  color: #303133;
}
.u-card__head--left__thumb[data-v-e575afb6] {
  margin-right: 0.5rem;
}
.u-card__head--left__title[data-v-e575afb6] {
  max-width: 12.5rem;
}
.u-card__head--right[data-v-e575afb6] {
  color: #909193;
  margin-left: 0.1875rem;
}
.u-card__body[data-v-e575afb6] {
  color: #606266;
}
.u-card__foot[data-v-e575afb6] {
  color: #909193;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-steps-item[data-v-180818a8] {
  flex: 1;
  display: flex;
  flex-direction: row;
}
.u-steps-item--row[data-v-180818a8] {
  flex-direction: column;
  align-items: center;
  position: relative;
}
.u-steps-item--column[data-v-180818a8] {
  position: relative;
  flex-direction: row;
  justify-content: flex-start;
  padding-bottom: 5px;
}
.u-steps-item__wrapper[data-v-180818a8] {
  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-180818a8] {
  width: 20px;
  height: 20px;
}
.u-steps-item__wrapper--column--dot[data-v-180818a8] {
  height: 20px;
  width: 20px;
}
.u-steps-item__wrapper--row[data-v-180818a8] {
  width: 20px;
  height: 20px;
}
.u-steps-item__wrapper--row--dot[data-v-180818a8] {
  width: 20px;
  height: 20px;
}
.u-steps-item__wrapper__circle[data-v-180818a8] {
  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-180818a8] {
  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-180818a8] {
  width: 10px;
  height: 10px;
  border-radius: 100px;
  background-color: #606266;
}
.u-steps-item__content[data-v-180818a8] {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.u-steps-item__content__title[data-v-180818a8] {
  cursor: pointer;
}
.u-steps-item__content--row[data-v-180818a8] {
  flex-direction: column;
  align-items: center;
}
.u-steps-item__content--column[data-v-180818a8] {
  flex-direction: column;
  margin-left: 6px;
}
.u-steps-item__line[data-v-180818a8] {
  position: absolute;
  background: #909193;
}
.u-steps-item__line--row[data-v-180818a8] {
  top: 10px;
  height: 1px;
}
.u-steps-item__line--column[data-v-180818a8] {
  width: 1px;
  left: 10px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-steps[data-v-48272ede] {
  display: flex;
  flex-direction: row;
}
.u-steps--column[data-v-48272ede] {
  flex-direction: column;
}
.u-steps--row[data-v-48272ede] {
  flex-direction: row;
  flex: 1;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-tabs__wrapper[data-v-a7636ac2] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-tabs__wrapper__scroll-view-wrapper[data-v-a7636ac2] {
  flex: 1;
  overflow: auto hidden;
}
.u-tabs__wrapper__scroll-view[data-v-a7636ac2] {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.u-tabs__wrapper__nav[data-v-a7636ac2] {
  display: flex;
  flex-direction: row;
  position: relative;
}
.u-tabs__wrapper__nav__item[data-v-a7636ac2] {
  padding: 0 11px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.u-tabs__wrapper__nav__item--disabled[data-v-a7636ac2] {
  cursor: not-allowed;
}
.u-tabs__wrapper__nav__item__text[data-v-a7636ac2] {
  font-size: 15px;
  color: #606266;
  white-space: nowrap !important;
}
.u-tabs__wrapper__nav__item__text--disabled[data-v-a7636ac2] {
  color: #c8c9cc !important;
}
.u-tabs__wrapper__nav__line[data-v-a7636ac2] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-cell__body[data-v-96e46153] {
  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-96e46153] {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
}
.u-cell__body--large[data-v-96e46153] {
  padding-top: 13px;
  padding-bottom: 13px;
}
.u-cell__left-icon-wrap[data-v-96e46153], .u-cell__right-icon-wrap[data-v-96e46153] {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 16px;
}
.u-cell__left-icon-wrap[data-v-96e46153] {
  margin-right: 4px;
}
.u-cell__right-icon-wrap[data-v-96e46153] {
  margin-left: 4px;
  transition: transform 0.3s;
}
.u-cell__right-icon-wrap--up[data-v-96e46153] {
  transform: rotate(-90deg);
}
.u-cell__right-icon-wrap--down[data-v-96e46153] {
  transform: rotate(90deg);
}
.u-cell__title[data-v-96e46153] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.u-cell__title-text[data-v-96e46153] {
  font-size: 15px;
  line-height: 22px;
  color: #303133;
}
.u-cell__title-text--large[data-v-96e46153] {
  font-size: 16px;
}
.u-cell__label[data-v-96e46153] {
  margin-top: 5px;
  font-size: 12px;
  color: #909193;
  line-height: 18px;
}
.u-cell__label--large[data-v-96e46153] {
  font-size: 14px;
}
.u-cell__value[data-v-96e46153] {
  text-align: right;
  margin-left: auto;
  font-size: 14px;
  line-height: 24px;
  color: #606266;
}
.u-cell__value--large[data-v-96e46153] {
  font-size: 15px;
}
.u-cell--required[data-v-96e46153] {
  overflow: visible;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-cell--required[data-v-96e46153]:before {
  position: absolute;
  content: "*";
  left: -8px;
  margin-top: 0.125rem;
  font-size: 14px;
  color: #f56c6c;
}
.u-cell--clickable[data-v-96e46153] {
  background-color: #f3f4f6;
}
.u-cell--disabled[data-v-96e46153] {
  color: #c8c9cc;
  cursor: not-allowed;
}
.u-cell--center[data-v-96e46153] {
  align-items: center;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-cell-group[data-v-30d1a1cf] {
  flex: 1;
}
.u-cell-group__title[data-v-30d1a1cf] {
  padding: 16px 16px 8px;
}
.u-cell-group__title__text[data-v-30d1a1cf] {
  font-size: 15px;
  line-height: 16px;
  color: #303133;
}
.u-cell-group__wrapper[data-v-30d1a1cf] {
  position: relative;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.area-box[data-v-b6a09986] {
  width: 100%;
  overflow: hidden;
  height: 25rem;
}
.area-box > uni-view[data-v-b6a09986] {
  width: 150%;
  transition: transform 0.3s ease-in-out 0s;
  transform: translateX(0);
}
.area-box .area-item[data-v-b6a09986] {
  height: 25rem;
}
.u-cascader-action[data-v-b6a09986] {
  border-top: 1px solid #eee;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-cate-tab[data-v-a33ea107] {
  display: flex;
  flex-direction: column;
}
.u-cate-tab__wrap[data-v-a33ea107] {
  flex: 1;
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
.u-search-inner[data-v-a33ea107] {
  background-color: rgb(234, 234, 234);
  border-radius: 3.125rem;
  display: flex;
  align-items: center;
  padding: 0.3125rem 0.5rem;
}
.u-search-text[data-v-a33ea107] {
  font-size: 0.8125rem;
  color: #909193;
  margin-left: 0.3125rem;
}
.u-cate-tab__view[data-v-a33ea107] {
  width: 6.25rem;
  height: 100%;
}
.u-cate-tab__item[data-v-a33ea107] {
  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-a33ea107] {
  position: relative;
  color: #000;
  font-size: 0.9375rem;
  font-weight: 600;
  background: #fff;
}
.u-cate-tab__item-active[data-v-a33ea107]::before {
  content: "";
  position: absolute;
  border-left: 4px solid #3c9cff;
  height: 1rem;
  left: 0;
  top: 1.21875rem;
}
.u-cate-tab__view[data-v-a33ea107] {
  height: 100%;
}
.u-cate-tab__right-box[data-v-a33ea107] {
  flex: 1;
  background-color: rgb(250, 250, 250);
}
.u-cate-tab__page-view[data-v-a33ea107] {
  padding: 0.5rem;
}
.u-cate-tab__page-item[data-v-a33ea107] {
  margin-bottom: 0.9375rem;
  background-color: #fff;
  padding: 0.5rem;
  border-radius: 0.25rem;
}
.u-cate-tab__page-item[data-v-a33ea107]:last-child {
  min-height: 100vh;
}
.item-title[data-v-a33ea107] {
  font-size: 0.8125rem;
  color: #303133;
  font-weight: bold;
}
.item-menu-name[data-v-a33ea107] {
  font-weight: normal;
  font-size: 0.75rem;
  color: #303133;
}
.item-container[data-v-a33ea107] {
  display: flex;
  flex-wrap: wrap;
}
.thumb-box[data-v-a33ea107] {
  width: 33.333333%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 0.625rem;
}
.item-menu-image[data-v-a33ea107] {
  width: 3.75rem;
  height: 3.75rem;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-checkbox-group--row[data-v-bfd10e20] {
  display: flex;
  flex-flow: row wrap;
}
.u-checkbox-group--column[data-v-bfd10e20] {
  display: flex;
  flex-direction: column;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-checkbox[data-v-131e8247] {
  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-131e8247] {
  flex-direction: row;
}
.u-checkbox-label--right[data-v-131e8247] {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.u-checkbox__icon-wrap[data-v-131e8247] {
  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-131e8247] {
  border-radius: 100%;
}
.u-checkbox__icon-wrap--square[data-v-131e8247] {
  border-radius: 3px;
}
.u-checkbox__icon-wrap--checked[data-v-131e8247] {
  color: #fff;
  background-color: red;
  border-color: #2979ff;
}
.u-checkbox__icon-wrap--disabled[data-v-131e8247] {
  background-color: #ebedf0 !important;
}
.u-checkbox__icon-wrap--disabled--checked[data-v-131e8247] {
  color: #c8c9cc !important;
}
.u-checkbox__label[data-v-131e8247] {
  word-wrap: break-word;
  margin-left: 5px;
  margin-right: 12px;
  color: #606266;
  font-size: 15px;
}
.u-checkbox__label--disabled[data-v-131e8247] {
  color: #c8c9cc;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-tag-wrapper[data-v-3f1e1d6d] {
  position: relative;
}
.u-tag[data-v-3f1e1d6d] {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-style: solid;
}
.u-tag--circle[data-v-3f1e1d6d] {
  border-radius: 100px;
}
.u-tag--square[data-v-3f1e1d6d] {
  border-radius: 3px;
}
.u-tag__icon[data-v-3f1e1d6d] {
  margin-right: 4px;
}
.u-tag__text--mini[data-v-3f1e1d6d] {
  font-size: 12px;
  line-height: 12px;
}
.u-tag__text--medium[data-v-3f1e1d6d] {
  font-size: 13px;
  line-height: 13px;
}
.u-tag__text--large[data-v-3f1e1d6d] {
  font-size: 15px;
  line-height: 15px;
}
.u-tag--mini[data-v-3f1e1d6d] {
  height: 22px;
  line-height: 22px;
  padding: 0 5px;
}
.u-tag--medium[data-v-3f1e1d6d] {
  height: 26px;
  line-height: 22px;
  padding: 0 10px;
}
.u-tag--large[data-v-3f1e1d6d] {
  height: 32px;
  line-height: 32px;
  padding: 0 15px;
}
.u-tag--primary[data-v-3f1e1d6d] {
  background-color: #3c9cff;
  border-width: 1px;
  border-color: #3c9cff;
}
.u-tag--primary--plain[data-v-3f1e1d6d] {
  border-width: 1px;
  border-color: #3c9cff;
}
.u-tag--primary--plain--fill[data-v-3f1e1d6d] {
  background-color: #ecf5ff;
}
.u-tag__text--primary[data-v-3f1e1d6d] {
  color: #FFFFFF;
}
.u-tag__text--primary--plain[data-v-3f1e1d6d] {
  color: #3c9cff;
}
.u-tag--error[data-v-3f1e1d6d] {
  background-color: #f56c6c;
  border-width: 1px;
  border-color: #f56c6c;
}
.u-tag--error--plain[data-v-3f1e1d6d] {
  border-width: 1px;
  border-color: #f56c6c;
}
.u-tag--error--plain--fill[data-v-3f1e1d6d] {
  background-color: #fef0f0;
}
.u-tag__text--error[data-v-3f1e1d6d] {
  color: #FFFFFF;
}
.u-tag__text--error--plain[data-v-3f1e1d6d] {
  color: #f56c6c;
}
.u-tag--warning[data-v-3f1e1d6d] {
  background-color: #f9ae3d;
  border-width: 1px;
  border-color: #f9ae3d;
}
.u-tag--warning--plain[data-v-3f1e1d6d] {
  border-width: 1px;
  border-color: #f9ae3d;
}
.u-tag--warning--plain--fill[data-v-3f1e1d6d] {
  background-color: #fdf6ec;
}
.u-tag__text--warning[data-v-3f1e1d6d] {
  color: #FFFFFF;
}
.u-tag__text--warning--plain[data-v-3f1e1d6d] {
  color: #f9ae3d;
}
.u-tag--success[data-v-3f1e1d6d] {
  background-color: #5ac725;
  border-width: 1px;
  border-color: #5ac725;
}
.u-tag--success--plain[data-v-3f1e1d6d] {
  border-width: 1px;
  border-color: #5ac725;
}
.u-tag--success--plain--fill[data-v-3f1e1d6d] {
  background-color: #f5fff0;
}
.u-tag__text--success[data-v-3f1e1d6d] {
  color: #FFFFFF;
}
.u-tag__text--success--plain[data-v-3f1e1d6d] {
  color: #5ac725;
}
.u-tag--info[data-v-3f1e1d6d] {
  background-color: #909399;
  border-width: 1px;
  border-color: #909399;
}
.u-tag--info--plain[data-v-3f1e1d6d] {
  border-width: 1px;
  border-color: #909399;
}
.u-tag--info--plain--fill[data-v-3f1e1d6d] {
  background-color: #f4f4f5;
}
.u-tag__text--info[data-v-3f1e1d6d] {
  color: #FFFFFF;
}
.u-tag__text--info--plain[data-v-3f1e1d6d] {
  color: #909399;
}
.u-tag__close[data-v-3f1e1d6d] {
  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-3f1e1d6d] {
  width: 18px;
  height: 18px;
}
.u-tag__close--medium[data-v-3f1e1d6d] {
  width: 22px;
  height: 22px;
}
.u-tag__close--large[data-v-3f1e1d6d] {
  width: 25px;
  height: 25px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.up-choose[data-v-46d7cfd3] .up-tag {
  font-weight: 600;
}
.up-choose[data-v-46d7cfd3]:last-child {
  margin-right: 0;
}
.up-choose-wrap[data-v-46d7cfd3] {
  flex-wrap: wrap;
}
.up-choose-nowrap[data-v-46d7cfd3] {
  flex-wrap: nowrap;
  white-space: nowrap;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-circle-progress[data-v-786d53e9] {
  display: flex;
  flex-direction: row;
  position: relative;
  border-radius: 100px;
  height: 100px;
  width: 100px;
  background-color: rgb(200, 200, 200);
  overflow: hidden;
  justify-content: space-between;
}
.u-circle-progress__circle[data-v-786d53e9] {
  border-radius: 100px;
  height: 90px;
  width: 90px;
  transform: translate(-50%, -50%);
  background-color: rgb(255, 255, 255);
  left: 50px;
  top: 50px;
  position: absolute;
}
.u-circle-progress__left[data-v-786d53e9] {
  position: absolute;
  left: 0;
  width: 50px;
  height: 100px;
  overflow: hidden;
  box-sizing: border-box;
}
.u-circle-progress__left__circle[data-v-786d53e9] {
  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: rgb(66, 185, 131);
  border-right-color: rgb(66, 185, 131);
  border-width: 5px;
  width: 100px;
  height: 100px;
  transform: rotate(225deg);
}
.u-circle-progress__right[data-v-786d53e9] {
  position: absolute;
  right: 0;
  width: 50px;
  height: 100px;
  overflow: hidden;
}
.u-circle-progress__right__circle[data-v-786d53e9] {
  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: rgb(200, 200, 200);
  border-bottom-color: rgb(200, 200, 200);
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-index-anchor[data-v-758c5807] {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 15px;
  z-index: 1;
}
.u-index-anchor--sticky[data-v-758c5807] {
  position: sticky;
  top: 0;
}
.u-index-anchor__text[data-v-758c5807] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-index-list__letter[data-v-d15fd6a9] {
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 3;
  padding: 0 6px;
  width: 30px;
}
.u-index-list__letter__item[data-v-d15fd6a9] {
  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-d15fd6a9] {
  background-color: #3c9cff;
}
.u-index-list__letter__item__index[data-v-d15fd6a9] {
  font-size: 12px;
  text-align: center;
  line-height: 12px;
}
.u-index-list__indicator[data-v-d15fd6a9] {
  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-d15fd6a9] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.list__item[data-v-d70381bf] {
  padding: 8px 1px;
}
.u-current-city-title[data-v-d70381bf] {
  color: grey;
  margin-bottom: 5px;
}
.u-current-city-item[data-v-d70381bf] {
  height: 30px;
}
.hot-city-list[data-v-d70381bf] {
  display: flex !important;
  flex-direction: row !important;
  padding: 12px 0;
}
.hot-city-list .hot-city-item[data-v-d70381bf] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-code-input[data-v-5f5a446c] {
  display: flex;
  flex-direction: row;
  position: relative;
  overflow: hidden;
}
.u-code-input__item[data-v-5f5a446c] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}
.u-code-input__item__text[data-v-5f5a446c] {
  font-size: 15px;
  color: #606266;
}
.u-code-input__item__dot[data-v-5f5a446c] {
  width: 7px;
  height: 7px;
  border-radius: 100px;
  background-color: #606266;
}
.u-code-input__item__line[data-v-5f5a446c] {
  position: absolute;
  bottom: 0;
  height: 4px;
  border-radius: 100px;
  width: 40px;
  background-color: #606266;
}
.u-code-input__item__cursor[data-v-5f5a446c] {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 1;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 20px;
  animation: 1s u-cursor-flicker-5f5a446c infinite;
}
.u-code-input__input[data-v-5f5a446c] {
  position: absolute;
  left: -23.4375rem;
  width: 46.875rem;
  top: 0;
  background-color: transparent;
  text-align: left;
}
@keyframes u-cursor-flicker-5f5a446c {
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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-col[data-v-7f40599c] {
  padding: 0;
  box-sizing: border-box;
}
.u-col-0[data-v-7f40599c] {
  width: 0;
}
.u-col-1[data-v-7f40599c] {
  width: 8.3333333333%;
}
.u-col-2[data-v-7f40599c] {
  width: 16.6666666667%;
}
.u-col-3[data-v-7f40599c] {
  width: 25%;
}
.u-col-4[data-v-7f40599c] {
  width: 33.3333333333%;
}
.u-col-5[data-v-7f40599c] {
  width: 41.6666666667%;
}
.u-col-6[data-v-7f40599c] {
  width: 50%;
}
.u-col-7[data-v-7f40599c] {
  width: 58.3333333333%;
}
.u-col-8[data-v-7f40599c] {
  width: 66.6666666667%;
}
.u-col-9[data-v-7f40599c] {
  width: 75%;
}
.u-col-10[data-v-7f40599c] {
  width: 83.3333333333%;
}
.u-col-11[data-v-7f40599c] {
  width: 91.6666666667%;
}
.u-col-12[data-v-7f40599c] {
  width: 100%;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-collapse-item__content[data-v-aaead9cb] {
  overflow: hidden;
  height: 0;
}
.u-collapse-item__content__text[data-v-aaead9cb] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-subsection[data-v-f0ea7e24] {
  display: flex;
  flex-direction: row;
  position: relative;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}
.u-subsection--button[data-v-f0ea7e24] {
  height: 34px;
  background-color: rgb(238, 238, 239);
  padding: 3px;
  border-radius: 4px;
  align-items: stretch;
}
.u-subsection--button__bar[data-v-f0ea7e24] {
  background-color: #ffffff;
  border-radius: 4px !important;
}
.u-subsection--subsection[data-v-f0ea7e24] {
  height: 32px;
}
.u-subsection__bar[data-v-f0ea7e24] {
  position: absolute;
  transition-property: transform, color;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.u-subsection__bar--first[data-v-f0ea7e24] {
  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-f0ea7e24] {
  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-f0ea7e24] {
  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-f0ea7e24] {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  position: relative;
}
.u-subsection__item--no-border-right[data-v-f0ea7e24] {
  border-right-width: 0 !important;
}
.u-subsection__item--first[data-v-f0ea7e24] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.u-subsection__item--last[data-v-f0ea7e24] {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.u-subsection__item__text[data-v-f0ea7e24] {
  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-f0ea7e24] {
  cursor: no-drop;
  color: #BDBDBD !important;
  border-color: #BDBDBD !important;
}
.item-button--disabled uni-text[data-v-f0ea7e24] {
  color: #BDBDBD !important;
}
.item-subsection--disabled[data-v-f0ea7e24] {
  cursor: no-drop;
  background: #FFFFFF !important;
  color: #BDBDBD !important;
  border-color: #BDBDBD !important;
}
.item-subsection--disabled uni-text[data-v-f0ea7e24] {
  color: #BDBDBD !important;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.up-color-picker__content[data-v-3c013809] {
  width: 100%;
  padding: 20px;
  background-color: #fff;
}
.up-color-picker__header[data-v-3c013809] {
  text-align: center;
  margin-bottom: 20px;
}
.up-color-picker__title[data-v-3c013809] {
  font-size: 18px;
  font-weight: bold;
  color: #333;
}
.up-color-picker__switch[data-v-3c013809] {
  margin-bottom: 20px;
}
.up-color-picker__saturation[data-v-3c013809] {
  position: relative;
  width: 100%;
  height: 150px;
  border-radius: 4px;
  margin-bottom: 15px;
  overflow: hidden;
}
.up-color-picker__saturation[data-v-3c013809]: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-3c013809]: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-3c013809] {
  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-3c013809], .up-color-picker__alpha[data-v-3c013809] {
  position: relative;
  width: 100%;
  height: 12px;
  border-radius: 6px;
  margin-bottom: 15px;
  cursor: pointer;
}
.up-color-picker__hue[data-v-3c013809] {
  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-3c013809] {
  position: relative;
  overflow: hidden;
}
.up-color-picker__alpha-bg[data-v-3c013809] {
  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-3c013809]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}
.up-color-picker__hue-pointer[data-v-3c013809], .up-color-picker__alpha-pointer[data-v-3c013809] {
  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-3c013809] {
  width: 100%;
  height: 40px;
  border-radius: 4px;
}
.up-color-picker__gradient-track[data-v-3c013809] {
  position: relative;
  margin-top: 20px;
  width: 100%;
  height: 32px;
  border-radius: 4px;
  margin-bottom: 15px;
  cursor: pointer;
}
.up-color-picker__gradient-pointer[data-v-3c013809] {
  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-3c013809] {
  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-3c013809] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 15px;
}
.up-color-picker__gradient-item[data-v-3c013809] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 10px;
  margin-bottom: 10px;
}
.up-color-picker__gradient-color-preview[data-v-3c013809] {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 5px;
  border: 1px solid #eee;
}
.up-color-picker__gradient-percent[data-v-3c013809] {
  font-size: 12px;
  color: #666;
  margin-right: 5px;
}
.up-color-picker__gradient-direction[data-v-3c013809] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 10px 0;
}
.up-color-picker__gradient__direction-circle[data-v-3c013809] {
  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-3c013809] {
  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-3c013809] {
  margin-top: 10px;
}
.up-color-picker__common[data-v-3c013809] {
  margin-top: 20px;
}
.up-color-picker__common-title[data-v-3c013809] {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #666;
}
.up-color-picker__common-list[data-v-3c013809] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.up-color-picker__common-item[data-v-3c013809] {
  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-3c013809] {
  margin-top: 20px;
}
.up-color-picker__preview[data-v-3c013809] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 15px;
}
.up-color-picker__preview-color[data-v-3c013809] {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #eee;
  margin-right: 10px;
}
.up-color-picker__preview-text[data-v-3c013809] {
  font-size: 14px;
  color: #333;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.up-color-picker__actions[data-v-3c013809] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.up-color-picker__actions .up-color-picker__btn[data-v-3c013809] {
  margin-left: 10px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-notice[data-v-2431afb5] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.u-notice__left-icon[data-v-2431afb5] {
  align-items: center;
  margin-right: 5px;
}
.u-notice__right-icon[data-v-2431afb5] {
  margin-left: 5px;
  align-items: center;
}
.u-notice__swiper[data-v-2431afb5] {
  height: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
}
.u-notice__swiper__item[data-v-2431afb5] {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
}
.u-notice__swiper__item__text[data-v-2431afb5] {
  font-size: 14px;
  color: #f9ae3d;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-count-down__text[data-v-bd11c6ff] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-count-num[data-v-6b5d5101] {
  display: inline-flex;
  text-align: center;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.up-coupon[data-v-b551a844] {
  position: relative;
  overflow: hidden;
  border-radius: 0.25rem;
  background: #ffebf0;
  color: #303133;
}
.up-coupon--coupon[data-v-b551a844] {
  border-radius: 0.5rem;
  overflow: hidden;
}
.up-coupon--coupon[data-v-b551a844]::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-b551a844]::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-b551a844] {
  border-radius: 0.5rem;
}
.up-coupon--envelope[data-v-b551a844]::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-b551a844] {
  border-radius: 0.5rem;
}
.up-coupon[data-v-b551a844] {
  width: 100%;
}
.up-coupon--small[data-v-b551a844] {
  height: 5rem;
}
.up-coupon--medium[data-v-b551a844] {
  height: 5.625rem;
}
.up-coupon--large[data-v-b551a844] {
  height: 6.875rem;
}
.up-coupon--disabled[data-v-b551a844] {
  opacity: 0.5;
}
.up-coupon__content[data-v-b551a844] {
  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-b551a844] {
  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-b551a844] {
  font-size: 0.75rem;
  font-weight: normal;
}
.up-coupon__amount-value[data-v-b551a844] {
  font-size: 1.75rem;
  font-weight: bold;
  color: red;
  line-height: 1;
  margin: 0.3125rem 0;
}
.up-coupon__amount-limit[data-v-b551a844] {
  font-size: 0.75rem;
  opacity: 0.9;
}
.up-coupon__info[data-v-b551a844] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 0.9375rem;
}
.up-coupon__info-title[data-v-b551a844] {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0.3125rem;
}
.up-coupon__info-desc[data-v-b551a844] {
  font-size: 0.75rem;
  opacity: 0.9;
  margin-bottom: 0.3125rem;
}
.up-coupon__info-time[data-v-b551a844] {
  font-size: 0.625rem;
  opacity: 0.8;
}
.up-coupon__action[data-v-b551a844] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.up-coupon__dots[data-v-b551a844] {
  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-b551a844] {
  width: 1rem;
  height: 1rem;
  background-color: #fff;
  border-radius: 50%;
  margin: 0 -0.5rem;
  z-index: 3;
}
.up-coupon__rope[data-v-b551a844] {
  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-b551a844]::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-b551a844]::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-b551a844] {
  background: linear-gradient(90deg, #43afff, #3b8cff);
  color: #fff;
}
.up-coupon--primary .up-coupon__amount[data-v-b551a844] {
  border-right: 1px dashed #eee;
}
.up-coupon--primary .up-coupon__amount-value[data-v-b551a844] {
  color: #fff;
}
.up-coupon--success[data-v-b551a844] {
  background: linear-gradient(90deg, #67dda9, #19be6b);
  color: #fff !important;
}
.up-coupon--success .up-coupon__amount[data-v-b551a844] {
  border-right: 1px dashed #eee;
}
.up-coupon--success .up-coupon__amount-value[data-v-b551a844] {
  color: #fff;
}
.up-coupon--warning[data-v-b551a844] {
  background: linear-gradient(90deg, #ff9739, #ff6a39);
  color: #fff;
}
.up-coupon--warning .up-coupon__amount[data-v-b551a844] {
  border-right: 1px dashed #eee;
}
.up-coupon--warning .up-coupon__amount-value[data-v-b551a844] {
  color: #fff;
}
.up-coupon--error[data-v-b551a844] {
  background: linear-gradient(90deg, #ff7070, #ff4747);
  color: #fff;
}
.up-coupon--error .up-coupon__amount[data-v-b551a844] {
  border-right: 1px dashed #eee;
}
.up-coupon--error .up-coupon__amount-value[data-v-b551a844] {
  color: #fff;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-cropper .my-canvas[data-v-d3a958bc] {
  display: flex;
  position: fixed !important;
  background: #000000;
  left: 0;
  z-index: 100000;
  width: 100%;
}
.u-cropper .my-avatar[data-v-d3a958bc] {
  width: 4.6875rem;
  height: 4.6875rem;
  border-radius: 100%;
}
.u-cropper .oper-canvas[data-v-d3a958bc] {
  display: flex;
  position: fixed !important;
  left: 0;
  z-index: 100001;
  width: 100%;
}
.u-cropper .prv-canvas[data-v-d3a958bc] {
  display: flex;
  position: fixed !important;
  background: #000000;
  left: 0;
  z-index: 200000;
  width: 100%;
}
.u-cropper .oper-wrapper[data-v-d3a958bc] {
  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-d3a958bc] {
  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-d3a958bc] {
  display: flex;
  flex-direction: row;
  height: 50px;
  justify-content: space-between;
}
.u-cropper .btn-wrapper uni-view[data-v-d3a958bc] {
  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-d3a958bc] {
  background: #f1f1f1;
  border-radius: 6%;
}
.u-cropper .clr-wrapper[data-v-d3a958bc] {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
}
.u-cropper .clr-wrapper uni-view[data-v-d3a958bc] {
  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-d3a958bc] {
  flex-grow: 1;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-toolbar[data-v-1f211d29] {
  height: 42px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.u-toolbar__wrapper__cancel[data-v-1f211d29] {
  color: #909193;
  font-size: 15px;
  padding: 0 15px;
}
.u-toolbar__title[data-v-1f211d29] {
  color: #303133;
  padding: 0 1.875rem;
  font-size: 16px;
  font-weight: bold;
  flex: 1;
  text-align: center;
}
.u-toolbar__wrapper__left[data-v-1f211d29], .u-toolbar__wrapper__right[data-v-1f211d29] {
  display: flex;
  flex-direction: row;
}
.u-toolbar__wrapper__confirm[data-v-1f211d29] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-picker[data-v-addb2019] {
  position: relative;
}
.u-picker-input[data-v-addb2019] {
  position: relative;
}
.u-picker-input .input-cover[data-v-addb2019] {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.u-picker__view__column[data-v-addb2019] {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: center;
}
.u-picker__view__column__item[data-v-addb2019] {
  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-addb2019] {
  cursor: not-allowed;
  opacity: 0.35;
}
.u-picker--loading[data-v-addb2019] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-datetime-picker[data-v-53153830] {
  flex: 1;
}
.u-datetime-picker__has-input[data-v-53153830] {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.u-datetime-picker__has-input .input-cover[data-v-53153830] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-divider[data-v-fb6c2f20] {
  display: flex;
  flex-direction: row;
  flex-direction: row;
  align-items: center;
  margin: 15px 0;
}
.u-divider__text[data-v-fb6c2f20] {
  margin: 0 15px;
}
.u-divider__dot[data-v-fb6c2f20] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-dragsort[data-v-b78f616c] {
  width: 100%;
  height: auto;
}
.u-dragsort .u-dragsort-area[data-v-b78f616c] {
  width: 100%;
  height: 100%;
  position: relative;
}
.u-dragsort .u-dragsort-item[data-v-b78f616c] {
  position: absolute;
  width: 100%;
  transition: box-shadow 0.45s ease-out;
  cursor: pointer;
}
.u-dragsort .u-dragsort-item.dragging[data-v-b78f616c] {
  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-b78f616c] {
  position: relative;
  padding: 0;
  box-sizing: border-box;
}
.u-dragsort.u-dragsort--vertical .u-dragsort-item[data-v-b78f616c] {
  height: auto;
}
.u-dragsort.u-dragsort--horizontal .u-dragsort-area[data-v-b78f616c] {
  display: flex;
  white-space: nowrap;
}
.u-dragsort.u-dragsort--horizontal .u-dragsort-item[data-v-b78f616c] {
  width: auto;
  height: auto;
}
.u-dragsort.u-dragsort--all .u-dragsort-item[data-v-b78f616c] {
  width: auto;
  height: auto;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-dropdown-item__scroll[data-v-1f607866] {
  background: #ffffff;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-dropdown[data-v-056d63a5] {
  flex: 1;
  width: 100%;
  position: relative;
}
.u-dropdown__menu[data-v-056d63a5] {
  display: flex;
  flex-direction: row;
  position: relative;
  z-index: 11;
  height: 2.5rem;
}
.u-dropdown__menu__item[data-v-056d63a5] {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.u-dropdown__menu__item .u-flex-row[data-v-056d63a5] {
  flex-direction: row;
}
.u-dropdown__menu__item__text[data-v-056d63a5] {
  font-size: 0.875rem;
  color: #606266;
}
.u-dropdown__menu__item__arrow[data-v-056d63a5] {
  margin-left: 0.1875rem;
  transition: transform 0.3s;
  align-items: center;
  display: flex;
  flex-direction: row;
}
.u-dropdown__menu__item__arrow--rotate[data-v-056d63a5] {
  transform: rotate(180deg);
}
.u-dropdown__content[data-v-056d63a5] {
  position: absolute;
  z-index: 8;
  width: 100%;
  left: 0px;
  bottom: 0;
  overflow: hidden;
}
.u-dropdown__content__mask[data-v-056d63a5] {
  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-056d63a5] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-empty[data-v-b1d90c0b] {
  display: flex;
  flex-direction: row;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.u-empty__text[data-v-b1d90c0b] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 0.625rem;
}
.u-slot-wrap[data-v-b1d90c0b] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-float-button[data-v-ea3f9851] {
  z-index: 999;
}
.u-float-button .show-list[data-v-ea3f9851] {
  transform: rotate(45deg);
}
.u-float-button__list[data-v-ea3f9851] {
  position: absolute;
  bottom: 0px;
  display: flex;
  flex-direction: column;
}
.u-float-button__list > uni-view[data-v-ea3f9851] {
  margin: 5px 0px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-form-item[data-v-28df5fc3] {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  color: #303133;
}
.u-form-item__body[data-v-28df5fc3] {
  display: flex;
  flex-direction: row;
  padding: 10px 0;
}
.u-form-item__body__left[data-v-28df5fc3] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-form-item__body__left__content[data-v-28df5fc3] {
  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-28df5fc3] {
  margin-right: 0.25rem;
}
.u-form-item__body__left__content__required[data-v-28df5fc3] {
  position: absolute;
  left: -9px;
  color: #f56c6c;
  line-height: 20px;
  font-size: 20px;
  top: 3px;
}
.u-form-item__body__left__content__label[data-v-28df5fc3] {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
  color: #303133;
  font-size: 15px;
}
.u-form-item__body__right[data-v-28df5fc3] {
  flex: 1;
}
.u-form-item__body__right__content[data-v-28df5fc3] {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
}
.u-form-item__body__right__content__slot[data-v-28df5fc3] {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-form-item__body__right__content__icon[data-v-28df5fc3] {
  margin-left: 0.3125rem;
  color: #c0c4cc;
  font-size: 0.9375rem;
}
.u-form-item__body__right__message[data-v-28df5fc3] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-number-box[data-v-a99b0797] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-number-box__slot[data-v-a99b0797] {
  touch-action: none;
}
.u-number-box__plus[data-v-a99b0797], .u-number-box__minus[data-v-a99b0797] {
  width: 35px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  touch-action: none;
}
.u-number-box__plus--hover[data-v-a99b0797], .u-number-box__minus--hover[data-v-a99b0797] {
  background-color: #E6E6E6 !important;
}
.u-number-box__plus--disabled[data-v-a99b0797], .u-number-box__minus--disabled[data-v-a99b0797] {
  color: #c8c9cc;
  background-color: #f7f8fa;
}
.u-number-box__plus[data-v-a99b0797] {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.u-number-box__minus[data-v-a99b0797] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.u-number-box__input[data-v-a99b0797] {
  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-a99b0797] {
  color: #c8c9cc;
  background-color: #f2f3f5;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.up-goods-sku[data-v-03f47ab6] {
  background-color: #fff;
  overflow: hidden;
}
.up-goods-sku .up-goods-sku-container[data-v-03f47ab6] {
  padding: 0.125rem 0.9375rem;
}
.up-goods-sku__header[data-v-03f47ab6] {
  display: flex;
  flex-direction: row;
  padding: 0.9375rem 0;
  position: relative;
}
.up-goods-sku__header__image[data-v-03f47ab6] {
  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-03f47ab6] {
  width: 100%;
  height: 100%;
}
.up-goods-sku__header__info[data-v-03f47ab6] {
  flex: 1;
}
.up-goods-sku__header__info__price[data-v-03f47ab6] {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0.625rem;
}
.up-goods-sku__header__info__price__symbol[data-v-03f47ab6] {
  font-size: 0.75rem;
  color: #fa3534;
  margin-right: 0.125rem;
}
.up-goods-sku__header__info__price__value[data-v-03f47ab6] {
  font-size: 1.125rem;
  color: #fa3534;
  font-weight: bold;
}
.up-goods-sku__header__info__stock[data-v-03f47ab6] {
  font-size: 0.8125rem;
  color: #999;
  margin-bottom: 0.625rem;
}
.up-goods-sku__header__info__selected[data-v-03f47ab6] {
  font-size: 0.8125rem;
  color: #333;
}
.up-goods-sku__content[data-v-03f47ab6] {
  max-height: 18.75rem;
  padding: 0 0.9375rem 0.9375rem 0;
}
.up-goods-sku__content__item[data-v-03f47ab6] {
  margin-bottom: 0.9375rem;
}
.up-goods-sku__content__item__title[data-v-03f47ab6] {
  font-size: 0.875rem;
  color: #333;
  margin-bottom: 0.625rem;
}
.up-goods-sku__content__item__list[data-v-03f47ab6] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.up-goods-sku__content__item__list__item[data-v-03f47ab6] {
  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-03f47ab6] {
  border-color: #fa3534;
  color: #fa3534;
}
.up-goods-sku__content__item__list__item--disabled[data-v-03f47ab6] {
  color: #ccc;
  border-color: #eee;
}
.up-goods-sku__content__count[data-v-03f47ab6] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.625rem;
}
.up-goods-sku__content__count__title[data-v-03f47ab6] {
  font-size: 0.875rem;
  color: #333;
}
.up-goods-sku__footer[data-v-03f47ab6] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-grid-item[data-v-e3ff7c16] {
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  box-sizing: border-box;
  display: flex;
}
.u-grid-item--hover-class[data-v-e3ff7c16] {
  opacity: 0.5;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-grid[data-v-4f3e06c0] {
  justify-content: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  display: grid !important;
  grid-gap: var(--3fb6136e);
  grid-template-columns: repeat(var(--3fb62e1a), minmax(0, 1fr));
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-image[data-v-fb00dbba] {
  position: relative;
  transition: opacity 0.5s ease-in-out;
}
.u-image__image[data-v-fb00dbba] {
  width: 100%;
  height: 100%;
}
.u-image__loading[data-v-fb00dbba], .u-image__error[data-v-fb00dbba] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-keyboard[data-v-dca35360] {
  display: flex;
  flex-direction: row;
  flex-direction: row;
  justify-content: space-around;
  background-color: rgb(224, 228, 230);
  flex-wrap: wrap;
  padding: 8px 0.3125rem 8px 0.3125rem;
}
.u-keyboard__button-wrapper[data-v-dca35360] {
  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-dca35360] {
  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-dca35360] {
  font-size: 20px;
  font-weight: 500;
  color: #303133;
}
.u-keyboard__button-wrapper__button--gray[data-v-dca35360] {
  background-color: rgb(200, 202, 210);
}
.u-hover-class[data-v-dca35360] {
  background-color: #BBBCC6;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-keyboard__tooltip[data-v-450e1769] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: #FFFFFF;
  padding: 14px 12px;
}
.u-keyboard__tooltip__item[data-v-450e1769] {
  color: #333333;
  flex: 1;
  text-align: center;
  font-size: 15px;
}
.u-keyboard__tooltip__submit[data-v-450e1769] {
  text-align: right;
  color: #3c9cff;
}
.u-keyboard__tooltip__cancel[data-v-450e1769] {
  text-align: left;
  color: #888888;
}
.u-keyboard__tooltip__tips[data-v-450e1769] {
  color: #909193;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-wrap[data-v-ef410ef7] {
  background-color: #eee;
  overflow: hidden;
}
.u-lazy-item[data-v-ef410ef7] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-line-progress[data-v-d551b804] {
  align-items: stretch;
  position: relative;
  display: flex;
  flex-direction: row;
  flex: 1;
  overflow: hidden;
  border-radius: 100px;
}
.u-line-progress__background[data-v-d551b804] {
  background-color: #ececec;
  border-radius: 100px;
  flex: 1;
}
.u-line-progress__line[data-v-d551b804] {
  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-d551b804] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 *//**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-list[data-v-7ee5985a] {
  display: flex;
  flex-direction: column;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-loading-page[data-v-af8baba8] {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.u-loading-page__warpper[data-v-af8baba8] {
  margin-top: -150px;
  justify-content: center;
  align-items: center;
  color: rgb(200, 200, 200);
  font-size: 19px;
  display: flex;
  flex-direction: column;
}
.u-loading-page__warpper__loading-icon[data-v-af8baba8] {
  margin-bottom: 10px;
}
.u-loading-page__warpper__loading-icon__img[data-v-af8baba8] {
  width: 40px;
  height: 40px;
}
.u-loading-page__warpper__text[data-v-af8baba8] {
  font-size: 19px;
  color: rgb(200, 200, 200);
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-loadmore[data-v-4d53dbf5] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.u-loadmore__content[data-v-4d53dbf5] {
  margin: 0 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.u-loadmore__content__icon-wrap[data-v-4d53dbf5] {
  margin-right: 8px;
}
.u-loadmore__content__text[data-v-4d53dbf5] {
  font-size: 14px;
  color: #606266;
}
.u-loadmore__content__dot-text[data-v-4d53dbf5] {
  font-size: 15px;
  color: #909193;
}
/* a 标签默认效果 */
._a[data-v-719a8991] {
  padding: 1.5px 0 1.5px 0;
  color: #366092;
  word-break: break-all;
}

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

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

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









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

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


/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.up-markdown[data-v-02c67532] {
  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-02c67532] h1 {
  font-size: 32px;
  margin: 8px 0;
  font-weight: bold;
}
.up-markdown[data-v-02c67532] h2 {
  font-size: 24px;
  margin: 8px 0;
  font-weight: bold;
}
.up-markdown[data-v-02c67532] h3 {
  font-size: 18px;
  margin: 7px 0;
  font-weight: bold;
}
.up-markdown[data-v-02c67532] h4 {
  font-size: 16px;
  margin: 7px 0;
  font-weight: bold;
}
.up-markdown[data-v-02c67532] h5 {
  font-size: 13px;
  margin: 6px 0;
  font-weight: bold;
}
.up-markdown[data-v-02c67532] h6 {
  font-size: 10px;
  margin: 5px 0;
  font-weight: bold;
}
.up-markdown[data-v-02c67532] {
  /* 段落样式 */
}
.up-markdown[data-v-02c67532] p {
  margin: 16px 0;
}
.up-markdown[data-v-02c67532] {
  /* 链接样式 */
}
.up-markdown[data-v-02c67532] a {
  color: #007AFF;
  text-decoration: none;
}
.up-markdown[data-v-02c67532] a:hover {
  text-decoration: underline;
}
.up-markdown[data-v-02c67532] {
  /* 列表样式 */
}
.up-markdown[data-v-02c67532] ul,
.up-markdown[data-v-02c67532] ol {
  margin: 16px 0;
  padding-left: 32px;
}
.up-markdown[data-v-02c67532] ul li,
.up-markdown[data-v-02c67532] ol li {
  margin: 8px 0;
}
.up-markdown[data-v-02c67532] ul li {
  list-style-type: disc;
}
.up-markdown[data-v-02c67532] ol li {
  list-style-type: decimal;
}
.up-markdown[data-v-02c67532] {
  /* 引用样式 */
}
.up-markdown[data-v-02c67532] blockquote {
  margin: 8px 0;
  padding: 0 10px;
  border-left: 4px solid #ccc;
  color: #666;
}
.up-markdown[data-v-02c67532] {
  /* 代码样式 */
}
[data-v-02c67532] .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-02c67532] .code-lang {
  width: 100%;
  overflow-x: auto;
}
.up-markdown[data-v-02c67532] 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-02c67532] pre ::v-deep code {
  background: none;
  padding: 0;
}
.up-markdown[data-v-02c67532] {
  /* 表格样式 */
}
.up-markdown[data-v-02c67532] table {
  border-collapse: collapse;
  margin: 16px 0;
  width: 100%;
}
.up-markdown[data-v-02c67532] table th,
.up-markdown[data-v-02c67532] table td {
  padding: 6px 13px;
  border: 1px solid #dfe2e5;
}
.up-markdown[data-v-02c67532] table th {
  font-weight: 600;
}
.up-markdown[data-v-02c67532] table tr:nth-child(2n) {
  background-color: #f6f8fa;
}
.up-markdown[data-v-02c67532] {
  /* 图片样式 */
}
.up-markdown[data-v-02c67532] img {
  max-width: 100%;
  box-sizing: content-box;
  background-color: #fff;
  margin: 16px 0;
}
.up-markdown[data-v-02c67532] {
  /* 分割线样式 */
}
.up-markdown[data-v-02c67532] hr {
  height: 1px;
  padding: 0;
  margin: 24px 0;
  background-color: #e1e4e8;
  border: 0;
}
.up-markdown[data-v-02c67532] {
  /* 深色主题 */
}
.up-markdown.dark[data-v-02c67532] {
  color: #ccc;
  background-color: #1e1e1e;
}
[data-v-02c67532] .up-markdown.dark-code {
  background-color: #2d2d2d;
  color: #dcdcdc;
}
.up-markdown.dark[data-v-02c67532] pre {
  background-color: #2d2d2d;
  color: #dcdcdc;
}
.up-markdown.dark[data-v-02c67532] blockquote {
  margin: 8px 0;
  padding: 0 10px;
  border-left: 4px solid #ccc;
  color: #bbb;
}
.up-markdown.dark[data-v-02c67532] a {
  color: #4da6ff;
}

/* 代码块行号样式 */
[data-v-02c67532] .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;
     -moz-user-select: none;
          user-select: none;
}
[data-v-02c67532] .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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
@keyframes breathe-8e923d37 {
0% {
    opacity: 0.3;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0.3;
}
}
.u-char-box[data-v-8e923d37] {
  text-align: center;
}
.u-char-flex[data-v-8e923d37] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
}
.u-input[data-v-8e923d37] {
  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-8e923d37] {
  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-8e923d37] {
  border: none;
}
.u-box[data-v-8e923d37] {
  box-sizing: border-box;
  border: 0.0625rem solid #cccccc;
  border-radius: 0.1875rem;
}
.u-box-active[data-v-8e923d37] {
  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-8e923d37] {
  background: #3c9cff;
}
.u-breathe[data-v-8e923d37] {
  animation: breathe-8e923d37 2s infinite ease;
}
.u-placeholder-line[data-v-8e923d37] {
  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-8e923d37] {
  animation-name: breathe-8e923d37;
}
.u-dot[data-v-8e923d37] {
  font-size: 1.0625rem;
  line-height: 1.0625rem;
}
.u-middle-line[data-v-8e923d37] {
  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-8e923d37] {
  background: #3c9cff;
}
.u-bottom-line[data-v-8e923d37] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-navbar-mini__inner[data-v-24a015a3] {
  width: 5.625rem;
  overflow: hidden;
}
.u-navbar-mini--fixed[data-v-24a015a3] {
  position: fixed;
  left: 20px;
  right: 0;
  top: 10px;
  z-index: 11;
}
.u-navbar-mini__content[data-v-24a015a3] {
  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-24a015a3] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-navbar-mini__content__left--hover[data-v-24a015a3] {
  opacity: 0.7;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-navbar--fixed[data-v-c82aef97] {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 11;
}
.u-navbar__content[data-v-c82aef97] {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 44px;
  background-color: #9acafc;
  position: relative;
  justify-content: center;
}
.u-navbar__content__left[data-v-c82aef97], .u-navbar__content__right[data-v-c82aef97] {
  padding: 0 13px;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-navbar__content__left[data-v-c82aef97] {
  left: 0;
}
.u-navbar__content__left--hover[data-v-c82aef97] {
  opacity: 0.7;
}
.u-navbar__content__left__text[data-v-c82aef97] {
  font-size: 15px;
  margin-left: 3px;
}
.u-navbar__content__title[data-v-c82aef97] {
  text-align: center;
  font-size: 16px;
  color: #303133;
}
.u-navbar__content__right[data-v-c82aef97] {
  right: 0;
}
.u-navbar__content__right__text[data-v-c82aef97] {
  font-size: 15px;
  margin-left: 3px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-no-network[data-v-398abc8f] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -100px;
}
.u-no-network__tips[data-v-398abc8f] {
  color: #909193;
  font-size: 14px;
  margin-top: 15px;
}
.u-no-network__app[data-v-398abc8f] {
  display: flex;
  flex-direction: row;
  margin-top: 6px;
}
.u-no-network__app__setting[data-v-398abc8f] {
  color: #c0c4cc;
  font-size: 13px;
}
.u-no-network__app__to-setting[data-v-398abc8f] {
  font-size: 13px;
  color: #3c9cff;
  margin-left: 3px;
}
.u-no-network__retry[data-v-398abc8f] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-notice[data-v-1b3eeab9] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.u-notice__left-icon[data-v-1b3eeab9] {
  align-items: center;
  margin-right: 5px;
}
.u-notice__right-icon[data-v-1b3eeab9] {
  margin-left: 5px;
  align-items: center;
}
.u-notice__content[data-v-1b3eeab9] {
  text-align: right;
  flex: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
}
.u-notice__content__text[data-v-1b3eeab9] {
  font-size: 14px;
  color: #f9ae3d;
  padding-left: 100%;
  word-break: keep-all;
  white-space: nowrap;
  animation: u-loop-animation-1b3eeab9 10s linear infinite both;
  display: flex;
  flex-direction: row;
}
@keyframes u-loop-animation-1b3eeab9 {
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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-notice-bar[data-v-2867a812] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-notify[data-v-6737e5d3] {
  padding: 8px 10px;
}
.u-notify__warpper[data-v-6737e5d3] {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.u-notify__warpper__text[data-v-6737e5d3] {
  font-size: 15px;
  text-align: center;
}
.u-notify--primary[data-v-6737e5d3] {
  background-color: #3c9cff;
}
.u-notify--success[data-v-6737e5d3] {
  background-color: #5ac725;
}
.u-notify--error[data-v-6737e5d3] {
  background-color: #f56c6c;
}
.u-notify--warning[data-v-6737e5d3] {
  background-color: #f9ae3d;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-pagination[data-v-e1093c2b] {
  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-e1093c2b] {
  margin-right: 10px;
}
.u-pagination .u-pagination-sizes[data-v-e1093c2b] {
  margin-right: 10px;
  padding: 4px 4px;
  border: 0.03125rem solid #dcdfe6;
  border-radius: 4px;
}
.u-pagination .u-pagination-btn[data-v-e1093c2b] {
  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-e1093c2b] {
  opacity: 0.5;
}
.u-pagination .u-pagination-item[data-v-e1093c2b] {
  margin: 0 2px;
  padding: 4px 8px;
  border-radius: 4px;
}
.u-pagination .u-pagination-item.active[data-v-e1093c2b] {
  background-color: #409eff;
  color: white;
}
.u-pagination .u-pagination-jumper[data-v-e1093c2b] {
  width: 40px;
  height: 28px;
  margin: 0 5px;
  padding: 0 5px;
  border: 0.03125rem solid #dcdfe6;
  border-radius: 4px;
  font-size: 14px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 *//**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-picker-data__trigger[data-v-389db455] {
  position: relative;
}
.u-picker-data__trigger__cover[data-v-389db455] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-tooltip[data-v-d173c5a5] {
  position: relative;
  display: flex;
  flex-direction: row;
}
.u-tooltip__wrapper[data-v-d173c5a5] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  white-space: nowrap;
}
.u-tooltip__wrapper__text[data-v-d173c5a5] {
  font-size: 14px;
}
.u-tooltip__wrapper__popup[data-v-d173c5a5] {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.u-tooltip__wrapper__popup__list[data-v-d173c5a5] {
  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-d173c5a5] {
  padding: 11px 13px;
}
.u-tooltip__wrapper__popup__list__btn--hover[data-v-d173c5a5] {
  background-color: #58595B;
}
.u-tooltip__wrapper__popup__list__btn__text[data-v-d173c5a5] {
  line-height: 12px;
  font-size: 13px;
  color: #FFFFFF;
}
.u-tooltip__wrapper__popup__indicator[data-v-d173c5a5] {
  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-d173c5a5] {
  background-color: #58595B;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.up-popover__content[data-v-de70b865] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-qrcode__loading[data-v-f44aaef6] {
  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-f44aaef6] {
  position: relative;
}
.u-qrcode__content__canvas[data-v-f44aaef6] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.up-poster[data-v-7a9b18c9] {
  position: relative;
}
.up-poster__canvas[data-v-7a9b18c9] {
  position: relative;
  overflow: hidden;
}
.up-poster__hidden-canvas[data-v-7a9b18c9] {
  position: fixed;
  top: -10000px;
  left: -10000px;
  z-index: -1;
}
.up-poster__hidden-qrcode[data-v-7a9b18c9] {
  position: fixed;
  top: -10000px;
  left: -10000px;
  z-index: -1;
}
.up-poster__hidden-qrcode--hidden[data-v-7a9b18c9] {
  display: none;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-pull-refresh[data-v-ce9e2ded] {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.refresh-area[data-v-ce9e2ded] {
  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-ce9e2ded] {
  height: 100%;
  transition: transform 0.2s ease-out;
}
.scroll-wrapper[data-v-ce9e2ded] {
  height: 100%;
}
.refresh-content[data-v-ce9e2ded] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-bottom: 10px;
}
.spinner[data-v-ce9e2ded] {
  width: 16px;
  height: 16px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #666;
  border-radius: 50%;
  animation: spin-ce9e2ded 1s linear infinite;
}
@keyframes spin-ce9e2ded {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.refresh-text[data-v-ce9e2ded] {
  font-size: 14px;
  color: #666;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-radio-group[data-v-18ffa7d5] {
  flex: 1;
}
.u-radio-group--row[data-v-18ffa7d5] {
  display: flex;
  flex-flow: row wrap;
}
.u-radio-group--column[data-v-18ffa7d5] {
  display: flex;
  flex-direction: column;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-radio[data-v-0de11db6] {
  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-0de11db6] {
  flex-direction: row;
}
.u-radio-label--right[data-v-0de11db6] {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.u-radio__icon-wrap[data-v-0de11db6] {
  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-0de11db6] {
  border-radius: 100%;
}
.u-radio__icon-wrap--square[data-v-0de11db6] {
  border-radius: 3px;
}
.u-radio__icon-wrap--checked[data-v-0de11db6] {
  color: #fff;
  background-color: red;
  border-color: #2979ff;
}
.u-radio__icon-wrap--disabled[data-v-0de11db6] {
  background-color: #ebedf0 !important;
}
.u-radio__icon-wrap--disabled--checked[data-v-0de11db6] {
  color: #c8c9cc !important;
}
.u-radio__label[data-v-0de11db6] {
  word-wrap: break-word;
  margin-left: 5px;
  margin-right: 12px;
  color: #606266;
  font-size: 15px;
}
.u-radio__label--disabled[data-v-0de11db6] {
  color: #c8c9cc;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-rate[data-v-170d13b0] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0;
  padding: 0;
  touch-action: none;
}
.u-rate__content[data-v-170d13b0] {
  display: flex;
  flex-direction: row;
}
.u-rate__content__item[data-v-170d13b0] {
  position: relative;
}
.u-rate__content__item__icon-wrap--half[data-v-170d13b0] {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}
.up-icon[data-v-170d13b0] {
  box-sizing: border-box;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-read-more__content[data-v-02f1b018] {
  overflow: hidden;
  color: #606266;
  font-size: 15px;
  text-align: left;
}
.u-read-more__toggle[data-v-02f1b018] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
}
.u-read-more__toggle__text[data-v-02f1b018] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-virtual-list[data-v-3ad5e4d9] {
  position: relative;
  overflow: hidden;
}
.virtual-scroll-container[data-v-3ad5e4d9] {
  height: 100%;
}
.scroll-content[data-v-3ad5e4d9] {
  position: relative;
}
.list-item[data-v-3ad5e4d9] {
  will-change: transform;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-row[data-v-2c4944cc] {
  display: flex;
  flex-direction: row;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-scroll-list[data-v-d8bc4a02] {
  padding-bottom: 10px;
}
.u-scroll-list__scroll-view[data-v-d8bc4a02] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.u-scroll-list__scroll-view__content[data-v-d8bc4a02] {
  display: flex;
  flex-direction: row;
}
.u-scroll-list__indicator[data-v-d8bc4a02] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 15px;
}
.u-scroll-list__indicator__line[data-v-d8bc4a02] {
  width: 60px;
  height: 4px;
  border-radius: 100px;
  overflow: hidden;
}
.u-scroll-list__indicator__line__bar[data-v-d8bc4a02] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[type=search][data-v-2454bd85]::-webkit-search-decoration {
  display: none;
}
.u-search[data-v-2454bd85] {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
}
.u-search__content[data-v-2454bd85] {
  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-2454bd85] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-search__content__label[data-v-2454bd85] {
  color: #303133;
  font-size: 14px;
  margin: 0 4px;
}
.u-search__content__close[data-v-2454bd85] {
  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-2454bd85] {
  flex: 1;
  font-size: 14px;
  line-height: 1;
  margin: 0 5px;
  color: #303133;
}
.u-search__content__input--placeholder[data-v-2454bd85] {
  color: #909193;
}
.u-search__action[data-v-2454bd85] {
  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-2454bd85] {
  width: 40px;
  margin-left: 5px;
}
.u-search__reverse .u-search__content__icon[data-v-2454bd85] {
  order: 3;
}
.u-search__reverse .u-search__content__close[data-v-2454bd85] {
  order: 2;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-select__content[data-v-a7568995] {
  position: relative;
}
.u-select__content .u-select__label[data-v-a7568995] {
  display: flex;
  justify-content: space-between;
}
.u-select__content .u-select__label[data-v-a7568995]:hover {
  cursor: pointer;
}
.u-select__content .u-select__text[data-v-a7568995] {
  margin-right: 2px;
}
.u-select__content .u-select__options__wrap[data-v-a7568995] {
  margin-bottom: 46px;
  position: absolute;
  top: 20px;
  left: 0;
}
.u-select__content .u-select__options[data-v-a7568995] {
  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-a7568995] {
  padding: 10px 12px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.u-select__content .u-select__options .u-select__options_item[data-v-a7568995]:hover {
  background-color: #f7f7f7;
}
.u-select__content .u-select__options .u-select__options_item[data-v-a7568995]:hover {
  cursor: pointer;
}
.u-select__content .u-select__options .u-select__options_item .u-select__item_text[data-v-a7568995]:hover {
  cursor: pointer;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-slider[data-v-e2639308] {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-slider__native[data-v-e2639308] {
  flex: 1;
}
.u-slider-inner[data-v-e2639308] {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 999px;
  padding: 10px 18px;
  justify-content: center;
}
.u-slider__show-value[data-v-e2639308] {
  margin: 10px 18px 10px 0px;
}
.u-slider__show-range-value[data-v-e2639308] {
  padding-top: 2px;
  font-size: 12px;
  line-height: 12px;
  position: absolute;
  bottom: 0;
}
.u-slider__base[data-v-e2639308] {
  background-color: #ebedf0;
}
.u-slider-inner[data-v-e2639308]:before {
  position: absolute;
  right: 0;
  left: 0;
  content: "";
  top: -8px;
  bottom: -8px;
  z-index: -1;
}
.u-slider__gap[data-v-e2639308] {
  position: relative;
  border-radius: 999px;
  transition: width 0.2s;
  background-color: #1989fa;
}
.u-slider__button[data-v-e2639308] {
  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-e2639308] {
  position: absolute;
}
.u-slider--disabled[data-v-e2639308] {
  opacity: 0.5;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-tabbar-item[data-v-822980de] {
  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-822980de] {
  display: flex;
  flex-direction: row;
  position: relative;
  width: 4.6875rem;
  justify-content: center;
}
.u-tabbar-item__text[data-v-822980de] {
  margin-top: 2px;
  font-size: 12px;
  color: #606266;
}
.u-tabbar-item--mid-button[data-v-822980de] {
  transform: translateY(-10px);
}
.u-tabbar-item--mid-button-cover[data-v-822980de] {
  background-color: #fff;
  position: absolute;
  top: 22px;
  left: -10px;
  width: 90px;
  bottom: 0;
}
.u-tabbar-item__icon--mid-button[data-v-822980de] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-tabbar[data-v-97f7a5f4] {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
}
.u-tabbar__content[data-v-97f7a5f4] {
  display: flex;
  flex-direction: column;
  background-color: #fff;
}
.u-tabbar__content__item-wrapper[data-v-97f7a5f4] {
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.u-tabbar--fixed[data-v-97f7a5f4] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-short-video[data-v-4dd529e9] {
  width: 100%;
  height: 100vh;
  position: relative;
}
.u-short-video__header[data-v-4dd529e9] {
  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-4dd529e9], .u-short-video__header__search[data-v-4dd529e9] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.u-short-video__header__tabs[data-v-4dd529e9] {
  flex: 1;
  margin: 0 10px;
}
.u-short-video__content[data-v-4dd529e9] {
  width: 100%;
  height: 100%;
}
.u-short-video__content__item[data-v-4dd529e9] {
  width: 100%;
  height: 100%;
  position: relative;
}
.u-short-video__content__video[data-v-4dd529e9] {
  width: 100%;
  height: 100%;
  position: relative;
}
.u-short-video__content__video__speed[data-v-4dd529e9] {
  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-4dd529e9] {
  color: #fff;
  font-size: 12px;
  margin-right: 4px;
}
.u-short-video__content__author[data-v-4dd529e9] {
  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-4dd529e9] {
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.u-short-video__content__author__name[data-v-4dd529e9] {
  color: #eee;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}
.u-short-video__content__author__desc[data-v-4dd529e9] {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
}
.u-short-video__content__author__follow[data-v-4dd529e9] {
  margin-left: 15px;
}
.u-short-video__content__actions[data-v-4dd529e9] {
  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-4dd529e9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
  color: #fff;
}
.u-short-video__content__actions__text[data-v-4dd529e9] {
  color: #fff;
  font-size: 12px;
  margin-top: 5px;
}
.u-short-video__footer[data-v-4dd529e9] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-signature[data-v-bcadd0b1] {
  display: flex;
  flex-direction: column;
}
.u-signature__canvas-wrap[data-v-bcadd0b1] {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
}
.u-signature__canvas[data-v-bcadd0b1] {
  width: 100%;
  height: 100%;
}
.u-signature__toolbar[data-v-bcadd0b1] {
  margin-top: 5px;
  background-color: #fff;
}
.u-signature__toolbar-icons[data-v-bcadd0b1] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1px 0;
  border-radius: 4px;
}
.u-signature__toolbar-icon[data-v-bcadd0b1] {
  padding: 5px;
}
.u-signature__brush-settings[data-v-bcadd0b1], .u-signature__color-settings[data-v-bcadd0b1] {
  margin-top: 15px;
  padding: 1px;
  border-radius: 4px;
}
.u-signature__progress-label[data-v-bcadd0b1] {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #999;
}
.u-signature__color-picker[data-v-bcadd0b1] {
  margin-bottom: 10px;
}
.u-signature__color-label[data-v-bcadd0b1] {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #999;
}
.u-signature__colors[data-v-bcadd0b1] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
.u-signature__color-item[data-v-bcadd0b1] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #f0f0f0;
  cursor: pointer;
}
.u-signature__color-item--active[data-v-bcadd0b1] {
  border-color: #2979ff;
  transform: scale(1.1);
}
.u-signature__actions[data-v-bcadd0b1] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-skeleton[data-v-c5e38ba4] {
  flex: 1;
}
.u-skeleton__wrapper[data-v-c5e38ba4] {
  display: flex;
  flex-direction: row;
}
.u-skeleton__wrapper__avatar[data-v-c5e38ba4] {
  background: linear-gradient(90deg, #F1F2F4 25%, #e6e6e6 37%, #F1F2F4 50%);
  background-size: 400% 100%;
  margin-right: 15px;
}
.u-skeleton__wrapper__avatar--circle[data-v-c5e38ba4] {
  border-radius: 100px;
}
.u-skeleton__wrapper__avatar--square[data-v-c5e38ba4] {
  border-radius: 4px;
}
.u-skeleton__wrapper__content[data-v-c5e38ba4] {
  flex: 1;
}
.u-skeleton__wrapper__content__rows[data-v-c5e38ba4], .u-skeleton__wrapper__content__title[data-v-c5e38ba4] {
  background: linear-gradient(90deg, #F1F2F4 25%, #e6e6e6 37%, #F1F2F4 50%);
  background-size: 400% 100%;
  border-radius: 3px;
}
.animate[data-v-c5e38ba4] {
  animation: skeleton-c5e38ba4 1.8s ease infinite;
}
@keyframes skeleton-c5e38ba4 {
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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 *//**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-swipe-action-item[data-v-30605ee9] {
  position: relative;
  overflow: hidden;
  touch-action: pan-y;
}
.u-swipe-action-item__content[data-v-30605ee9] {
  transform: translateX(0px);
  background-color: #FFFFFF;
  z-index: 10;
}
.u-swipe-action-item__right[data-v-30605ee9] {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: row;
}
.u-swipe-action-item__right__button[data-v-30605ee9] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  overflow: hidden;
  align-items: center;
}
.u-swipe-action-item__right__button__wrapper[data-v-30605ee9] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
}
.u-swipe-action-item__right__button__wrapper__text[data-v-30605ee9] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-swiper-indicator__wrapper[data-v-d9c94103] {
  display: flex;
  flex-direction: row;
}
.u-swiper-indicator__wrapper--line[data-v-d9c94103] {
  border-radius: 100px;
  height: 4px;
}
.u-swiper-indicator__wrapper--line__bar[data-v-d9c94103] {
  width: 22px;
  height: 4px;
  border-radius: 100px;
  background-color: #FFFFFF;
  transition: transform 0.3s;
}
.u-swiper-indicator__wrapper__dot[data-v-d9c94103] {
  width: 5px;
  height: 5px;
  border-radius: 100px;
  margin: 0 4px;
}
.u-swiper-indicator__wrapper__dot--active[data-v-d9c94103] {
  width: 12px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-swiper__wrapper[data-v-1fc5bda9] {
  flex: 1;
}
.u-swiper[data-v-1fc5bda9] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.u-swiper__wrapper[data-v-1fc5bda9] {
  flex: 1;
}
.u-swiper__wrapper__item[data-v-1fc5bda9] {
  flex: 1;
}
.u-swiper__wrapper__item__wrapper[data-v-1fc5bda9] {
  display: flex;
  flex-direction: row;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s;
  flex: 1;
}
.u-swiper__wrapper__item__wrapper__image[data-v-1fc5bda9] {
  flex: 1;
}
.u-swiper__wrapper__item__wrapper__video[data-v-1fc5bda9] {
  flex: 1;
}
.u-swiper__wrapper__item__wrapper__title[data-v-1fc5bda9] {
  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-1fc5bda9] {
  position: absolute;
  bottom: 10px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-switch[data-v-bba54bb5] {
  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-bba54bb5] {
  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-bba54bb5] {
  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-bba54bb5] {
  opacity: 0.6;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-table-row[data-v-50013185] {
  display: flex;
  flex-direction: row;
  position: relative;
}
.u-table-border[data-v-50013185] {
  border-top: 1px solid #ebeef5;
  border-left: 1px solid #ebeef5;
  border-right: 1px solid #ebeef5;
}
.u-table-border .u-table-cell[data-v-50013185] {
  border-right: 1px solid #ebeef5;
}
.u-table-border .u-table-cell[data-v-50013185]:last-child {
  border-right: none;
}
.u-table-cell[data-v-50013185] {
  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-50013185] {
  justify-content: flex-start;
  text-align: left;
}
.u-table-cell.u-text-center[data-v-50013185] {
  justify-content: center;
  text-align: center;
}
.u-table-cell.u-text-right[data-v-50013185] {
  justify-content: flex-end;
  text-align: right;
}
.u-table-row-zebra[data-v-50013185] {
  background-color: #fafafa;
}
.u-table-row-highlight[data-v-50013185] {
  background-color: #f5f7fa;
}
.u-table-empty[data-v-50013185] {
  text-align: center;
  padding: 20px;
  color: #999;
}
.u-table-cell-hidden[data-v-50013185] {
  opacity: 0;
}
.u-table-cell-merged[data-v-50013185] {
  z-index: 1;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-table2[data-v-c08c6352] {
  width: auto;
  overflow: auto;
  white-space: nowrap;
  position: relative;
}
.u-table2 .u-table-header[data-v-c08c6352] {
  min-width: 100% !important;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #f5f7fa;
}
.u-table2 .u-table-body[data-v-c08c6352] {
  min-width: 100% !important;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.u-table2 .u-table-sticky[data-v-c08c6352] {
  position: sticky;
  top: 0;
  z-index: 10;
}
.u-table2 .u-table-row[data-v-c08c6352] {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  position: relative;
}
.u-table2.u-table-border[data-v-c08c6352] {
  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-c08c6352] {
  border-right: 1px solid #ebeef5;
}
.u-table2.u-table-border .u-table-cell[data-v-c08c6352]:last-child {
  border-right: none;
}
.u-table2 .u-table-cell[data-v-c08c6352] {
  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-c08c6352] {
  justify-content: flex-start;
  text-align: left;
}
.u-table2 .u-table-cell.u-text-center[data-v-c08c6352] {
  justify-content: center;
  text-align: center;
}
.u-table2 .u-table-cell.u-text-right[data-v-c08c6352] {
  justify-content: flex-end;
  text-align: right;
}
.u-table2 .u-table-row-zebra[data-v-c08c6352] {
  background-color: #fafafa;
}
.u-table2 .u-table-row-highlight[data-v-c08c6352] {
  background-color: #f5f7fa;
}
.u-table2 .u-table-empty[data-v-c08c6352] {
  text-align: center;
  padding: 20px;
  color: #999;
}
.u-table-fixed-shadow[data-v-c08c6352] {
  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-c08c6352] {
  border-right: 0.03125rem solid #ebeef5;
}
.u-table-fixed-shadow .u-table-border .u-table-cell[data-v-c08c6352]:last-child {
  border-right: none;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-td[data-v-98de8bba] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-textarea[data-v-924f8e40] {
  border-radius: 4px;
  background-color: #fff;
  position: relative;
  display: flex;
  flex-direction: row;
  flex: 1;
  padding: 9px;
}
.u-textarea--radius[data-v-924f8e40] {
  border-radius: 4px;
}
.u-textarea--no-radius[data-v-924f8e40] {
  border-radius: 0;
}
.u-textarea--disabled[data-v-924f8e40] {
  background-color: #f5f7fa;
}
.u-textarea__field[data-v-924f8e40] {
  flex: 1;
  font-size: 15px;
  color: #606266;
  width: 100%;
}
.u-textarea__count[data-v-924f8e40] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-th[data-v-cd11c63e] {
  display: flex;
  flex-direction: row;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  font-size: 0.875rem;
  color: #303133;
  font-weight: bold;
  background-color: rgb(245, 246, 248);
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-title .u-title-prefix[data-v-09c9dbad] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-toast__content[data-v-1c5db174] {
  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-1c5db174] {
  flex-direction: column;
  padding: 20px 20px;
}
.u-toast__content__text[data-v-1c5db174] {
  color: #fff;
  font-size: 15px;
  line-height: 15px;
}
.u-toast__content__text--default[data-v-1c5db174] {
  color: #fff;
}
.u-toast__content__text--error[data-v-1c5db174] {
  color: #f56c6c;
}
.u-toast__content__text--primary[data-v-1c5db174] {
  color: #3c9cff;
}
.u-toast__content__text--success[data-v-1c5db174] {
  color: #5ac725;
}
.u-toast__content__text--warning[data-v-1c5db174] {
  color: #f9ae3d;
}
.u-type-primary[data-v-1c5db174] {
  color: #3c9cff;
  background-color: #ecf5ff;
  border-color: rgb(215, 234, 254);
  border-width: 1px;
}
.u-type-success[data-v-1c5db174] {
  color: #5ac725;
  background-color: #dbf1e1;
  border-color: #BEF5C8;
  border-width: 1px;
}
.u-type-error[data-v-1c5db174] {
  color: #f56c6c;
  background-color: #fef0f0;
  border-color: #fde2e2;
  border-width: 1px;
}
.u-type-warning[data-v-1c5db174] {
  color: #f9ae3d;
  background-color: #fdf6ec;
  border-color: #faecd8;
  border-width: 1px;
}
.u-type-default[data-v-1c5db174] {
  color: #fff;
  background-color: #585858;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-tr[data-v-f38d8851] {
  display: flex;
  flex-direction: row;
}
.u-tree-node-content[data-v-03ce30df] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 20px;
}
.u-tree-node-toggle[data-v-03ce30df] {
  margin-right: 5px;
}

.u-tree[data-v-9e52eefc] {
  font-size: 0.875rem;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-upload[data-v-d5116e32] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.u-upload__wrap[data-v-d5116e32] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1;
}
.u-upload__wrap__preview[data-v-d5116e32] {
  border-radius: 2px;
  margin: 0 8px 8px 0;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: row;
}
.u-upload__wrap__preview__image[data-v-d5116e32] {
  width: 80px;
  height: 80px;
}
.u-upload__wrap__preview__video[data-v-d5116e32], .u-upload__wrap__preview__other[data-v-d5116e32] {
  width: 80px;
  height: 80px;
  background-color: rgb(242, 242, 242);
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.u-upload__wrap__preview__video__text[data-v-d5116e32], .u-upload__wrap__preview__other__text[data-v-d5116e32] {
  font-size: 11px;
  color: #909193;
  margin-top: 2px;
}
.u-upload__wrap__play[data-v-d5116e32] {
  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-d5116e32] {
  background: #fff;
  border-radius: 100px;
  opacity: 0.8;
}
.u-upload__deletable[data-v-d5116e32] {
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgb(55, 55, 55);
  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-d5116e32] {
  position: absolute;
  transform: scale(0.7);
  top: 0px;
  right: 0px;
  top: 1px;
  right: 0;
}
.u-upload__success[data-v-d5116e32] {
  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-d5116e32] {
  position: absolute;
  transform: scale(0.7);
  bottom: -10px;
  right: -10px;
}
.u-upload__progress[data-v-d5116e32] {
  background-color: #3c9cff !important;
  position: absolute;
  bottom: 0;
  left: 0;
}
.u-upload__status[data-v-d5116e32] {
  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-d5116e32] {
  position: relative;
  z-index: 1;
}
.u-upload__status__message[data-v-d5116e32] {
  font-size: 12px;
  color: #FFFFFF;
  margin-top: 5px;
}
.u-upload__button[data-v-d5116e32] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background-color: rgb(244, 245, 247);
  border-radius: 2px;
  margin: 0 8px 8px 0;
  box-sizing: border-box;
}
.u-upload__button__text[data-v-d5116e32] {
  font-size: 11px;
  color: #909193;
  margin-top: 2px;
}
.u-upload__button--hover[data-v-d5116e32] {
  background-color: rgb(230, 231, 233);
}
.u-upload__button--disabled[data-v-d5116e32] {
  opacity: 0.5;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 *//**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-waterfall[data-v-9668b2b5] {
  display: flex;
  flex-direction: row;
  flex-direction: row;
  align-items: flex-start;
}
.u-column[data-v-9668b2b5] {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}
.u-column[data-v-9668b2b5]:not(:first-child) {
  margin-left: 0.3125rem;
}
.u-image[data-v-9668b2b5] {
  max-width: 100%;
}