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

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

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

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

uni-page-wrapper {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

.uni-async-loading .uni-loading {
  width: 30px;
  height: 30px;
}

/*每个页面公共css */
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-status-bar[data-v-82f993f8] {
  position: relative;
  --capsule-use-width: var(--4278f0a6);
  --capsule-margin-top: var(--1159769e);
  --capsule-height: var(--be244d66);
  --capsule-width: var(--464982f0);
  --capsule-right: var(--3def59c6);
  --status-bar-height: var(--187a9cbe);
  width: 100%;
}
.xl-status-bar__capsule[data-v-82f993f8] {
  position: fixed;
  right: var(--capsule-right);
  top: calc(var(--status-bar-height) + var(--capsule-margin-top));
  z-index: 10000000000000000;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(213, 212, 212, 0.5);
  height: var(--capsule-height);
  width: var(--capsule-width);
  border-radius: calc(var(--capsule-height) * 2);
  padding: 0.3125rem;
}
.xl-status-bar__capsule .xl-status-bar__capsule__btn[data-v-82f993f8] {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.xl-status-bar__capsule .xl-status-bar__capsule__btn .dot[data-v-82f993f8] {
  width: 0.1875rem;
  height: 0.1875rem;
  border-radius: 50%;
  background-color: black;
  margin-right: 0.20313rem;
}
.xl-status-bar__capsule .xl-status-bar__capsule__btn .dot.big[data-v-82f993f8] {
  width: 0.34375rem;
  height: 0.34375rem;
}
.xl-status-bar__capsule .xl-status-bar__capsule__btn .round[data-v-82f993f8] {
  width: 1.09375rem;
  height: 1.09375rem;
  border-radius: 50%;
  border: 0.13125rem solid black;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.21875rem;
  box-sizing: border-box;
}
.xl-status-bar__capsule .xl-status-bar__capsule__btn .round .inner-round[data-v-82f993f8] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: black;
}
.xl-status-bar__capsule .line[data-v-82f993f8] {
  height: 100%;
  width: 0.03125rem;
  background-color: rgba(0, 0, 0, 0.08);
  padding: 0.0625rem 0;
  box-sizing: border-box;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
@font-face {
  font-family: 'xingluo';
  src: url('https://at.alicdn.com/t/c/font_3676216_arz4wvrqxos.woff2?t=1763374758108') format('woff2'),
  url('https://at.alicdn.com/t/c/font_3676216_arz4wvrqxos.woff?t=1763374758108') format('woff'),
  url('https://at.alicdn.com/t/c/font_3676216_arz4wvrqxos.ttf?t=1763374758108') format('truetype');
}
.xingluo[data-v-0442dd1a] {
  font-family: "xingluo" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.xl-quick-login[data-v-0442dd1a]:before {
  content: "\e626";
}
.xl-phone-audit[data-v-0442dd1a]:before {
  content: "\e70a";
}
.xl-bankcard[data-v-0442dd1a]:before {
  content: "\e6a5";
}
.xl-jinjian[data-v-0442dd1a]:before {
  content: "\e74b";
}
.xl-switch[data-v-0442dd1a]:before {
  content: "\e61e";
}
.xl-quit[data-v-0442dd1a]:before {
  content: "\e7ed";
}
.xl-refresh-2[data-v-0442dd1a]:before {
  content: "\e61d";
}
.xl-pause-fill[data-v-0442dd1a]:before {
  content: "\e6a9";
}
.xl-play-prev[data-v-0442dd1a]:before {
  content: "\e75d";
}
.xl-play-next[data-v-0442dd1a]:before {
  content: "\e75e";
}
.xl-play-fill[data-v-0442dd1a]:before {
  content: "\e625";
}
.xl-yes-circle[data-v-0442dd1a]:before {
  content: "\e6f8";
}
.xl-refresh[data-v-0442dd1a]:before {
  content: "\e647";
}
.xl-time-fill[data-v-0442dd1a]:before {
  content: "\e640";
}
.xl-contact[data-v-0442dd1a]:before {
  content: "\e612";
}
.xl-copy[data-v-0442dd1a]:before {
  content: "\e615";
}
.xl-minus-bold[data-v-0442dd1a]:before {
  content: "\e689";
}
.xl-pause[data-v-0442dd1a]:before {
  content: "\e619";
}
.xl-liuliang[data-v-0442dd1a]:before {
  content: "\e60d";
}
.xl-play[data-v-0442dd1a]:before {
  content: "\e87c";
}
.xl-shezhi[data-v-0442dd1a]:before {
  content: "\e61c";
}
.xl-fabu[data-v-0442dd1a]:before {
  content: "\ec09";
}
.xl-yaoqing[data-v-0442dd1a]:before {
  content: "\e611";
}
.xl-product[data-v-0442dd1a]:before {
  content: "\e63c";
}
.xl-certify[data-v-0442dd1a]:before {
  content: "\e62e";
}
.xl-shangpin[data-v-0442dd1a]:before {
  content: "\e9fc";
}
.xl-statistics[data-v-0442dd1a]:before {
  content: "\e64a";
}
.xl-tiku[data-v-0442dd1a]:before {
  content: "\e635";
}
.xl-company[data-v-0442dd1a]:before {
  content: "\e68f";
}
.xl-wenda[data-v-0442dd1a]:before {
  content: "\e637";
}
.xl-navigation[data-v-0442dd1a]:before {
  content: "\e651";
}
.xl-add[data-v-0442dd1a]:before {
  content: "\e727";
}
.xl-minus[data-v-0442dd1a]:before {
  content: "\e729";
}
.xl-shop[data-v-0442dd1a]:before {
  content: "\e63a";
}
.xl-lipin[data-v-0442dd1a]:before {
  content: "\e617";
}
.xl-shouhou[data-v-0442dd1a]:before {
  content: "\e631";
}
.xl-wallet[data-v-0442dd1a]:before {
  content: "\e686";
}
.xl-collect[data-v-0442dd1a]:before {
  content: "\e650";
}
.xl-pay[data-v-0442dd1a]:before {
  content: "\e7a2";
}
.xl-delivery[data-v-0442dd1a]:before {
  content: "\e7a3";
}
.xl-review[data-v-0442dd1a]:before {
  content: "\e63d";
}
.xl-settle[data-v-0442dd1a]:before {
  content: "\fd64";
}
.xl-pack[data-v-0442dd1a]:before {
  content: "\e639";
}
.xl-bill[data-v-0442dd1a]:before {
  content: "\e653";
}
.xl-cart[data-v-0442dd1a]:before {
  content: "\e60b";
}
.xl-up-bold[data-v-0442dd1a]:before {
  content: "\ea61";
}
.xl-down-bold[data-v-0442dd1a]:before {
  content: "\ed07";
}
.xl-up-fill[data-v-0442dd1a]:before {
  content: "\e628";
}
.xl-down-fill[data-v-0442dd1a]:before {
  content: "\e818";
}
.xl-card[data-v-0442dd1a]:before {
  content: "\e638";
}
.xl-camera[data-v-0442dd1a]:before {
  content: "\e663";
}
.xl-add-bold[data-v-0442dd1a]:before {
  content: "\e685";
}
.xl-dizhi[data-v-0442dd1a]:before {
  content: "\e605";
}
.xl-dingwei[data-v-0442dd1a]:before {
  content: "\ec32";
}
.xl-footprint[data-v-0442dd1a]:before {
  content: "\e761";
}
.xl-fenlei[data-v-0442dd1a]:before {
  content: "\e6fd";
}
.xl-xiaoxi[data-v-0442dd1a]:before {
  content: "\e641";
}
.xl-ditu[data-v-0442dd1a]:before {
  content: "\e624";
}
.xl-scan[data-v-0442dd1a]:before {
  content: "\e8b5";
}
.xl-qrcode[data-v-0442dd1a]:before {
  content: "\e60a";
}
.xl-back-top[data-v-0442dd1a]:before {
  content: "\e64e";
}
.xl-phone[data-v-0442dd1a]:before {
  content: "\e678";
}
.xl-time[data-v-0442dd1a]:before {
  content: "\e610";
}
.xl-yijian[data-v-0442dd1a]:before {
  content: "\e690";
}
.xl-search[data-v-0442dd1a]:before {
  content: "\e603";
}
.xl-yes[data-v-0442dd1a]:before {
  content: "\e6b8";
}
.xl-dingyue[data-v-0442dd1a]:before {
  content: "\e63f";
}
.xl-kuaijin[data-v-0442dd1a]:before {
  content: "\e6b3";
}
.xl-kuaitui[data-v-0442dd1a]:before {
  content: "\e6b5";
}
.xl-beisu[data-v-0442dd1a]:before {
  content: "\e805";
}
.xl-bili[data-v-0442dd1a]:before {
  content: "\e633";
}
.xl-touying[data-v-0442dd1a]:before {
  content: "\e6b4";
}
.xl-quanping[data-v-0442dd1a]:before {
  content: "\e6bf";
}
.xl-liebiao[data-v-0442dd1a]:before {
  content: "\e613";
}
.xl-tuichuquanping[data-v-0442dd1a]:before {
  content: "\e6a4";
}
.xl-redo[data-v-0442dd1a]:before {
  content: "\e87a";
}
.xl-undo[data-v-0442dd1a]:before {
  content: "\e87b";
}
.xl-text[data-v-0442dd1a]:before {
  content: "\e604";
}
.xl-code[data-v-0442dd1a]:before {
  content: "\e716";
}
.xl-shangyibu[data-v-0442dd1a]:before {
  content: "\e6a7";
}
.xl-xiayibu[data-v-0442dd1a]:before {
  content: "\e6a8";
}
.xl-save[data-v-0442dd1a]:before {
  content: "\e618";
}
.xl-del[data-v-0442dd1a]:before {
  content: "\e657";
}
.xl-choice[data-v-0442dd1a]:before {
  content: "\e62b";
}
.xl-yiguoqi[data-v-0442dd1a]:before {
  content: "\e642";
}
.xl-yishiyong[data-v-0442dd1a]:before {
  content: "\e643";
}
.xl-hot-o[data-v-0442dd1a]:before {
  content: "\e600";
}
.xl-hot-fill[data-v-0442dd1a]:before {
  content: "\e64f";
}
.xl-msg[data-v-0442dd1a]:before {
  content: "\ea9c";
}
.xl-share-link[data-v-0442dd1a]:before {
  content: "\e623";
}
.xl-vip[data-v-0442dd1a]:before {
  content: "\e601";
}
.xl-weixin[data-v-0442dd1a]:before {
  content: "\e616";
}
.xl-calendar[data-v-0442dd1a]:before {
  content: "\e65c";
}
.xl-my[data-v-0442dd1a]:before {
  content: "\e60e";
}
.xl-like[data-v-0442dd1a]:before {
  content: "\e634";
}
.xl-news[data-v-0442dd1a]:before {
  content: "\e78e";
}
.xl-dianzan[data-v-0442dd1a]:before {
  content: "\e607";
}
.xl-dianzan-fill[data-v-0442dd1a]:before {
  content: "\e609";
}
.xl-success[data-v-0442dd1a]:before {
  content: "\e6d1";
}
.xl-praise-fill[data-v-0442dd1a]:before {
  content: "\e60c";
}
.xl-video[data-v-0442dd1a]:before {
  content: "\e78f";
}
.xl-plus-round[data-v-0442dd1a]:before {
  content: "\e74a";
}
.xl-check[data-v-0442dd1a]:before {
  content: "\e636";
}
.xl-show[data-v-0442dd1a]:before {
  content: "\e63e";
}
.xl-star[data-v-0442dd1a]:before {
  content: "\e621";
}
.xl-star-filled[data-v-0442dd1a]:before {
  content: "\e627";
}
.xl-tel[data-v-0442dd1a]:before {
  content: "\e602";
}
.xl-share[data-v-0442dd1a]:before {
  content: "\e614";
}
.xl-cai[data-v-0442dd1a]:before {
  content: "\e622";
}
.xl-about[data-v-0442dd1a]:before {
  content: "\e682";
}
.xl-down[data-v-0442dd1a]:before {
  content: "\e62a";
}
.xl-pass[data-v-0442dd1a]:before {
  content: "\e61b";
}
.xl-hide[data-v-0442dd1a]:before {
  content: "\e718";
}
.xl-edit[data-v-0442dd1a]:before {
  content: "\e620";
}
.xl-img[data-v-0442dd1a]:before {
  content: "\e666";
}
.xl-type[data-v-0442dd1a]:before {
  content: "\e61a";
}
.xl-close-filled[data-v-0442dd1a]:before {
  content: "\e705";
}
.xl-loading[data-v-0442dd1a]:before {
  content: "\e891";
}
.xl-heart[data-v-0442dd1a]:before {
  content: "\e69d";
}
.xl-heart-fill[data-v-0442dd1a]:before {
  content: "\e6a1";
}
.xl-new[data-v-0442dd1a]:before {
  content: "\e608";
}
.xl-like-plus[data-v-0442dd1a]:before {
  content: "\e8bc";
}
.xl-aixin-fill[data-v-0442dd1a]:before {
  content: "\e8c3";
}
.xl-hot[data-v-0442dd1a]:before {
  content: "\e8c9";
}
.xl-link[data-v-0442dd1a]:before {
  content: "\e756";
}
.xl-left[data-v-0442dd1a]:before {
  content: "\e67e";
}
.xl-close-round[data-v-0442dd1a]:before {
  content: "\e64b";
}
.xl-yes-fill[data-v-0442dd1a]:before {
  content: "\e6e7";
}
.xl-detail[data-v-0442dd1a]:before {
  content: "\ed05";
}
.xl-setting[data-v-0442dd1a]:before {
  content: "\e64d";
}
.xl-close[data-v-0442dd1a]:before {
  content: "\e63b";
}
.xl-folder[data-v-0442dd1a]:before {
  content: "\e687";
}
.xl-right[data-v-0442dd1a]:before {
  content: "\e7e0";
}
.xl-up[data-v-0442dd1a]:before {
  content: "\ed06";
}
.xl-home[data-v-0442dd1a]:before {
  content: "\e60f";
}
.xl-category[data-v-0442dd1a]:before {
  content: "\e606";
}
.xl-kefu[data-v-0442dd1a]:before {
  content: "\e658";
}
.xl-notice[data-v-0442dd1a]:before {
  content: "\e7de";
}
.xl-icon[data-v-0442dd1a] {
  display: inline-flex;
  flex-shrink: 0;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-navbar[data-v-561d95ae] {
  position: relative;
  z-index: var(--90b0043c);
  padding-top: 0;
}
.xl-navbar__fixed[data-v-561d95ae] {
  position: fixed;
  top: 0;
  z-index: 998;
}
.xl-navbar__shadow[data-v-561d95ae] {
  box-shadow: 0 0.1875rem 0.5rem 0 rgba(153, 153, 153, 0.1);
}
.xl-navbar__border[data-v-561d95ae]:after {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  content: "";
  transform: scaleY(0.5);
  background-color: #c8c7cc;
}
.xl-navbar__bg[data-v-561d95ae] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.xl-navbar__content[data-v-561d95ae] {
  display: block;
  width: 100%;
  /*background-color: $uni-bg-color;*/
  overflow: hidden;
}
.xl-navbar__content .xl-navbar__content_view[data-v-561d95ae] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.xl-navbar__content .xl-navbar__transparent_bg[data-v-561d95ae] {
  width: 1.8125rem;
  height: 1.8125rem;
  border-radius: 1.25rem;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.3);
}
.xl-navbar__header[data-v-561d95ae] {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  width: 100%;
  font-size: 1rem;
  transition: color 0.5s ease 0s;
  overflow: hidden;
}
.xl-navbar__header-btns[data-v-561d95ae] {
  display: inline-flex;
  flex-wrap: nowrap;
  flex-shrink: 0;
  min-width: var(--side-width);
}
.xl-navbar__header-btns[data-v-561d95ae]:first-child {
  padding-left: 0.3125rem;
}
.xl-navbar__header-btns-right[data-v-561d95ae]:last-child {
  padding-right: 0.3125rem;
  text-align: right;
  flex-direction: row-reverse;
}
.xl-navbar__header-btns .xl-navbar-btn-text[data-v-561d95ae] {
  padding: 0 0.375rem;
}
.xl-navbar__header-container[data-v-561d95ae] {
  flex: 1;
}
.xl-navbar__header-container-inner[data-v-561d95ae] {
  flex: 1;
  display: inline-block;
  justify-content: center;
  font-size: 1.125rem;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.popup[data-v-2997b46c] {
  z-index: 99999;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.popup .info[data-v-2997b46c] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.625rem;
  height: 3.125rem;
  font-size: 1.1875rem;
  color: var(--08bb53ee);
  position: relative;
  z-index: 1;
}
.popup-mask[data-v-2997b46c] {
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.info[data-v-2997b46c] {
  display: none;
}

/* HollowDots  */
.hollow-dots-spinner .dot[data-v-2997b46c] {
  width: calc(var(--size) / 2);
  height: calc(var(--size) / 2);
  margin: 0 calc(var(--size) / 4);
  border: calc(var(--size) / 10) solid var(--color);
  border-radius: 50%;
  float: left;
  transform: scale(0);
  animation: hollowDots-2997b46c 1000ms ease infinite 0ms;
}
.hollow-dots-spinner .dot[data-v-2997b46c]:nth-child(1) {
  animation-delay: 300ms;
}
.hollow-dots-spinner .dot[data-v-2997b46c]:nth-child(2) {
  animation-delay: 600ms;
}
.hollow-dots-spinner .dot[data-v-2997b46c]:nth-child(3) {
  animation-delay: 900ms;
}
@keyframes hollowDots-2997b46c {
50% {
    transform: scale(1);
    opacity: 1;
}
100% {
    opacity: 0;
}
}
/* halfCircle  */
.half-circle-spinner .circle[data-v-2997b46c] {
  content: "";
  position: absolute;
  width: var(--size);
  height: var(--size);
  border-radius: 100%;
  border: calc(var(--size) / 10) solid transparent;
}
.half-circle-spinner .circle.circle-1[data-v-2997b46c] {
  border-top-color: var(--color);
  animation: loading-rotate-2997b46c 1s infinite;
}
.half-circle-spinner .circle.circle-2[data-v-2997b46c] {
  border-bottom-color: var(--color);
  animation: loading-rotate-2997b46c 1s infinite alternate;
}
@keyframes loading-rotate-2997b46c {
0% {
    transform: rotate(0);
}
100% {
    transform: rotate(360deg);
}
}
/* rotateCircle */
.rotate-circle-spinner .circle[data-v-2997b46c] {
  width: var(--size);
  height: var(--size);
  border-radius: 100%;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) currentcolor;
  border-width: 2px;
  animation: loading-rotate-2997b46c 1s linear infinite;
  color: var(--color);
}

/* chrysanthemum */
.chrysanthemum-spinner[data-v-2997b46c] {
  position: relative;
  width: calc(var(--size) + var(--size) / 5);
  height: calc(var(--size) + var(--size) / 5);
  animation: loading-rotate-2997b46c 2s linear infinite;
}
.chrysanthemum-spinner .half-spin[data-v-2997b46c] {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.chrysanthemum-spinner .half-spin .spin-item[data-v-2997b46c] {
  height: calc(var(--size) / 4);
  width: calc(var(--size) / 10);
  background-color: currentColor;
  position: absolute;
  border-radius: 5px;
  color: var(--color);
}
.chrysanthemum-spinner .half-spin .spin-item[data-v-2997b46c]:nth-child(1) {
  top: 0;
  left: calc(50% - var(--size) / 20);
}
.chrysanthemum-spinner .half-spin .spin-item[data-v-2997b46c]:nth-child(2) {
  top: calc(50% - var(--size) / 8);
  right: calc(var(--size) / 8 - var(--size) / 20);
  transform: rotate(90deg);
}
.chrysanthemum-spinner .half-spin .spin-item[data-v-2997b46c]:nth-child(3) {
  left: calc(50% - var(--size) / 20);
  bottom: 0;
}
.chrysanthemum-spinner .half-spin .spin-item[data-v-2997b46c]:nth-child(4) {
  left: calc(var(--size) / 8 - var(--size) / 20);
  top: calc(50% - var(--size) / 8);
  transform: rotate(90deg);
}
.chrysanthemum-spinner .half-spin[data-v-2997b46c]:nth-child(2) {
  transform: rotate(45deg);
}

/* swappingSquares */
.swapping-squares-spinner[data-v-2997b46c] {
  position: relative;
  width: calc(var(--size) * 5 / 4);
  height: calc(var(--size) * 5 / 4);
}
.swapping-squares-spinner .square[data-v-2997b46c] {
  height: calc(var(--size) * 0.25 / 1.3);
  width: calc(var(--size) * 0.25 / 1.3);
  animation-duration: 1000ms;
  border: calc(var(--size) * 0.04 / 1.3) solid var(--color);
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  top: calc(var(--size) / 2);
  left: calc(var(--size) / 2);
  animation-iteration-count: infinite;
}
.swapping-squares-spinner .square[data-v-2997b46c]:nth-child(1) {
  animation-name: swappingSquares-child-1-2997b46c;
  animation-delay: 500ms;
}
.swapping-squares-spinner .square[data-v-2997b46c]:nth-child(2) {
  animation-name: swappingSquares-child-2-2997b46c;
  animation-delay: 0ms;
}
.swapping-squares-spinner .square[data-v-2997b46c]:nth-child(3) {
  animation-name: swappingSquares-child-3-2997b46c;
  animation-delay: 500ms;
}
.swapping-squares-spinner .square[data-v-2997b46c]:nth-child(4) {
  animation-name: swappingSquares-child-4-2997b46c;
  animation-delay: 0ms;
}
@keyframes swappingSquares-child-1-2997b46c {
50% {
    transform: translate(150%, 150%) scale(2, 2);
}
}
@keyframes swappingSquares-child-2-2997b46c {
50% {
    transform: translate(-150%, 150%) scale(2, 2);
}
}
@keyframes swappingSquares-child-3-2997b46c {
50% {
    transform: translate(-150%, -150%) scale(2, 2);
}
}
@keyframes swappingSquares-child-4-2997b46c {
50% {
    transform: translate(150%, -150%) scale(2, 2);
}
}
.custom-rotate .img[data-v-2997b46c] {
  animation: loading-rotate-2997b46c 1s linear infinite;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-button__text[data-v-0aacd693] {
  white-space: nowrap;
  line-height: 1;
}
.xl-button[data-v-0aacd693]: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;
}
.xl-button--active[data-v-0aacd693]:before {
  opacity: 0.15;
}
.xl-button__icon + .xl-button__text[data-v-0aacd693]:not(:empty), .xl-button__loading-text[data-v-0aacd693] {
  margin-left: 4px;
}
.xl-button--plain.xl-button--primary[data-v-0aacd693] {
  color: #3c9cff;
}
.xl-button--plain.xl-button--info[data-v-0aacd693] {
  color: #909399;
}
.xl-button--plain.xl-button--success[data-v-0aacd693] {
  color: #5ac725;
}
.xl-button--plain.xl-button--error[data-v-0aacd693] {
  color: #f56c6c;
}
.xl-button--plain.xl-button--warning[data-v-0aacd693] {
  color: #f9ae3d;
}
.xl-button[data-v-0aacd693] {
  position: relative;
  align-items: center;
  justify-content: center;
  display: flex;
  box-sizing: border-box;
  flex-direction: row !important;
  flex-direction: row;
  /* 取消 UniButton 组件的默认样式 */
}
.xl-button__text[data-v-0aacd693] {
  font-size: 15px;
}
.xl-button__loading-text[data-v-0aacd693] {
  font-size: 15px;
  margin-left: 4px;
}
.xl-button--large[data-v-0aacd693] {
  width: 100%;
  padding: 0 15px;
}
.xl-button--normal[data-v-0aacd693] {
  padding: 0 12px;
  font-size: 14px;
}
.xl-button--small[data-v-0aacd693] {
  min-width: 60px;
  padding: 0px 8px;
  font-size: 12px;
}
.xl-button--mini[data-v-0aacd693] {
  font-size: 10px;
  min-width: 50px;
  padding: 0px 8px;
}
.xl-button--disabled[data-v-0aacd693] {
  opacity: 0.7;
}
.xl-button--info[data-v-0aacd693] {
  color: #323233;
  background-color: #fff;
  border-color: #ebedf0;
  border-width: 1px;
  border-style: solid;
}
.xl-button--success[data-v-0aacd693] {
  color: #fff;
  background-color: #5ac725;
  border-color: #5ac725;
  border-width: 1px;
  border-style: solid;
}
.xl-button--primary[data-v-0aacd693] {
  color: #fff;
  background-color: #3c9cff;
  border-color: #3c9cff;
  border-width: 1px;
  border-style: solid;
}
.xl-button--error[data-v-0aacd693] {
  color: #fff;
  background-color: #f56c6c;
  border-color: #f56c6c;
  border-width: 1px;
  border-style: solid;
}
.xl-button--warning[data-v-0aacd693] {
  color: #fff;
  background-color: #f9ae3d;
  border-color: #f9ae3d;
  border-width: 1px;
  border-style: solid;
}
.xl-button--block[data-v-0aacd693] {
  display: flex;
  flex-direction: row !important;
  width: 100%;
}
.xl-button--circle[data-v-0aacd693] {
  border-top-right-radius: 100px;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
}
.xl-button--square[data-v-0aacd693] {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.xl-button__icon[data-v-0aacd693] {
  min-width: 1em;
  line-height: inherit !important;
  vertical-align: top;
}
.xl-button--plain[data-v-0aacd693] {
  background-color: #fff;
}
.xl-button--hairline[data-v-0aacd693] {
  border-width: 0.5px !important;
}
.xl-button[data-v-0aacd693]::after {
  display: none;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.popup-wrapper[data-v-c76f85a6] {
  position: fixed;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--3c8ee578);
  opacity: 0;
  transition: all 0.3s;
  pointer-events: none;
}
.popup-wrapper.is-open[data-v-c76f85a6] {
  opacity: 1;
  pointer-events: auto;
}
.popup-wrapper.is-open .popup[data-v-c76f85a6] {
  transition: all 0.4s;
  transform: translate(0, 0);
}
.popup-wrapper[data-v-c76f85a6]::after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.popup-wrapper .popup-modal[data-v-c76f85a6] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.popup-wrapper .popup[data-v-c76f85a6] {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  position: absolute;
  transition: all 0.3s;
  box-sizing: border-box;
}
.popup-wrapper .popup-container[data-v-c76f85a6] {
  height: 100%;
}
.popup-wrapper--left .popup[data-v-c76f85a6] {
  transform: translateX(-100%);
  top: 0;
  left: 0;
}
.popup-wrapper--right .popup[data-v-c76f85a6] {
  transform: translateX(100%);
  right: 0;
  top: 0;
}
.popup-wrapper--top .popup[data-v-c76f85a6] {
  transform: translateY(-100%);
  left: 0;
  top: 0;
}
.popup-wrapper--bottom .popup[data-v-c76f85a6] {
  transform: translateY(100%);
  left: 0;
  bottom: 0;
}
.popup-wrapper--center[data-v-c76f85a6] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.popup-wrapper--center .popup[data-v-c76f85a6] {
  transform: scale(1.3);
}
.popup-wrapper--left .popup[data-v-c76f85a6], .popup-wrapper--right .popup[data-v-c76f85a6], .popup-wrapper--bottom .popup[data-v-c76f85a6] {
  padding-bottom: env(safe-area-inset-bottom);
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-picker-popup[data-v-15648377] {
  --popup-width: var(--faca2c9a);
  --picker-height: var(--4762d2c8);
  --picker-level: var(--fc03511e);
  --title-height: var(--587dd3cc);
  --active-color: var(--0d128a2a);
  width: var(--popup-width);
  height: calc(var(--picker-height) + 3.4375rem + var(--title-height));
  background-color: #fff;
  z-index: 999;
}
.xl-picker-popup-title[data-v-15648377] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 1.0625rem;
  height: 55px;
  padding-top: 5px;
}
.xl-picker-tool[data-v-15648377] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 3.125rem;
  box-shadow: 0 0.1875rem 0.5rem 0 rgba(153, 153, 153, 0.06);
  margin-bottom: 0.3125rem;
}
.xl-picker-tool-title[data-v-15648377] {
  font-size: 1rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.xl-picker-tool .btn[data-v-15648377] {
  padding: 0 0.9375rem;
  font-size: 0.9375rem;
}
.xl-picker-tool.bottom[data-v-15648377] {
  margin-top: 0.3125rem;
  margin-bottom: unset;
}
.xl-picker[data-v-15648377] {
  width: var(--popup-width);
  height: var(--picker-height);
}
.xl-picker-column[data-v-15648377] {
  width: calc(var(--popup-width) / var(--picker-level));
}
.xl-picker-column-item[data-v-15648377] {
  box-sizing: border-box;
  width: 100%;
  padding: 0 0.3125rem;
  text-align: center;
  color: #303030;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.xl-picker-column-item.active[data-v-15648377] {
  color: var(--active-color);
  font-weight: 700;
}
.xl-picker-box[data-v-15648377] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #808080;
}
.xl-picker-box.xl-picker-box_hover[data-v-15648377] {
  color: #303030;
}
.xl-picker-box.xl-picker-box_border[data-v-15648377] {
  border: 0.03125rem solid #ebedf0;
  border-radius: 0.25rem;
}
.xl-picker-box .label[data-v-15648377] {
  flex: 1;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.switch[data-v-14088d3b] {
  position: relative;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.1);
  border-style: solid;
  transition: background-color 0.3s;
  box-sizing: content-box;
}
.switch--disabled[data-v-14088d3b] {
  opacity: 0.3;
}
.switch__circle[data-v-14088d3b] {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.05);
  transition: transform 0.3s;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-address-form[data-v-5cd9705f] {
  width: 23.4375rem;
}
.form-box[data-v-5cd9705f] {
  box-shadow: 0 0.0625rem 0.3125rem rgba(0, 0, 0, 0.1);
  width: 21.5625rem;
  margin: 0.625rem auto;
  padding: 0.9375rem;
  box-sizing: border-box;
  border-radius: 0.375rem;
}
.recognition-box .textarea-box[data-v-5cd9705f] {
  width: 100%;
  height: 5rem;
}
.recognition-box .textarea-box .textarea[data-v-5cd9705f] {
  width: 100%;
  height: 100%;
  font-size: 0.875rem;
  line-height: 1.5;
}
.recognition-box .opt-box[data-v-5cd9705f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.recognition-box .opt-box .copy[data-v-5cd9705f] {
  color: #666666;
  font-size: 0.875rem;
}
.info-box[data-v-5cd9705f] {
  margin-top: 1.25rem;
  padding-bottom: 0.3125rem;
}
.info-box .title-box[data-v-5cd9705f] {
  font-weight: 700;
  font-size: 1rem;
  height: 1.875rem;
  line-height: 1.875rem;
  padding-bottom: 0.375rem;
}
.info-box .form-item[data-v-5cd9705f] {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f1f1f1;
  padding: 1.125rem 0;
}
.info-box .form-item[data-v-5cd9705f]:last-child {
  border: none;
}
.info-box .form-item .label[data-v-5cd9705f] {
  width: 5rem;
  font-size: 1rem;
  color: #000;
}
.info-box .form-item .value[data-v-5cd9705f] {
  flex: 1;
  margin: 0;
}
.info-box .form-item .value .input[data-v-5cd9705f] {
  color: #333;
  font-size: 1rem;
}
.info-box .form-item .value .textarea[data-v-5cd9705f] {
  font-size: 1rem;
  width: 14.6875rem;
}
.info-box .form-item .value.switch[data-v-5cd9705f] {
  display: flex;
  justify-content: flex-end;
}
.info-box .form-item .more[data-v-5cd9705f] {
  display: flex;
  align-items: flex-start;
  color: #888;
  margin-left: 0.5rem;
  font-size: 0.875rem;
}
.xl-address-form-footer[data-v-5cd9705f] {
  background-color: #fff;
  box-sizing: border-box;
  position: fixed;
  z-index: 998;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.0625rem;
  width: 23.4375rem;
  box-shadow: 0px 0.0625rem 0.1875rem 0px rgba(0, 0, 0, 0.2);
  gap: 0.9375rem;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[type=search][data-v-06005d5b]::-webkit-search-decoration {
  display: none;
}
.xl-search[data-v-06005d5b] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.xl-search__left[data-v-06005d5b] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 0.625rem;
}
.xl-search__content[data-v-06005d5b] {
  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;
}
.xl-search__content__icon[data-v-06005d5b] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.xl-search__content__label[data-v-06005d5b] {
  color: #303133;
  font-size: 14px;
  margin: 0 4px;
}
.xl-search__content__close[data-v-06005d5b] {
  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);
}
.xl-search__content__input[data-v-06005d5b] {
  flex: 1;
  font-size: 14px;
  line-height: 1;
  margin: 0 5px;
  color: #303133;
}
.xl-search__content__input--placeholder[data-v-06005d5b] {
  color: #909193;
}
.xl-search__action[data-v-06005d5b] {
  font-size: 14px;
  color: #303133;
  width: 0;
  overflow: hidden;
  transition-property: width;
  transition-duration: 0.3s;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
}
.xl-search__action--active[data-v-06005d5b] {
  width: 40px;
  margin: 0 3px 0 5px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.empty-box[data-v-1c2bb8b0] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.empty-box .info[data-v-1c2bb8b0] {
  width: 21.5625rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  font-size: var(--5fd30eaa);
  color: var(--b32d6df2);
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.divider-box[data-v-f6239e66] {
  height: 40px;
  width: 100%;
  position: relative;
  text-align: center;
  box-sizing: border-box;
}
.divider-line[data-v-f6239e66] {
  position: absolute;
  height: 0.5px;
  top: 50%;
  left: 50%;
  transform: scaleY(0.5) translateX(-50%) translateZ(0);
}
.divider-text[data-v-f6239e66] {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0 15px;
  color: #303133;
  font-size: 13px;
  transform: translateX(-50%) translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.load-refresh[data-v-8208461d] {
  margin: 0;
  padding: 0;
  width: 100%;
}
.load-refresh .cover-container[data-v-8208461d] {
  width: 100%;
  margin-top: -3.125rem;
}
.load-refresh .cover-container .list[data-v-8208461d] {
  width: 100%;
  height: 100%;
  min-height: 6.25rem;
  box-sizing: border-box;
}
.load-refresh .cover-container .list[data-v-8208461d]::before {
  content: "";
  display: table;
}
.load-refresh .cover-container .list .load-more[data-v-8208461d] {
  font-size: 0.75rem;
  text-align: center;
  color: #AAAAAA;
  padding: 0.5rem;
}

/* 动画 */
.animation[data-v-8208461d] {
  width: 100%;
  height: 3.125rem;
  color: var(--color);
}
.animation .remind[data-v-8208461d] {
  width: 100%;
  height: 3.125rem;
  text-align: center;
  line-height: 3.125rem;
  font-size: 0.875rem;
  color: var(--color);
}
.animation .refresh[data-v-8208461d] {
  width: 100%;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-address-list[data-v-6a972218] {
  --theme-color: var(--0a0cdc06);
}
.xl-address-list[data-v-6a972218]::before {
  content: "";
  display: table;
}
.xl-address-search-box[data-v-6a972218] {
  width: 23.4375rem;
  height: 3.75rem;
  padding: 0 0.75rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.xl-address-item-box[data-v-6a972218] {
  box-sizing: border-box;
  width: 21.5625rem;
  margin: 0 auto 1.25rem;
  box-shadow: 0 0.0625rem 0.3125rem rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-radius: 0.375rem;
}
.xl-address-item[data-v-6a972218] {
  display: flex;
  height: 3.1875rem;
  padding: 0.9375rem;
}
.xl-address-item-info[data-v-6a972218] {
  flex: 1;
}
.xl-address-item-info .info[data-v-6a972218] {
  display: flex;
  align-items: center;
}
.xl-address-item-info .name[data-v-6a972218] {
  font-weight: 700;
  font-size: 1.0625rem;
  margin-right: 0.625rem;
}
.xl-address-item-info .tel[data-v-6a972218] {
  font-size: 0.9375rem;
  color: #333;
}
.xl-address-item-info .tag[data-v-6a972218] {
  border: 0.03125rem solid #8f4dbe;
  color: #8f4dbe;
  font-size: 0.625rem;
  border-radius: 0.1875rem;
  margin-right: 0.3125rem;
  padding: 0.0625rem 0.25rem;
  margin-left: 0.625rem;
}
.xl-address-item-info .address[data-v-6a972218] {
  margin-top: 0.4375rem;
  line-height: 1.5;
  color: #444;
  font-size: 0.875rem;
}
.xl-address-edit[data-v-6a972218] {
  margin-left: 0.625rem;
  display: flex;
  align-items: center;
}
.xl-address-manage[data-v-6a972218] {
  border-top: 0.03125rem solid #f1f1f1;
  display: flex;
  align-items: center;
  padding: 0.625rem 0.9375rem;
  color: #888888;
  font-size: 0.84375rem;
}
.xl-address-manage .check-box[data-v-6a972218] {
  overflow: hidden;
  width: 0.8125rem;
  height: 0.8125rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.0625rem solid #888888;
  color: #fff;
  margin-right: 0.5rem;
}
.xl-address-manage .check-box.check[data-v-6a972218] {
  border-color: var(--theme-color);
  background-color: var(--theme-color);
}
.xl-address-manage .btn-box[data-v-6a972218] {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.xl-address-manage .btn-box .btn[data-v-6a972218] {
  margin-left: 0.75rem;
  color: #888888;
  font-size: 0.8125rem;
}
.xl-address-footer[data-v-6a972218] {
  background-color: #fff;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.9375rem;
  width: 23.4375rem;
  height: 4.0625rem;
  padding: 0 1.25rem;
  box-shadow: 0px 0.0625rem 0.1875rem 0px rgba(0, 0, 0, 0.2);
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-back-top[data-v-971dc443] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--cfa2db76);
  position: fixed;
  width: var(--size);
  height: var(--size);
  z-index: var(--15ddd50f);
}
.xl-back-top .tip[data-v-971dc443] {
  font-size: 0.5625rem;
  color: var(--d7b24028);
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-image-content[data-v-7e65eacd] {
  overflow: hidden;
}
.loading-container[data-v-7e65eacd] {
  width: 7.5rem;
  height: 7.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  z-index: 9;
  transform: translate(-50%, -50%);
}
.loading-container .loading[data-v-7e65eacd] {
  width: 100%;
  height: 100%;
}
.xl-image-lazy-item[data-v-7e65eacd] {
  width: 100%;
  transform: transition3d(0, 0, 0);
  will-change: transform;
  display: block;
}
@keyframes move-7e65eacd {
from {
    transform: rotate(0);
}
to {
    transform: rotate(360deg);
}
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-swiper[data-v-3fcb0869] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}
.xl-swiper__wrapper[data-v-3fcb0869] {
  flex: 1;
}
.xl-swiper__wrapper__item[data-v-3fcb0869] {
  flex: 1;
}
.xl-swiper__wrapper__item__wrapper[data-v-3fcb0869] {
  display: flex;
  flex-direction: row;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s;
  flex: 1;
}
.xl-swiper__wrapper__item__wrapper__image[data-v-3fcb0869] {
  flex: 1;
}
.xl-swiper__wrapper__item__wrapper__video[data-v-3fcb0869] {
  flex: 1;
}
.xl-swiper__wrapper__item__wrapper__title[data-v-3fcb0869] {
  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;
}
.xl-swiper__indicator[data-v-3fcb0869] {
  position: absolute;
  bottom: 10px;
  z-index: 50;
}
.xl-swiper-indicator__num[data-v-3fcb0869] {
  display: flex;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  padding: 0.25rem 0.625rem;
  border-radius: 5000px;
  font-size: 0.75rem;
}
.xl-swiper-indicator__num_middle[data-v-3fcb0869] {
  margin: 0 0.25rem;
}
.xl-swiper-indicator__wrapper[data-v-3fcb0869] {
  display: flex;
  flex-direction: row;
}
.xl-swiper-indicator__wrapper--line[data-v-3fcb0869] {
  border-radius: 100px;
  height: 4px;
}
.xl-swiper-indicator__wrapper--line__bar[data-v-3fcb0869] {
  width: 22px;
  height: 4px;
  border-radius: 100px;
  background-color: #FFFFFF;
  transition: transform 0.3s;
}
.xl-swiper-indicator__wrapper__dot[data-v-3fcb0869] {
  width: 5px;
  height: 5px;
  border-radius: 100px;
  margin: 0 4px;
}
.xl-swiper-indicator__wrapper__dot--active[data-v-3fcb0869] {
  width: 12px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-calendar-header[data-v-5ca0eed8] {
  padding-bottom: 4px;
  border-bottom: 0.03125rem solid #dadbde;
}
.xl-calendar-header__title[data-v-5ca0eed8] {
  font-size: 16px;
  color: #333;
  text-align: center;
  height: 42px;
  line-height: 42px;
  font-weight: bold;
  position: relative;
}
.xl-calendar-header__title__close[data-v-5ca0eed8] {
  position: absolute;
  top: 0;
  right: 0.3125rem;
}
.xl-calendar-header__subtitle[data-v-5ca0eed8] {
  height: 40px;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.xl-calendar-header__subtitle .name[data-v-5ca0eed8] {
  font-size: 16px;
  color: #333;
}
.xl-calendar-header__weekdays[data-v-5ca0eed8] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.xl-calendar-header__weekdays__weekday[data-v-5ca0eed8] {
  font-size: 13px;
  color: #333;
  line-height: 30px;
  flex: 1;
  text-align: center;
}
.xl-calendar__confirm[data-v-5ca0eed8] {
  padding: 7px 15px;
}
.xl-calendar .xl-calendar-month-wrapper .xl-calendar-month__title[data-v-5ca0eed8] {
  font-size: 14px;
  line-height: 50px;
  height: 42px;
  color: #333;
  text-align: center;
  font-weight: bold;
}
.xl-calendar .xl-calendar-month-wrapper .xl-calendar-month__days[data-v-5ca0eed8] {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.xl-calendar .xl-calendar-month-wrapper .xl-calendar-month__days .month-mark[data-v-5ca0eed8] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: 99;
}
.xl-calendar .xl-calendar-month-wrapper .xl-calendar-month__days .month-mark__text[data-v-5ca0eed8] {
  font-size: 155px;
  color: rgba(231, 232, 234, 0.83);
}
.xl-calendar .xl-calendar-month-wrapper .xl-calendar-month__days .month-day[data-v-5ca0eed8] {
  display: flex;
  flex-direction: row;
  width: 14.2857142857%;
  box-sizing: border-box;
  position: relative;
  z-index: 999;
}
.xl-calendar .xl-calendar-month-wrapper .xl-calendar-month__days .month-day__box[data-v-5ca0eed8] {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
}
.xl-calendar .xl-calendar-month-wrapper .xl-calendar-month__days .month-day__box.selected[data-v-5ca0eed8] {
  background-color: var(--76ef881c);
  border-radius: 4px;
}
.xl-calendar .xl-calendar-month-wrapper .xl-calendar-month__days .month-day__box.selected .day-info[data-v-5ca0eed8] {
  color: #ffffff;
}
.xl-calendar .xl-calendar-month-wrapper .xl-calendar-month__days .month-day__box.selected .bottom-info[data-v-5ca0eed8] {
  color: #ffffff;
}
.xl-calendar .xl-calendar-month-wrapper .xl-calendar-month__days .month-day__box.range-selected[data-v-5ca0eed8] {
  background-color: var(--range-color);
  opacity: 0.3;
  border-radius: 0;
}
.xl-calendar .xl-calendar-month-wrapper .xl-calendar-month__days .month-day__box.range-selected .day-info[data-v-5ca0eed8] {
  color: #ffffff;
}
.xl-calendar .xl-calendar-month-wrapper .xl-calendar-month__days .month-day__box.range-selected .bottom-info[data-v-5ca0eed8] {
  color: #ffffff;
}
.xl-calendar .xl-calendar-month-wrapper .xl-calendar-month__days .month-day__box.range-start[data-v-5ca0eed8] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.xl-calendar .xl-calendar-month-wrapper .xl-calendar-month__days .month-day__box.range-start.range-end[data-v-5ca0eed8] {
  border-radius: 4px;
}
.xl-calendar .xl-calendar-month-wrapper .xl-calendar-month__days .month-day__box.range-end[data-v-5ca0eed8] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.xl-calendar .xl-calendar-month-wrapper .xl-calendar-month__days .month-day__box .top-info[data-v-5ca0eed8] {
  color: #ffffff;
  text-align: center;
  position: absolute;
  top: 4px;
  font-size: 10px;
  text-align: center;
  left: 0;
  right: 0;
}
.xl-calendar .xl-calendar-month-wrapper .xl-calendar-month__days .month-day__box .day-info[data-v-5ca0eed8] {
  text-align: center;
  font-size: 16px;
}
.xl-calendar .xl-calendar-month-wrapper .xl-calendar-month__days .month-day__box .day-info--disabled[data-v-5ca0eed8] {
  color: #cacbcd;
}
.xl-calendar .xl-calendar-month-wrapper .xl-calendar-month__days .month-day__box .bottom-info[data-v-5ca0eed8] {
  color: #606266;
  text-align: center;
  position: absolute;
  bottom: 4px;
  font-size: 10px;
  text-align: center;
  left: 0;
  right: 0;
}
.xl-calendar .xl-calendar-month-wrapper .xl-calendar-month__days .month-day__box .bottom-info--disabled[data-v-5ca0eed8] {
  color: #cacbcd;
}
.xl-calendar .xl-calendar-month-wrapper .xl-calendar-month__days .month-day__box__dot[data-v-5ca0eed8] {
  width: 7px;
  height: 7px;
  border-radius: 100px;
  background-color: #f56c6c;
  position: absolute;
  top: 12px;
  right: 7px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-cascade[data-v-80334df3] {
  display: flex;
  flex-direction: row;
  height: var(--height);
}
.xl-cascade .xl-cascade-left[data-v-80334df3] {
  width: var(--left-width);
  overflow: hidden;
}
.xl-cascade .xl-cascade-left .left-scroll[data-v-80334df3] {
  width: calc(var(--left-width) + 0.625rem);
  height: var(--height);
}
.xl-cascade .xl-cascade-left .left-scroll .left-category[data-v-80334df3] {
  overflow: hidden;
}
.xl-cascade .xl-cascade-left .left-scroll .left-category .category-item[data-v-80334df3] {
  position: relative;
  height: 3.125rem;
  width: var(--left-width);
  display: flex;
  align-items: center;
  justify-content: center;
  --active-radius-size: 0.9375rem;
}
.xl-cascade .xl-cascade-left .left-scroll .left-category .category-item-name[data-v-80334df3] {
  font-size: 0.9375rem;
  color: #444;
  font-weight: 400;
}
.xl-cascade .xl-cascade-left .left-scroll .left-category .category-item-line[data-v-80334df3] {
  position: absolute;
  left: 0;
  top: 0.84375rem;
  background: var(--6e22adb8);
  width: 0.3125rem;
  height: 1.4375rem;
  display: none;
}
.xl-cascade .xl-cascade-left .left-scroll .left-category .category-item.active[data-v-80334df3] {
  background-color: var(--bg-color);
}
.xl-cascade .xl-cascade-left .left-scroll .left-category .category-item.active .category-item-name[data-v-80334df3] {
  font-size: 1rem;
  font-weight: bold;
  color: var(--6e22adb8);
}
.xl-cascade .xl-cascade-left .left-scroll .left-category .category-item.active .category-item-line[data-v-80334df3] {
  display: flex;
}
.xl-cascade .xl-cascade-left .left-scroll .left-category .category-item.active[data-v-80334df3]::before {
  content: "";
  position: absolute;
  z-index: 9;
  top: calc(-1 * var(--active-radius-size));
  right: 0;
  width: var(--active-radius-size);
  height: var(--active-radius-size);
  background-image: radial-gradient(circle at 0 0, transparent var(--active-radius-size), var(--bg-color) var(--active-radius-size));
}
.xl-cascade .xl-cascade-left .left-scroll .left-category .category-item.active[data-v-80334df3]::after {
  content: "";
  position: absolute;
  z-index: 9;
  bottom: calc(-1 * var(--active-radius-size));
  right: 0;
  width: var(--active-radius-size);
  height: var(--active-radius-size);
  background-image: radial-gradient(circle at 0 100%, transparent var(--active-radius-size), var(--bg-color) var(--active-radius-size));
}
.xl-cascade .xl-cascade-right[data-v-80334df3] {
  flex: 1;
  height: var(--height);
  background: var(--1eb0f80e);
  overflow: hidden;
  border-top-left-radius: 0.625rem;
  border-top-right-radius: 0.625rem;
}
.xl-cascade .xl-cascade-right.first[data-v-80334df3] {
  border-top-left-radius: 0;
}
.xl-cascade .xl-cascade-right .banner-box[data-v-80334df3] {
  box-sizing: border-box;
  padding: 0.46875rem 0.78125rem;
  margin: 0 auto;
  position: relative;
}
.xl-cascade .xl-cascade-right .banner-box .banner-img[data-v-80334df3] {
  border-radius: 0.375rem;
}
.xl-cascade .xl-cascade-right .banner-box .close[data-v-80334df3] {
  position: absolute;
  top: 0.1875rem;
  right: 0.1875rem;
  width: 0.8125rem;
  height: 0.8125rem;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 100px;
}
.xl-cascade .xl-cascade-right .loading-box[data-v-80334df3] {
  height: calc(var(--height) - var(--banner-height));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.xl-cascade .xl-cascade-right .loading-box .loading-text[data-v-80334df3] {
  margin-top: 20px;
  font-size: 1rem;
  color: var(--6e22adb8);
}
.xl-cascade .xl-cascade-right .empty-box[data-v-80334df3] {
  box-sizing: border-box;
  height: calc(var(--height) - var(--banner-height));
  padding-top: 2.5rem;
}
.xl-cascade .xl-cascade-right .right-category-box[data-v-80334df3] {
  height: calc(var(--height) - var(--banner-height));
  overflow: hidden;
}
.xl-cascade .xl-cascade-right .right-category-scroll[data-v-80334df3] {
  width: calc(100% + 0.625rem);
  height: calc(var(--height) - var(--banner-height));
  background: var(--1eb0f80e);
}
.xl-cascade .xl-cascade-right .right-category-scroll .right-category-item[data-v-80334df3] {
  padding: 0.8125rem 0 0.5rem;
}
.xl-cascade .xl-cascade-right .right-category-scroll .right-category-item-title[data-v-80334df3] {
  box-sizing: border-box;
  font-weight: 700;
  font-size: 1rem;
  padding-left: 0.9375rem;
}
.xl-cascade .xl-cascade-right .right-category-scroll .right-category-item-list[data-v-80334df3] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 0.75rem;
}
.xl-cascade .xl-cascade-right .right-category-scroll .right-category-item-list-item[data-v-80334df3] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.xl-cascade .xl-cascade-right .right-category-scroll .right-category-item-list .category-item-image[data-v-80334df3] {
  width: 4.375rem;
  height: 4.375rem;
  background-color: rgba(250, 250, 250, 0.7);
  border-radius: 0.3125rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.xl-cascade .xl-cascade-right .right-category-scroll .right-category-item-list .category-item-name[data-v-80334df3] {
  margin-top: 0.3125rem;
  font-size: 0.875rem;
  color: #333;
  max-width: 4.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.xl-cascade .xl-cascade-right .right-category-scroll .right-category-item-capsule[data-v-80334df3] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.625rem;
  padding: 1rem 0.75rem 0;
}
.xl-cascade .xl-cascade-right .right-category-scroll .right-category-item-capsule-item[data-v-80334df3] {
  padding: 0.3125rem 0.8125rem;
  border-radius: 3.125rem;
  background: #f5f5f5;
}
.xl-cascade .xl-cascade-right .right-category-scroll .right-category-item-capsule-item .item-text[data-v-80334df3] {
  font-size: 0.8125rem;
  color: #333333;
}
.xl-cascade .xl-cascade-right .right-category-scroll .right-category-item-capsule-item.capsule-item-checked[data-v-80334df3] {
  background: var(--capsule-bg);
}
.xl-cascade .xl-cascade-right .right-category-scroll .right-category-item-capsule-item.capsule-item-checked .item-text[data-v-80334df3] {
  color: var(--6e22adb8);
}
.xl-cascade .xl-cascade-right .right-category-scroll .right-category-item-capsule-item.capsule-item-disable[data-v-80334df3] {
  background: #f5f5f5;
}
.xl-cascade .xl-cascade-right .right-category-scroll .right-category-item-capsule-item.capsule-item-disable .item-text[data-v-80334df3] {
  color: #bfbfbf;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.category-page[data-v-3f8ffefd] {
  background: var(--1065e73c);
}
.category-page-header[data-v-3f8ffefd] {
  width: 23.4375rem;
  padding-bottom: 0.375rem;
}
.category-page-header .header-search[data-v-3f8ffefd] {
  padding: 0 0.625rem 0.375rem;
}
.category-page-header .search[data-v-3f8ffefd] {
  width: 100%;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-chart-wrap[data-v-f824e2d6] {
  width: 100%;
  min-height: 9.375rem;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-checkbox-container[data-v-f6294ec2] {
  width: 100%;
  box-sizing: border-box;
  display: flex;
}
.xl-checkbox-container.items-row[data-v-f6294ec2] {
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.xl-checkbox-container.items-column[data-v-f6294ec2] {
  flex-direction: column;
}
.xl-checkbox-container .xl-checkbox-item[data-v-f6294ec2] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
}
.xl-checkbox-container .xl-checkbox-item.underline[data-v-f6294ec2] {
  padding: 0.375rem 0;
  border-bottom: 0.03125rem solid #e4e4e4;
}
.xl-checkbox-container .xl-checkbox-item .xl-checkbox-item-info[data-v-f6294ec2] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  border-radius: 0.1875rem;
  margin-right: var(--gap);
  padding: calc(var(--icon-size) / 5) calc(var(--icon-size) / 3);
  background: transparent;
}
.xl-checkbox-container .xl-checkbox-item .xl-checkbox-item-info.xl-checkbox-icon-disabled .xl-checkbox-icon[data-v-f6294ec2] {
  background: #ebedf0;
}
.xl-checkbox-container .xl-checkbox-item .xl-checkbox-item-info.xl-checkbox-icon-disabled .xl-checkbox-text[data-v-f6294ec2] {
  color: #c8c9cc;
}
.xl-checkbox-container .xl-checkbox-item .xl-checkbox-item-info.xl-checkbox-item-checked .xl-checkbox-icon[data-v-f6294ec2] {
  border: 0.0625rem solid var(--60cfb51d);
  background: var(--60cfb51d);
}
.xl-checkbox-container .xl-checkbox-item .xl-checkbox-item-info.xl-checkbox-item-checked .xl-checkbox-icon .yes[data-v-f6294ec2] {
  display: block;
}
.xl-checkbox-container .xl-checkbox-item .xl-checkbox-item-info.xl-checkbox-item-checked.xl-checkbox-item-bg[data-v-f6294ec2] {
  background: var(--bg-color);
}
.xl-checkbox-container .xl-checkbox-item .xl-checkbox-item-info.xl-checkbox-item-checked.xl-checkbox-item-bg .xl-checkbox-text[data-v-f6294ec2] {
  color: var(--60cfb51d);
}
.xl-checkbox-container .xl-checkbox-item .xl-checkbox-item-info .xl-checkbox-icon[data-v-f6294ec2] {
  width: var(--icon-size);
  height: var(--icon-size);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.25s ease;
  margin-right: 0.4375rem;
  box-sizing: border-box;
  border-radius: calc(var(--icon-size) / 5);
  border: 0.0625rem solid #c9c9cc;
  background: #fff;
}
.xl-checkbox-container .xl-checkbox-item .xl-checkbox-item-info .xl-checkbox-icon .yes[data-v-f6294ec2] {
  display: none;
}
.xl-checkbox-container .xl-checkbox-item .xl-checkbox-item-info .xl-checkbox-text[data-v-f6294ec2] {
  box-sizing: border-box;
  color: var(--57e75b07);
  flex: 1;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.chose-city[data-v-34dab52f] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: #fff;
}
.city-search-wrap[data-v-34dab52f] {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.city-search-wrap .search[data-v-34dab52f] {
  flex: 1;
  height: 3.125rem;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #222;
  padding: 0.3125rem 0.9375rem;
  background: #fff;
}
.city-search-wrap .search .l-search[data-v-34dab52f] {
  background: #f4f5f9;
  border-radius: 1.125rem;
  width: 100%;
  padding: 0 0.625rem;
  position: relative;
  height: 2.25rem;
  line-height: 2.25rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.city-search-wrap .search .l-search .input-search[data-v-34dab52f] {
  height: 2.25rem;
  box-sizing: border-box;
  padding: 0 0.9375rem;
  text-align: left;
  font-size: 0.875rem;
}
.city-search-wrap .search .l-search .clear-input[data-v-34dab52f] {
  font-size: 0.9375rem;
  position: absolute;
  right: 0.3125rem;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.3125rem;
  color: #8e8f97;
}
.city-search-wrap .search .r-cancel[data-v-34dab52f] {
  width: 2.5rem;
  box-sizing: border-box;
  padding-left: 0.75rem;
  font-size: 0.875rem;
  height: 2.25rem;
  line-height: 2.25rem;
  background: transparent;
  border: 0;
  color: #519AD2;
}
.reach-content[data-v-34dab52f] {
  padding-left: 1.125rem;
  box-sizing: border-box;
}
.reach-content .li[data-v-34dab52f] {
  width: 22.3125rem;
  font-size: 0.875rem;
  height: 3.125rem;
  line-height: 3.125rem;
  color: #333;
  position: relative;
  box-sizing: border-box;
  border-bottom: 0.0625rem solid #F5F5F5;
}
.block[data-v-34dab52f] {
  padding: 0 1.125rem;
  box-sizing: border-box;
}
.top-search[data-v-34dab52f] {
  line-height: 2.25rem;
  padding: 0.4375rem 0.9375rem 0;
  box-sizing: border-box;
  margin-bottom: 0.8125rem;
}
.top-search .item[data-v-34dab52f] {
  background: #F5F5F5;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  text-align: center;
  color: #999999;
}
.top-search .item uni-text[data-v-34dab52f] {
  padding-left: 0.625rem;
  color: #c1c2cd;
  vertical-align: middle;
  position: relative;
  top: -0.125rem;
}
.scroll-view[data-v-34dab52f] {
  width: 100%;
  height: calc(100vh - 3.4375rem);
  box-sizing: border-box;
}
.area[data-v-34dab52f] {
  margin-bottom: 0.25rem;
}
.area .title-wrapp[data-v-34dab52f] {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 99;
}
.area .c-title[data-v-34dab52f] {
  width: 100%;
  box-sizing: border-box;
  font-size: 0.875rem;
  color: #999999;
  margin-bottom: 0.75rem;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
.area .c-title .r[data-v-34dab52f] {
  font-size: 0.75rem;
  color: #8e8f97;
  display: inline-block;
  align-items: center;
}
.area .c-title .r .iconfont[data-v-34dab52f] {
  font-size: 0.75rem;
}
.area .ul[data-v-34dab52f] {
  display: flex;
  flex-wrap: wrap;
}
.area .ul .li[data-v-34dab52f] {
  width: 4.84375rem;
  padding: 0 0.3125rem;
  box-sizing: border-box;
  height: 2.125rem;
  line-height: 2.125rem;
  text-align: center;
  font-size: 1rem;
  color: #333;
  border-radius: 0.25rem;
  margin: 0 0.5625rem 0.875rem 0;
  border: 0.0625rem solid #E2E2E2;
}
.area .ul .li[data-v-34dab52f]:nth-child(4n) {
  margin-right: 0;
}
.area .ul .li.now[data-v-34dab52f] {
  width: auto;
  padding: 0 0.875rem 0 0.5625rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.area .ul .li.active[data-v-34dab52f] {
  font-weight: 500;
  background: #ffde45;
}
.area .ul .hover[data-v-34dab52f] {
  background: #ffde45;
}
.city-list[data-v-34dab52f] {
  width: 23.4375rem;
  padding-bottom: 1.5625rem;
}
.city-list .c-title[data-v-34dab52f] {
  height: 1.875rem;
  line-height: 1.875rem;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #272636;
  background: #fff;
  box-sizing: border-box;
  padding-left: 1.125rem;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 2;
}
.city-list .item[data-v-34dab52f] {
  width: 22.3125rem;
  margin-left: 1.125rem;
  padding: 0 1.125rem 0 0;
  height: 3.125rem;
  line-height: 3.125rem;
  color: #333;
  font-size: 0.875rem;
  box-sizing: border-box;
  border-bottom: 0.0625rem solid #F5F5F5;
}
.alphabet[data-v-34dab52f] {
  position: fixed;
  right: 0;
  bottom: 20%;
  width: 2.1875rem;
  text-align: center;
  font-size: 0.625rem;
  font-weight: 700;
  color: #8e8f97;
  z-index: 99;
}
.alphabet .item[data-v-34dab52f] {
  height: 15px;
  line-height: 15px;
}
.has-no-data[data-v-34dab52f] {
  font-size: 0.75rem;
  text-align: center;
  color: #8e8f97;
  margin-top: 1.5625rem;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-count-down[data-v-d95bc514] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--2d210254);
}
.xl-count-down .time[data-v-d95bc514] {
  font-size: var(--time-size);
}
.xl-count-down .cart[data-v-d95bc514] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: var(--time-size);
}
.xl-count-down .cart .num[data-v-d95bc514] {
  background: var(--2d210254);
  border-radius: 0.125rem;
  color: #fff;
  width: var(--cart-size);
  height: var(--cart-size);
  line-height: var(--cart-size);
  text-align: center;
}
.xl-count-down .cart .split[data-v-d95bc514] {
  margin: 0 0.1875rem;
}
.xl-count-down .status[data-v-d95bc514] {
  margin-top: 0.125rem;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-count-to[data-v-20ba5ecc] {
  display: inline-flex;
  text-align: center;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.dialog-wrapper .xl-dialog[data-v-d71a4903] {
  position: relative;
}
.dialog-wrapper .xl-dialog-header[data-v-d71a4903] {
  position: relative;
  text-align: center;
  padding-top: 1.25rem;
}
.dialog-wrapper .xl-dialog-title[data-v-d71a4903] {
  font-size: 1.1875rem;
  font-weight: bold;
}
.dialog-wrapper .xl-dialog-container[data-v-d71a4903] {
  position: relative;
  padding: 0.625rem 1.25rem 0.9375rem 1.25rem;
}
.dialog-wrapper .xl-dialog-message[data-v-d71a4903] {
  text-align: center;
  font-size: 1rem;
  color: #606266;
  line-height: 1.25rem;
}
.dialog-wrapper .xl-dialog-confirm[data-v-d71a4903] {
  display: flex;
  width: 100%;
}
.dialog-wrapper .xl-dialog-confirm .confirm-button[data-v-d71a4903] {
  border: 0;
  border-radius: 0;
  flex: 1;
  position: relative;
  padding: 0.375rem 0;
  font-size: 1.0625rem;
  border-top: 0.03125rem solid #f1f1ff;
}
.dialog-wrapper .xl-dialog-confirm .confirm-button.is-confirm[data-v-d71a4903] {
  color: #409eff;
}
.dialog-wrapper .xl-dialog-confirm .confirm-button[data-v-d71a4903]:active {
  opacity: 0.8;
}
.dialog-wrapper .xl-dialog-confirm .confirm-button[data-v-d71a4903]:nth-child(2) {
  border-left: 0.03125rem solid #f1f1ff;
}
.dialog-wrapper .xl-dialog-close[data-v-d71a4903] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 1.875rem;
  width: 1.875rem;
  position: absolute;
  bottom: -3.125rem;
  left: calc(50% - 0.9375rem);
  color: #ddd;
  border-radius: 1.875rem;
  font-size: 1rem;
  text-align: center;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-fade-enter-active[data-v-e4a8263d],
.xl-fade-leave-active[data-v-e4a8263d] {
  transition-property: opacity;
  transition-duration: var(--duration);
}
.xl-fade-leave[data-v-e4a8263d],
.xl-fade-enter-to[data-v-e4a8263d] {
  opacity: 1;
}
.xl-fade-enter[data-v-e4a8263d],
.xl-fade-leave-to[data-v-e4a8263d] {
  opacity: 0;
}
.xl-fade-zoom-enter-active[data-v-e4a8263d],
.xl-fade-zoom-leave-active[data-v-e4a8263d] {
  transition-property: transform, opacity;
  transition-duration: var(--duration);
}
.xl-fade-zoom-enter[data-v-e4a8263d],
.xl-fade-zoom-leave-to[data-v-e4a8263d] {
  transform: scale(0.9);
  opacity: 0;
}
.xl-fade-zoom-leave[data-v-e4a8263d],
.xl-fade-zoom-enter-to[data-v-e4a8263d] {
  transform: scale(1);
  opacity: 1;
}
.xl-fade-down-enter-active[data-v-e4a8263d],
.xl-fade-down-leave-active[data-v-e4a8263d],
.xl-fade-left-enter-active[data-v-e4a8263d],
.xl-fade-left-leave-active[data-v-e4a8263d],
.xl-fade-right-enter-active[data-v-e4a8263d],
.xl-fade-right-leave-active[data-v-e4a8263d],
.xl-fade-up-enter-active[data-v-e4a8263d],
.xl-fade-up-leave-active[data-v-e4a8263d] {
  transition-property: opacity, transform;
  transition-duration: var(--duration);
}
.xl-fade-up-enter[data-v-e4a8263d],
.xl-fade-up-leave-to[data-v-e4a8263d] {
  transform: translateY(100%);
  opacity: 0;
}
.xl-fade-up-leave[data-v-e4a8263d],
.xl-fade-up-enter-to[data-v-e4a8263d] {
  transform: translateY(0);
  opacity: 1;
}
.xl-fade-down-enter[data-v-e4a8263d],
.xl-fade-down-leave-to[data-v-e4a8263d] {
  transform: translateY(-100%);
  opacity: 0;
}
.xl-fade-down-leave[data-v-e4a8263d],
.xl-fade-down-enter-to[data-v-e4a8263d] {
  transform: translateY(0);
  opacity: 1;
}
.xl-fade-left-enter[data-v-e4a8263d],
.xl-fade-left-leave-to[data-v-e4a8263d] {
  transform: translateX(-100%);
  opacity: 0;
}
.xl-fade-left-leave[data-v-e4a8263d],
.xl-fade-left-enter-to[data-v-e4a8263d] {
  transform: translateX(0);
  opacity: 1;
}
.xl-fade-right-enter[data-v-e4a8263d],
.xl-fade-right-leave-to[data-v-e4a8263d] {
  transform: translateX(100%);
  opacity: 0;
}
.xl-fade-right-leave[data-v-e4a8263d],
.xl-fade-right-enter-to[data-v-e4a8263d] {
  transform: translateX(0);
  opacity: 1;
}
.xl-slide-down-enter-active[data-v-e4a8263d],
.xl-slide-down-leave-active[data-v-e4a8263d],
.xl-slide-left-enter-active[data-v-e4a8263d],
.xl-slide-left-leave-active[data-v-e4a8263d],
.xl-slide-right-enter-active[data-v-e4a8263d],
.xl-slide-right-leave-active[data-v-e4a8263d],
.xl-slide-up-enter-active[data-v-e4a8263d],
.xl-slide-up-leave-active[data-v-e4a8263d] {
  transition-property: transform;
  transition-duration: var(--duration);
}
.xl-slide-up-enter[data-v-e4a8263d],
.xl-slide-up-leave-to[data-v-e4a8263d] {
  transform: translateY(100%);
}
.xl-slide-up-leave[data-v-e4a8263d],
.xl-slide-up-enter-to[data-v-e4a8263d] {
  transform: translateY(0);
}
.xl-slide-down-enter[data-v-e4a8263d],
.xl-slide-down-leave-to[data-v-e4a8263d] {
  transform: translateY(-100%);
}
.xl-slide-down-leave[data-v-e4a8263d],
.xl-slide-down-enter-to[data-v-e4a8263d] {
  transform: translateY(0);
}
.xl-slide-left-enter[data-v-e4a8263d],
.xl-slide-left-leave-to[data-v-e4a8263d] {
  transform: translateX(-100%);
}
.xl-slide-left-leave[data-v-e4a8263d],
.xl-slide-left-enter-to[data-v-e4a8263d] {
  transform: translateX(0);
}
.xl-slide-right-enter[data-v-e4a8263d],
.xl-slide-right-leave-to[data-v-e4a8263d] {
  transform: translateX(100%);
}
.xl-slide-right-leave[data-v-e4a8263d],
.xl-slide-right-enter-to[data-v-e4a8263d] {
  transform: translateX(0);
}
.xl-zoom-enter-active[data-v-e4a8263d],
.xl-zoom-leave-active[data-v-e4a8263d] {
  transition-property: transform;
  transition-duration: var(--duration);
}
.xl-zoom-enter[data-v-e4a8263d],
.xl-zoom-leave-to[data-v-e4a8263d] {
  transform: scale(0.9);
}
.xl-zoom-leave[data-v-e4a8263d],
.xl-zoom-enter-to[data-v-e4a8263d] {
  transform: scale(1);
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-mask[data-v-af3a4bb7] {
  position: relative;
  z-index: var(--77b036b8);
}
.xl-mask .xl-mask-bg[data-v-af3a4bb7] {
  position: fixed;
  top: var(--top);
  left: 0;
  width: 100%;
  height: calc(100% - var(--top));
  transition: opacity 0.5s;
  background-color: rgba(0, 0, 0, var(--opacity));
}
.xl-mask .xl-mask-relative[data-v-af3a4bb7] {
  position: relative;
  z-index: 1;
}
.xl-mask .xl-mask-fixed[data-v-af3a4bb7] {
  position: fixed;
  top: var(--top);
  width: 100%;
  z-index: 1;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-dropdown .xl-dropdown-items[data-v-b1175dd3] {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 9999;
  background: var(--0ff63192);
}
.xl-dropdown .xl-dropdown-items.xl-dropdown-items_border[data-v-b1175dd3] {
  border-bottom: 0.03125rem solid #efefef;
}
.xl-dropdown .xl-dropdown-items.xl-dropdown-items_shadow[data-v-b1175dd3] {
  box-shadow: 0 0.3125rem 0.5rem 0 rgba(153, 153, 153, 0.05);
}
.xl-dropdown .xl-dropdown-items .xl-dropdown-item[data-v-b1175dd3] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.xl-dropdown .xl-dropdown-scroll-view[data-v-b1175dd3] {
  position: relative;
  max-height: 31.25rem;
}
.xl-dropdown .xl-dropdown-scroll-view .xl-dropdown-content[data-v-b1175dd3] {
  background: var(--0ff63192);
}
.xl-dropdown .xl-dropdown-scroll-view .xl-dropdown-content__column-item[data-v-b1175dd3] {
  height: 2.8125rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.03125rem solid #efefef;
}
.xl-dropdown .xl-dropdown-scroll-view .xl-dropdown-content__column-item[data-v-b1175dd3]:last-child {
  border-bottom: none;
}
.xl-dropdown .xl-dropdown-scroll-view .xl-dropdown-content__column-item .item-text[data-v-b1175dd3] {
  font-size: 14px;
  color: #666;
}
.xl-dropdown .xl-dropdown-scroll-view .xl-dropdown-content__capsule[data-v-b1175dd3] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.625rem;
  padding: 1rem 0 1.0625rem;
}
.xl-dropdown .xl-dropdown-scroll-view .xl-dropdown-content__capsule-item[data-v-b1175dd3] {
  padding: 0.3125rem 0.9375rem;
  border-radius: 1.5625rem;
  background: #f5f5f5;
}
.xl-dropdown .xl-dropdown-scroll-view .xl-dropdown-content__capsule-item .item-text[data-v-b1175dd3] {
  font-size: 13px;
  color: #333333;
}
.xl-dropdown .xl-dropdown-scroll-view .xl-dropdown-content__capsule-item.capsule-item-checked[data-v-b1175dd3] {
  background: var(--capsule-color);
}
.xl-dropdown .xl-dropdown-scroll-view .xl-dropdown-content__capsule-item.capsule-item-checked .item-text[data-v-b1175dd3] {
  color: var(--6927bbba);
}
.xl-dropdown .xl-dropdown-scroll-view .xl-dropdown-content__group[data-v-b1175dd3] {
  padding: 0.9375rem 0 3.125rem;
}
.xl-dropdown .xl-dropdown-scroll-view .xl-dropdown-content__group-item[data-v-b1175dd3] {
  margin-bottom: 0.625rem;
}
.xl-dropdown .xl-dropdown-scroll-view .xl-dropdown-content__group-item .group-item-label[data-v-b1175dd3] {
  font-size: 16px;
  color: #333;
  font-weight: bold;
}
.xl-dropdown .xl-dropdown-scroll-view .xl-dropdown-content__group-item[data-v-b1175dd3]:last-child {
  margin-bottom: 0;
}
.xl-dropdown .xl-dropdown-scroll-view .xl-dropdown-content__bottom[data-v-b1175dd3] {
  height: 3.125rem;
}
.xl-dropdown .xl-dropdown-scroll-view .xl-dropdown-content__button[data-v-b1175dd3] {
  padding: 0.625rem 0.9375rem 0.625rem;
  display: flex;
  flex-direction: row;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  background: var(--0ff63192);
}
.xl-dropdown .xl-dropdown-scroll-view .xl-dropdown-content__button .button-text[data-v-b1175dd3] {
  flex: 1;
  border: 0.03125rem solid var(--6927bbba);
  height: 2.1875rem;
  line-height: 2.1875rem;
  text-align: center;
  font-size: 14px;
}
.xl-dropdown .xl-dropdown-scroll-view .xl-dropdown-content__button .button-text[data-v-b1175dd3]:first-child {
  border-top-left-radius: 1.5625rem;
  border-bottom-left-radius: 1.5625rem;
  color: var(--6927bbba);
}
.xl-dropdown .xl-dropdown-scroll-view .xl-dropdown-content__button .button-text[data-v-b1175dd3]:last-child {
  border-top-right-radius: 1.5625rem;
  border-bottom-right-radius: 1.5625rem;
  color: #ffffff;
  background: var(--6927bbba);
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.gap[data-v-99491e23] {
  height: calc(3.125rem + env(safe-area-inset-bottom) / 2);
  padding-bottom: calc(env(safe-area-inset-bottom) / 2);
  background-color: transparent;
}
.goods-nav[data-v-99491e23] {
  box-shadow: 0 0.03125rem 0.1875rem rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  z-index: 997;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 23.4375rem;
  height: calc(3.125rem + env(safe-area-inset-bottom) / 2);
  padding-bottom: calc(env(safe-area-inset-bottom) / 2);
}
.goods-nav--left[data-v-99491e23] {
  height: 2.1875rem;
  padding-left: 0.3125rem;
}
.goods-nav--left--item[data-v-99491e23] {
  width: 2.8125rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.goods-nav--left--item--text[data-v-99491e23] {
  margin-top: 0.125rem;
  font-size: 0.6875rem;
  color: #666;
}
.goods-nav--right[data-v-99491e23] {
  height: 2.8125rem;
  margin-right: 0.9375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.goods-nav--right--item[data-v-99491e23] {
  height: 2.1875rem;
}
.goods-nav--right--item--text[data-v-99491e23] {
  font-size: 0.875rem;
  font-weight: 700;
}
.goods-nav--right--item[data-v-99491e23]:active {
  opacity: 0.9;
}
.mr-2[data-v-99491e23] {
  margin-right: 0.625rem;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-line[data-v-f9152d92] {
  vertical-align: middle;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-grid[data-v-dba75892] {
  background: var(--5ec52b94);
  display: flex;
  flex-direction: column;
  padding: var(--padding);
  gap: 0.9375rem;
}
.xl-grid .xl-grid-group[data-v-dba75892] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.xl-grid .xl-grid-group.xl-grid-border[data-v-dba75892] {
  border-bottom: 0.03125rem solid #efefef;
}
.xl-grid .xl-grid-group .xl-grid-item[data-v-dba75892] {
  width: calc((100% - var(--divider)) / var(--col));
  height: var(--height);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.xl-grid .xl-grid-group .xl-grid-item-icon[data-v-dba75892] {
  position: relative;
  width: calc(var(--icon-size) + 4px);
  height: calc(var(--icon-size) + 4px);
  display: flex;
  justify-content: center;
  align-items: center;
}
.xl-grid .xl-grid-group .xl-grid-item-icon .dot[data-v-dba75892] {
  position: absolute;
  right: -1px;
  top: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #f56c6c;
}
.xl-grid .xl-grid-group .xl-grid-item-icon .badge[data-v-dba75892] {
  position: absolute;
  right: -4px;
  top: 0;
  width: 12px;
  height: 12px;
  line-height: 13px;
  border-radius: 50%;
  background: #f56c6c;
  color: #ffffff;
  font-size: 0.5625rem;
  text-align: center;
}
.panel[data-v-acd128bf] {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 999999999999;
  overflow: hidden;
}
.canvas[data-v-acd128bf] {
  position: absolute;
  top: 5000px;
  left: 5000px;
}
.toolbar[data-v-acd128bf] {
  position: absolute;
  width: 100%;
  height: 3.125rem;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.btn-cancel[data-v-acd128bf] {
  font-size: 1.25rem;
  color: #d5dfe5;
  font-weight: bold;
}
.btn-ok[data-v-acd128bf] {
  font-size: 1.25rem;
  color: #FFFFFF;
  font-weight: bold;
}
.btn-rotate[data-v-acd128bf] {
  font-size: 1.25rem;
  color: #d5dfe5;
  font-weight: bold;
}
.body[data-v-acd128bf] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: black;
  overflow: hidden;
}
.mask[data-v-acd128bf] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: black;
  opacity: 0.4;
  z-index: 0;
}
.plank[data-v-acd128bf] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.image-wrap[data-v-acd128bf] {
  position: absolute;
}
.image-rect[data-v-acd128bf] {
  position: absolute;
}
.image[data-v-acd128bf] {
  position: absolute;
}
.frame[data-v-acd128bf] {
  position: absolute;
  left: 100px;
  top: 100px;
  width: 200px;
  height: 200px;
}
.rect[data-v-acd128bf] {
  position: absolute;
  left: -2px;
  top: -2px;
  width: 100%;
  height: 100%;
  border: 2px solid white;
  overflow: hidden;
  box-sizing: content-box;
}
.line-one[data-v-acd128bf] {
  position: absolute;
  width: 100%;
  height: 1px;
  background: white;
  left: 0;
  top: 33.3%;
  box-sizing: content-box;
}
.line-two[data-v-acd128bf] {
  position: absolute;
  width: 100%;
  height: 1px;
  background: white;
  left: 0;
  top: 66.7%;
  box-sizing: content-box;
}
.line-three[data-v-acd128bf] {
  position: absolute;
  width: 1px;
  height: 100%;
  background: white;
  top: 0;
  left: 33.3%;
  box-sizing: content-box;
}
.line-four[data-v-acd128bf] {
  position: absolute;
  width: 1px;
  height: 100%;
  background: white;
  top: 0;
  left: 66.7%;
  box-sizing: content-box;
}
.frame-left-top[data-v-acd128bf] {
  position: absolute;
  width: 20px;
  height: 20px;
  left: -6px;
  top: -6px;
  border-left: 4px solid red;
  border-top: 4px solid red;
  box-sizing: content-box;
}
.frame-left-bottom[data-v-acd128bf] {
  position: absolute;
  width: 20px;
  height: 20px;
  left: -6px;
  bottom: -6px;
  border-left: 4px solid red;
  border-bottom: 4px solid red;
  box-sizing: content-box;
}
.frame-right-top[data-v-acd128bf] {
  position: absolute;
  width: 20px;
  height: 20px;
  right: -6px;
  top: -6px;
  border-right: 4px solid red;
  border-top: 4px solid red;
  box-sizing: content-box;
}
.frame-right-bottom[data-v-acd128bf] {
  position: absolute;
  width: 20px;
  height: 20px;
  right: -6px;
  bottom: -6px;
  border-right: 4px solid red;
  border-bottom: 4px solid red;
  box-sizing: content-box;
}
.transit[data-v-acd128bf] {
  transition: width 0.3s, height 0.3s, left 0.3s, top 0.3s, transform 0.3s;
}
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.source-box[data-v-d8e9ddea] {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--71879fdd);
}
.source-box .source[data-v-d8e9ddea] {
  background-color: #f9f9f9;
  border-radius: 0.3125rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
}
.source-box .source .text[data-v-d8e9ddea] {
  font-size: 0.75rem;
  color: #b1b1b1;
  margin-top: 0.3125rem;
}
.source-box .source .close[data-v-d8e9ddea] {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #e54d42;
  width: 1.125rem;
  height: 1.125rem;
  border-bottom-left-radius: 0.3125rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.source-box .source .img[data-v-d8e9ddea] {
  width: 100%;
  height: 100%;
}
.source-box .source .edit[data-v-d8e9ddea] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2.1875rem;
  height: 1.25rem;
  background-color: rgba(0, 0, 0, 0.3);
  border-top-right-radius: 0.3125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.6875rem;
  color: #ffffff;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.upload[data-v-48d88de6] {
  background-color: #f9f9f9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0.375rem;
  position: relative;
  overflow: hidden;
}
.upload .text[data-v-48d88de6] {
  font-size: 0.75rem;
  color: #b1b1b1;
  margin-top: 0.3125rem;
}
.upload-img[data-v-48d88de6] {
  width: 100%;
  height: 100%;
}
.upload-close[data-v-48d88de6] {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #e54d42;
  width: 1.125rem;
  height: 1.125rem;
  border-bottom-left-radius: 0.3125rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.edit[data-v-48d88de6] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2.1875rem;
  height: 1.25rem;
  background-color: rgba(0, 0, 0, 0.3);
  border-top-right-radius: 0.3125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.6875rem;
  color: #ffffff;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.chose-city[data-v-24995823] {
  padding-top: 0.9375rem;
  background: #fff;
}
.reach-content[data-v-24995823] {
  padding-left: 1.125rem;
  box-sizing: border-box;
}
.reach-content .li[data-v-24995823] {
  width: 22.3125rem;
  font-size: 0.875rem;
  height: 3.125rem;
  line-height: 3.125rem;
  color: #333;
  position: relative;
  box-sizing: border-box;
  border-bottom: 0.0625rem solid #F5F5F5;
}
.block[data-v-24995823] {
  padding: 0 1.125rem;
  box-sizing: border-box;
}
.top-search[data-v-24995823] {
  line-height: 2.25rem;
  padding: 0.4375rem 0.9375rem 0;
  box-sizing: border-box;
  margin-bottom: 0.8125rem;
}
.top-search .item[data-v-24995823] {
  background: #F5F5F5;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  text-align: center;
  color: #999999;
}
.top-search .item uni-text[data-v-24995823] {
  padding-left: 0.625rem;
  color: #c1c2cd;
  vertical-align: middle;
  position: relative;
  top: -0.125rem;
}
.scroll-view[data-v-24995823] {
  width: 100%;
  height: calc(100vh - 3.4375rem);
  box-sizing: border-box;
}
.area[data-v-24995823] {
  margin-bottom: 0.25rem;
}
.area .title-wrapp[data-v-24995823] {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 99;
}
.area .c-title[data-v-24995823] {
  width: 100%;
  box-sizing: border-box;
  font-size: 0.875rem;
  color: #999999;
  margin-bottom: 0.75rem;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
.area .c-title .r[data-v-24995823] {
  font-size: 0.75rem;
  color: #8e8f97;
  display: inline-block;
  align-items: center;
}
.area .c-title .r .iconfont[data-v-24995823] {
  font-size: 0.75rem;
}
.area .ul[data-v-24995823] {
  display: flex;
  flex-wrap: wrap;
}
.area .ul .li[data-v-24995823] {
  width: 4.84375rem;
  padding: 0 0.3125rem;
  box-sizing: border-box;
  height: 2.125rem;
  line-height: 2.125rem;
  text-align: center;
  font-size: 1rem;
  color: #333;
  border-radius: 0.25rem;
  margin: 0 0.5625rem 0.875rem 0;
  border: 0.0625rem solid #E2E2E2;
}
.area .ul .li[data-v-24995823]:nth-child(4n) {
  margin-right: 0;
}
.area .ul .li.now[data-v-24995823] {
  width: auto;
  padding: 0 0.875rem 0 0.5625rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.area .ul .li.active[data-v-24995823] {
  font-weight: 500;
  background: #ffde45;
}
.area .ul .hover[data-v-24995823] {
  background: #ffde45;
}
.city-list[data-v-24995823] {
  width: 23.4375rem;
  padding-bottom: 1.5625rem;
}
.city-list .c-title[data-v-24995823] {
  height: 1.875rem;
  line-height: 1.875rem;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #272636;
  background: #fff;
  box-sizing: border-box;
  padding-left: 1.125rem;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 2;
}
.city-list .item[data-v-24995823] {
  width: 22.3125rem;
  margin-left: 1.125rem;
  padding: 0 1.125rem 0 0;
  height: 3.125rem;
  line-height: 3.125rem;
  color: #333;
  font-size: 0.875rem;
  box-sizing: border-box;
  border-bottom: 0.0625rem solid #F5F5F5;
}
.alphabet[data-v-24995823] {
  position: fixed;
  right: 0;
  bottom: 20%;
  width: 2.1875rem;
  text-align: center;
  font-size: 0.625rem;
  font-weight: 700;
  color: #8e8f97;
  z-index: 99;
}
.alphabet .item[data-v-24995823] {
  height: 15px;
  line-height: 15px;
}
.has-no-data[data-v-24995823] {
  font-size: 0.75rem;
  text-align: center;
  color: #8e8f97;
  margin-top: 1.5625rem;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-input-box[data-v-571dd9b7] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: var(--height);
  /* Input 高度 */
  color: #333333;
  padding: var(--padding);
  position: relative;
}
.xl-input-box .required[data-v-571dd9b7] {
  position: absolute;
  top: 0;
  left: 0;
  padding: var(--padding);
  height: var(--height);
  line-height: var(--height);
  color: red;
}
.xl-input-box .main-input[data-v-571dd9b7] {
  flex: 1;
  text-align: left;
  font-size: 0.875rem;
  /* line-height: 100rpx; */
  padding-right: 0.3125rem;
  margin-left: 0.625rem;
}
.vercode[data-v-571dd9b7] {
  color: #FFFFFF;
  background: #4191ea;
  font-size: 12px;
  width: 5rem;
  text-align: center;
  height: 1.75rem;
  line-height: 1.75rem;
  border-radius: 0.9375rem;
}
.vercode-run[data-v-571dd9b7] {
  font-size: 14px;
}
.round[data-v-571dd9b7] {
  border: 0.03125rem solid #ebedf0;
  border-radius: 1.5625rem;
}
.round.input-shadow[data-v-571dd9b7] {
  border: none;
  box-shadow: 0 0 1.875rem 0 rgba(43, 86, 112, 0.1);
}
.square[data-v-571dd9b7] {
  border: 0.03125rem solid #ebedf0;
  border-radius: 0.25rem;
}
.square.input-shadow[data-v-571dd9b7] {
  border: none;
  box-shadow: 0 0 1.875rem 0 rgba(43, 86, 112, 0.1);
}
.line[data-v-571dd9b7] {
  position: relative;
  height: var(--height);
}
.line[data-v-571dd9b7]::after {
  position: absolute;
  box-sizing: border-box;
  content: " ";
  pointer-events: none;
  right: 0;
  bottom: 0;
  left: 4%;
  width: 92%;
  height: 1px;
  background-color: #ebedf0;
  transform: scaleY(0.5);
}
.line[data-v-571dd9b7]:last-child::after {
  border: none;
}
.left-label[data-v-571dd9b7] {
  color: #666;
  font-size: 0.9375rem;
  width: 2.5rem;
}
.codeImg[data-v-571dd9b7] {
  height: 1.75rem;
  width: 4.375rem;
  position: absolute;
  right: 0.875rem;
  bottom: 0.5rem;
  z-index: 99;
}
.right-label[data-v-571dd9b7] {
  padding-right: 0.625rem;
  font-size: 0.875rem;
  height: 1.4rem;
  min-height: 1.4rem;
  font-family: UICTFontTextStyleBody;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-list[data-v-4902ed70] {
  background: var(--background);
}
.xl-list--clickable[data-v-4902ed70] {
  background-color: var(--darkColor);
}
.xl-list--disabled[data-v-4902ed70] {
  color: #c8c9cc;
  cursor: not-allowed;
}
.xl-list .xl-list__body[data-v-4902ed70] {
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  font-size: 15px;
  color: #333;
  align-items: center;
}
.xl-list .xl-list__body .xl-list__left-icon[data-v-4902ed70] {
  margin-right: 10px;
}
.xl-list .xl-list__body .xl-list__left-icon--wrap[data-v-4902ed70] {
  width: 1.3125rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.xl-list .xl-list__body .xl-list__left-icon--img[data-v-4902ed70] {
  width: 1.3125rem;
  height: 1.3125rem;
}
.xl-list .xl-list__body .xl-list__left-icon--img .img[data-v-4902ed70] {
  width: 100%;
  height: 100%;
}
.xl-list .xl-list__body .xl-list__content[data-v-4902ed70] {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.xl-list .xl-list__body .xl-list__content--wrap[data-v-4902ed70] {
  flex: 1;
}
.xl-list .xl-list__body .xl-list__content--wrap .xl-list__title[data-v-4902ed70] {
  font-size: 1rem;
  line-height: 1.3125rem;
  color: var(--a5d131c0);
}
.xl-list .xl-list__body .xl-list__content--wrap .xl-list__label[data-v-4902ed70] {
  margin-top: 0.3125rem;
  font-size: 0.875rem;
  color: var(--970ce7f8);
  line-height: 1rem;
}
.xl-list .xl-list__body .xl-list__content--value[data-v-4902ed70] {
  text-align: right;
  font-size: 0.875rem;
  line-height: 0.875rem;
  color: #888;
}
.xl-list .xl-list__body .xl-list__right-icon[data-v-4902ed70] {
  margin-left: 4px;
  transition: transform 0.3s;
}
.xl-list .xl-list__body .xl-list__right-icon--wrap[data-v-4902ed70] {
  width: 1.3125rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.xl-list .xl-list__body .xl-list__right-icon--up[data-v-4902ed70] {
  transform: rotate(-90deg);
}
.xl-list .xl-list__body .xl-list__right-icon--down[data-v-4902ed70] {
  transform: rotate(90deg);
}
.xl-list .xl-list__collapse[data-v-4902ed70] {
  height: 0;
  overflow: hidden;
  transition: height 0.5s;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-numbox[data-v-c879990b] {
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  border-radius: 3.125rem;
  overflow: hidden;
  position: relative;
}
.xl-numbox .xl-numbox__minus[data-v-c879990b],
.xl-numbox .xl-numbox__plus[data-v-c879990b] {
  margin: 0;
  background-color: var(--197b952a);
  color: var(--22124bc8);
  flex: 1.8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.xl-numbox .xl-numbox__value[data-v-c879990b] {
  position: relative;
  background-color: var(--d79913d6);
  color: var(--22124bc8);
  flex: 2;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.xl-numbox .xl-numbox__unit[data-v-c879990b] {
  background-color: var(--d79913d6);
  flex: 1.2;
  height: 100%;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.modalBox .shade[data-v-c879990b] {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.6);
}
.modalBox .modal[data-v-c879990b] {
  width: 80%;
  border-radius: 0.3125rem;
  background-color: #fff;
  padding: 1.25rem 0.9375rem 0.9375rem;
  box-sizing: border-box;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 200;
}
.modalBox .modal .modalTitle[data-v-c879990b] {
  font-size: 1.0625rem;
  color: #333;
  margin-bottom: 1rem;
}
.modalBox .modal .modalInput[data-v-c879990b] {
  width: 100%;
  height: 1.25rem;
  font-size: 0.9375rem;
  color: #333;
  margin-bottom: 1.5625rem;
}
.modalBox .modal .modalInput .info[data-v-c879990b] {
  width: 95%;
  height: 100%;
  padding: 0.125rem 0.3125rem 0.3125rem;
  border: none;
  border-bottom: 0.0625rem solid var(--6787e6d0);
}
.modalBox .modal .modalBtnBox[data-v-c879990b] {
  width: 100%;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: var(--6787e6d0);
  font-size: 0.9375rem;
}
.modalBox .modal .modalBtnBox .btn[data-v-c879990b] {
  width: 25%;
  height: 100%;
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-qrcode[data-v-78b45c45] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 0;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.qrcode-canvas[data-v-78b45c45] {
  display: block;
  position: relative;
  z-index: 0;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.qrcode-image[data-v-78b45c45] {
  display: block;
  position: relative;
  z-index: 0;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.qrcode-image.qrcode-preview[data-v-78b45c45] {
  cursor: pointer;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-radio-container[data-v-a752dc54] {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  gap: var(--gap);
}
.xl-radio-container.items-row[data-v-a752dc54] {
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.xl-radio-container.items-column[data-v-a752dc54] {
  flex-direction: column;
}
.xl-radio-container .xl-radio-item[data-v-a752dc54] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
}
.xl-radio-container .xl-radio-item.underline[data-v-a752dc54] {
  padding: 0.375rem 0;
  border-bottom: 0.03125rem solid #e4e4e4;
}
.xl-radio-container .xl-radio-item .xl-radio-item-info[data-v-a752dc54] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  border-radius: calc(var(--icon-size) * 2);
  padding: calc(var(--icon-size) / 5) calc(var(--icon-size) / 2) calc(var(--icon-size) / 5) calc(var(--icon-size) / 4);
  background: transparent;
}
.xl-radio-container .xl-radio-item .xl-radio-item-info.xl-radio-icon-disabled .xl-radio-icon[data-v-a752dc54] {
  background: #ebedf0;
}
.xl-radio-container .xl-radio-item .xl-radio-item-info.xl-radio-icon-disabled .xl-radio-text[data-v-a752dc54] {
  color: #c8c9cc;
}
.xl-radio-container .xl-radio-item .xl-radio-item-info.xl-radio-item-checked .xl-radio-icon[data-v-a752dc54] {
  border: calc(var(--icon-size) / 3) solid var(--603aa963);
}
.xl-radio-container .xl-radio-item .xl-radio-item-info.xl-radio-item-checked.xl-radio-item-bg[data-v-a752dc54] {
  background: var(--bg-color);
}
.xl-radio-container .xl-radio-item .xl-radio-item-info.xl-radio-item-checked.xl-radio-item-bg .xl-radio-text[data-v-a752dc54] {
  color: var(--603aa963);
}
.xl-radio-container .xl-radio-item .xl-radio-item-info.xl-radio-item-checked-yes .xl-radio-icon[data-v-a752dc54] {
  border: 0.0625rem solid var(--603aa963);
  background: var(--603aa963);
}
.xl-radio-container .xl-radio-item .xl-radio-item-info .xl-radio-icon[data-v-a752dc54] {
  width: var(--icon-size);
  height: var(--icon-size);
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border-radius: 50%;
  border: 0.0625rem solid var(--78b4fed2);
  background: #fff;
  transition: border 0.25s ease;
  position: relative;
}
.xl-radio-container .xl-radio-item .xl-radio-item-info .xl-radio-icon.xl-radio-icon-clickable .xl-radio-icon-hover[data-v-a752dc54] {
  background: rgba(0, 0, 0, 0.05);
  transform: scale(2.5);
}
.xl-radio-container .xl-radio-item .xl-radio-item-info .xl-radio-icon .xl-radio-icon-hover[data-v-a752dc54] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transform: scale(1);
  transition: transform 0.25s ease;
  z-index: -1;
}
.xl-radio-container .xl-radio-item .xl-radio-item-info .xl-radio-text[data-v-a752dc54] {
  margin-left: 0.4375rem;
  box-sizing: border-box;
  color: var(--57524f4d);
  flex: 1;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-read-more__content[data-v-be54d9a2] {
  overflow: hidden;
  transition: height 0.5s;
}
.xl-read-more__switch[data-v-be54d9a2] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  color: var(--d56bcff6);
}
.xl-read-more__switch.close[data-v-be54d9a2] {
  background: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #fff 80%);
  padding-top: 100px;
  margin-top: -100px;
}
.xl-read-more__switch__text[data-v-be54d9a2] {
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-rate[data-v-4edc7ae6] {
  display: flex;
  line-height: 1;
  font-size: 0;
  flex-direction: row;
  cursor: pointer;
}
.xl-rate__icon[data-v-4edc7ae6] {
  position: relative;
  line-height: 1;
  font-size: 0;
}
.xl-rate__icon-on[data-v-4edc7ae6] {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1;
  text-align: left;
}
.xl-cursor-not-allowed[data-v-4edc7ae6] {
  cursor: not-allowed !important;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.score-box[data-v-c416f076] {
  display: flex;
  flex-direction: row;
  padding: 0.3125rem 0.9375rem;
}
.score-box .score[data-v-c416f076] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #ffca3e;
  margin-right: 0.9375rem;
}
.score-box .score .num[data-v-c416f076] {
  font-size: 3.4375rem;
  height: 3.75rem;
  line-height: 3.75rem;
}
.score-box .stars-box[data-v-c416f076] {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-left: 0.125rem;
}
.score-box .stars-box .row[data-v-c416f076] {
  display: flex;
  flex-direction: row;
  height: 0.78125rem;
  margin-top: 0.125rem;
}
.score-box .stars-box .row .stars[data-v-c416f076] {
  width: 4.25rem;
  margin-top: 0.125rem;
  justify-content: flex-end;
}
.score-box .stars-box .row .progress[data-v-c416f076] {
  overflow: hidden;
  flex: 1;
  height: 6px;
  border-radius: 100px;
  background-color: #ebeef5;
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  margin-top: 5px;
}
.score-box .stars-box .row .progress .value[data-v-c416f076] {
  width: 0;
  height: 100%;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-items: flex-end;
  justify-content: space-around;
  font-size: 10px;
  color: #ffffff;
  transition: width 0.6s ease;
  background-color: #888;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.search-input-box[data-v-3e99afc5] {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 2.8125rem;
  padding: 0 0.9375rem;
}
.search-input-box .search-input-box-type[data-v-3e99afc5] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.search-input-box .search-input-box-type .search-input-box-title[data-v-3e99afc5] {
  font-size: 0.875rem;
  color: var(--4e1f04f8);
}
.search-list-box[data-v-3e99afc5] {
  position: absolute;
  top: var(--6b83e3a0);
  width: 100%;
  height: calc(100% - var(--6b83e3a0));
  background-color: #ffffff;
  overflow: hidden;
  z-index: 66;
}
.search-list-box .search-list-content[data-v-3e99afc5] {
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  padding-left: 0.3125rem;
}
.search-list-box .search-list-item[data-v-3e99afc5] {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  padding: 0.625rem 0.3125rem 0.625rem 0.625rem;
  border-bottom: 0.03125rem solid #f6f6f6;
}
.search-history-box[data-v-3e99afc5] {
  width: 21.5625rem;
  margin: 0.625rem 0.9375rem;
  position: relative;
}
.search-history-box .search-history-title[data-v-3e99afc5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #666;
  font-size: 0.9375rem;
  height: 1.5625rem;
  padding-bottom: 0.625rem;
}
.search-history-box .search-history-title .history-title-ops[data-v-3e99afc5] {
  display: flex;
  align-items: center;
}
.search-history-box .search-history-title .history-title-ops .history-title-ops-hidden[data-v-3e99afc5] {
  font-size: 0.8125rem;
  display: flex;
}
.search-history-box .history-content[data-v-3e99afc5] {
  overflow: hidden;
  transition: height 0.3s;
}
.search-history-box .history-content .history-content-items[data-v-3e99afc5] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.search-history-box .history-content .history-content-items .capsule-item[data-v-3e99afc5] {
  max-width: 5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0.125rem 0.78125rem;
  height: 1.5625rem;
  line-height: 1.5625rem;
  text-align: center;
  border-radius: 3.125rem;
  font-size: 0.8125rem;
  color: #888;
  background-color: #f9f9f9;
  position: relative;
}
.search-history-box .history-content .history-content-items .capsule-item .capsule-item-delete[data-v-3e99afc5] {
  position: absolute;
  right: 0.15625rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.04167rem;
  height: 1.04167rem;
  border-radius: 50%;
  background: #e1dad9;
  border: none;
  transition: all 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hot-search-card-wrap[data-v-3e99afc5] {
  margin: 1.25rem 0.9375rem 0 0.9375rem;
  width: 21.5625rem;
  box-sizing: border-box;
  border-radius: 0.3125rem;
  border: 1px solid #FDE8E7;
  padding: 0.625rem 0.3125rem 0.3125rem 0.3125rem;
  position: relative;
}
.hot-search-card-wrap .hot-search-card-bg[data-v-3e99afc5] {
  position: absolute;
  top: 0;
  left: 0;
  width: 21.5625rem;
  height: 4.5rem;
  z-index: -1;
}
.hot-search-card-wrap .hot-search-card-title[data-v-3e99afc5] {
  width: 100%;
  display: flex;
  align-items: center;
  color: #F96E11;
  font-size: 1rem;
  font-weight: bold;
}
.hot-search-card-wrap .hot-search-card-title .hot-search-card-icon[data-v-3e99afc5] {
  height: 1.40625rem;
  width: 1.40625rem;
}
.hot-search-card-wrap .hot-search-card-title .hot-search-card-title-text[data-v-3e99afc5] {
  margin-left: 0.3125rem;
  margin-top: 0.15625rem;
}
.hot-search-card-wrap .hot-search-card-image-content[data-v-3e99afc5] {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 0.9375rem;
  padding: 0 0.625rem;
}
.hot-search-card-wrap .hot-search-card-image-content .hot-search-card-item[data-v-3e99afc5] {
  margin-bottom: 0.625rem;
  display: flex;
  align-items: center;
  position: relative;
  border-radius: 0.46875rem;
  height: 2.8125rem;
  overflow: hidden;
}
.hot-search-card-wrap .hot-search-card-image-content .hot-search-card-item:nth-child(1) .hot-search-card-item-index[data-v-3e99afc5] {
  background-color: #FA740F;
}
.hot-search-card-wrap .hot-search-card-image-content .hot-search-card-item:nth-child(2) .hot-search-card-item-index[data-v-3e99afc5] {
  background-color: #FE8E08;
}
.hot-search-card-wrap .hot-search-card-image-content .hot-search-card-item:nth-child(3) .hot-search-card-item-index[data-v-3e99afc5] {
  background-color: #ee9681;
}
.hot-search-card-wrap .hot-search-card-image-content .hot-search-card-item .hot-search-card-item-index[data-v-3e99afc5] {
  position: absolute;
  left: -0.03125rem;
  top: -0.03125rem;
  width: 1.125rem;
  height: 1.125rem;
  line-height: 1.125rem;
  text-align: center;
  font-size: 0.6875rem;
  color: #fff;
  background-color: #93A3C6;
  border-bottom-right-radius: 0.3125rem;
  box-shadow: rgba(255, 255, 255, 0.15) 0 0.1875rem 0.3125rem inset, rgba(255, 255, 255, 0.05) 0 0.09375rem 0.1875rem inset;
}
.hot-search-card-wrap .hot-search-card-image-content .hot-search-card-item .hot-search-card-item-image[data-v-3e99afc5] {
  height: 2.8125rem;
  width: 2.8125rem;
  border-radius: 0.46875rem;
}
.hot-search-card-wrap .hot-search-card-image-content .hot-search-card-item .hot-search-card-item-content[data-v-3e99afc5] {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin-left: 0.625rem;
  width: calc(100% - 3.4375rem);
  height: 2.8125rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.hot-search-card-wrap .hot-search-card-image-content .hot-search-card-item .hot-search-card-item-content .hot-search-card-item-title[data-v-3e99afc5] {
  font-size: 0.8125rem;
}
.hot-search-card-wrap .hot-search-card-image-content .hot-search-card-item .hot-search-card-item-content .hot-search-card-item-describe[data-v-3e99afc5] {
  font-size: 0.75rem;
  color: #999;
}
.hot-search-card-wrap .hot-search-card-content[data-v-3e99afc5] {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 0.9375rem;
  padding: 0 0.625rem;
}
.hot-search-card-wrap .hot-search-card-content .hot-search-card-item[data-v-3e99afc5] {
  display: flex;
  margin-bottom: 0.78125rem;
  align-items: center;
  align-content: center;
}
.hot-search-card-wrap .hot-search-card-content .hot-search-card-item:nth-child(1) .hot-search-card-item-index[data-v-3e99afc5] {
  background: #FA740F;
  box-shadow: rgba(255, 255, 255, 0.15) 0 0.1875rem 0.3125rem inset, rgba(255, 255, 255, 0.05) 0 0.09375rem 0.1875rem inset;
  -webkit-clip-path: none;
          clip-path: none;
  border-radius: 0.875rem 0 0.875rem 0.875rem;
}
.hot-search-card-wrap .hot-search-card-content .hot-search-card-item:nth-child(2) .hot-search-card-item-index[data-v-3e99afc5] {
  background: #FE8E08;
  box-shadow: rgba(255, 255, 255, 0.15) 0 0.1875rem 0.3125rem inset, rgba(255, 255, 255, 0.05) 0 0.09375rem 0.1875rem inset;
  -webkit-clip-path: none;
          clip-path: none;
  border-radius: 0.875rem 0 0.875rem 0.875rem;
}
.hot-search-card-wrap .hot-search-card-content .hot-search-card-item:nth-child(3) .hot-search-card-item-index[data-v-3e99afc5] {
  background: #ee9681;
  box-shadow: rgba(255, 255, 255, 0.15) 0 0.1875rem 0.3125rem inset, rgba(255, 255, 255, 0.05) 0 0.09375rem 0.1875rem inset;
  -webkit-clip-path: none;
          clip-path: none;
  border-radius: 0.875rem 0 0.875rem 0.875rem;
}
.hot-search-card-wrap .hot-search-card-content .hot-search-card-item .hot-search-card-item-index[data-v-3e99afc5] {
  width: 0.875rem;
  color: white;
  font-size: 0.6875rem;
  background: linear-gradient(0deg, #e7e6e6 40%, #d1cfcf 100%);
  -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 85%, 0 100%, 0 0);
          clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 85%, 0 100%, 0 0);
  border-radius: 0.15625rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hot-search-card-wrap .hot-search-card-content .hot-search-card-item .hot-search-card-item-content[data-v-3e99afc5] {
  margin-left: 0.625rem;
  width: calc(100% - 1.5rem);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0.9375rem;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.spec-box[data-v-11731113] {
  --color: var(--3d0322a2);
  --active-bg-color: var(--c412e0f8);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.spec-label[data-v-11731113] {
  font-weight: 700;
  color: #333;
  font-size: 1rem;
}
.value-box[data-v-11731113] {
  display: flex;
  flex-wrap: wrap;
  padding: 0.9375rem 0 0.9375rem 0.5rem;
  gap: 0.75rem;
}
.value-item[data-v-11731113] {
  height: 1.75rem;
  background-color: #fafafa;
  border-radius: 5000px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.value-item.active[data-v-11731113] {
  border: 0.03125rem solid var(--color);
  background-color: var(--active-bg-color);
}
.value-item.active .text[data-v-11731113] {
  color: var(--color);
}
.value-item.disable[data-v-11731113] {
  background-color: #e1e1e1;
  color: #fff;
}
.value-item .text[data-v-11731113] {
  font-size: 0.875rem;
  color: #444;
  padding: 0.25rem 0.9375rem;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.popup-box[data-v-c509fcd7] {
  height: 33.125rem;
  padding: 0.9375rem;
  position: relative;
}
.product-wrapper[data-v-c509fcd7] {
  height: 5.625rem;
  display: flex;
}
.product-wrapper .face[data-v-c509fcd7] {
  width: 5rem;
  height: 5rem;
}
.product-wrapper .info[data-v-c509fcd7] {
  flex: 1;
  margin-left: 0.9375rem;
  margin-top: 0.9375rem;
}
.product-wrapper .info .price[data-v-c509fcd7] {
  color: #ea4e4d;
  font-size: 1.375rem;
  height: 1.875rem;
  line-height: 1.875rem;
}
.product-wrapper .info .price .unit[data-v-c509fcd7] {
  font-size: 0.875rem;
  margin-top: 0.3125rem;
  margin-left: 0.3125rem;
  margin-right: 0.375rem;
}
.product-wrapper .info .tip[data-v-c509fcd7] {
  margin-top: 0.3125rem;
  color: #999;
  font-size: 0.875rem;
}
.spec-wrapper[data-v-c509fcd7] {
  width: 100%;
  overflow: hidden;
}
.spec-scroll[data-v-c509fcd7] {
  width: calc(100% + 0.75rem);
  height: 24.375rem;
  border-top: 0.03125rem solid #f1f1f1;
}
.spec-scroll .content[data-v-c509fcd7] {
  padding-right: 0.75rem;
  padding-top: 0.9375rem;
}
.spec-scroll .num-box[data-v-c509fcd7] {
  padding-top: 0.9375rem;
  padding-bottom: 0.625rem;
  display: flex;
  align-items: center;
}
.spec-scroll .num-box .label[data-v-c509fcd7] {
  font-weight: 700;
  color: #333;
  font-size: 1rem;
  margin-right: 0.625rem;
}
.spec-scroll .num-box .stock[data-v-c509fcd7] {
  color: #b1b1bb;
  font-size: 0.75rem;
}
.close[data-v-c509fcd7] {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.uni-steps[data-v-1853f1ab] {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.uni-steps__row[data-v-1853f1ab] {
  display: flex;
  flex-direction: column;
}
.uni-steps__column[data-v-1853f1ab] {
  display: flex;
  flex-direction: row-reverse;
}
.uni-steps__row-text-container[data-v-1853f1ab] {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  margin-bottom: 8px;
}
.uni-steps__column-text-container[data-v-1853f1ab] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.uni-steps__row-text[data-v-1853f1ab] {
  display: inline-flex;
  flex: 1;
  flex-direction: column;
}
.uni-steps__column-text[data-v-1853f1ab] {
  padding: 6px 0px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #EDEDED;
  display: flex;
  flex-direction: column;
}
.uni-steps__row-title[data-v-1853f1ab] {
  font-size: 14px;
  line-height: 16px;
  text-align: center;
}
.uni-steps__column-title[data-v-1853f1ab] {
  font-size: 14px;
  text-align: left;
  line-height: 18px;
}
.uni-steps__row-desc[data-v-1853f1ab] {
  font-size: 12px;
  line-height: 14px;
  text-align: center;
}
.uni-steps__column-desc[data-v-1853f1ab] {
  font-size: 12px;
  text-align: left;
  line-height: 18px;
}
.uni-steps__row-container[data-v-1853f1ab] {
  display: flex;
  flex-direction: row;
}
.uni-steps__column-container[data-v-1853f1ab] {
  display: inline-flex;
  width: 30px;
  flex-direction: column;
}
.uni-steps__row-line-item[data-v-1853f1ab] {
  display: inline-flex;
  flex-direction: row;
  flex: 1;
  height: 14px;
  line-height: 14px;
  align-items: center;
  justify-content: center;
}
.uni-steps__column-line-item[data-v-1853f1ab] {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.uni-steps__row-line[data-v-1853f1ab] {
  flex: 1;
  height: 1px;
  background-color: #B7BDC6;
}
.uni-steps__column-line[data-v-1853f1ab] {
  width: 1px;
  background-color: #B7BDC6;
}
.uni-steps__row-line--after[data-v-1853f1ab] {
  transform: translateX(1px);
}
.uni-steps__column-line--after[data-v-1853f1ab] {
  flex: 1;
  transform: translate(0px, 1px);
}
.uni-steps__row-line--before[data-v-1853f1ab] {
  transform: translateX(-1px);
}
.uni-steps__column-line--before[data-v-1853f1ab] {
  height: 6px;
  transform: translate(0px, -13px);
}
.uni-steps__row-circle[data-v-1853f1ab] {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #B7BDC6;
  margin: 0px 3px;
}
.uni-steps__column-circle[data-v-1853f1ab] {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #B7BDC6;
  margin: 4px 0px 5px 0px;
}
.uni-steps__row-check[data-v-1853f1ab] {
  margin: 0px 6px;
}
.uni-steps__column-check[data-v-1853f1ab] {
  height: 14px;
  line-height: 14px;
  margin: 2px 0px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.tabbar[data-v-9cdf8b81] {
  display: flex;
  align-items: center;
  min-height: 3.125rem;
  justify-content: space-between;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 990;
  box-shadow: 0 0 0.1875rem rgba(0, 0, 0, 0.1);
  height: calc(var(--height) + env(safe-area-inset-bottom) / 2);
  padding-bottom: calc(env(safe-area-inset-bottom) / 2);
  background-color: var(--aed82960);
  color: #666666;
}
.tabbar .action[data-v-9cdf8b81] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  position: relative;
  flex: 1;
  line-height: 1;
  background-color: inherit;
}
.tabbar .action .tab-icon[data-v-9cdf8b81] {
  width: 50px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  margin: 0 auto 5px;
  text-align: center;
}
.tabbar .action .tab-img[data-v-9cdf8b81] {
  width: 50px;
  height: 24px;
  margin: 0 auto 5px;
}
.tabbar .action.add-action[data-v-9cdf8b81] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.tabbar .action.add-action .action-icon[data-v-9cdf8b81] {
  box-sizing: border-box;
  width: calc(var(--height) - 0.125rem);
  height: calc(var(--height) - 0.125rem);
  border-radius: 50%;
  font-size: 25px;
  position: relative;
  top: -0.375rem;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tabbar .action.add-action[data-v-9cdf8b81]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.1875rem;
  margin: auto;
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.04);
  background-color: inherit;
  z-index: 0;
  width: calc(var(--height) + 0.9375rem);
  height: calc(var(--height) + 0.9375rem);
  border-radius: 50%;
}
.tabbar .action.add-action .text[data-v-9cdf8b81] {
  width: calc(var(--height) - 0.125rem);
  text-align: center;
  position: absolute;
  bottom: 0;
  color: #333;
  font-size: 0.5625rem;
  z-index: 3;
}
.placeholder[data-v-9cdf8b81] {
  width: 100%;
  height: var(--height);
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.content-box[data-v-e552d389] {
  width: 100%;
}
.tabs-shadow[data-v-e552d389] {
  box-shadow: 0 0.1875rem 0.5rem 0 rgba(153, 153, 153, 0.1);
  margin-bottom: 0.5rem;
}
.tabs-cart[data-v-e552d389] {
  background-color: var(--48d7f381);
  white-space: nowrap;
  display: flex;
  flex-direction: row !important;
  justify-content: space-around;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
}
.tabs-cart.tabs-cart-shadow[data-v-e552d389] {
  box-shadow: 0 -0.1875rem 0.25rem rgba(0, 0, 0, 0.1);
  border-radius: 12px 12px 0 0;
}
.tabs-cart .tab[data-v-e552d389] {
  position: relative;
  display: flex;
  flex-direction: row !important;
  justify-content: center;
  align-items: center;
  flex: 1;
  width: var(--tab-width);
  height: var(--tab-height);
  line-height: var(--tab-height);
  font-size: var(--font-size);
  padding: 0 var(--tab-padding);
  text-align: center;
  color: var(--2abca930);
  font-size: 0.9375rem;
  border-radius: 12px 12px 0 0;
}
.tabs-cart .tab .line[data-v-e552d389] {
  position: absolute;
  width: 30px;
  height: 3px;
  bottom: 6px;
  left: 51%;
  transform: translateX(-50%) skewX(-30deg) rotate(-5deg);
  background: linear-gradient(45deg, var(--48d7f381) 40%, var(--521f8370));
}
.tabs-cart .tab .info[data-v-e552d389] {
  position: relative;
}
.tabs-cart .tab .info .dot[data-v-e552d389] {
  position: absolute;
  right: -10px;
  top: calc(var(--tab-height) / 2 - 8px);
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #f56c6c;
  z-index: 9;
}
.tabs-cart .tab .info .badge[data-v-e552d389] {
  position: absolute;
  right: -14px;
  top: calc(var(--tab-height) / 2 - 11px);
  width: 12px;
  height: 12px;
  line-height: 12px;
  border-radius: 50%;
  background: #f56c6c;
  color: #ffffff;
  font-size: 0.625rem;
  z-index: 9;
}
.tabs-cart .tab.active[data-v-e552d389] {
  background: var(--521f8370);
  box-shadow: 24px calc(var(--tab-height) - 12px) 0 var(--521f8370), -24px calc(var(--tab-height) - 12px) 0 0 var(--521f8370);
  z-index: 99;
  color: var(--465b4a06);
}
.tabs-cart .tab.active[data-v-e552d389]::before {
  content: "";
  position: absolute;
  width: 12px;
  height: calc(var(--tab-height) - 12px);
  background: var(--521f8370);
  transform: skewX(calc(var(--skew-deg) * -1));
  top: 0;
  left: -6px;
  border-top-left-radius: 12px;
  box-shadow: -4px -2px 4px rgba(100, 100, 100, 0.1);
}
.tabs-cart .tab.active[data-v-e552d389]::after {
  content: "";
  position: absolute;
  width: 12px;
  height: calc(var(--tab-height) - 12px);
  background: var(--521f8370);
  transform: skewX(var(--skew-deg));
  top: 0;
  right: -6px;
  border-top-right-radius: 12px;
  box-shadow: 4px -2px 4px rgba(100, 100, 100, 0.1);
}
.tabs-cart .tab.active .label[data-v-e552d389]::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 15px;
  background: var(--48d7f381);
  transform: skewX(calc(var(--skew-deg) * -1));
  bottom: 0;
  left: -25px;
  border-bottom-right-radius: 12px;
  box-shadow: inset -3px -1px 2px rgba(100, 100, 100, 0.1);
}
.tabs-cart .tab.active .label[data-v-e552d389]::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 15px;
  background: var(--48d7f381);
  transform: skewX(var(--skew-deg));
  bottom: 0;
  right: -25px;
  border-bottom-left-radius: 12px;
  box-shadow: inset 3px -1px 2px rgba(100, 100, 100, 0.1);
}
.tabs-cart .tab.little[data-v-e552d389]::before {
  content: "";
  position: absolute;
  width: 12px;
  height: calc(var(--tab-height) - 12px);
  background: var(--48d7f381);
  transform: skewX(calc(var(--skew-deg) * -1));
  top: 0;
  left: -6px;
  border-top-left-radius: 12px;
  box-shadow: -4px -2px 4px rgba(100, 100, 100, 0.1);
}
.tabs-cart .tab.little .label[data-v-e552d389]::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 15px;
  background: var(--48d7f381);
  transform: skewX(calc(var(--skew-deg) * -1));
  bottom: 0;
  left: -25px;
  border-bottom-right-radius: 12px;
  box-shadow: inset -3px -1px 2px rgba(100, 100, 100, 0.1);
}
.tabs-cart .tab.large[data-v-e552d389]::after {
  content: "";
  position: absolute;
  width: 12px;
  height: calc(var(--tab-height) - 12px);
  background: var(--48d7f381);
  transform: skewX(var(--skew-deg));
  top: 0;
  right: -6px;
  border-top-right-radius: 12px;
  box-shadow: 4px -2px 4px rgba(100, 100, 100, 0.1);
}
.tabs-cart .tab.large .label[data-v-e552d389]::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 15px;
  background: var(--48d7f381);
  transform: skewX(var(--skew-deg));
  bottom: 0;
  right: -25px;
  border-bottom-left-radius: 12px;
  box-shadow: inset 3px -1px 2px rgba(100, 100, 100, 0.1);
}
.tabs-default[data-v-e552d389] {
  display: flex;
  flex-direction: row !important;
}
.tabs-default.tabs-default-right .scrollBox[data-v-e552d389] {
  width: calc(21.875rem - var(--padding) * 2);
}
.tabs-default.tabs-default-right .right-box[data-v-e552d389] {
  width: 1.25rem;
  height: var(--tab-height);
  line-height: var(--tab-height);
  padding-left: 0.3125rem;
  display: flex;
  flex-direction: row !important;
  justify-content: center;
  align-items: center;
}
.tabs-default .tabs[data-v-e552d389] {
  white-space: nowrap;
  position: relative;
  /* 当前下划线样式 */
}
.tabs-default .tabs .tab[data-v-e552d389] {
  display: inline-block;
  width: var(--tab-width);
  height: calc(var(--tab-height) + 7px);
  line-height: var(--tab-height);
  font-size: var(--font-size);
  padding: 0 var(--tab-padding);
  color: var(--2abca930);
  text-align: center;
  transition: transform 0.3s;
  /* 当前放大样式 */
  /* 当前box样式 */
  /* 当前气泡样式 */
}
.tabs-default .tabs .tab[data-v-e552d389]:first-child {
  padding-left: 0 !important;
}
.tabs-default .tabs .tab.last[data-v-e552d389] {
  padding-right: 0 !important;
}
.tabs-default .tabs .tab.current[data-v-e552d389] {
  font-weight: bold;
  color: var(--465b4a06);
}
.tabs-default .tabs .tab.bigger[data-v-e552d389] {
  transform: scale(1.2);
}
.tabs-default .tabs .tab.box[data-v-e552d389] {
  background: var(--02d9bf6b);
}
.tabs-default .tabs .tab .bubble[data-v-e552d389] {
  padding: 0 0.625rem;
  position: relative;
}
.tabs-default .tabs .tab .bubble.label .dot[data-v-e552d389] {
  right: 0px;
}
.tabs-default .tabs .tab .bubble.label .badge[data-v-e552d389] {
  right: -4px;
}
.tabs-default .tabs .tab .bubble-cur[data-v-e552d389] {
  height: var(--bubble-height);
  line-height: calc(var(--bubble-height) + 2px);
  margin-top: calc((var(--tab-height) - var(--bubble-height)) / 2);
  border-radius: calc(var(--bubble-height) / 2);
  background: var(--c6d4a378);
}
.tabs-default .tabs .tab .bubble-cur.bubble-shadow[data-v-e552d389] {
  box-shadow: 0 0.25rem 0.625rem rgba(31, 35, 64, 0.12);
}
.tabs-default .tabs .tab .bubble-cur.bubble-arrow[data-v-e552d389]::after {
  content: " ";
  position: absolute;
  height: 0;
  width: 0;
  border: solid transparent;
  top: 100%;
  left: 50%;
  border-top-color: var(--c6d4a378);
  transform: translateX(-50%);
  border-width: 4px;
}
.tabs-default .tabs .tab .bubble-cur.label .dot[data-v-e552d389] {
  top: 0px;
}
.tabs-default .tabs .tab .bubble-cur.label .badge[data-v-e552d389] {
  top: -3px;
}
.tabs-default .tabs .tab .label[data-v-e552d389] {
  position: relative;
}
.tabs-default .tabs .tab .label .dot[data-v-e552d389] {
  position: absolute;
  right: -10px;
  top: calc(var(--tab-height) / 2 - 8px);
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #f56c6c;
}
.tabs-default .tabs .tab .label .badge[data-v-e552d389] {
  position: absolute;
  right: -14px;
  top: calc(var(--tab-height) / 2 - 11px);
  width: 12px;
  height: 12px;
  line-height: 13px;
  border-radius: 50%;
  background: #f56c6c;
  color: #ffffff;
  font-size: 0.5625rem;
  text-align: center;
}
.tabs-default .tabs .tabs-line[data-v-e552d389] {
  position: absolute;
  bottom: 2px;
  left: 0;
  z-index: 1;
  width: 2.9375rem;
  height: 0.1875rem;
  background-color: #333;
  border-radius: 6px;
  margin-left: 0px;
}
.tabs-default .tabs.tabs-center[data-v-e552d389] {
  display: flex;
  flex-direction: row !important;
  justify-content: center;
}
.tabs-default .tabs.tabs-share[data-v-e552d389] {
  display: flex;
  flex-direction: row !important;
}
.tabs-default .tabs.tabs-share .tab[data-v-e552d389] {
  flex: 1;
}
.tabs-default .tabs.tabs-box .tab[data-v-e552d389]:first-child {
  padding-left: var(--tab-padding) !important;
}
.tabs-default .tabs.tabs-box .tab.last[data-v-e552d389] {
  padding-right: var(--tab-padding) !important;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-three-box[data-v-d241a092] {
  width: var(--width);
  height: var(--height);
  margin: 0.3125rem auto 0;
  display: flex;
}
.xl-three-box.xl-three-box-skew .xl-three-box-left[data-v-d241a092] {
  -webkit-clip-path: polygon(0 0, 100% 0, var(--35b827ba) 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, var(--35b827ba) 100%, 0 100%);
  border-radius: var(--radius) 0 0 var(--radius);
  margin-right: 0;
}
.xl-three-box.xl-three-box-skew .xl-three-box-right[data-v-d241a092] {
  -webkit-clip-path: polygon(var(--86c33746) 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(var(--86c33746) 0, 100% 0, 100% 100%, 0 100%);
}
.xl-three-box.xl-three-box-skew .xl-three-box-right .xl-three-box-right-top[data-v-d241a092] {
  border-radius: 0 var(--radius) var(--radius) 0;
}
.xl-three-box.xl-three-box-skew .xl-three-box-right .xl-three-box-right-top .xl-three-box-info[data-v-d241a092] {
  padding-left: 1.25rem;
}
.xl-three-box.xl-three-box-skew .xl-three-box-right .xl-three-box-right-bottom[data-v-d241a092] {
  border-radius: 0 var(--radius) var(--radius) 0;
}
.xl-three-box.xl-three-box-skew .xl-three-box-right .xl-three-box-right-bottom .xl-three-box-info[data-v-d241a092] {
  padding-left: 0.9375rem;
}
.xl-three-box .xl-three-box-left[data-v-d241a092] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: var(--left-width);
  height: var(--height);
  border-radius: var(--radius);
  margin-right: var(--gap);
  position: relative;
}
.xl-three-box .xl-three-box-left .img[data-v-d241a092] {
  position: absolute;
  right: 0;
  bottom: 0;
  width: var(--left-width);
}
.xl-three-box .xl-three-box-right[data-v-d241a092] {
  flex: 1;
}
.xl-three-box .xl-three-box-right .xl-three-box-right-top[data-v-d241a092] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: calc((var(--height) - var(--gap)) / 2);
  border-radius: var(--radius);
  position: relative;
}
.xl-three-box .xl-three-box-right .xl-three-box-right-bottom[data-v-d241a092] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: var(--gap);
  height: calc((var(--height) - var(--gap)) / 2);
  border-radius: var(--radius);
  position: relative;
}
.xl-three-box .xl-three-box-right .img[data-v-d241a092] {
  position: absolute;
  right: 0.625rem;
  bottom: 0.625rem;
  width: 3.125rem;
}
.xl-three-box .xl-three-box-info[data-v-d241a092] {
  padding-top: 0.8125rem;
  padding-left: 0.9375rem;
  box-sizing: border-box;
}
.xl-three-box .xl-three-box-info .xl-three-box-info-title[data-v-d241a092] {
  font-weight: bold;
}
.xl-three-box .xl-three-box-info .xl-three-box-info-subtitle[data-v-d241a092] {
  margin-top: 0.375rem;
  font-size: 0.78125rem;
  color: #999;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.xl-time-picker[data-v-2bb3f086] {
  /* width: 100%; */
}
.xl-time-picker-view[data-v-2bb3f086] {
  height: 130px;
  width: 270px;
  cursor: pointer;
}
.xl-time-picker-item[data-v-2bb3f086] {
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
}
.xl-time-picker-btn[data-v-2bb3f086] {
  margin-top: 60px;
  display: flex;
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
}
.xl-time-picker-btn-text[data-v-2bb3f086] {
  font-size: 14px;
  color: #38bf3f;
}
.xl-time-picker-btn-group[data-v-2bb3f086] {
  display: flex;
  flex-direction: row;
}
.xl-time-picker-cancel[data-v-2bb3f086] {
  margin-right: 30px;
}
.xl-time-picker-mask[data-v-2bb3f086] {
  position: fixed;
  bottom: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.4);
  transition-duration: 0.3s;
  z-index: 998;
}
.xl-time-picker-popup[data-v-2bb3f086] {
  border-radius: 8px;
  padding: 30px;
  width: 270px;
  background-color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition-duration: 0.3s;
  z-index: 999;
}
.xl-time-picker-time[data-v-2bb3f086] {
  color: grey;
}
.xl-time-picker-column[data-v-2bb3f086] {
  height: 50px;
}
.xl-time-picker-timebox[data-v-2bb3f086] {
  border: 1px solid #E5E5E5;
  border-radius: 5px;
  padding: 7px 10px;
  box-sizing: border-box;
  cursor: pointer;
}
.xl-time-picker-timebox-pointer[data-v-2bb3f086] {
  cursor: pointer;
}
.xl-time-picker-disabled[data-v-2bb3f086] {
  opacity: 0.4;
  cursor: not-allowed !important;
}
.xl-time-picker-text[data-v-2bb3f086] {
  font-size: 0.9375rem;
  line-height: 1.5625rem;
}
.xl-time-picker-sign[data-v-2bb3f086] {
  position: absolute;
  top: 53px;
  /* 减掉 10px 的元素高度，兼容nvue */
  color: #999;
}
.sign-left[data-v-2bb3f086] {
  left: 86px;
}
.sign-right[data-v-2bb3f086] {
  right: 86px;
}
.sign-center[data-v-2bb3f086] {
  left: 135px;
}
.xl-time-picker__container-box[data-v-2bb3f086] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}
.time-hide-second[data-v-2bb3f086] {
  width: 180px;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.load-refresh[data-v-6e833b7b] {
  margin: 0;
  padding: 0;
  width: 100%;
}
.load-refresh .cover-container[data-v-6e833b7b] {
  width: 100%;
  margin-top: -3.125rem;
}
.load-refresh .cover-container .list[data-v-6e833b7b] {
  width: 100%;
  height: 100%;
  min-height: 18.75rem;
  box-sizing: border-box;
}
.load-refresh .cover-container .list .load-more[data-v-6e833b7b] {
  font-size: 0.75rem;
  text-align: center;
  color: #AAAAAA;
  padding: 0.5rem;
}
.waterfall-flow[data-v-6e833b7b] {
  display: grid;
  grid-template-columns: repeat(var(--col), 1fr);
  grid-template-rows: repeat(auto-fill, 1px);
  grid-auto-rows: 1px;
  grid-column-gap: var(--col-gap);
  padding: var(--padding-top) var(--padding-sides) 0.9375rem;
}
.waterfall-flow .item[data-v-6e833b7b] {
  margin-bottom: var(--row-gap);
  background-color: #fff;
  overflow: hidden;
  transform: transition3d(0, 0, 0);
}
.waterfall-flow .shadow[data-v-6e833b7b] {
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
}

/* 动画 */
.animation[data-v-6e833b7b] {
  width: 100%;
  height: 3.125rem;
  color: var(--color);
}
.animation .remind[data-v-6e833b7b] {
  width: 100%;
  height: 3.125rem;
  text-align: center;
  line-height: 3.125rem;
  font-size: 0.875rem;
  color: var(--color);
}
.animation .refresh[data-v-6e833b7b] {
  width: 100%;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.loading-mask[data-v-84b18c31] {
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  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 */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.svg-icon[data-v-6d85a69d] {
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}