@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css");* {
  margin: 0;
  -webkit-tap-highlight-color: transparent;
}

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

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

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

uni-page-wrapper {
  position: relative;
}

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

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

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

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

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

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

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

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

html {
  /* --UI-BG-0: #ededed; */
  --primary-color: #007aff;
  --UI-BG: #fff;
  --UI-BG-1: #f7f7f7;
  --UI-BG-2: #fff;
  --UI-BG-3: #f7f7f7;
  --UI-BG-4: #4c4c4c;
  --UI-BG-5: #fff;
  --UI-FG: #000;
  --UI-FG-0: rgba(0, 0, 0, 0.9);
  --UI-FG-HALF: rgba(0, 0, 0, 0.9);
  --UI-FG-1: rgba(0, 0, 0, 0.5);
  --UI-FG-2: rgba(0, 0, 0, 0.3);
  --UI-FG-3: rgba(0, 0, 0, 0.1);
}
body::after {
  position: fixed;
  content: '';
  left: -1000px;
  top: -1000px;
  animation: shadow-preload 0.1s;
  animation-delay: 3s;
}

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

.uni-async-loading .uni-loading {
  width: 30px;
  height: 30px;
}
uni-tabbar {
  display: block;
  box-sizing: border-box;
  width: 100%;
  z-index: 998;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.uni-app--showtabbar uni-page-wrapper {
  display: block;
  height: calc(100% - var(--tab-bar-height));
  height: calc(100% - var(--tab-bar-height) - constant(safe-area-inset-bottom));
  height: calc(100% - var(--tab-bar-height) - env(safe-area-inset-bottom));
}
.uni-app--showtabbar uni-page-wrapper::after {
  content: '';
  display: block;
  width: 100%;
  height: var(--tab-bar-height);
  height: calc(var(--tab-bar-height) + constant(safe-area-inset-bottom));
  height: calc(var(--tab-bar-height) + env(safe-area-inset-bottom));
}
.uni-app--showtabbar
  uni-page-head[uni-page-head-type='default']
  ~ uni-page-wrapper {
  height: calc(100% - 44px - var(--tab-bar-height));
  height: calc(
    100% - 44px - constant(safe-area-inset-top) - var(--tab-bar-height) -
      constant(safe-area-inset-bottom)
  );
  height: calc(
    100% - 44px - env(safe-area-inset-top) - var(--tab-bar-height) -
      env(safe-area-inset-bottom)
  );
}
 *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.container{width:100%;}.wh-full,[wh-full=""]{width:100%;height:100%;}.flex-center,[flex-center=""]{display:flex;align-items:center;justify-content:center;}.flex-ja{display:flex;justify-content:space-around;}.flex-ja-center,[flex-ja-center=""]{display:flex;align-items:center;justify-content:space-around;}.flex-jb{display:flex;justify-content:space-between;}.flex-jb-center,[flex-jb-center=""]{display:flex;align-items:center;justify-content:space-between;}.flex-je{display:flex;justify-content:space-evenly;}.flex-je-center{display:flex;align-items:center;justify-content:space-evenly;}.flex-x-center,[flex-x-center=""]{display:flex;justify-content:center;}.flex-y-center,[flex-y-center=""]{display:flex;align-items:center;}[flex-center~="default\:"]:default{display:flex;align-items:center;justify-content:center;}[flex-jb-center~="default\:"]:default{display:flex;align-items:center;justify-content:space-between;}[flex-y-center~="default\:"]:default{display:flex;align-items:center;}@media (min-width: 640px){.container{max-width:640px;}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}.visible,[visible=""]{visibility:visible;}.absolute,.position-absolute,[absolute=""],[position-absolute=""]{position:absolute;}.fixed,.position-fixed,[fixed=""]{position:fixed;}.position-relative,.relative,[position-relative=""]{position:relative;}.sticky,[sticky=""]{position:sticky;}.static{position:static;}.bottom-\[100px\]{bottom:100px;}.bottom-\[50px\]{bottom:50px;}.bottom-0{bottom:0;}.bottom-10px,[bottom-10px=""]{bottom:10px;}.left-0,[left-0=""]{left:0;}.right-\[-6px\]{right:-6px;}.right-\[16px\]{right:16px;}.top-\[-6px\]{top:-6px;}.top-0,[top-0=""]{top:0;}[right~="\31 80\%"]{right:180%;}[right~="\35 "]{right:1.25rem;}[top~="\33 0"]{top:7.5rem;}[top~="\35 "]{top:1.25rem;}.z-0{z-index:0;}.z-1{z-index:1;}.z-99999{z-index:99999;}.grid{display:grid;}.m-\[14px\]{margin:14px;}.m136\.300124{margin:34.075031rem;}.mx-\[10px\],.mx-10px{margin-left:10px;margin-right:10px;}.mx-\[12px\]{margin-left:12px;margin-right:12px;}.mx-\[14px\],.mx-14px{margin-left:14px;margin-right:14px;}.mx-\[1px\]{margin-left:1px;margin-right:1px;}.mx-\[2rem\]{margin-left:2rem;margin-right:2rem;}.mx-\[4px\],.mx-4px{margin-left:4px;margin-right:4px;}.mx-\[5px\]{margin-left:5px;margin-right:5px;}.mx-\[6px\]{margin-left:6px;margin-right:6px;}.mx-10\%{margin-left:10%;margin-right:10%;}.mx-18px,[mx-18px=""]{margin-left:18px;margin-right:18px;}.mx-auto{margin-left:auto;margin-right:auto;}.my-\[10px\],.my-10px{margin-top:10px;margin-bottom:10px;}.my-\[14px\],.my-14px{margin-top:14px;margin-bottom:14px;}.my-\[20px\]{margin-top:20px;margin-bottom:20px;}.my-\[2px\]{margin-top:2px;margin-bottom:2px;}.my-\[30px\],.my-30px{margin-top:30px;margin-bottom:30px;}.my-\[4px\],.my-4px{margin-top:4px;margin-bottom:4px;}.my-\[6px\],.my-6px{margin-top:6px;margin-bottom:6px;}.my-\[8px\]{margin-top:8px;margin-bottom:8px;}.my-13px{margin-top:13px;margin-bottom:13px;}[mx-auto~="default\:"]:default{margin-left:auto;margin-right:auto;}.mb-\[-10px\]{margin-bottom:-10px;}.mb-\[10px\],.mb-10px{margin-bottom:10px;}.mb-\[12px\]{margin-bottom:12px;}.mb-\[14px\],.mb-14px{margin-bottom:14px;}.mb-\[16px\],.mb-16px{margin-bottom:16px;}.mb-\[18px\]{margin-bottom:18px;}.mb-\[20px\],.mb-20px{margin-bottom:20px;}.mb-\[24px\]{margin-bottom:24px;}.mb-\[26px\]{margin-bottom:26px;}.mb-\[2px\]{margin-bottom:2px;}.mb-\[30px\],.mb-30px{margin-bottom:30px;}.mb-\[3px\]{margin-bottom:3px;}.mb-\[40px\],.mb-40px{margin-bottom:40px;}.mb-\[4px\],.mb-4px{margin-bottom:4px;}.mb-\[5px\]{margin-bottom:5px;}.mb-\[6px\],.mb-6px,[mb-6px=""]{margin-bottom:6px;}.mb-\[80px\]{margin-bottom:80px;}.mb-\[8px\],.mb-8px{margin-bottom:8px;}.mb-10{margin-bottom:2.5rem;}.mb-100px{margin-bottom:100px;}.mb-16\%{margin-bottom:16%;}.mb-2{margin-bottom:0.5rem;}.mb-44px{margin-bottom:44px;}.me-\[6px\]{margin-inline-end:6px;}.ml-\[0px\]{margin-left:0px;}.ml-\[1\.5em\]{margin-left:1.5em;}.ml-\[10px\],.ml-10px{margin-left:10px;}.ml-\[14px\]{margin-left:14px;}.ml-\[15px\]{margin-left:15px;}.ml-\[16px\]{margin-left:16px;}.ml-\[18px\],.ml-18px{margin-left:18px;}.ml-\[20px\]{margin-left:20px;}.ml-\[2px\]{margin-left:2px;}.ml-\[30px\]{margin-left:30px;}.ml-\[3px\]{margin-left:3px;}.ml-\[40px\]{margin-left:40px;}.ml-\[4px\],.ml-4px{margin-left:4px;}.ml-\[5px\]{margin-left:5px;}.ml-\[6px\],.ml-6px{margin-left:6px;}.ml-\[8px\],.ml-8px{margin-left:8px;}.ml-1,[ml-1=""]{margin-left:0.25rem;}.ml-auto{margin-left:auto;}.mr-\[0\.8rem\]{margin-right:0.8rem;}.mr-\[10px\],.mr-10px{margin-right:10px;}.mr-\[12px\]{margin-right:12px;}.mr-\[14px\]{margin-right:14px;}.mr-\[16px\]{margin-right:16px;}.mr-\[1rem\]{margin-right:1rem;}.mr-\[20px\]{margin-right:20px;}.mr-\[24px\]{margin-right:24px;}.mr-\[2px\],.mr-2px{margin-right:2px;}.mr-\[40px\]{margin-right:40px;}.mr-\[4px\],.mr-4px{margin-right:4px;}.mr-\[6px\]{margin-right:6px;}.mr-\[8px\],.mr-8px{margin-right:8px;}.ms,[ms=""]{margin-inline-start:1rem;}.mt-\[-2rem\]{margin-top:-2rem;}.mt-\[-30px\]{margin-top:-30px;}.mt-\[0px\]{margin-top:0px;}.mt-\[10\%\]{margin-top:10%;}.mt-\[10px\],.mt-10px{margin-top:10px;}.mt-\[12px\]{margin-top:12px;}.mt-\[14px\],.mt-14px{margin-top:14px;}.mt-\[15px\]{margin-top:15px;}.mt-\[16px\],.mt-16px{margin-top:16px;}.mt-\[18px\]{margin-top:18px;}.mt-\[20px\],.mt-20px{margin-top:20px;}.mt-\[20vh\]{margin-top:20vh;}.mt-\[21px\]{margin-top:21px;}.mt-\[24px\]{margin-top:24px;}.mt-\[25px\]{margin-top:25px;}.mt-\[26px\]{margin-top:26px;}.mt-\[2px\],.mt-2px{margin-top:2px;}.mt-\[30\%\]{margin-top:30%;}.mt-\[30px\],.mt-30px{margin-top:30px;}.mt-\[34px\]{margin-top:34px;}.mt-\[36px\]{margin-top:36px;}.mt-\[4\%\]{margin-top:4%;}.mt-\[40px\]{margin-top:40px;}.mt-\[4px\],.mt-4px{margin-top:4px;}.mt-\[50px\],.mt-50px{margin-top:50px;}.mt-\[5px\]{margin-top:5px;}.mt-\[6px\],.mt-6px{margin-top:6px;}.mt-\[70px\]{margin-top:70px;}.mt-\[8px\],.mt-8px,[mt-8px=""]{margin-top:8px;}[mb-30px~="default\:"]:default{margin-bottom:30px;}[mt-20px~="default\:"]:default{margin-top:20px;}.bor-box,.box-border{box-sizing:border-box;}.inline{display:inline;}.block,[block=""]{display:block;}.inline-block{display:inline-block;}.contents{display:contents;}.list-item{display:list-item;}.hidden{display:none;}[size~="\30 \.3"]{width:0.075rem;height:0.075rem;}[size~="\30 \.4"]{width:0.1rem;height:0.1rem;}[size~="\30 \.6"]{width:0.15rem;height:0.15rem;}[size~="\31 \.15"]{width:0.2875rem;height:0.2875rem;}[size~="\31 \.2"]{width:0.3rem;height:0.3rem;}[size~="\31 \.3"]{width:0.325rem;height:0.325rem;}[size~="\31 \.35"]{width:0.3375rem;height:0.3375rem;}[size~="\31 \.6rem"]{width:1.6rem;height:1.6rem;}[size~="\31 0"]{width:2.5rem;height:2.5rem;}[size~="\31 1"]{width:2.75rem;height:2.75rem;}[size~="\31 1px"]{width:11px;height:11px;}[size~="\31 2"]{width:3rem;height:3rem;}[size~="\31 2px"]{width:12px;height:12px;}[size~="\31 3"]{width:3.25rem;height:3.25rem;}[size~="\31 3px"]{width:13px;height:13px;}[size~="\31 4"]{width:3.5rem;height:3.5rem;}[size~="\31 40"]{width:35rem;height:35rem;}[size~="\31 4px"]{width:14px;height:14px;}[size~="\31 5"]{width:3.75rem;height:3.75rem;}[size~="\31 50"]{width:37.5rem;height:37.5rem;}[size~="\31 5px"]{width:15px;height:15px;}[size~="\31 6"],[size~="\34 rem"]{width:4rem;height:4rem;}[size~="\31 6px"]{width:16px;height:16px;}[size~="\31 7"]{width:4.25rem;height:4.25rem;}[size~="\31 7px"]{width:17px;height:17px;}[size~="\31 8"]{width:4.5rem;height:4.5rem;}[size~="\31 8px"]{width:18px;height:18px;}[size~="\31 9"]{width:4.75rem;height:4.75rem;}[size~="\32 "]{width:0.5rem;height:0.5rem;}[size~="\32 \.1rem"]{width:2.1rem;height:2.1rem;}[size~="\32 \.4rem"]{width:2.4rem;height:2.4rem;}[size~="\32 0"]{width:5rem;height:5rem;}[size~="\32 0px"]{width:20px;height:20px;}[size~="\32 0rem"]{width:20rem;height:20rem;}[size~="\32 1px"]{width:21px;height:21px;}[size~="\32 2"]{width:5.5rem;height:5.5rem;}[size~="\32 2px"]{width:22px;height:22px;}[size~="\32 4px"]{width:24px;height:24px;}[size~="\32 5"]{width:6.25rem;height:6.25rem;}[size~="\32 5px"]{width:25px;height:25px;}[size~="\32 6"]{width:6.5rem;height:6.5rem;}[size~="\32 6px"]{width:26px;height:26px;}[size~="\32 8"],[size~="\37 rem"]{width:7rem;height:7rem;}[size~="\32 8px"]{width:28px;height:28px;}[size~="\33 \.4rem"]{width:3.4rem;height:3.4rem;}[size~="\33 0px"]{width:30px;height:30px;}[size~="\33 2"]{width:8rem;height:8rem;}[size~="\33 2px"]{width:32px;height:32px;}[size~="\33 5"]{width:8.75rem;height:8.75rem;}[size~="\34 4px"]{width:44px;height:44px;}[size~="\34 5px"]{width:45px;height:45px;}[size~="\35 \.4rem"]{width:5.4rem;height:5.4rem;}[size~="\36 0px"]{width:60px;height:60px;}[size~="\38 0px"]{width:80px;height:80px;}.h-\[100px\],.h-100px{height:100px;}.h-\[10px\],.h-10px{height:10px;}.h-\[130px\]{height:130px;}.h-\[14\%\]{height:14%;}.h-\[18\%\]{height:18%;}.h-\[18px\]{height:18px;}.h-\[20px\],.h-20px{height:20px;}.h-\[22\%\]{height:22%;}.h-\[24rem\]{height:24rem;}.h-\[30px\],.h-30px,[h-30px=""]{height:30px;}.h-\[40\%\]{height:40%;}.h-\[50px\],.h-50px,[h-50px=""]{height:50px;}.h-\[54px\]{height:54px;}.h-\[5rem\]{height:5rem;}.h-\[60\%\]{height:60%;}.h-\[64px\]{height:64px;}.h-\[70\%\]{height:70%;}.h-\[80\%\]{height:80%;}.h-\[80px\],.h-80px{height:80px;}.h-\[90\%\],.h-90\%{height:90%;}.h-\[94\%\]{height:94%;}.h-10\%{height:10%;}.h-100vh{height:100vh;}.h-112px{height:112px;}.h-160px{height:160px;}.h-180px{height:180px;}.h-22px{height:22px;}.h-24px{height:24px;}.h-26px{height:26px;}.h-28px{height:28px;}.h-30\%{height:30%;}.h-40px{height:40px;}.h-44px,[h-44px=""]{height:44px;}.h-46px{height:46px;}.h-55px{height:55px;}.h-56px{height:56px;}.h-60px{height:60px;}.h-70px{height:70px;}.h-full,[h-full=""]{height:100%;}.h1{height:0.25rem;}.h2{height:0.5rem;}.h3{height:0.75rem;}.h5{height:1.25rem;}.ha{height:auto;}.max-w-180px{max-width:180px;}.min-w-100px,[min-w-100px=""]{min-width:100px;}.min-w-150px{min-width:150px;}.min-w-20px{min-width:20px;}.min-w-220px{min-width:220px;}.w-\[23px\]{width:23px;}.w-\[37\%\]{width:37%;}.w-\[63\%\]{width:63%;}.w-\[84\%\]{width:84%;}.w-\[90\%\],.w-90\%{width:90%;}.w-\[90px\]{width:90px;}.w-\[94\%\]{width:94%;}.w-\[96\%\],.w-96\%{width:96%;}.w-100px{width:100px;}.w-100vw{width:100vw;}.w-150px{width:150px;}.w-200px{width:200px;}.w-24px{width:24px;}.w-26px{width:26px;}.w-28px{width:28px;}.w-300px{width:300px;}.w-30px,[w-30px=""]{width:30px;}.w-32px{width:32px;}.w-40px{width:40px;}.w-44\%{width:44%;}.w-44px{width:44px;}.w-46px{width:46px;}.w-49\%{width:49%;}.w-50\%{width:50%;}.w-50px{width:50px;}.w-60\%{width:60%;}.w-64px{width:64px;}.w-70px{width:70px;}.w-74px{width:74px;}.w-80\%{width:80%;}.w-80px{width:80px;}.w-86\%{width:86%;}.w-fit{width:-moz-fit-content;width:fit-content;}.w-full,[w-full=""]{width:100%;}.wxs{width:20rem;}[h-100px~="default\:"]:default{height:100px;}[h-22px~="default\:"]:default{height:22px;}[h-full~="default\:"]:default{height:100%;}[min-w-150px~="default\:"]:default{min-width:150px;}[min-w-220px~="default\:"]:default{min-width:220px;}[w-fit~="default\:"]:default{width:-moz-fit-content;width:fit-content;}.flex,[flex=""]{display:flex;}.inline-flex{display:inline-flex;}.flex-\[0\.3\]{flex:0.3;}.flex-\[0\.6\]{flex:0.6;}.flex-\[0\.7\]{flex:0.7;}.flex-\[1\.2\]{flex:1.2;}.flex-\[1\.3\]{flex:1.3;}.flex-\[1\.6\]{flex:1.6;}.flex-\[1\]{flex:1;}.flex-\[2\]{flex:2;}.flex-\[3\]{flex:3;}.flex-\[5\]{flex:5;}.flex-\[6\]{flex:6;}.flex-1,[flex-1=""]{flex:1 1 0%;}[flex-1~="default\:"]:default{flex:1 1 0%;}.flex-shrink,[flex-shrink-0~="_unref\(getExpDate\)"],[flex-shrink-0~="\,"],[flex-shrink-0~="\["],[flex-shrink-0~="\}\,"],[flex-shrink-0~="\/"],[flex-shrink-0~="\$\{_unref\(getCurrentAnnual\)\}"],[flex-shrink-0~="\$\{_unref\(getCurrentUsed\)\}"],[flex-shrink-0~="\38 \,"],[flex-shrink-0~="null\,"]{flex-shrink:1;}.flex-shrink-0{flex-shrink:0;}.flex-grow{flex-grow:1;}.flex-col,[flex-col=""]{flex-direction:column;}[flex-col~="default\:"]:default{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.flex-nowrap{flex-wrap:nowrap;}.table{display:table;}.table-cell{display:table-cell;}.table-row{display:table-row;}.table-row-group{display:table-row-group;}.rotate-\[90deg\]{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.preserve-3d{transform-style:preserve-3d;}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.cursor-pointer,[cursor-pointer=""]{cursor:pointer;}[cursor-pointer~="default\:"]:default{cursor:pointer;}[cursor-pointer~="placeholder\:"]::-moz-placeholder{cursor:pointer;}[cursor-pointer~="placeholder\:"]::placeholder{cursor:pointer;}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all;}.resize{resize:both;}.items-start{align-items:flex-start;}[items-start~="default\:"]:default{align-items:flex-start;}.items-end,[items-end=""]{align-items:flex-end;}[items-end~="default\:"]:default{align-items:flex-end;}.items-center{align-items:center;}.justify-start{justify-content:flex-start;}.justify-end,[justify-end=""]{justify-content:flex-end;}.justify-center{justify-content:center;}[justify-center~="default\:"]:default{justify-content:center;}.justify-between,[justify-between=""]{justify-content:space-between;}.justify-around,[justify-around=""]{justify-content:space-around;}[gap~="\30 \.4"]{gap:0.1rem;}[gap~="\34 px"]{gap:4px;}.overflow-auto{overflow:auto;}.overflow-hidden{overflow:hidden;}[overflow-hidden~="default\:"]:default{overflow:hidden;}.overflow-y-overlay{overflow-y:overlay;}.whitespace-nowrap{white-space:nowrap;}.break-all{word-break:break-all;}.b,.border,[border=""]{border-width:1px;}.border-12{border-width:12px;}.rounded-\[10px\]{border-radius:10px;}[border~="none"]{border-style:none;}.bg-\[\#000\]{--un-bg-opacity:1;background-color:rgba(0, 0, 0, var(--un-bg-opacity));}.bg-\#f5f5f5{--un-bg-opacity:1;background-color:rgba(245, 245, 245, var(--un-bg-opacity));}.bg-purple{--un-bg-opacity:1;background-color:rgba(192, 132, 252, var(--un-bg-opacity));}.bg-red{--un-bg-opacity:1;background-color:rgba(248, 113, 113, var(--un-bg-opacity));}.bg-white,[bg-white~="_createVNode\(_component_wd_text\,"],[bg-white~="_withCtx\(\(\)"],[bg-white~="\["],[bg-white~="\{"],[bg-white~="\}\,"],[bg-white~="\=\>"]{--un-bg-opacity:1;background-color:rgba(255, 255, 255, var(--un-bg-opacity));}[bg-white~="default\:"]:default{--un-bg-opacity:1;background-color:rgba(255, 255, 255, var(--un-bg-opacity));}[stroke-width~="\32 "]{stroke-width:2px;}[stroke-width~="\33 \.5"]{stroke-width:3.5px;}[stroke~="\#666"]{--un-stroke-opacity:1;stroke:rgba(102, 102, 102, var(--un-stroke-opacity));}.p-\[10px\],.p-10px,[p-10px=""]{padding:10px;}.p-\[6px\]{padding:6px;}.p-14px{padding:14px;}.p-16px{padding:16px;}.p-20px,[p-20px=""]{padding:20px;}.p-2px{padding:2px;}.p-2rem{padding:2rem;}.p-4px{padding:4px;}.p-5px{padding:5px;}.p1{padding:0.25rem;}.px,[px=""]{padding-left:1rem;padding-right:1rem;}.px-\[10px\],.px-10px,[px-10px=""]{padding-left:10px;padding-right:10px;}.px-\[12px\]{padding-left:12px;padding-right:12px;}.px-\[16px\],.px-16px{padding-left:16px;padding-right:16px;}.px-\[1px\]{padding-left:1px;padding-right:1px;}.px-\[20px\],.px-20px{padding-left:20px;padding-right:20px;}.px-\[30px\]{padding-left:30px;padding-right:30px;}.px-\[5px\]{padding-left:5px;padding-right:5px;}.px-14px{padding-left:14px;padding-right:14px;}.px-40px{padding-left:40px;padding-right:40px;}.px-4px{padding-left:4px;padding-right:4px;}.py-\[10px\],.py-10px,[py-10px=""]{padding-top:10px;padding-bottom:10px;}.py-\[12px\],.py-12px{padding-top:12px;padding-bottom:12px;}.py-\[20px\],.py-20px{padding-top:20px;padding-bottom:20px;}.py-\[4px\],.py-4px,[py-4px=""]{padding-top:4px;padding-bottom:4px;}.py-8px{padding-top:8px;padding-bottom:8px;}[px~="\31 "]{padding-left:0.25rem;padding-right:0.25rem;}[px-10px~="default\:"]:default{padding-left:10px;padding-right:10px;}[px~="default\:"]:default{padding-left:1rem;padding-right:1rem;}[px~="disabled\:"]:disabled{padding-left:1rem;padding-right:1rem;}.pb-\[20px\],.pb-20px{padding-bottom:20px;}.pb-\[30px\],.pb-30px{padding-bottom:30px;}.pb-\[4px\]{padding-bottom:4px;}.pb-100px{padding-bottom:100px;}.pb-10px{padding-bottom:10px;}.pb-14px{padding-bottom:14px;}.pb-24px{padding-bottom:24px;}.pb-80px{padding-bottom:80px;}.pl-\[10px\],.pl-10px{padding-left:10px;}.pl-\[12px\]{padding-left:12px;}.pl-\[4px\]{padding-left:4px;}.pl-\[4rem\]{padding-left:4rem;}.pl-16px,[pl-16px=""]{padding-left:16px;}.pl-1em{padding-left:1em;}.pl-20px{padding-left:20px;}.pl-44px,[pl-44px=""]{padding-left:44px;}.pl-60px{padding-left:60px;}.pr-10px{padding-right:10px;}.pr-6px,[pr-6px=""]{padding-right:6px;}.pt-\[10px\],.pt-10px{padding-top:10px;}.pt-\[26px\]{padding-top:26px;}.pt-\[2px\]{padding-top:2px;}.pt-\[30px\],.pt-30px{padding-top:30px;}.pt-\[6px\],.pt-6px{padding-top:6px;}.pt-12px{padding-top:12px;}.pt-14px{padding-top:14px;}.pt-15px{padding-top:15px;}.pt-16px{padding-top:16px;}.pt-180px{padding-top:180px;}.pt-20px{padding-top:20px;}.pt-40px{padding-top:40px;}.pt-4px{padding-top:4px;}[pl-10px~="default\:"]:default{padding-left:10px;}[pt-14px~="default\:"]:default{padding-top:14px;}[pt-14px~="disabled\:"]:disabled{padding-top:14px;}.text-center,[text-center=""]{text-align:center;}[text-center~="default\:"]:default{text-align:center;}.text-left{text-align:left;}.text-right{text-align:right;}.indent-1em{text-indent:1em;}.indent-2em{text-indent:2em;}.align-mid,.align-middle{vertical-align:middle;}.text-\[11px\],.text-11px{font-size:11px;}.text-\[12px\],.text-12px{font-size:12px;}.text-\[13px\],.text-13px,[text-13px=""]{font-size:13px;}.text-\[14px\],.text-14px{font-size:14px;}.text-\[15px\]{font-size:15px;}.text-\[16px\]{font-size:16px;}.text-\[18px\]{font-size:18px;}.text-\[24px\]{font-size:24px;}.text-\[3rem\]{font-size:3rem;}.text-30px{font-size:30px;}.text-36px{font-size:36px;}[text~="\30 "]{font-size:0;}[text~="\31 "]{font-size:0.25rem;}[text~="\31 234\/0000"]{font-size:308.5rem;line-height:0;}[text~="\32 "]{font-size:0.5rem;}[text~="\38 3"]{font-size:20.75rem;}[text~="\39 3"]{font-size:23.25rem;}[text~="\39 4"]{font-size:23.5rem;}.text-\#555555,[color~="\#555"],[color~="\#555555"]{--un-text-opacity:1;color:rgba(85, 85, 85, var(--un-text-opacity));}[text~="\$attrs\.qrData\?\.secretKey"]{color:var(--attrs\.qrData\?\.secretKey);}[text~="\$cfg\.date\.privacyEffec"]{color:var(--cfg\.date\.privacyEffec);}[text~="\$cfg\.date\.privacyUpdate"]{color:var(--cfg\.date\.privacyUpdate);}[text~="\$cfg\.date\.protocolEffec"]{color:var(--cfg\.date\.protocolEffec);}[text~="\$cfg\.date\.protocolUpdate"]{color:var(--cfg\.date\.protocolUpdate);}[text~="\$cfg\.name"]{color:var(--cfg\.name);}[text~="\$t\("]{color:var(--t\();}[text~="\$t\(foo\.label\)"]{color:var(--t\(foo\.label\));}[text~="\$t\(getCardTextTips\?\.text\)"]{color:var(--t\(getCardTextTips\?\.text\));}[text~="\$t\(getKycStatusItem\.label\)"]{color:var(--t\(getKycStatusItem\.label\));}[text~="\$t\(getRecordData\.label\)"]{color:var(--t\(getRecordData\.label\));}[text~="\$t\(getStatusInfo\.label\)"]{color:var(--t\(getStatusInfo\.label\));}[text~="\$t\(getStepText\(foo\.value\,"]{color:var(--t\(getStepText\(foo\.value);}[text~="\$t\(text\)"]{color:var(--t\(text\));}[text~="\$XHP"]{color:var(--XHP);}[color~="\#000000"]{--un-text-opacity:1;color:rgba(0, 0, 0, var(--un-text-opacity));}[color~="\#111111"]{--un-text-opacity:1;color:rgba(17, 17, 17, var(--un-text-opacity));}[color~="\#20C8AE"]{--un-text-opacity:1;color:rgba(32, 200, 174, var(--un-text-opacity));}[color~="\#212529"]{--un-text-opacity:1;color:rgba(33, 37, 41, var(--un-text-opacity));}[color~="\#222222"]{--un-text-opacity:1;color:rgba(34, 34, 34, var(--un-text-opacity));}[color~="\#2979ff"]{--un-text-opacity:1;color:rgba(41, 121, 255, var(--un-text-opacity));}[color~="\#303133"]{--un-text-opacity:1;color:rgba(48, 49, 51, var(--un-text-opacity));}[color~="\#323233"]{--un-text-opacity:1;color:rgba(50, 50, 51, var(--un-text-opacity));}[color~="\#333333"]{--un-text-opacity:1;color:rgba(51, 51, 51, var(--un-text-opacity));}[color~="\#444444"]{--un-text-opacity:1;color:rgba(68, 68, 68, var(--un-text-opacity));}[color~="\#4cd964"]{--un-text-opacity:1;color:rgba(76, 217, 100, var(--un-text-opacity));}[color~="\#666666"]{--un-text-opacity:1;color:rgba(102, 102, 102, var(--un-text-opacity));}[color~="\#777777"]{--un-text-opacity:1;color:rgba(119, 119, 119, var(--un-text-opacity));}[color~="\#80CBF9"]{--un-text-opacity:1;color:rgba(128, 203, 249, var(--un-text-opacity));}[color~="\#888888"]{--un-text-opacity:1;color:rgba(136, 136, 136, var(--un-text-opacity));}[color~="\#8d8e90"]{--un-text-opacity:1;color:rgba(141, 142, 144, var(--un-text-opacity));}[color~="\#909399"]{--un-text-opacity:1;color:rgba(144, 147, 153, var(--un-text-opacity));}[color~="\#9375e1"]{--un-text-opacity:1;color:rgba(147, 117, 225, var(--un-text-opacity));}[color~="\#978484"]{--un-text-opacity:1;color:rgba(151, 132, 132, var(--un-text-opacity));}[color~="\#999999"]{--un-text-opacity:1;color:rgba(153, 153, 153, var(--un-text-opacity));}[color~="\#9CA4AC"]{--un-text-opacity:1;color:rgba(156, 164, 172, var(--un-text-opacity));}[color~="\#AAABAD"]{--un-text-opacity:1;color:rgba(170, 171, 173, var(--un-text-opacity));}[color~="\#bfbfbf"]{--un-text-opacity:1;color:rgba(191, 191, 191, var(--un-text-opacity));}[color~="\#c0c4cc"]{--un-text-opacity:1;color:rgba(192, 196, 204, var(--un-text-opacity));}[color~="\#c8c9cc"]{--un-text-opacity:1;color:rgba(200, 201, 204, var(--un-text-opacity));}[color~="\#F06767"]{--un-text-opacity:1;color:rgba(240, 103, 103, var(--un-text-opacity));}[color~="\#f5f5f5"]{--un-text-opacity:1;color:rgba(245, 245, 245, var(--un-text-opacity));}[color~="\#f6f6f6"]{--un-text-opacity:1;color:rgba(246, 246, 246, var(--un-text-opacity));}[color~="\#f8bb01"]{--un-text-opacity:1;color:rgba(248, 187, 1, var(--un-text-opacity));}[color~="\#fa4350"]{--un-text-opacity:1;color:rgba(250, 67, 80, var(--un-text-opacity));}[color~="\#fff"],[color~="\#ffffff"]{--un-text-opacity:1;color:rgba(255, 255, 255, var(--un-text-opacity));}[color~="current"]{color:currentColor;}[color~="green"]{--un-text-opacity:1;color:rgba(74, 222, 128, var(--un-text-opacity));}[color~="red"]{--un-text-opacity:1;color:rgba(248, 113, 113, var(--un-text-opacity));}[active-color~="red"]:active{--un-text-opacity:1;color:rgba(248, 113, 113, var(--un-text-opacity));}.font-600,.fw-600{font-weight:600;}.font-bold{font-weight:700;}[font-bold~="default\:"]:default{font-weight:700;}.leading-\[10px\]{line-height:10px;}.tracking-\[-0\.5px\]{letter-spacing:-0.5px;}.italic{font-style:italic;}.line-through,[decoration~="line-through"]{text-decoration-line:line-through;}.underline{text-decoration-line:underline;}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}.text-shadow{--un-text-shadow:0 0 1px var(--un-text-shadow-color, rgba(0, 0, 0, 0.2)),0 0 1px var(--un-text-shadow-color, rgba(1, 0, 5, 0.1));text-shadow:var(--un-text-shadow);}[opacity~="\30 \.6"]{opacity:0.006;}.outline{outline-style:solid;}.ring{--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.filter,[filter=""]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-200{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;}[duration~="\30 "]{transition-duration:0s;}[duration~="\31 000"]{transition-duration:1000ms;}[duration~="\31 600"]{transition-duration:1600ms;}[duration~="\32 00"]{transition-duration:200ms;}[duration~="\32 000"]{transition-duration:2000ms;}[duration~="\32 50"]{transition-duration:250ms;}[duration~="\33 00"]{transition-duration:300ms;}[duration~="\35 0"]{transition-duration:50ms;}[duration~="\35 00"]{transition-duration:500ms;}[duration~="\36 00"]{transition-duration:600ms;}[duration~="\37 00"]{transition-duration:700ms;}.ease,.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}[content~="\$attrs\.qrData\?\.secretKey"]{content:var(--attrs\.qrData\?\.secretKey);}[content~="\$t\("]{content:var(--t\();}[content~="empty"]{content:"";}[placeholder~="\$cfg\.name"]::-moz-placeholder{color:var(--cfg\.name);}[placeholder~="\$cfg\.name"]::placeholder{color:var(--cfg\.name);}[placeholder~="\$t\("]::-moz-placeholder{color:var(--t\();}[placeholder~="\$t\("]::placeholder{color:var(--t\();} /* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-line-1,
.up-line-1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.u-line-2,
.up-line-2 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical !important;
}
.u-line-3,
.up-line-3 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical !important;
}
.u-line-4,
.up-line-4 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical !important;
}
.u-line-5,
.up-line-5 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical !important;
}
.u-line-6,
.up-line-6 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical !important;
}
.u-line-7,
.up-line-7 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical !important;
}
.u-line-8,
.up-line-8 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical !important;
}
.u-line-9,
.up-line-9 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical !important;
}
.u-line-10,
.up-line-10 {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical !important;
}
.u-border,
.up-border {
  border-width: 0.5px !important;
  border-color: #dadbde !important;
  border-style: solid;
}
.u-border-top,
.up-border-top {
  border-top-width: 0.5px !important;
  border-color: #dadbde !important;
  border-top-style: solid;
}
.u-border-left,
.up-border-left {
  border-left-width: 0.5px !important;
  border-color: #dadbde !important;
  border-left-style: solid;
}
.u-border-right,
.up-border-right {
  border-right-width: 0.5px !important;
  border-color: #dadbde !important;
  border-right-style: solid;
}
.u-border-bottom,
.up-border-bottom {
  border-bottom-width: 0.5px !important;
  border-color: #dadbde !important;
  border-bottom-style: solid;
}
.u-border-top-bottom,
.up-border-top-bottom {
  border-top-width: 0.5px !important;
  border-bottom-width: 0.5px !important;
  border-color: #dadbde !important;
  border-top-style: solid;
  border-bottom-style: solid;
}
.u-reset-button,
.up-reset-button {
  padding: 0;
  background-color: transparent;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.u-reset-button::after,
.up-reset-button::after {
  border: none;
}
.u-hover-class,
.up-hover-class {
  opacity: 0.7;
}
.cursor-pointer {
  cursor: pointer;
}
.u-empty,
.u-empty__wrap,
.u-tabs,
.u-tabs__wrapper,
.u-tabs__wrapper__scroll-view-wrapper,
.u-tabs__wrapper__scroll-view,
.u-tabs__wrapper__nav,
.u-tabs__wrapper__nav__line,
.up-empty,
.up-empty__wrap,
.up-tabs,
.up-tabs__wrapper,
.up-tabs__wrapper__scroll-view-wrapper,
.up-tabs__wrapper__scroll-view,
.up-tabs__wrapper__nav,
.up-tabs__wrapper__nav__line {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: auto;
  align-items: stretch;
  align-content: flex-start;
}
.u-flex,
.u-flex-row,
.u-flex-x,
.up-flex,
.up-flex-row,
.up-flex-x {
  display: flex;
  flex-direction: row;
  display: flex !important;
  flex-direction: row !important;
}
.u-flex-y,
.u-flex-column,
.up-flex-y,
.up-flex-column {
  display: flex;
  flex-direction: column;
  display: flex !important;
  flex-direction: column !important;
}
.u-flex-x-center,
.up-flex-x-center {
  display: flex;
  flex-direction: row;
  justify-content: center !important;
}
.u-flex-xy-center,
.up-flex-xy-center {
  display: flex;
  flex-direction: row;
  justify-content: center !important;
  align-items: center !important;
}
.u-flex-y-center,
.up-flex-y-center {
  display: flex;
  flex-direction: row;
  align-items: center !important;
}
.u-flex-x-left,
.up-flex-x-left {
  display: flex;
  flex-direction: row;
}
.u-flex-x-reverse,
.u-flex-row-reverse,
.up-flex-x-reverse,
.up-flex-row-reverse {
  flex-direction: row-reverse !important;
}
.u-flex-y-reverse,
.u-flex-column-reverse,
.up-flex-y-reverse,
.up-flex-column-reverse {
  flex-direction: column-reverse !important;
}
.u-flex.u-flex-reverse,
.u-flex-row.u-flex-reverse,
.u-flex-x.u-flex-reverse,
.up-flex.up-flex-reverse,
.up-flex-row.up-flex-reverse,
.up-flex-x.up-flex-reverse {
  flex-direction: row-reverse !important;
}
.u-flex-column.u-flex-reverse,
.u-flex-y.u-flex-reverse,
.up-flex-column.up-flex-reverse,
.up-flex-y.up-flex-reverse {
  flex-direction: column-reverse !important;
}
.u-flex-fill,
.up-flex-fill {
  flex: 1 1 auto !important;
}
.u-margin-top-auto,
.u-m-t-auto,
.up-margin-top-auto,
.up-m-t-auto {
  margin-top: auto !important;
}
.u-margin-right-auto,
.u-m-r-auto,
.up-margin-right-auto,
.up-m-r-auto {
  margin-right: auto !important;
}
.u-margin-bottom-auto,
.u-m-b-auto,
.up-margin-bottom-auto,
.up-m-b-auto {
  margin-bottom: auto !important;
}
.u-margin-left-auto,
.u-m-l-auto,
.up-margin-left-auto,
.up-m-l-auto {
  margin-left: auto !important;
}
.u-margin-center-auto,
.u-m-c-auto,
.up-margin-center-auto,
.up-m-c-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.u-margin-middle-auto,
.u-m-m-auto,
.up-margin-middle-auto,
.up-m-m-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.u-flex-wrap,
.up-flex-wrap {
  flex-wrap: wrap !important;
}
.u-flex-wrap-reverse,
.up-flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.u-flex-start,
.up-flex-start {
  justify-content: flex-start !important;
}
.u-flex-center,
.up-flex-center {
  justify-content: center !important;
}
.u-flex-end,
.up-flex-end {
  justify-content: flex-end !important;
}
.u-flex-between,
.up-flex-between {
  justify-content: space-between !important;
}
.u-flex-around,
.up-flex-around {
  justify-content: space-around !important;
}
.u-flex-items-start,
.up-flex-items-start {
  align-items: flex-start !important;
}
.u-flex-items-center,
.up-flex-items-center {
  align-items: center !important;
}
.u-flex-items-end,
.up-flex-items-end {
  align-items: flex-end !important;
}
.u-flex-items-baseline,
.up-flex-items-baseline {
  align-items: baseline !important;
}
.u-flex-items-stretch,
.up-flex-items-stretch {
  align-items: stretch !important;
}
.u-flex-self-start,
.up-flex-self-start {
  align-self: flex-start !important;
}
.u-flex-self-center,
.up-flex-self-center {
  align-self: center !important;
}
.u-flex-self-end,
.up-flex-self-end {
  align-self: flex-en !important;
}
.u-flex-self-baseline,
.up-flex-self-baseline {
  align-self: baseline !important;
}
.u-flex-self-stretch,
.up-flex-self-stretch {
  align-self: stretch !important;
}
.u-flex-content-start,
.up-flex-content-start {
  align-content: flex-start !important;
}
.u-flex-content-center,
.up-flex-content-center {
  align-content: center !important;
}
.u-flex-content-end,
.up-flex-content-end {
  align-content: flex-end !important;
}
.u-flex-content-between,
.up-flex-content-between {
  align-content: space-between !important;
}
.u-flex-content-around,
.up-flex-content-around {
  align-content: space-around !important;
}
.u-flex-middle,
.up-flex-middle {
  justify-content: center !important;
  align-items: center !important;
  align-self: center !important;
  align-content: center !important;
}
.u-flex-grow,
.up-flex-grow {
  flex-grow: 1 !important;
}
.u-flex-shrink,
.up-flex-shrink {
  flex-shrink: 1 !important;
}
.u-margin-0, .u-m-0,
.up-margin-0, .up-m-0 {
  margin: 0 !important;
}
.u-padding-0, .u-p-0,
.up-padding-0, .up-p-0 {
  padding: 0 !important;
}
.u-m-l-0,
.up-m-l-0 {
  margin-left: 0 !important;
}
.u-p-l-0,
.up-p-l-0 {
  padding-left: 0 !important;
}
.u-margin-left-0,
.up-margin-left-0 {
  margin-left: 0 !important;
}
.u-padding-left-0,
.up-padding-left-0 {
  padding-left: 0 !important;
}
.u-m-t-0,
.up-m-t-0 {
  margin-top: 0 !important;
}
.u-p-t-0,
.up-p-t-0 {
  padding-top: 0 !important;
}
.u-margin-top-0,
.up-margin-top-0 {
  margin-top: 0 !important;
}
.u-padding-top-0,
.up-padding-top-0 {
  padding-top: 0 !important;
}
.u-m-r-0,
.up-m-r-0 {
  margin-right: 0 !important;
}
.u-p-r-0,
.up-p-r-0 {
  padding-right: 0 !important;
}
.u-margin-right-0,
.up-margin-right-0 {
  margin-right: 0 !important;
}
.u-padding-right-0,
.up-padding-right-0 {
  padding-right: 0 !important;
}
.u-m-b-0,
.up-m-b-0 {
  margin-bottom: 0 !important;
}
.u-p-b-0,
.up-p-b-0 {
  padding-bottom: 0 !important;
}
.u-margin-bottom-0,
.up-margin-bottom-0 {
  margin-bottom: 0 !important;
}
.u-padding-bottom-0,
.up-padding-bottom-0 {
  padding-bottom: 0 !important;
}
.u-margin-2, .u-m-2,
.up-margin-2, .up-m-2 {
  margin: 0.0625rem !important;
}
.u-padding-2, .u-p-2,
.up-padding-2, .up-p-2 {
  padding: 0.0625rem !important;
}
.u-m-l-2,
.up-m-l-2 {
  margin-left: 0.0625rem !important;
}
.u-p-l-2,
.up-p-l-2 {
  padding-left: 0.0625rem !important;
}
.u-margin-left-2,
.up-margin-left-2 {
  margin-left: 0.0625rem !important;
}
.u-padding-left-2,
.up-padding-left-2 {
  padding-left: 0.0625rem !important;
}
.u-m-t-2,
.up-m-t-2 {
  margin-top: 0.0625rem !important;
}
.u-p-t-2,
.up-p-t-2 {
  padding-top: 0.0625rem !important;
}
.u-margin-top-2,
.up-margin-top-2 {
  margin-top: 0.0625rem !important;
}
.u-padding-top-2,
.up-padding-top-2 {
  padding-top: 0.0625rem !important;
}
.u-m-r-2,
.up-m-r-2 {
  margin-right: 0.0625rem !important;
}
.u-p-r-2,
.up-p-r-2 {
  padding-right: 0.0625rem !important;
}
.u-margin-right-2,
.up-margin-right-2 {
  margin-right: 0.0625rem !important;
}
.u-padding-right-2,
.up-padding-right-2 {
  padding-right: 0.0625rem !important;
}
.u-m-b-2,
.up-m-b-2 {
  margin-bottom: 0.0625rem !important;
}
.u-p-b-2,
.up-p-b-2 {
  padding-bottom: 0.0625rem !important;
}
.u-margin-bottom-2,
.up-margin-bottom-2 {
  margin-bottom: 0.0625rem !important;
}
.u-padding-bottom-2,
.up-padding-bottom-2 {
  padding-bottom: 0.0625rem !important;
}
.u-margin-4, .u-m-4,
.up-margin-4, .up-m-4 {
  margin: 0.125rem !important;
}
.u-padding-4, .u-p-4,
.up-padding-4, .up-p-4 {
  padding: 0.125rem !important;
}
.u-m-l-4,
.up-m-l-4 {
  margin-left: 0.125rem !important;
}
.u-p-l-4,
.up-p-l-4 {
  padding-left: 0.125rem !important;
}
.u-margin-left-4,
.up-margin-left-4 {
  margin-left: 0.125rem !important;
}
.u-padding-left-4,
.up-padding-left-4 {
  padding-left: 0.125rem !important;
}
.u-m-t-4,
.up-m-t-4 {
  margin-top: 0.125rem !important;
}
.u-p-t-4,
.up-p-t-4 {
  padding-top: 0.125rem !important;
}
.u-margin-top-4,
.up-margin-top-4 {
  margin-top: 0.125rem !important;
}
.u-padding-top-4,
.up-padding-top-4 {
  padding-top: 0.125rem !important;
}
.u-m-r-4,
.up-m-r-4 {
  margin-right: 0.125rem !important;
}
.u-p-r-4,
.up-p-r-4 {
  padding-right: 0.125rem !important;
}
.u-margin-right-4,
.up-margin-right-4 {
  margin-right: 0.125rem !important;
}
.u-padding-right-4,
.up-padding-right-4 {
  padding-right: 0.125rem !important;
}
.u-m-b-4,
.up-m-b-4 {
  margin-bottom: 0.125rem !important;
}
.u-p-b-4,
.up-p-b-4 {
  padding-bottom: 0.125rem !important;
}
.u-margin-bottom-4,
.up-margin-bottom-4 {
  margin-bottom: 0.125rem !important;
}
.u-padding-bottom-4,
.up-padding-bottom-4 {
  padding-bottom: 0.125rem !important;
}
.u-margin-5, .u-m-5,
.up-margin-5, .up-m-5 {
  margin: 0.15625rem !important;
}
.u-padding-5, .u-p-5,
.up-padding-5, .up-p-5 {
  padding: 0.15625rem !important;
}
.u-m-l-5,
.up-m-l-5 {
  margin-left: 0.15625rem !important;
}
.u-p-l-5,
.up-p-l-5 {
  padding-left: 0.15625rem !important;
}
.u-margin-left-5,
.up-margin-left-5 {
  margin-left: 0.15625rem !important;
}
.u-padding-left-5,
.up-padding-left-5 {
  padding-left: 0.15625rem !important;
}
.u-m-t-5,
.up-m-t-5 {
  margin-top: 0.15625rem !important;
}
.u-p-t-5,
.up-p-t-5 {
  padding-top: 0.15625rem !important;
}
.u-margin-top-5,
.up-margin-top-5 {
  margin-top: 0.15625rem !important;
}
.u-padding-top-5,
.up-padding-top-5 {
  padding-top: 0.15625rem !important;
}
.u-m-r-5,
.up-m-r-5 {
  margin-right: 0.15625rem !important;
}
.u-p-r-5,
.up-p-r-5 {
  padding-right: 0.15625rem !important;
}
.u-margin-right-5,
.up-margin-right-5 {
  margin-right: 0.15625rem !important;
}
.u-padding-right-5,
.up-padding-right-5 {
  padding-right: 0.15625rem !important;
}
.u-m-b-5,
.up-m-b-5 {
  margin-bottom: 0.15625rem !important;
}
.u-p-b-5,
.up-p-b-5 {
  padding-bottom: 0.15625rem !important;
}
.u-margin-bottom-5,
.up-margin-bottom-5 {
  margin-bottom: 0.15625rem !important;
}
.u-padding-bottom-5,
.up-padding-bottom-5 {
  padding-bottom: 0.15625rem !important;
}
.u-margin-6, .u-m-6,
.up-margin-6, .up-m-6 {
  margin: 0.1875rem !important;
}
.u-padding-6, .u-p-6,
.up-padding-6, .up-p-6 {
  padding: 0.1875rem !important;
}
.u-m-l-6,
.up-m-l-6 {
  margin-left: 0.1875rem !important;
}
.u-p-l-6,
.up-p-l-6 {
  padding-left: 0.1875rem !important;
}
.u-margin-left-6,
.up-margin-left-6 {
  margin-left: 0.1875rem !important;
}
.u-padding-left-6,
.up-padding-left-6 {
  padding-left: 0.1875rem !important;
}
.u-m-t-6,
.up-m-t-6 {
  margin-top: 0.1875rem !important;
}
.u-p-t-6,
.up-p-t-6 {
  padding-top: 0.1875rem !important;
}
.u-margin-top-6,
.up-margin-top-6 {
  margin-top: 0.1875rem !important;
}
.u-padding-top-6,
.up-padding-top-6 {
  padding-top: 0.1875rem !important;
}
.u-m-r-6,
.up-m-r-6 {
  margin-right: 0.1875rem !important;
}
.u-p-r-6,
.up-p-r-6 {
  padding-right: 0.1875rem !important;
}
.u-margin-right-6,
.up-margin-right-6 {
  margin-right: 0.1875rem !important;
}
.u-padding-right-6,
.up-padding-right-6 {
  padding-right: 0.1875rem !important;
}
.u-m-b-6,
.up-m-b-6 {
  margin-bottom: 0.1875rem !important;
}
.u-p-b-6,
.up-p-b-6 {
  padding-bottom: 0.1875rem !important;
}
.u-margin-bottom-6,
.up-margin-bottom-6 {
  margin-bottom: 0.1875rem !important;
}
.u-padding-bottom-6,
.up-padding-bottom-6 {
  padding-bottom: 0.1875rem !important;
}
.u-margin-8, .u-m-8,
.up-margin-8, .up-m-8 {
  margin: 0.25rem !important;
}
.u-padding-8, .u-p-8,
.up-padding-8, .up-p-8 {
  padding: 0.25rem !important;
}
.u-m-l-8,
.up-m-l-8 {
  margin-left: 0.25rem !important;
}
.u-p-l-8,
.up-p-l-8 {
  padding-left: 0.25rem !important;
}
.u-margin-left-8,
.up-margin-left-8 {
  margin-left: 0.25rem !important;
}
.u-padding-left-8,
.up-padding-left-8 {
  padding-left: 0.25rem !important;
}
.u-m-t-8,
.up-m-t-8 {
  margin-top: 0.25rem !important;
}
.u-p-t-8,
.up-p-t-8 {
  padding-top: 0.25rem !important;
}
.u-margin-top-8,
.up-margin-top-8 {
  margin-top: 0.25rem !important;
}
.u-padding-top-8,
.up-padding-top-8 {
  padding-top: 0.25rem !important;
}
.u-m-r-8,
.up-m-r-8 {
  margin-right: 0.25rem !important;
}
.u-p-r-8,
.up-p-r-8 {
  padding-right: 0.25rem !important;
}
.u-margin-right-8,
.up-margin-right-8 {
  margin-right: 0.25rem !important;
}
.u-padding-right-8,
.up-padding-right-8 {
  padding-right: 0.25rem !important;
}
.u-m-b-8,
.up-m-b-8 {
  margin-bottom: 0.25rem !important;
}
.u-p-b-8,
.up-p-b-8 {
  padding-bottom: 0.25rem !important;
}
.u-margin-bottom-8,
.up-margin-bottom-8 {
  margin-bottom: 0.25rem !important;
}
.u-padding-bottom-8,
.up-padding-bottom-8 {
  padding-bottom: 0.25rem !important;
}
.u-margin-10, .u-m-10,
.up-margin-10, .up-m-10 {
  margin: 0.3125rem !important;
}
.u-padding-10, .u-p-10,
.up-padding-10, .up-p-10 {
  padding: 0.3125rem !important;
}
.u-m-l-10,
.up-m-l-10 {
  margin-left: 0.3125rem !important;
}
.u-p-l-10,
.up-p-l-10 {
  padding-left: 0.3125rem !important;
}
.u-margin-left-10,
.up-margin-left-10 {
  margin-left: 0.3125rem !important;
}
.u-padding-left-10,
.up-padding-left-10 {
  padding-left: 0.3125rem !important;
}
.u-m-t-10,
.up-m-t-10 {
  margin-top: 0.3125rem !important;
}
.u-p-t-10,
.up-p-t-10 {
  padding-top: 0.3125rem !important;
}
.u-margin-top-10,
.up-margin-top-10 {
  margin-top: 0.3125rem !important;
}
.u-padding-top-10,
.up-padding-top-10 {
  padding-top: 0.3125rem !important;
}
.u-m-r-10,
.up-m-r-10 {
  margin-right: 0.3125rem !important;
}
.u-p-r-10,
.up-p-r-10 {
  padding-right: 0.3125rem !important;
}
.u-margin-right-10,
.up-margin-right-10 {
  margin-right: 0.3125rem !important;
}
.u-padding-right-10,
.up-padding-right-10 {
  padding-right: 0.3125rem !important;
}
.u-m-b-10,
.up-m-b-10 {
  margin-bottom: 0.3125rem !important;
}
.u-p-b-10,
.up-p-b-10 {
  padding-bottom: 0.3125rem !important;
}
.u-margin-bottom-10,
.up-margin-bottom-10 {
  margin-bottom: 0.3125rem !important;
}
.u-padding-bottom-10,
.up-padding-bottom-10 {
  padding-bottom: 0.3125rem !important;
}
.u-margin-12, .u-m-12,
.up-margin-12, .up-m-12 {
  margin: 0.375rem !important;
}
.u-padding-12, .u-p-12,
.up-padding-12, .up-p-12 {
  padding: 0.375rem !important;
}
.u-m-l-12,
.up-m-l-12 {
  margin-left: 0.375rem !important;
}
.u-p-l-12,
.up-p-l-12 {
  padding-left: 0.375rem !important;
}
.u-margin-left-12,
.up-margin-left-12 {
  margin-left: 0.375rem !important;
}
.u-padding-left-12,
.up-padding-left-12 {
  padding-left: 0.375rem !important;
}
.u-m-t-12,
.up-m-t-12 {
  margin-top: 0.375rem !important;
}
.u-p-t-12,
.up-p-t-12 {
  padding-top: 0.375rem !important;
}
.u-margin-top-12,
.up-margin-top-12 {
  margin-top: 0.375rem !important;
}
.u-padding-top-12,
.up-padding-top-12 {
  padding-top: 0.375rem !important;
}
.u-m-r-12,
.up-m-r-12 {
  margin-right: 0.375rem !important;
}
.u-p-r-12,
.up-p-r-12 {
  padding-right: 0.375rem !important;
}
.u-margin-right-12,
.up-margin-right-12 {
  margin-right: 0.375rem !important;
}
.u-padding-right-12,
.up-padding-right-12 {
  padding-right: 0.375rem !important;
}
.u-m-b-12,
.up-m-b-12 {
  margin-bottom: 0.375rem !important;
}
.u-p-b-12,
.up-p-b-12 {
  padding-bottom: 0.375rem !important;
}
.u-margin-bottom-12,
.up-margin-bottom-12 {
  margin-bottom: 0.375rem !important;
}
.u-padding-bottom-12,
.up-padding-bottom-12 {
  padding-bottom: 0.375rem !important;
}
.u-margin-14, .u-m-14,
.up-margin-14, .up-m-14 {
  margin: 0.4375rem !important;
}
.u-padding-14, .u-p-14,
.up-padding-14, .up-p-14 {
  padding: 0.4375rem !important;
}
.u-m-l-14,
.up-m-l-14 {
  margin-left: 0.4375rem !important;
}
.u-p-l-14,
.up-p-l-14 {
  padding-left: 0.4375rem !important;
}
.u-margin-left-14,
.up-margin-left-14 {
  margin-left: 0.4375rem !important;
}
.u-padding-left-14,
.up-padding-left-14 {
  padding-left: 0.4375rem !important;
}
.u-m-t-14,
.up-m-t-14 {
  margin-top: 0.4375rem !important;
}
.u-p-t-14,
.up-p-t-14 {
  padding-top: 0.4375rem !important;
}
.u-margin-top-14,
.up-margin-top-14 {
  margin-top: 0.4375rem !important;
}
.u-padding-top-14,
.up-padding-top-14 {
  padding-top: 0.4375rem !important;
}
.u-m-r-14,
.up-m-r-14 {
  margin-right: 0.4375rem !important;
}
.u-p-r-14,
.up-p-r-14 {
  padding-right: 0.4375rem !important;
}
.u-margin-right-14,
.up-margin-right-14 {
  margin-right: 0.4375rem !important;
}
.u-padding-right-14,
.up-padding-right-14 {
  padding-right: 0.4375rem !important;
}
.u-m-b-14,
.up-m-b-14 {
  margin-bottom: 0.4375rem !important;
}
.u-p-b-14,
.up-p-b-14 {
  padding-bottom: 0.4375rem !important;
}
.u-margin-bottom-14,
.up-margin-bottom-14 {
  margin-bottom: 0.4375rem !important;
}
.u-padding-bottom-14,
.up-padding-bottom-14 {
  padding-bottom: 0.4375rem !important;
}
.u-margin-15, .u-m-15,
.up-margin-15, .up-m-15 {
  margin: 0.46875rem !important;
}
.u-padding-15, .u-p-15,
.up-padding-15, .up-p-15 {
  padding: 0.46875rem !important;
}
.u-m-l-15,
.up-m-l-15 {
  margin-left: 0.46875rem !important;
}
.u-p-l-15,
.up-p-l-15 {
  padding-left: 0.46875rem !important;
}
.u-margin-left-15,
.up-margin-left-15 {
  margin-left: 0.46875rem !important;
}
.u-padding-left-15,
.up-padding-left-15 {
  padding-left: 0.46875rem !important;
}
.u-m-t-15,
.up-m-t-15 {
  margin-top: 0.46875rem !important;
}
.u-p-t-15,
.up-p-t-15 {
  padding-top: 0.46875rem !important;
}
.u-margin-top-15,
.up-margin-top-15 {
  margin-top: 0.46875rem !important;
}
.u-padding-top-15,
.up-padding-top-15 {
  padding-top: 0.46875rem !important;
}
.u-m-r-15,
.up-m-r-15 {
  margin-right: 0.46875rem !important;
}
.u-p-r-15,
.up-p-r-15 {
  padding-right: 0.46875rem !important;
}
.u-margin-right-15,
.up-margin-right-15 {
  margin-right: 0.46875rem !important;
}
.u-padding-right-15,
.up-padding-right-15 {
  padding-right: 0.46875rem !important;
}
.u-m-b-15,
.up-m-b-15 {
  margin-bottom: 0.46875rem !important;
}
.u-p-b-15,
.up-p-b-15 {
  padding-bottom: 0.46875rem !important;
}
.u-margin-bottom-15,
.up-margin-bottom-15 {
  margin-bottom: 0.46875rem !important;
}
.u-padding-bottom-15,
.up-padding-bottom-15 {
  padding-bottom: 0.46875rem !important;
}
.u-margin-16, .u-m-16,
.up-margin-16, .up-m-16 {
  margin: 0.5rem !important;
}
.u-padding-16, .u-p-16,
.up-padding-16, .up-p-16 {
  padding: 0.5rem !important;
}
.u-m-l-16,
.up-m-l-16 {
  margin-left: 0.5rem !important;
}
.u-p-l-16,
.up-p-l-16 {
  padding-left: 0.5rem !important;
}
.u-margin-left-16,
.up-margin-left-16 {
  margin-left: 0.5rem !important;
}
.u-padding-left-16,
.up-padding-left-16 {
  padding-left: 0.5rem !important;
}
.u-m-t-16,
.up-m-t-16 {
  margin-top: 0.5rem !important;
}
.u-p-t-16,
.up-p-t-16 {
  padding-top: 0.5rem !important;
}
.u-margin-top-16,
.up-margin-top-16 {
  margin-top: 0.5rem !important;
}
.u-padding-top-16,
.up-padding-top-16 {
  padding-top: 0.5rem !important;
}
.u-m-r-16,
.up-m-r-16 {
  margin-right: 0.5rem !important;
}
.u-p-r-16,
.up-p-r-16 {
  padding-right: 0.5rem !important;
}
.u-margin-right-16,
.up-margin-right-16 {
  margin-right: 0.5rem !important;
}
.u-padding-right-16,
.up-padding-right-16 {
  padding-right: 0.5rem !important;
}
.u-m-b-16,
.up-m-b-16 {
  margin-bottom: 0.5rem !important;
}
.u-p-b-16,
.up-p-b-16 {
  padding-bottom: 0.5rem !important;
}
.u-margin-bottom-16,
.up-margin-bottom-16 {
  margin-bottom: 0.5rem !important;
}
.u-padding-bottom-16,
.up-padding-bottom-16 {
  padding-bottom: 0.5rem !important;
}
.u-margin-18, .u-m-18,
.up-margin-18, .up-m-18 {
  margin: 0.5625rem !important;
}
.u-padding-18, .u-p-18,
.up-padding-18, .up-p-18 {
  padding: 0.5625rem !important;
}
.u-m-l-18,
.up-m-l-18 {
  margin-left: 0.5625rem !important;
}
.u-p-l-18,
.up-p-l-18 {
  padding-left: 0.5625rem !important;
}
.u-margin-left-18,
.up-margin-left-18 {
  margin-left: 0.5625rem !important;
}
.u-padding-left-18,
.up-padding-left-18 {
  padding-left: 0.5625rem !important;
}
.u-m-t-18,
.up-m-t-18 {
  margin-top: 0.5625rem !important;
}
.u-p-t-18,
.up-p-t-18 {
  padding-top: 0.5625rem !important;
}
.u-margin-top-18,
.up-margin-top-18 {
  margin-top: 0.5625rem !important;
}
.u-padding-top-18,
.up-padding-top-18 {
  padding-top: 0.5625rem !important;
}
.u-m-r-18,
.up-m-r-18 {
  margin-right: 0.5625rem !important;
}
.u-p-r-18,
.up-p-r-18 {
  padding-right: 0.5625rem !important;
}
.u-margin-right-18,
.up-margin-right-18 {
  margin-right: 0.5625rem !important;
}
.u-padding-right-18,
.up-padding-right-18 {
  padding-right: 0.5625rem !important;
}
.u-m-b-18,
.up-m-b-18 {
  margin-bottom: 0.5625rem !important;
}
.u-p-b-18,
.up-p-b-18 {
  padding-bottom: 0.5625rem !important;
}
.u-margin-bottom-18,
.up-margin-bottom-18 {
  margin-bottom: 0.5625rem !important;
}
.u-padding-bottom-18,
.up-padding-bottom-18 {
  padding-bottom: 0.5625rem !important;
}
.u-margin-20, .u-m-20,
.up-margin-20, .up-m-20 {
  margin: 0.625rem !important;
}
.u-padding-20, .u-p-20,
.up-padding-20, .up-p-20 {
  padding: 0.625rem !important;
}
.u-m-l-20,
.up-m-l-20 {
  margin-left: 0.625rem !important;
}
.u-p-l-20,
.up-p-l-20 {
  padding-left: 0.625rem !important;
}
.u-margin-left-20,
.up-margin-left-20 {
  margin-left: 0.625rem !important;
}
.u-padding-left-20,
.up-padding-left-20 {
  padding-left: 0.625rem !important;
}
.u-m-t-20,
.up-m-t-20 {
  margin-top: 0.625rem !important;
}
.u-p-t-20,
.up-p-t-20 {
  padding-top: 0.625rem !important;
}
.u-margin-top-20,
.up-margin-top-20 {
  margin-top: 0.625rem !important;
}
.u-padding-top-20,
.up-padding-top-20 {
  padding-top: 0.625rem !important;
}
.u-m-r-20,
.up-m-r-20 {
  margin-right: 0.625rem !important;
}
.u-p-r-20,
.up-p-r-20 {
  padding-right: 0.625rem !important;
}
.u-margin-right-20,
.up-margin-right-20 {
  margin-right: 0.625rem !important;
}
.u-padding-right-20,
.up-padding-right-20 {
  padding-right: 0.625rem !important;
}
.u-m-b-20,
.up-m-b-20 {
  margin-bottom: 0.625rem !important;
}
.u-p-b-20,
.up-p-b-20 {
  padding-bottom: 0.625rem !important;
}
.u-margin-bottom-20,
.up-margin-bottom-20 {
  margin-bottom: 0.625rem !important;
}
.u-padding-bottom-20,
.up-padding-bottom-20 {
  padding-bottom: 0.625rem !important;
}
.u-margin-22, .u-m-22,
.up-margin-22, .up-m-22 {
  margin: 0.6875rem !important;
}
.u-padding-22, .u-p-22,
.up-padding-22, .up-p-22 {
  padding: 0.6875rem !important;
}
.u-m-l-22,
.up-m-l-22 {
  margin-left: 0.6875rem !important;
}
.u-p-l-22,
.up-p-l-22 {
  padding-left: 0.6875rem !important;
}
.u-margin-left-22,
.up-margin-left-22 {
  margin-left: 0.6875rem !important;
}
.u-padding-left-22,
.up-padding-left-22 {
  padding-left: 0.6875rem !important;
}
.u-m-t-22,
.up-m-t-22 {
  margin-top: 0.6875rem !important;
}
.u-p-t-22,
.up-p-t-22 {
  padding-top: 0.6875rem !important;
}
.u-margin-top-22,
.up-margin-top-22 {
  margin-top: 0.6875rem !important;
}
.u-padding-top-22,
.up-padding-top-22 {
  padding-top: 0.6875rem !important;
}
.u-m-r-22,
.up-m-r-22 {
  margin-right: 0.6875rem !important;
}
.u-p-r-22,
.up-p-r-22 {
  padding-right: 0.6875rem !important;
}
.u-margin-right-22,
.up-margin-right-22 {
  margin-right: 0.6875rem !important;
}
.u-padding-right-22,
.up-padding-right-22 {
  padding-right: 0.6875rem !important;
}
.u-m-b-22,
.up-m-b-22 {
  margin-bottom: 0.6875rem !important;
}
.u-p-b-22,
.up-p-b-22 {
  padding-bottom: 0.6875rem !important;
}
.u-margin-bottom-22,
.up-margin-bottom-22 {
  margin-bottom: 0.6875rem !important;
}
.u-padding-bottom-22,
.up-padding-bottom-22 {
  padding-bottom: 0.6875rem !important;
}
.u-margin-24, .u-m-24,
.up-margin-24, .up-m-24 {
  margin: 0.75rem !important;
}
.u-padding-24, .u-p-24,
.up-padding-24, .up-p-24 {
  padding: 0.75rem !important;
}
.u-m-l-24,
.up-m-l-24 {
  margin-left: 0.75rem !important;
}
.u-p-l-24,
.up-p-l-24 {
  padding-left: 0.75rem !important;
}
.u-margin-left-24,
.up-margin-left-24 {
  margin-left: 0.75rem !important;
}
.u-padding-left-24,
.up-padding-left-24 {
  padding-left: 0.75rem !important;
}
.u-m-t-24,
.up-m-t-24 {
  margin-top: 0.75rem !important;
}
.u-p-t-24,
.up-p-t-24 {
  padding-top: 0.75rem !important;
}
.u-margin-top-24,
.up-margin-top-24 {
  margin-top: 0.75rem !important;
}
.u-padding-top-24,
.up-padding-top-24 {
  padding-top: 0.75rem !important;
}
.u-m-r-24,
.up-m-r-24 {
  margin-right: 0.75rem !important;
}
.u-p-r-24,
.up-p-r-24 {
  padding-right: 0.75rem !important;
}
.u-margin-right-24,
.up-margin-right-24 {
  margin-right: 0.75rem !important;
}
.u-padding-right-24,
.up-padding-right-24 {
  padding-right: 0.75rem !important;
}
.u-m-b-24,
.up-m-b-24 {
  margin-bottom: 0.75rem !important;
}
.u-p-b-24,
.up-p-b-24 {
  padding-bottom: 0.75rem !important;
}
.u-margin-bottom-24,
.up-margin-bottom-24 {
  margin-bottom: 0.75rem !important;
}
.u-padding-bottom-24,
.up-padding-bottom-24 {
  padding-bottom: 0.75rem !important;
}
.u-margin-25, .u-m-25,
.up-margin-25, .up-m-25 {
  margin: 0.78125rem !important;
}
.u-padding-25, .u-p-25,
.up-padding-25, .up-p-25 {
  padding: 0.78125rem !important;
}
.u-m-l-25,
.up-m-l-25 {
  margin-left: 0.78125rem !important;
}
.u-p-l-25,
.up-p-l-25 {
  padding-left: 0.78125rem !important;
}
.u-margin-left-25,
.up-margin-left-25 {
  margin-left: 0.78125rem !important;
}
.u-padding-left-25,
.up-padding-left-25 {
  padding-left: 0.78125rem !important;
}
.u-m-t-25,
.up-m-t-25 {
  margin-top: 0.78125rem !important;
}
.u-p-t-25,
.up-p-t-25 {
  padding-top: 0.78125rem !important;
}
.u-margin-top-25,
.up-margin-top-25 {
  margin-top: 0.78125rem !important;
}
.u-padding-top-25,
.up-padding-top-25 {
  padding-top: 0.78125rem !important;
}
.u-m-r-25,
.up-m-r-25 {
  margin-right: 0.78125rem !important;
}
.u-p-r-25,
.up-p-r-25 {
  padding-right: 0.78125rem !important;
}
.u-margin-right-25,
.up-margin-right-25 {
  margin-right: 0.78125rem !important;
}
.u-padding-right-25,
.up-padding-right-25 {
  padding-right: 0.78125rem !important;
}
.u-m-b-25,
.up-m-b-25 {
  margin-bottom: 0.78125rem !important;
}
.u-p-b-25,
.up-p-b-25 {
  padding-bottom: 0.78125rem !important;
}
.u-margin-bottom-25,
.up-margin-bottom-25 {
  margin-bottom: 0.78125rem !important;
}
.u-padding-bottom-25,
.up-padding-bottom-25 {
  padding-bottom: 0.78125rem !important;
}
.u-margin-26, .u-m-26,
.up-margin-26, .up-m-26 {
  margin: 0.8125rem !important;
}
.u-padding-26, .u-p-26,
.up-padding-26, .up-p-26 {
  padding: 0.8125rem !important;
}
.u-m-l-26,
.up-m-l-26 {
  margin-left: 0.8125rem !important;
}
.u-p-l-26,
.up-p-l-26 {
  padding-left: 0.8125rem !important;
}
.u-margin-left-26,
.up-margin-left-26 {
  margin-left: 0.8125rem !important;
}
.u-padding-left-26,
.up-padding-left-26 {
  padding-left: 0.8125rem !important;
}
.u-m-t-26,
.up-m-t-26 {
  margin-top: 0.8125rem !important;
}
.u-p-t-26,
.up-p-t-26 {
  padding-top: 0.8125rem !important;
}
.u-margin-top-26,
.up-margin-top-26 {
  margin-top: 0.8125rem !important;
}
.u-padding-top-26,
.up-padding-top-26 {
  padding-top: 0.8125rem !important;
}
.u-m-r-26,
.up-m-r-26 {
  margin-right: 0.8125rem !important;
}
.u-p-r-26,
.up-p-r-26 {
  padding-right: 0.8125rem !important;
}
.u-margin-right-26,
.up-margin-right-26 {
  margin-right: 0.8125rem !important;
}
.u-padding-right-26,
.up-padding-right-26 {
  padding-right: 0.8125rem !important;
}
.u-m-b-26,
.up-m-b-26 {
  margin-bottom: 0.8125rem !important;
}
.u-p-b-26,
.up-p-b-26 {
  padding-bottom: 0.8125rem !important;
}
.u-margin-bottom-26,
.up-margin-bottom-26 {
  margin-bottom: 0.8125rem !important;
}
.u-padding-bottom-26,
.up-padding-bottom-26 {
  padding-bottom: 0.8125rem !important;
}
.u-margin-28, .u-m-28,
.up-margin-28, .up-m-28 {
  margin: 0.875rem !important;
}
.u-padding-28, .u-p-28,
.up-padding-28, .up-p-28 {
  padding: 0.875rem !important;
}
.u-m-l-28,
.up-m-l-28 {
  margin-left: 0.875rem !important;
}
.u-p-l-28,
.up-p-l-28 {
  padding-left: 0.875rem !important;
}
.u-margin-left-28,
.up-margin-left-28 {
  margin-left: 0.875rem !important;
}
.u-padding-left-28,
.up-padding-left-28 {
  padding-left: 0.875rem !important;
}
.u-m-t-28,
.up-m-t-28 {
  margin-top: 0.875rem !important;
}
.u-p-t-28,
.up-p-t-28 {
  padding-top: 0.875rem !important;
}
.u-margin-top-28,
.up-margin-top-28 {
  margin-top: 0.875rem !important;
}
.u-padding-top-28,
.up-padding-top-28 {
  padding-top: 0.875rem !important;
}
.u-m-r-28,
.up-m-r-28 {
  margin-right: 0.875rem !important;
}
.u-p-r-28,
.up-p-r-28 {
  padding-right: 0.875rem !important;
}
.u-margin-right-28,
.up-margin-right-28 {
  margin-right: 0.875rem !important;
}
.u-padding-right-28,
.up-padding-right-28 {
  padding-right: 0.875rem !important;
}
.u-m-b-28,
.up-m-b-28 {
  margin-bottom: 0.875rem !important;
}
.u-p-b-28,
.up-p-b-28 {
  padding-bottom: 0.875rem !important;
}
.u-margin-bottom-28,
.up-margin-bottom-28 {
  margin-bottom: 0.875rem !important;
}
.u-padding-bottom-28,
.up-padding-bottom-28 {
  padding-bottom: 0.875rem !important;
}
.u-margin-30, .u-m-30,
.up-margin-30, .up-m-30 {
  margin: 0.9375rem !important;
}
.u-padding-30, .u-p-30,
.up-padding-30, .up-p-30 {
  padding: 0.9375rem !important;
}
.u-m-l-30,
.up-m-l-30 {
  margin-left: 0.9375rem !important;
}
.u-p-l-30,
.up-p-l-30 {
  padding-left: 0.9375rem !important;
}
.u-margin-left-30,
.up-margin-left-30 {
  margin-left: 0.9375rem !important;
}
.u-padding-left-30,
.up-padding-left-30 {
  padding-left: 0.9375rem !important;
}
.u-m-t-30,
.up-m-t-30 {
  margin-top: 0.9375rem !important;
}
.u-p-t-30,
.up-p-t-30 {
  padding-top: 0.9375rem !important;
}
.u-margin-top-30,
.up-margin-top-30 {
  margin-top: 0.9375rem !important;
}
.u-padding-top-30,
.up-padding-top-30 {
  padding-top: 0.9375rem !important;
}
.u-m-r-30,
.up-m-r-30 {
  margin-right: 0.9375rem !important;
}
.u-p-r-30,
.up-p-r-30 {
  padding-right: 0.9375rem !important;
}
.u-margin-right-30,
.up-margin-right-30 {
  margin-right: 0.9375rem !important;
}
.u-padding-right-30,
.up-padding-right-30 {
  padding-right: 0.9375rem !important;
}
.u-m-b-30,
.up-m-b-30 {
  margin-bottom: 0.9375rem !important;
}
.u-p-b-30,
.up-p-b-30 {
  padding-bottom: 0.9375rem !important;
}
.u-margin-bottom-30,
.up-margin-bottom-30 {
  margin-bottom: 0.9375rem !important;
}
.u-padding-bottom-30,
.up-padding-bottom-30 {
  padding-bottom: 0.9375rem !important;
}
.u-margin-32, .u-m-32,
.up-margin-32, .up-m-32 {
  margin: 1rem !important;
}
.u-padding-32, .u-p-32,
.up-padding-32, .up-p-32 {
  padding: 1rem !important;
}
.u-m-l-32,
.up-m-l-32 {
  margin-left: 1rem !important;
}
.u-p-l-32,
.up-p-l-32 {
  padding-left: 1rem !important;
}
.u-margin-left-32,
.up-margin-left-32 {
  margin-left: 1rem !important;
}
.u-padding-left-32,
.up-padding-left-32 {
  padding-left: 1rem !important;
}
.u-m-t-32,
.up-m-t-32 {
  margin-top: 1rem !important;
}
.u-p-t-32,
.up-p-t-32 {
  padding-top: 1rem !important;
}
.u-margin-top-32,
.up-margin-top-32 {
  margin-top: 1rem !important;
}
.u-padding-top-32,
.up-padding-top-32 {
  padding-top: 1rem !important;
}
.u-m-r-32,
.up-m-r-32 {
  margin-right: 1rem !important;
}
.u-p-r-32,
.up-p-r-32 {
  padding-right: 1rem !important;
}
.u-margin-right-32,
.up-margin-right-32 {
  margin-right: 1rem !important;
}
.u-padding-right-32,
.up-padding-right-32 {
  padding-right: 1rem !important;
}
.u-m-b-32,
.up-m-b-32 {
  margin-bottom: 1rem !important;
}
.u-p-b-32,
.up-p-b-32 {
  padding-bottom: 1rem !important;
}
.u-margin-bottom-32,
.up-margin-bottom-32 {
  margin-bottom: 1rem !important;
}
.u-padding-bottom-32,
.up-padding-bottom-32 {
  padding-bottom: 1rem !important;
}
.u-margin-34, .u-m-34,
.up-margin-34, .up-m-34 {
  margin: 1.0625rem !important;
}
.u-padding-34, .u-p-34,
.up-padding-34, .up-p-34 {
  padding: 1.0625rem !important;
}
.u-m-l-34,
.up-m-l-34 {
  margin-left: 1.0625rem !important;
}
.u-p-l-34,
.up-p-l-34 {
  padding-left: 1.0625rem !important;
}
.u-margin-left-34,
.up-margin-left-34 {
  margin-left: 1.0625rem !important;
}
.u-padding-left-34,
.up-padding-left-34 {
  padding-left: 1.0625rem !important;
}
.u-m-t-34,
.up-m-t-34 {
  margin-top: 1.0625rem !important;
}
.u-p-t-34,
.up-p-t-34 {
  padding-top: 1.0625rem !important;
}
.u-margin-top-34,
.up-margin-top-34 {
  margin-top: 1.0625rem !important;
}
.u-padding-top-34,
.up-padding-top-34 {
  padding-top: 1.0625rem !important;
}
.u-m-r-34,
.up-m-r-34 {
  margin-right: 1.0625rem !important;
}
.u-p-r-34,
.up-p-r-34 {
  padding-right: 1.0625rem !important;
}
.u-margin-right-34,
.up-margin-right-34 {
  margin-right: 1.0625rem !important;
}
.u-padding-right-34,
.up-padding-right-34 {
  padding-right: 1.0625rem !important;
}
.u-m-b-34,
.up-m-b-34 {
  margin-bottom: 1.0625rem !important;
}
.u-p-b-34,
.up-p-b-34 {
  padding-bottom: 1.0625rem !important;
}
.u-margin-bottom-34,
.up-margin-bottom-34 {
  margin-bottom: 1.0625rem !important;
}
.u-padding-bottom-34,
.up-padding-bottom-34 {
  padding-bottom: 1.0625rem !important;
}
.u-margin-35, .u-m-35,
.up-margin-35, .up-m-35 {
  margin: 1.09375rem !important;
}
.u-padding-35, .u-p-35,
.up-padding-35, .up-p-35 {
  padding: 1.09375rem !important;
}
.u-m-l-35,
.up-m-l-35 {
  margin-left: 1.09375rem !important;
}
.u-p-l-35,
.up-p-l-35 {
  padding-left: 1.09375rem !important;
}
.u-margin-left-35,
.up-margin-left-35 {
  margin-left: 1.09375rem !important;
}
.u-padding-left-35,
.up-padding-left-35 {
  padding-left: 1.09375rem !important;
}
.u-m-t-35,
.up-m-t-35 {
  margin-top: 1.09375rem !important;
}
.u-p-t-35,
.up-p-t-35 {
  padding-top: 1.09375rem !important;
}
.u-margin-top-35,
.up-margin-top-35 {
  margin-top: 1.09375rem !important;
}
.u-padding-top-35,
.up-padding-top-35 {
  padding-top: 1.09375rem !important;
}
.u-m-r-35,
.up-m-r-35 {
  margin-right: 1.09375rem !important;
}
.u-p-r-35,
.up-p-r-35 {
  padding-right: 1.09375rem !important;
}
.u-margin-right-35,
.up-margin-right-35 {
  margin-right: 1.09375rem !important;
}
.u-padding-right-35,
.up-padding-right-35 {
  padding-right: 1.09375rem !important;
}
.u-m-b-35,
.up-m-b-35 {
  margin-bottom: 1.09375rem !important;
}
.u-p-b-35,
.up-p-b-35 {
  padding-bottom: 1.09375rem !important;
}
.u-margin-bottom-35,
.up-margin-bottom-35 {
  margin-bottom: 1.09375rem !important;
}
.u-padding-bottom-35,
.up-padding-bottom-35 {
  padding-bottom: 1.09375rem !important;
}
.u-margin-36, .u-m-36,
.up-margin-36, .up-m-36 {
  margin: 1.125rem !important;
}
.u-padding-36, .u-p-36,
.up-padding-36, .up-p-36 {
  padding: 1.125rem !important;
}
.u-m-l-36,
.up-m-l-36 {
  margin-left: 1.125rem !important;
}
.u-p-l-36,
.up-p-l-36 {
  padding-left: 1.125rem !important;
}
.u-margin-left-36,
.up-margin-left-36 {
  margin-left: 1.125rem !important;
}
.u-padding-left-36,
.up-padding-left-36 {
  padding-left: 1.125rem !important;
}
.u-m-t-36,
.up-m-t-36 {
  margin-top: 1.125rem !important;
}
.u-p-t-36,
.up-p-t-36 {
  padding-top: 1.125rem !important;
}
.u-margin-top-36,
.up-margin-top-36 {
  margin-top: 1.125rem !important;
}
.u-padding-top-36,
.up-padding-top-36 {
  padding-top: 1.125rem !important;
}
.u-m-r-36,
.up-m-r-36 {
  margin-right: 1.125rem !important;
}
.u-p-r-36,
.up-p-r-36 {
  padding-right: 1.125rem !important;
}
.u-margin-right-36,
.up-margin-right-36 {
  margin-right: 1.125rem !important;
}
.u-padding-right-36,
.up-padding-right-36 {
  padding-right: 1.125rem !important;
}
.u-m-b-36,
.up-m-b-36 {
  margin-bottom: 1.125rem !important;
}
.u-p-b-36,
.up-p-b-36 {
  padding-bottom: 1.125rem !important;
}
.u-margin-bottom-36,
.up-margin-bottom-36 {
  margin-bottom: 1.125rem !important;
}
.u-padding-bottom-36,
.up-padding-bottom-36 {
  padding-bottom: 1.125rem !important;
}
.u-margin-38, .u-m-38,
.up-margin-38, .up-m-38 {
  margin: 1.1875rem !important;
}
.u-padding-38, .u-p-38,
.up-padding-38, .up-p-38 {
  padding: 1.1875rem !important;
}
.u-m-l-38,
.up-m-l-38 {
  margin-left: 1.1875rem !important;
}
.u-p-l-38,
.up-p-l-38 {
  padding-left: 1.1875rem !important;
}
.u-margin-left-38,
.up-margin-left-38 {
  margin-left: 1.1875rem !important;
}
.u-padding-left-38,
.up-padding-left-38 {
  padding-left: 1.1875rem !important;
}
.u-m-t-38,
.up-m-t-38 {
  margin-top: 1.1875rem !important;
}
.u-p-t-38,
.up-p-t-38 {
  padding-top: 1.1875rem !important;
}
.u-margin-top-38,
.up-margin-top-38 {
  margin-top: 1.1875rem !important;
}
.u-padding-top-38,
.up-padding-top-38 {
  padding-top: 1.1875rem !important;
}
.u-m-r-38,
.up-m-r-38 {
  margin-right: 1.1875rem !important;
}
.u-p-r-38,
.up-p-r-38 {
  padding-right: 1.1875rem !important;
}
.u-margin-right-38,
.up-margin-right-38 {
  margin-right: 1.1875rem !important;
}
.u-padding-right-38,
.up-padding-right-38 {
  padding-right: 1.1875rem !important;
}
.u-m-b-38,
.up-m-b-38 {
  margin-bottom: 1.1875rem !important;
}
.u-p-b-38,
.up-p-b-38 {
  padding-bottom: 1.1875rem !important;
}
.u-margin-bottom-38,
.up-margin-bottom-38 {
  margin-bottom: 1.1875rem !important;
}
.u-padding-bottom-38,
.up-padding-bottom-38 {
  padding-bottom: 1.1875rem !important;
}
.u-margin-40, .u-m-40,
.up-margin-40, .up-m-40 {
  margin: 1.25rem !important;
}
.u-padding-40, .u-p-40,
.up-padding-40, .up-p-40 {
  padding: 1.25rem !important;
}
.u-m-l-40,
.up-m-l-40 {
  margin-left: 1.25rem !important;
}
.u-p-l-40,
.up-p-l-40 {
  padding-left: 1.25rem !important;
}
.u-margin-left-40,
.up-margin-left-40 {
  margin-left: 1.25rem !important;
}
.u-padding-left-40,
.up-padding-left-40 {
  padding-left: 1.25rem !important;
}
.u-m-t-40,
.up-m-t-40 {
  margin-top: 1.25rem !important;
}
.u-p-t-40,
.up-p-t-40 {
  padding-top: 1.25rem !important;
}
.u-margin-top-40,
.up-margin-top-40 {
  margin-top: 1.25rem !important;
}
.u-padding-top-40,
.up-padding-top-40 {
  padding-top: 1.25rem !important;
}
.u-m-r-40,
.up-m-r-40 {
  margin-right: 1.25rem !important;
}
.u-p-r-40,
.up-p-r-40 {
  padding-right: 1.25rem !important;
}
.u-margin-right-40,
.up-margin-right-40 {
  margin-right: 1.25rem !important;
}
.u-padding-right-40,
.up-padding-right-40 {
  padding-right: 1.25rem !important;
}
.u-m-b-40,
.up-m-b-40 {
  margin-bottom: 1.25rem !important;
}
.u-p-b-40,
.up-p-b-40 {
  padding-bottom: 1.25rem !important;
}
.u-margin-bottom-40,
.up-margin-bottom-40 {
  margin-bottom: 1.25rem !important;
}
.u-padding-bottom-40,
.up-padding-bottom-40 {
  padding-bottom: 1.25rem !important;
}
.u-margin-42, .u-m-42,
.up-margin-42, .up-m-42 {
  margin: 1.3125rem !important;
}
.u-padding-42, .u-p-42,
.up-padding-42, .up-p-42 {
  padding: 1.3125rem !important;
}
.u-m-l-42,
.up-m-l-42 {
  margin-left: 1.3125rem !important;
}
.u-p-l-42,
.up-p-l-42 {
  padding-left: 1.3125rem !important;
}
.u-margin-left-42,
.up-margin-left-42 {
  margin-left: 1.3125rem !important;
}
.u-padding-left-42,
.up-padding-left-42 {
  padding-left: 1.3125rem !important;
}
.u-m-t-42,
.up-m-t-42 {
  margin-top: 1.3125rem !important;
}
.u-p-t-42,
.up-p-t-42 {
  padding-top: 1.3125rem !important;
}
.u-margin-top-42,
.up-margin-top-42 {
  margin-top: 1.3125rem !important;
}
.u-padding-top-42,
.up-padding-top-42 {
  padding-top: 1.3125rem !important;
}
.u-m-r-42,
.up-m-r-42 {
  margin-right: 1.3125rem !important;
}
.u-p-r-42,
.up-p-r-42 {
  padding-right: 1.3125rem !important;
}
.u-margin-right-42,
.up-margin-right-42 {
  margin-right: 1.3125rem !important;
}
.u-padding-right-42,
.up-padding-right-42 {
  padding-right: 1.3125rem !important;
}
.u-m-b-42,
.up-m-b-42 {
  margin-bottom: 1.3125rem !important;
}
.u-p-b-42,
.up-p-b-42 {
  padding-bottom: 1.3125rem !important;
}
.u-margin-bottom-42,
.up-margin-bottom-42 {
  margin-bottom: 1.3125rem !important;
}
.u-padding-bottom-42,
.up-padding-bottom-42 {
  padding-bottom: 1.3125rem !important;
}
.u-margin-44, .u-m-44,
.up-margin-44, .up-m-44 {
  margin: 1.375rem !important;
}
.u-padding-44, .u-p-44,
.up-padding-44, .up-p-44 {
  padding: 1.375rem !important;
}
.u-m-l-44,
.up-m-l-44 {
  margin-left: 1.375rem !important;
}
.u-p-l-44,
.up-p-l-44 {
  padding-left: 1.375rem !important;
}
.u-margin-left-44,
.up-margin-left-44 {
  margin-left: 1.375rem !important;
}
.u-padding-left-44,
.up-padding-left-44 {
  padding-left: 1.375rem !important;
}
.u-m-t-44,
.up-m-t-44 {
  margin-top: 1.375rem !important;
}
.u-p-t-44,
.up-p-t-44 {
  padding-top: 1.375rem !important;
}
.u-margin-top-44,
.up-margin-top-44 {
  margin-top: 1.375rem !important;
}
.u-padding-top-44,
.up-padding-top-44 {
  padding-top: 1.375rem !important;
}
.u-m-r-44,
.up-m-r-44 {
  margin-right: 1.375rem !important;
}
.u-p-r-44,
.up-p-r-44 {
  padding-right: 1.375rem !important;
}
.u-margin-right-44,
.up-margin-right-44 {
  margin-right: 1.375rem !important;
}
.u-padding-right-44,
.up-padding-right-44 {
  padding-right: 1.375rem !important;
}
.u-m-b-44,
.up-m-b-44 {
  margin-bottom: 1.375rem !important;
}
.u-p-b-44,
.up-p-b-44 {
  padding-bottom: 1.375rem !important;
}
.u-margin-bottom-44,
.up-margin-bottom-44 {
  margin-bottom: 1.375rem !important;
}
.u-padding-bottom-44,
.up-padding-bottom-44 {
  padding-bottom: 1.375rem !important;
}
.u-margin-45, .u-m-45,
.up-margin-45, .up-m-45 {
  margin: 1.40625rem !important;
}
.u-padding-45, .u-p-45,
.up-padding-45, .up-p-45 {
  padding: 1.40625rem !important;
}
.u-m-l-45,
.up-m-l-45 {
  margin-left: 1.40625rem !important;
}
.u-p-l-45,
.up-p-l-45 {
  padding-left: 1.40625rem !important;
}
.u-margin-left-45,
.up-margin-left-45 {
  margin-left: 1.40625rem !important;
}
.u-padding-left-45,
.up-padding-left-45 {
  padding-left: 1.40625rem !important;
}
.u-m-t-45,
.up-m-t-45 {
  margin-top: 1.40625rem !important;
}
.u-p-t-45,
.up-p-t-45 {
  padding-top: 1.40625rem !important;
}
.u-margin-top-45,
.up-margin-top-45 {
  margin-top: 1.40625rem !important;
}
.u-padding-top-45,
.up-padding-top-45 {
  padding-top: 1.40625rem !important;
}
.u-m-r-45,
.up-m-r-45 {
  margin-right: 1.40625rem !important;
}
.u-p-r-45,
.up-p-r-45 {
  padding-right: 1.40625rem !important;
}
.u-margin-right-45,
.up-margin-right-45 {
  margin-right: 1.40625rem !important;
}
.u-padding-right-45,
.up-padding-right-45 {
  padding-right: 1.40625rem !important;
}
.u-m-b-45,
.up-m-b-45 {
  margin-bottom: 1.40625rem !important;
}
.u-p-b-45,
.up-p-b-45 {
  padding-bottom: 1.40625rem !important;
}
.u-margin-bottom-45,
.up-margin-bottom-45 {
  margin-bottom: 1.40625rem !important;
}
.u-padding-bottom-45,
.up-padding-bottom-45 {
  padding-bottom: 1.40625rem !important;
}
.u-margin-46, .u-m-46,
.up-margin-46, .up-m-46 {
  margin: 1.4375rem !important;
}
.u-padding-46, .u-p-46,
.up-padding-46, .up-p-46 {
  padding: 1.4375rem !important;
}
.u-m-l-46,
.up-m-l-46 {
  margin-left: 1.4375rem !important;
}
.u-p-l-46,
.up-p-l-46 {
  padding-left: 1.4375rem !important;
}
.u-margin-left-46,
.up-margin-left-46 {
  margin-left: 1.4375rem !important;
}
.u-padding-left-46,
.up-padding-left-46 {
  padding-left: 1.4375rem !important;
}
.u-m-t-46,
.up-m-t-46 {
  margin-top: 1.4375rem !important;
}
.u-p-t-46,
.up-p-t-46 {
  padding-top: 1.4375rem !important;
}
.u-margin-top-46,
.up-margin-top-46 {
  margin-top: 1.4375rem !important;
}
.u-padding-top-46,
.up-padding-top-46 {
  padding-top: 1.4375rem !important;
}
.u-m-r-46,
.up-m-r-46 {
  margin-right: 1.4375rem !important;
}
.u-p-r-46,
.up-p-r-46 {
  padding-right: 1.4375rem !important;
}
.u-margin-right-46,
.up-margin-right-46 {
  margin-right: 1.4375rem !important;
}
.u-padding-right-46,
.up-padding-right-46 {
  padding-right: 1.4375rem !important;
}
.u-m-b-46,
.up-m-b-46 {
  margin-bottom: 1.4375rem !important;
}
.u-p-b-46,
.up-p-b-46 {
  padding-bottom: 1.4375rem !important;
}
.u-margin-bottom-46,
.up-margin-bottom-46 {
  margin-bottom: 1.4375rem !important;
}
.u-padding-bottom-46,
.up-padding-bottom-46 {
  padding-bottom: 1.4375rem !important;
}
.u-margin-48, .u-m-48,
.up-margin-48, .up-m-48 {
  margin: 1.5rem !important;
}
.u-padding-48, .u-p-48,
.up-padding-48, .up-p-48 {
  padding: 1.5rem !important;
}
.u-m-l-48,
.up-m-l-48 {
  margin-left: 1.5rem !important;
}
.u-p-l-48,
.up-p-l-48 {
  padding-left: 1.5rem !important;
}
.u-margin-left-48,
.up-margin-left-48 {
  margin-left: 1.5rem !important;
}
.u-padding-left-48,
.up-padding-left-48 {
  padding-left: 1.5rem !important;
}
.u-m-t-48,
.up-m-t-48 {
  margin-top: 1.5rem !important;
}
.u-p-t-48,
.up-p-t-48 {
  padding-top: 1.5rem !important;
}
.u-margin-top-48,
.up-margin-top-48 {
  margin-top: 1.5rem !important;
}
.u-padding-top-48,
.up-padding-top-48 {
  padding-top: 1.5rem !important;
}
.u-m-r-48,
.up-m-r-48 {
  margin-right: 1.5rem !important;
}
.u-p-r-48,
.up-p-r-48 {
  padding-right: 1.5rem !important;
}
.u-margin-right-48,
.up-margin-right-48 {
  margin-right: 1.5rem !important;
}
.u-padding-right-48,
.up-padding-right-48 {
  padding-right: 1.5rem !important;
}
.u-m-b-48,
.up-m-b-48 {
  margin-bottom: 1.5rem !important;
}
.u-p-b-48,
.up-p-b-48 {
  padding-bottom: 1.5rem !important;
}
.u-margin-bottom-48,
.up-margin-bottom-48 {
  margin-bottom: 1.5rem !important;
}
.u-padding-bottom-48,
.up-padding-bottom-48 {
  padding-bottom: 1.5rem !important;
}
.u-margin-50, .u-m-50,
.up-margin-50, .up-m-50 {
  margin: 1.5625rem !important;
}
.u-padding-50, .u-p-50,
.up-padding-50, .up-p-50 {
  padding: 1.5625rem !important;
}
.u-m-l-50,
.up-m-l-50 {
  margin-left: 1.5625rem !important;
}
.u-p-l-50,
.up-p-l-50 {
  padding-left: 1.5625rem !important;
}
.u-margin-left-50,
.up-margin-left-50 {
  margin-left: 1.5625rem !important;
}
.u-padding-left-50,
.up-padding-left-50 {
  padding-left: 1.5625rem !important;
}
.u-m-t-50,
.up-m-t-50 {
  margin-top: 1.5625rem !important;
}
.u-p-t-50,
.up-p-t-50 {
  padding-top: 1.5625rem !important;
}
.u-margin-top-50,
.up-margin-top-50 {
  margin-top: 1.5625rem !important;
}
.u-padding-top-50,
.up-padding-top-50 {
  padding-top: 1.5625rem !important;
}
.u-m-r-50,
.up-m-r-50 {
  margin-right: 1.5625rem !important;
}
.u-p-r-50,
.up-p-r-50 {
  padding-right: 1.5625rem !important;
}
.u-margin-right-50,
.up-margin-right-50 {
  margin-right: 1.5625rem !important;
}
.u-padding-right-50,
.up-padding-right-50 {
  padding-right: 1.5625rem !important;
}
.u-m-b-50,
.up-m-b-50 {
  margin-bottom: 1.5625rem !important;
}
.u-p-b-50,
.up-p-b-50 {
  padding-bottom: 1.5625rem !important;
}
.u-margin-bottom-50,
.up-margin-bottom-50 {
  margin-bottom: 1.5625rem !important;
}
.u-padding-bottom-50,
.up-padding-bottom-50 {
  padding-bottom: 1.5625rem !important;
}
.u-margin-52, .u-m-52,
.up-margin-52, .up-m-52 {
  margin: 1.625rem !important;
}
.u-padding-52, .u-p-52,
.up-padding-52, .up-p-52 {
  padding: 1.625rem !important;
}
.u-m-l-52,
.up-m-l-52 {
  margin-left: 1.625rem !important;
}
.u-p-l-52,
.up-p-l-52 {
  padding-left: 1.625rem !important;
}
.u-margin-left-52,
.up-margin-left-52 {
  margin-left: 1.625rem !important;
}
.u-padding-left-52,
.up-padding-left-52 {
  padding-left: 1.625rem !important;
}
.u-m-t-52,
.up-m-t-52 {
  margin-top: 1.625rem !important;
}
.u-p-t-52,
.up-p-t-52 {
  padding-top: 1.625rem !important;
}
.u-margin-top-52,
.up-margin-top-52 {
  margin-top: 1.625rem !important;
}
.u-padding-top-52,
.up-padding-top-52 {
  padding-top: 1.625rem !important;
}
.u-m-r-52,
.up-m-r-52 {
  margin-right: 1.625rem !important;
}
.u-p-r-52,
.up-p-r-52 {
  padding-right: 1.625rem !important;
}
.u-margin-right-52,
.up-margin-right-52 {
  margin-right: 1.625rem !important;
}
.u-padding-right-52,
.up-padding-right-52 {
  padding-right: 1.625rem !important;
}
.u-m-b-52,
.up-m-b-52 {
  margin-bottom: 1.625rem !important;
}
.u-p-b-52,
.up-p-b-52 {
  padding-bottom: 1.625rem !important;
}
.u-margin-bottom-52,
.up-margin-bottom-52 {
  margin-bottom: 1.625rem !important;
}
.u-padding-bottom-52,
.up-padding-bottom-52 {
  padding-bottom: 1.625rem !important;
}
.u-margin-54, .u-m-54,
.up-margin-54, .up-m-54 {
  margin: 1.6875rem !important;
}
.u-padding-54, .u-p-54,
.up-padding-54, .up-p-54 {
  padding: 1.6875rem !important;
}
.u-m-l-54,
.up-m-l-54 {
  margin-left: 1.6875rem !important;
}
.u-p-l-54,
.up-p-l-54 {
  padding-left: 1.6875rem !important;
}
.u-margin-left-54,
.up-margin-left-54 {
  margin-left: 1.6875rem !important;
}
.u-padding-left-54,
.up-padding-left-54 {
  padding-left: 1.6875rem !important;
}
.u-m-t-54,
.up-m-t-54 {
  margin-top: 1.6875rem !important;
}
.u-p-t-54,
.up-p-t-54 {
  padding-top: 1.6875rem !important;
}
.u-margin-top-54,
.up-margin-top-54 {
  margin-top: 1.6875rem !important;
}
.u-padding-top-54,
.up-padding-top-54 {
  padding-top: 1.6875rem !important;
}
.u-m-r-54,
.up-m-r-54 {
  margin-right: 1.6875rem !important;
}
.u-p-r-54,
.up-p-r-54 {
  padding-right: 1.6875rem !important;
}
.u-margin-right-54,
.up-margin-right-54 {
  margin-right: 1.6875rem !important;
}
.u-padding-right-54,
.up-padding-right-54 {
  padding-right: 1.6875rem !important;
}
.u-m-b-54,
.up-m-b-54 {
  margin-bottom: 1.6875rem !important;
}
.u-p-b-54,
.up-p-b-54 {
  padding-bottom: 1.6875rem !important;
}
.u-margin-bottom-54,
.up-margin-bottom-54 {
  margin-bottom: 1.6875rem !important;
}
.u-padding-bottom-54,
.up-padding-bottom-54 {
  padding-bottom: 1.6875rem !important;
}
.u-margin-55, .u-m-55,
.up-margin-55, .up-m-55 {
  margin: 1.71875rem !important;
}
.u-padding-55, .u-p-55,
.up-padding-55, .up-p-55 {
  padding: 1.71875rem !important;
}
.u-m-l-55,
.up-m-l-55 {
  margin-left: 1.71875rem !important;
}
.u-p-l-55,
.up-p-l-55 {
  padding-left: 1.71875rem !important;
}
.u-margin-left-55,
.up-margin-left-55 {
  margin-left: 1.71875rem !important;
}
.u-padding-left-55,
.up-padding-left-55 {
  padding-left: 1.71875rem !important;
}
.u-m-t-55,
.up-m-t-55 {
  margin-top: 1.71875rem !important;
}
.u-p-t-55,
.up-p-t-55 {
  padding-top: 1.71875rem !important;
}
.u-margin-top-55,
.up-margin-top-55 {
  margin-top: 1.71875rem !important;
}
.u-padding-top-55,
.up-padding-top-55 {
  padding-top: 1.71875rem !important;
}
.u-m-r-55,
.up-m-r-55 {
  margin-right: 1.71875rem !important;
}
.u-p-r-55,
.up-p-r-55 {
  padding-right: 1.71875rem !important;
}
.u-margin-right-55,
.up-margin-right-55 {
  margin-right: 1.71875rem !important;
}
.u-padding-right-55,
.up-padding-right-55 {
  padding-right: 1.71875rem !important;
}
.u-m-b-55,
.up-m-b-55 {
  margin-bottom: 1.71875rem !important;
}
.u-p-b-55,
.up-p-b-55 {
  padding-bottom: 1.71875rem !important;
}
.u-margin-bottom-55,
.up-margin-bottom-55 {
  margin-bottom: 1.71875rem !important;
}
.u-padding-bottom-55,
.up-padding-bottom-55 {
  padding-bottom: 1.71875rem !important;
}
.u-margin-56, .u-m-56,
.up-margin-56, .up-m-56 {
  margin: 1.75rem !important;
}
.u-padding-56, .u-p-56,
.up-padding-56, .up-p-56 {
  padding: 1.75rem !important;
}
.u-m-l-56,
.up-m-l-56 {
  margin-left: 1.75rem !important;
}
.u-p-l-56,
.up-p-l-56 {
  padding-left: 1.75rem !important;
}
.u-margin-left-56,
.up-margin-left-56 {
  margin-left: 1.75rem !important;
}
.u-padding-left-56,
.up-padding-left-56 {
  padding-left: 1.75rem !important;
}
.u-m-t-56,
.up-m-t-56 {
  margin-top: 1.75rem !important;
}
.u-p-t-56,
.up-p-t-56 {
  padding-top: 1.75rem !important;
}
.u-margin-top-56,
.up-margin-top-56 {
  margin-top: 1.75rem !important;
}
.u-padding-top-56,
.up-padding-top-56 {
  padding-top: 1.75rem !important;
}
.u-m-r-56,
.up-m-r-56 {
  margin-right: 1.75rem !important;
}
.u-p-r-56,
.up-p-r-56 {
  padding-right: 1.75rem !important;
}
.u-margin-right-56,
.up-margin-right-56 {
  margin-right: 1.75rem !important;
}
.u-padding-right-56,
.up-padding-right-56 {
  padding-right: 1.75rem !important;
}
.u-m-b-56,
.up-m-b-56 {
  margin-bottom: 1.75rem !important;
}
.u-p-b-56,
.up-p-b-56 {
  padding-bottom: 1.75rem !important;
}
.u-margin-bottom-56,
.up-margin-bottom-56 {
  margin-bottom: 1.75rem !important;
}
.u-padding-bottom-56,
.up-padding-bottom-56 {
  padding-bottom: 1.75rem !important;
}
.u-margin-58, .u-m-58,
.up-margin-58, .up-m-58 {
  margin: 1.8125rem !important;
}
.u-padding-58, .u-p-58,
.up-padding-58, .up-p-58 {
  padding: 1.8125rem !important;
}
.u-m-l-58,
.up-m-l-58 {
  margin-left: 1.8125rem !important;
}
.u-p-l-58,
.up-p-l-58 {
  padding-left: 1.8125rem !important;
}
.u-margin-left-58,
.up-margin-left-58 {
  margin-left: 1.8125rem !important;
}
.u-padding-left-58,
.up-padding-left-58 {
  padding-left: 1.8125rem !important;
}
.u-m-t-58,
.up-m-t-58 {
  margin-top: 1.8125rem !important;
}
.u-p-t-58,
.up-p-t-58 {
  padding-top: 1.8125rem !important;
}
.u-margin-top-58,
.up-margin-top-58 {
  margin-top: 1.8125rem !important;
}
.u-padding-top-58,
.up-padding-top-58 {
  padding-top: 1.8125rem !important;
}
.u-m-r-58,
.up-m-r-58 {
  margin-right: 1.8125rem !important;
}
.u-p-r-58,
.up-p-r-58 {
  padding-right: 1.8125rem !important;
}
.u-margin-right-58,
.up-margin-right-58 {
  margin-right: 1.8125rem !important;
}
.u-padding-right-58,
.up-padding-right-58 {
  padding-right: 1.8125rem !important;
}
.u-m-b-58,
.up-m-b-58 {
  margin-bottom: 1.8125rem !important;
}
.u-p-b-58,
.up-p-b-58 {
  padding-bottom: 1.8125rem !important;
}
.u-margin-bottom-58,
.up-margin-bottom-58 {
  margin-bottom: 1.8125rem !important;
}
.u-padding-bottom-58,
.up-padding-bottom-58 {
  padding-bottom: 1.8125rem !important;
}
.u-margin-60, .u-m-60,
.up-margin-60, .up-m-60 {
  margin: 1.875rem !important;
}
.u-padding-60, .u-p-60,
.up-padding-60, .up-p-60 {
  padding: 1.875rem !important;
}
.u-m-l-60,
.up-m-l-60 {
  margin-left: 1.875rem !important;
}
.u-p-l-60,
.up-p-l-60 {
  padding-left: 1.875rem !important;
}
.u-margin-left-60,
.up-margin-left-60 {
  margin-left: 1.875rem !important;
}
.u-padding-left-60,
.up-padding-left-60 {
  padding-left: 1.875rem !important;
}
.u-m-t-60,
.up-m-t-60 {
  margin-top: 1.875rem !important;
}
.u-p-t-60,
.up-p-t-60 {
  padding-top: 1.875rem !important;
}
.u-margin-top-60,
.up-margin-top-60 {
  margin-top: 1.875rem !important;
}
.u-padding-top-60,
.up-padding-top-60 {
  padding-top: 1.875rem !important;
}
.u-m-r-60,
.up-m-r-60 {
  margin-right: 1.875rem !important;
}
.u-p-r-60,
.up-p-r-60 {
  padding-right: 1.875rem !important;
}
.u-margin-right-60,
.up-margin-right-60 {
  margin-right: 1.875rem !important;
}
.u-padding-right-60,
.up-padding-right-60 {
  padding-right: 1.875rem !important;
}
.u-m-b-60,
.up-m-b-60 {
  margin-bottom: 1.875rem !important;
}
.u-p-b-60,
.up-p-b-60 {
  padding-bottom: 1.875rem !important;
}
.u-margin-bottom-60,
.up-margin-bottom-60 {
  margin-bottom: 1.875rem !important;
}
.u-padding-bottom-60,
.up-padding-bottom-60 {
  padding-bottom: 1.875rem !important;
}
.u-margin-62, .u-m-62,
.up-margin-62, .up-m-62 {
  margin: 1.9375rem !important;
}
.u-padding-62, .u-p-62,
.up-padding-62, .up-p-62 {
  padding: 1.9375rem !important;
}
.u-m-l-62,
.up-m-l-62 {
  margin-left: 1.9375rem !important;
}
.u-p-l-62,
.up-p-l-62 {
  padding-left: 1.9375rem !important;
}
.u-margin-left-62,
.up-margin-left-62 {
  margin-left: 1.9375rem !important;
}
.u-padding-left-62,
.up-padding-left-62 {
  padding-left: 1.9375rem !important;
}
.u-m-t-62,
.up-m-t-62 {
  margin-top: 1.9375rem !important;
}
.u-p-t-62,
.up-p-t-62 {
  padding-top: 1.9375rem !important;
}
.u-margin-top-62,
.up-margin-top-62 {
  margin-top: 1.9375rem !important;
}
.u-padding-top-62,
.up-padding-top-62 {
  padding-top: 1.9375rem !important;
}
.u-m-r-62,
.up-m-r-62 {
  margin-right: 1.9375rem !important;
}
.u-p-r-62,
.up-p-r-62 {
  padding-right: 1.9375rem !important;
}
.u-margin-right-62,
.up-margin-right-62 {
  margin-right: 1.9375rem !important;
}
.u-padding-right-62,
.up-padding-right-62 {
  padding-right: 1.9375rem !important;
}
.u-m-b-62,
.up-m-b-62 {
  margin-bottom: 1.9375rem !important;
}
.u-p-b-62,
.up-p-b-62 {
  padding-bottom: 1.9375rem !important;
}
.u-margin-bottom-62,
.up-margin-bottom-62 {
  margin-bottom: 1.9375rem !important;
}
.u-padding-bottom-62,
.up-padding-bottom-62 {
  padding-bottom: 1.9375rem !important;
}
.u-margin-64, .u-m-64,
.up-margin-64, .up-m-64 {
  margin: 2rem !important;
}
.u-padding-64, .u-p-64,
.up-padding-64, .up-p-64 {
  padding: 2rem !important;
}
.u-m-l-64,
.up-m-l-64 {
  margin-left: 2rem !important;
}
.u-p-l-64,
.up-p-l-64 {
  padding-left: 2rem !important;
}
.u-margin-left-64,
.up-margin-left-64 {
  margin-left: 2rem !important;
}
.u-padding-left-64,
.up-padding-left-64 {
  padding-left: 2rem !important;
}
.u-m-t-64,
.up-m-t-64 {
  margin-top: 2rem !important;
}
.u-p-t-64,
.up-p-t-64 {
  padding-top: 2rem !important;
}
.u-margin-top-64,
.up-margin-top-64 {
  margin-top: 2rem !important;
}
.u-padding-top-64,
.up-padding-top-64 {
  padding-top: 2rem !important;
}
.u-m-r-64,
.up-m-r-64 {
  margin-right: 2rem !important;
}
.u-p-r-64,
.up-p-r-64 {
  padding-right: 2rem !important;
}
.u-margin-right-64,
.up-margin-right-64 {
  margin-right: 2rem !important;
}
.u-padding-right-64,
.up-padding-right-64 {
  padding-right: 2rem !important;
}
.u-m-b-64,
.up-m-b-64 {
  margin-bottom: 2rem !important;
}
.u-p-b-64,
.up-p-b-64 {
  padding-bottom: 2rem !important;
}
.u-margin-bottom-64,
.up-margin-bottom-64 {
  margin-bottom: 2rem !important;
}
.u-padding-bottom-64,
.up-padding-bottom-64 {
  padding-bottom: 2rem !important;
}
.u-margin-65, .u-m-65,
.up-margin-65, .up-m-65 {
  margin: 2.03125rem !important;
}
.u-padding-65, .u-p-65,
.up-padding-65, .up-p-65 {
  padding: 2.03125rem !important;
}
.u-m-l-65,
.up-m-l-65 {
  margin-left: 2.03125rem !important;
}
.u-p-l-65,
.up-p-l-65 {
  padding-left: 2.03125rem !important;
}
.u-margin-left-65,
.up-margin-left-65 {
  margin-left: 2.03125rem !important;
}
.u-padding-left-65,
.up-padding-left-65 {
  padding-left: 2.03125rem !important;
}
.u-m-t-65,
.up-m-t-65 {
  margin-top: 2.03125rem !important;
}
.u-p-t-65,
.up-p-t-65 {
  padding-top: 2.03125rem !important;
}
.u-margin-top-65,
.up-margin-top-65 {
  margin-top: 2.03125rem !important;
}
.u-padding-top-65,
.up-padding-top-65 {
  padding-top: 2.03125rem !important;
}
.u-m-r-65,
.up-m-r-65 {
  margin-right: 2.03125rem !important;
}
.u-p-r-65,
.up-p-r-65 {
  padding-right: 2.03125rem !important;
}
.u-margin-right-65,
.up-margin-right-65 {
  margin-right: 2.03125rem !important;
}
.u-padding-right-65,
.up-padding-right-65 {
  padding-right: 2.03125rem !important;
}
.u-m-b-65,
.up-m-b-65 {
  margin-bottom: 2.03125rem !important;
}
.u-p-b-65,
.up-p-b-65 {
  padding-bottom: 2.03125rem !important;
}
.u-margin-bottom-65,
.up-margin-bottom-65 {
  margin-bottom: 2.03125rem !important;
}
.u-padding-bottom-65,
.up-padding-bottom-65 {
  padding-bottom: 2.03125rem !important;
}
.u-margin-66, .u-m-66,
.up-margin-66, .up-m-66 {
  margin: 2.0625rem !important;
}
.u-padding-66, .u-p-66,
.up-padding-66, .up-p-66 {
  padding: 2.0625rem !important;
}
.u-m-l-66,
.up-m-l-66 {
  margin-left: 2.0625rem !important;
}
.u-p-l-66,
.up-p-l-66 {
  padding-left: 2.0625rem !important;
}
.u-margin-left-66,
.up-margin-left-66 {
  margin-left: 2.0625rem !important;
}
.u-padding-left-66,
.up-padding-left-66 {
  padding-left: 2.0625rem !important;
}
.u-m-t-66,
.up-m-t-66 {
  margin-top: 2.0625rem !important;
}
.u-p-t-66,
.up-p-t-66 {
  padding-top: 2.0625rem !important;
}
.u-margin-top-66,
.up-margin-top-66 {
  margin-top: 2.0625rem !important;
}
.u-padding-top-66,
.up-padding-top-66 {
  padding-top: 2.0625rem !important;
}
.u-m-r-66,
.up-m-r-66 {
  margin-right: 2.0625rem !important;
}
.u-p-r-66,
.up-p-r-66 {
  padding-right: 2.0625rem !important;
}
.u-margin-right-66,
.up-margin-right-66 {
  margin-right: 2.0625rem !important;
}
.u-padding-right-66,
.up-padding-right-66 {
  padding-right: 2.0625rem !important;
}
.u-m-b-66,
.up-m-b-66 {
  margin-bottom: 2.0625rem !important;
}
.u-p-b-66,
.up-p-b-66 {
  padding-bottom: 2.0625rem !important;
}
.u-margin-bottom-66,
.up-margin-bottom-66 {
  margin-bottom: 2.0625rem !important;
}
.u-padding-bottom-66,
.up-padding-bottom-66 {
  padding-bottom: 2.0625rem !important;
}
.u-margin-68, .u-m-68,
.up-margin-68, .up-m-68 {
  margin: 2.125rem !important;
}
.u-padding-68, .u-p-68,
.up-padding-68, .up-p-68 {
  padding: 2.125rem !important;
}
.u-m-l-68,
.up-m-l-68 {
  margin-left: 2.125rem !important;
}
.u-p-l-68,
.up-p-l-68 {
  padding-left: 2.125rem !important;
}
.u-margin-left-68,
.up-margin-left-68 {
  margin-left: 2.125rem !important;
}
.u-padding-left-68,
.up-padding-left-68 {
  padding-left: 2.125rem !important;
}
.u-m-t-68,
.up-m-t-68 {
  margin-top: 2.125rem !important;
}
.u-p-t-68,
.up-p-t-68 {
  padding-top: 2.125rem !important;
}
.u-margin-top-68,
.up-margin-top-68 {
  margin-top: 2.125rem !important;
}
.u-padding-top-68,
.up-padding-top-68 {
  padding-top: 2.125rem !important;
}
.u-m-r-68,
.up-m-r-68 {
  margin-right: 2.125rem !important;
}
.u-p-r-68,
.up-p-r-68 {
  padding-right: 2.125rem !important;
}
.u-margin-right-68,
.up-margin-right-68 {
  margin-right: 2.125rem !important;
}
.u-padding-right-68,
.up-padding-right-68 {
  padding-right: 2.125rem !important;
}
.u-m-b-68,
.up-m-b-68 {
  margin-bottom: 2.125rem !important;
}
.u-p-b-68,
.up-p-b-68 {
  padding-bottom: 2.125rem !important;
}
.u-margin-bottom-68,
.up-margin-bottom-68 {
  margin-bottom: 2.125rem !important;
}
.u-padding-bottom-68,
.up-padding-bottom-68 {
  padding-bottom: 2.125rem !important;
}
.u-margin-70, .u-m-70,
.up-margin-70, .up-m-70 {
  margin: 2.1875rem !important;
}
.u-padding-70, .u-p-70,
.up-padding-70, .up-p-70 {
  padding: 2.1875rem !important;
}
.u-m-l-70,
.up-m-l-70 {
  margin-left: 2.1875rem !important;
}
.u-p-l-70,
.up-p-l-70 {
  padding-left: 2.1875rem !important;
}
.u-margin-left-70,
.up-margin-left-70 {
  margin-left: 2.1875rem !important;
}
.u-padding-left-70,
.up-padding-left-70 {
  padding-left: 2.1875rem !important;
}
.u-m-t-70,
.up-m-t-70 {
  margin-top: 2.1875rem !important;
}
.u-p-t-70,
.up-p-t-70 {
  padding-top: 2.1875rem !important;
}
.u-margin-top-70,
.up-margin-top-70 {
  margin-top: 2.1875rem !important;
}
.u-padding-top-70,
.up-padding-top-70 {
  padding-top: 2.1875rem !important;
}
.u-m-r-70,
.up-m-r-70 {
  margin-right: 2.1875rem !important;
}
.u-p-r-70,
.up-p-r-70 {
  padding-right: 2.1875rem !important;
}
.u-margin-right-70,
.up-margin-right-70 {
  margin-right: 2.1875rem !important;
}
.u-padding-right-70,
.up-padding-right-70 {
  padding-right: 2.1875rem !important;
}
.u-m-b-70,
.up-m-b-70 {
  margin-bottom: 2.1875rem !important;
}
.u-p-b-70,
.up-p-b-70 {
  padding-bottom: 2.1875rem !important;
}
.u-margin-bottom-70,
.up-margin-bottom-70 {
  margin-bottom: 2.1875rem !important;
}
.u-padding-bottom-70,
.up-padding-bottom-70 {
  padding-bottom: 2.1875rem !important;
}
.u-margin-72, .u-m-72,
.up-margin-72, .up-m-72 {
  margin: 2.25rem !important;
}
.u-padding-72, .u-p-72,
.up-padding-72, .up-p-72 {
  padding: 2.25rem !important;
}
.u-m-l-72,
.up-m-l-72 {
  margin-left: 2.25rem !important;
}
.u-p-l-72,
.up-p-l-72 {
  padding-left: 2.25rem !important;
}
.u-margin-left-72,
.up-margin-left-72 {
  margin-left: 2.25rem !important;
}
.u-padding-left-72,
.up-padding-left-72 {
  padding-left: 2.25rem !important;
}
.u-m-t-72,
.up-m-t-72 {
  margin-top: 2.25rem !important;
}
.u-p-t-72,
.up-p-t-72 {
  padding-top: 2.25rem !important;
}
.u-margin-top-72,
.up-margin-top-72 {
  margin-top: 2.25rem !important;
}
.u-padding-top-72,
.up-padding-top-72 {
  padding-top: 2.25rem !important;
}
.u-m-r-72,
.up-m-r-72 {
  margin-right: 2.25rem !important;
}
.u-p-r-72,
.up-p-r-72 {
  padding-right: 2.25rem !important;
}
.u-margin-right-72,
.up-margin-right-72 {
  margin-right: 2.25rem !important;
}
.u-padding-right-72,
.up-padding-right-72 {
  padding-right: 2.25rem !important;
}
.u-m-b-72,
.up-m-b-72 {
  margin-bottom: 2.25rem !important;
}
.u-p-b-72,
.up-p-b-72 {
  padding-bottom: 2.25rem !important;
}
.u-margin-bottom-72,
.up-margin-bottom-72 {
  margin-bottom: 2.25rem !important;
}
.u-padding-bottom-72,
.up-padding-bottom-72 {
  padding-bottom: 2.25rem !important;
}
.u-margin-74, .u-m-74,
.up-margin-74, .up-m-74 {
  margin: 2.3125rem !important;
}
.u-padding-74, .u-p-74,
.up-padding-74, .up-p-74 {
  padding: 2.3125rem !important;
}
.u-m-l-74,
.up-m-l-74 {
  margin-left: 2.3125rem !important;
}
.u-p-l-74,
.up-p-l-74 {
  padding-left: 2.3125rem !important;
}
.u-margin-left-74,
.up-margin-left-74 {
  margin-left: 2.3125rem !important;
}
.u-padding-left-74,
.up-padding-left-74 {
  padding-left: 2.3125rem !important;
}
.u-m-t-74,
.up-m-t-74 {
  margin-top: 2.3125rem !important;
}
.u-p-t-74,
.up-p-t-74 {
  padding-top: 2.3125rem !important;
}
.u-margin-top-74,
.up-margin-top-74 {
  margin-top: 2.3125rem !important;
}
.u-padding-top-74,
.up-padding-top-74 {
  padding-top: 2.3125rem !important;
}
.u-m-r-74,
.up-m-r-74 {
  margin-right: 2.3125rem !important;
}
.u-p-r-74,
.up-p-r-74 {
  padding-right: 2.3125rem !important;
}
.u-margin-right-74,
.up-margin-right-74 {
  margin-right: 2.3125rem !important;
}
.u-padding-right-74,
.up-padding-right-74 {
  padding-right: 2.3125rem !important;
}
.u-m-b-74,
.up-m-b-74 {
  margin-bottom: 2.3125rem !important;
}
.u-p-b-74,
.up-p-b-74 {
  padding-bottom: 2.3125rem !important;
}
.u-margin-bottom-74,
.up-margin-bottom-74 {
  margin-bottom: 2.3125rem !important;
}
.u-padding-bottom-74,
.up-padding-bottom-74 {
  padding-bottom: 2.3125rem !important;
}
.u-margin-75, .u-m-75,
.up-margin-75, .up-m-75 {
  margin: 2.34375rem !important;
}
.u-padding-75, .u-p-75,
.up-padding-75, .up-p-75 {
  padding: 2.34375rem !important;
}
.u-m-l-75,
.up-m-l-75 {
  margin-left: 2.34375rem !important;
}
.u-p-l-75,
.up-p-l-75 {
  padding-left: 2.34375rem !important;
}
.u-margin-left-75,
.up-margin-left-75 {
  margin-left: 2.34375rem !important;
}
.u-padding-left-75,
.up-padding-left-75 {
  padding-left: 2.34375rem !important;
}
.u-m-t-75,
.up-m-t-75 {
  margin-top: 2.34375rem !important;
}
.u-p-t-75,
.up-p-t-75 {
  padding-top: 2.34375rem !important;
}
.u-margin-top-75,
.up-margin-top-75 {
  margin-top: 2.34375rem !important;
}
.u-padding-top-75,
.up-padding-top-75 {
  padding-top: 2.34375rem !important;
}
.u-m-r-75,
.up-m-r-75 {
  margin-right: 2.34375rem !important;
}
.u-p-r-75,
.up-p-r-75 {
  padding-right: 2.34375rem !important;
}
.u-margin-right-75,
.up-margin-right-75 {
  margin-right: 2.34375rem !important;
}
.u-padding-right-75,
.up-padding-right-75 {
  padding-right: 2.34375rem !important;
}
.u-m-b-75,
.up-m-b-75 {
  margin-bottom: 2.34375rem !important;
}
.u-p-b-75,
.up-p-b-75 {
  padding-bottom: 2.34375rem !important;
}
.u-margin-bottom-75,
.up-margin-bottom-75 {
  margin-bottom: 2.34375rem !important;
}
.u-padding-bottom-75,
.up-padding-bottom-75 {
  padding-bottom: 2.34375rem !important;
}
.u-margin-76, .u-m-76,
.up-margin-76, .up-m-76 {
  margin: 2.375rem !important;
}
.u-padding-76, .u-p-76,
.up-padding-76, .up-p-76 {
  padding: 2.375rem !important;
}
.u-m-l-76,
.up-m-l-76 {
  margin-left: 2.375rem !important;
}
.u-p-l-76,
.up-p-l-76 {
  padding-left: 2.375rem !important;
}
.u-margin-left-76,
.up-margin-left-76 {
  margin-left: 2.375rem !important;
}
.u-padding-left-76,
.up-padding-left-76 {
  padding-left: 2.375rem !important;
}
.u-m-t-76,
.up-m-t-76 {
  margin-top: 2.375rem !important;
}
.u-p-t-76,
.up-p-t-76 {
  padding-top: 2.375rem !important;
}
.u-margin-top-76,
.up-margin-top-76 {
  margin-top: 2.375rem !important;
}
.u-padding-top-76,
.up-padding-top-76 {
  padding-top: 2.375rem !important;
}
.u-m-r-76,
.up-m-r-76 {
  margin-right: 2.375rem !important;
}
.u-p-r-76,
.up-p-r-76 {
  padding-right: 2.375rem !important;
}
.u-margin-right-76,
.up-margin-right-76 {
  margin-right: 2.375rem !important;
}
.u-padding-right-76,
.up-padding-right-76 {
  padding-right: 2.375rem !important;
}
.u-m-b-76,
.up-m-b-76 {
  margin-bottom: 2.375rem !important;
}
.u-p-b-76,
.up-p-b-76 {
  padding-bottom: 2.375rem !important;
}
.u-margin-bottom-76,
.up-margin-bottom-76 {
  margin-bottom: 2.375rem !important;
}
.u-padding-bottom-76,
.up-padding-bottom-76 {
  padding-bottom: 2.375rem !important;
}
.u-margin-78, .u-m-78,
.up-margin-78, .up-m-78 {
  margin: 2.4375rem !important;
}
.u-padding-78, .u-p-78,
.up-padding-78, .up-p-78 {
  padding: 2.4375rem !important;
}
.u-m-l-78,
.up-m-l-78 {
  margin-left: 2.4375rem !important;
}
.u-p-l-78,
.up-p-l-78 {
  padding-left: 2.4375rem !important;
}
.u-margin-left-78,
.up-margin-left-78 {
  margin-left: 2.4375rem !important;
}
.u-padding-left-78,
.up-padding-left-78 {
  padding-left: 2.4375rem !important;
}
.u-m-t-78,
.up-m-t-78 {
  margin-top: 2.4375rem !important;
}
.u-p-t-78,
.up-p-t-78 {
  padding-top: 2.4375rem !important;
}
.u-margin-top-78,
.up-margin-top-78 {
  margin-top: 2.4375rem !important;
}
.u-padding-top-78,
.up-padding-top-78 {
  padding-top: 2.4375rem !important;
}
.u-m-r-78,
.up-m-r-78 {
  margin-right: 2.4375rem !important;
}
.u-p-r-78,
.up-p-r-78 {
  padding-right: 2.4375rem !important;
}
.u-margin-right-78,
.up-margin-right-78 {
  margin-right: 2.4375rem !important;
}
.u-padding-right-78,
.up-padding-right-78 {
  padding-right: 2.4375rem !important;
}
.u-m-b-78,
.up-m-b-78 {
  margin-bottom: 2.4375rem !important;
}
.u-p-b-78,
.up-p-b-78 {
  padding-bottom: 2.4375rem !important;
}
.u-margin-bottom-78,
.up-margin-bottom-78 {
  margin-bottom: 2.4375rem !important;
}
.u-padding-bottom-78,
.up-padding-bottom-78 {
  padding-bottom: 2.4375rem !important;
}
.u-margin-80, .u-m-80,
.up-margin-80, .up-m-80 {
  margin: 2.5rem !important;
}
.u-padding-80, .u-p-80,
.up-padding-80, .up-p-80 {
  padding: 2.5rem !important;
}
.u-m-l-80,
.up-m-l-80 {
  margin-left: 2.5rem !important;
}
.u-p-l-80,
.up-p-l-80 {
  padding-left: 2.5rem !important;
}
.u-margin-left-80,
.up-margin-left-80 {
  margin-left: 2.5rem !important;
}
.u-padding-left-80,
.up-padding-left-80 {
  padding-left: 2.5rem !important;
}
.u-m-t-80,
.up-m-t-80 {
  margin-top: 2.5rem !important;
}
.u-p-t-80,
.up-p-t-80 {
  padding-top: 2.5rem !important;
}
.u-margin-top-80,
.up-margin-top-80 {
  margin-top: 2.5rem !important;
}
.u-padding-top-80,
.up-padding-top-80 {
  padding-top: 2.5rem !important;
}
.u-m-r-80,
.up-m-r-80 {
  margin-right: 2.5rem !important;
}
.u-p-r-80,
.up-p-r-80 {
  padding-right: 2.5rem !important;
}
.u-margin-right-80,
.up-margin-right-80 {
  margin-right: 2.5rem !important;
}
.u-padding-right-80,
.up-padding-right-80 {
  padding-right: 2.5rem !important;
}
.u-m-b-80,
.up-m-b-80 {
  margin-bottom: 2.5rem !important;
}
.u-p-b-80,
.up-p-b-80 {
  padding-bottom: 2.5rem !important;
}
.u-margin-bottom-80,
.up-margin-bottom-80 {
  margin-bottom: 2.5rem !important;
}
.u-padding-bottom-80,
.up-padding-bottom-80 {
  padding-bottom: 2.5rem !important;
}
.u-primary-light {
  color: #ecf5ff;
}
.u-warning-light {
  color: #fdf6ec;
}
.u-success-light {
  color: #f5fff0;
}
.u-error-light {
  color: #fef0f0;
}
.u-info-light {
  color: #f4f4f5;
}
.u-primary-light-bg {
  background-color: #ecf5ff;
}
.u-warning-light-bg {
  background-color: #fdf6ec;
}
.u-success-light-bg {
  background-color: #f5fff0;
}
.u-error-light-bg {
  background-color: #fef0f0;
}
.u-info-light-bg {
  background-color: #f4f4f5;
}
.u-primary-dark {
  color: #398ade;
}
.u-warning-dark {
  color: #f1a532;
}
.u-success-dark {
  color: #53c21d;
}
.u-error-dark {
  color: #e45656;
}
.u-info-dark {
  color: #767a82;
}
.u-primary-dark-bg {
  background-color: #398ade;
}
.u-warning-dark-bg {
  background-color: #f1a532;
}
.u-success-dark-bg {
  background-color: #53c21d;
}
.u-error-dark-bg {
  background-color: #e45656;
}
.u-info-dark-bg {
  background-color: #767a82;
}
.u-primary-disabled {
  color: #9acafc;
}
.u-warning-disabled {
  color: #f9d39b;
}
.u-success-disabled {
  color: #a9e08f;
}
.u-error-disabled {
  color: #f7b2b2;
}
.u-info-disabled {
  color: #c4c6c9;
}
.u-primary {
  color: #3c9cff;
}
.u-warning {
  color: #f9ae3d;
}
.u-success {
  color: #5ac725;
}
.u-error {
  color: #f56c6c;
}
.u-info {
  color: #909399;
}
.u-primary-bg {
  background-color: #3c9cff;
}
.u-warning-bg {
  background-color: #f9ae3d;
}
.u-success-bg {
  background-color: #5ac725;
}
.u-error-bg {
  background-color: #f56c6c;
}
.u-info-bg {
  background-color: #909399;
}
.u-main-color {
  color: #303133;
}
.u-content-color {
  color: #606266;
}
.u-tips-color {
  color: #909193;
}
.u-light-color {
  color: #c0c4cc;
}
.up-primary-light {
  color: #ecf5ff;
}
.up-warning-light {
  color: #fdf6ec;
}
.up-success-light {
  color: #f5fff0;
}
.up-error-light {
  color: #fef0f0;
}
.up-info-light {
  color: #f4f4f5;
}
.up-primary-light-bg {
  background-color: #ecf5ff;
}
.up-warning-light-bg {
  background-color: #fdf6ec;
}
.up-success-light-bg {
  background-color: #f5fff0;
}
.up-error-light-bg {
  background-color: #fef0f0;
}
.up-info-light-bg {
  background-color: #f4f4f5;
}
.up-primary-dark {
  color: #398ade;
}
.up-warning-dark {
  color: #f1a532;
}
.up-success-dark {
  color: #53c21d;
}
.up-error-dark {
  color: #e45656;
}
.up-info-dark {
  color: #767a82;
}
.up-primary-dark-bg {
  background-color: #398ade;
}
.up-warning-dark-bg {
  background-color: #f1a532;
}
.up-success-dark-bg {
  background-color: #53c21d;
}
.up-error-dark-bg {
  background-color: #e45656;
}
.up-info-dark-bg {
  background-color: #767a82;
}
.up-primary-disabled {
  color: #9acafc;
}
.up-warning-disabled {
  color: #f9d39b;
}
.up-success-disabled {
  color: #a9e08f;
}
.up-error-disabled {
  color: #f7b2b2;
}
.up-info-disabled {
  color: #c4c6c9;
}
.up-primary {
  color: #3c9cff;
}
.up-warning {
  color: #f9ae3d;
}
.up-success {
  color: #5ac725;
}
.up-error {
  color: #f56c6c;
}
.up-info {
  color: #909399;
}
.up-primary-bg {
  background-color: #3c9cff;
}
.up-warning-bg {
  background-color: #f9ae3d;
}
.up-success-bg {
  background-color: #5ac725;
}
.up-error-bg {
  background-color: #f56c6c;
}
.up-info-bg {
  background-color: #909399;
}
.up-main-color {
  color: #303133;
}
.up-content-color {
  color: #606266;
}
.up-tips-color {
  color: #909193;
}
.up-light-color {
  color: #c0c4cc;
}
.u-safe-area-inset-top,
.up-safe-area-inset-top {
  padding-top: 0;
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}
.u-safe-area-inset-right,
.up-safe-area-inset-right {
  padding-right: 0;
  padding-right: constant(safe-area-inset-right);
  padding-right: env(safe-area-inset-right);
}
.u-safe-area-inset-bottom,
.up-safe-area-inset-bottom {
  padding-bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.u-safe-area-inset-left,
.up-safe-area-inset-left {
  padding-left: 0;
  padding-left: constant(safe-area-inset-left);
  padding-left: env(safe-area-inset-left);
}
uni-toast {
  z-index: 10090;
}
uni-toast .uni-toast {
  z-index: 10090;
}
::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
  -webkit-appearance: none;
  background: transparent;
}
/* stylelint-disable selector-type-no-unknown */
uni-button::after {
  border: none;
}
uni-swiper,
uni-scroll-view {
  flex: 1;
  height: 100%;
  overflow: hidden;
}
uni-image {
  width: 100%;
  height: 100%;
  vertical-align: middle !important;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ellipsis-2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ellipsis-3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.wd-input__icon {
  background: unset !important;
}
.swipe-x-pic-theme {
  filter: grayscale(100%);
}
.bitago-pic-theme {
  filter: hue-rotate(34deg);
}
.gocard-pic-theme {
  filter: hue-rotate(17deg);
}
.xkard-pic-theme {
  filter: hue-rotate(26deg);
}
.card-shadow {
  border-radius: 20px;
  box-shadow: 0 10px 20px #d6cee9;
}
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
.wot-theme-dark .wd-button.is-info {
  background: var(--wot-dark-background4, #323233);
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
}
.wot-theme-dark .wd-button.is-plain {
  background: transparent;
}
.wot-theme-dark .wd-button.is-plain.is-info {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-button.is-plain.is-info::after {
  border-color: var(--wot-dark-background5, #646566);
}
.wot-theme-dark .wd-button.is-text.is-disabled {
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
  background: transparent;
}
.wot-theme-dark .wd-button.is-icon {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-button.is-icon.is-disabled {
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
  background: transparent;
}
.wd-button {
  position: relative;
  display: inline-block;
  outline: none;
  -webkit-appearance: none;
  outline: none;
  background: transparent;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  color: var(--wot-button-normal-color, var(--wot-color-title, var(--wot-color-black, rgb(0, 0, 0))));
  transition: opacity 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: normal;
}
.wd-button::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: var(--wot-color-black, rgb(0, 0, 0));
  border: inherit;
  border-color: var(--wot-color-black, rgb(0, 0, 0));
  border-radius: inherit;
  transform: translate(-50%, -50%);
  opacity: 0;
  content: " ";
}
.wd-button::after {
  border: none;
  border-radius: 0;
}
.wd-button__content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.wd-button--active:active::before {
  opacity: 0.15;
}
.wd-button.is-disabled {
  opacity: var(--wot-button-disabled-opacity, 0.6);
}
.wd-button__loading {
  margin-right: 5px;
  animation: wd-rotate 0.8s linear infinite;
  animation-duration: 2s;
}
.wd-button__loading-svg {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.wd-button.is-primary {
  background: var(--wot-button-primary-bg-color, var(--wot-color-theme, #4d80f0));
  color: var(--wot-button-primary-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wd-button.is-success {
  background: var(--wot-button-success-bg-color, var(--wot-color-success, #34d19d));
  color: var(--wot-button-success-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wd-button.is-info {
  background: var(--wot-button-info-bg-color, #f0f0f0);
  color: var(--wot-button-info-color, var(--wot-color-title, var(--wot-color-black, rgb(0, 0, 0))));
}
.wd-button.is-warning {
  background: var(--wot-button-warning-bg-color, var(--wot-color-warning, #f0883a));
  color: var(--wot-button-warning-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wd-button.is-error {
  background: var(--wot-button-error-bg-color, var(--wot-color-danger, #fa4350));
  color: var(--wot-button-error-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wd-button.is-small {
  height: var(--wot-button-small-height, 28px);
  padding: var(--wot-button-small-padding, 0 12px);
  border-radius: var(--wot-button-small-radius, 2px);
  font-size: var(--wot-button-small-fs, var(--wot-fs-secondary, 12px));
  font-weight: normal;
}
.wd-button.is-small .wd-button__loading {
  width: var(--wot-button-small-loading, 14px);
  height: var(--wot-button-small-loading, 14px);
}
.wd-button.is-medium {
  height: var(--wot-button-medium-height, 36px);
  padding: var(--wot-button-medium-padding, 0 16px);
  border-radius: var(--wot-button-medium-radius, 4px);
  font-size: var(--wot-button-medium-fs, var(--wot-fs-content, 14px));
  min-width: 120px;
}
.wd-button.is-medium.is-round.is-icon {
  min-width: 0;
  border-radius: 50%;
}
.wd-button.is-medium.is-round.is-text {
  border-radius: 0;
  min-width: 0;
}
.wd-button.is-medium .wd-button__loading {
  width: var(--wot-button-medium-loading, 18px);
  height: var(--wot-button-medium-loading, 18px);
}
.wd-button.is-large {
  height: var(--wot-button-large-height, 44px);
  padding: var(--wot-button-large-padding, 0 36px);
  border-radius: var(--wot-button-large-radius, 8px);
  font-size: var(--wot-button-large-fs, var(--wot-fs-title, 16px));
}
.wd-button.is-large::after {
  border-radius: var(--wot-button-large-radius, 8px);
}
.wd-button.is-large .wd-button__loading {
  width: var(--wot-button-large-loading, 24px);
  height: var(--wot-button-large-loading, 24px);
}
.wd-button.is-round {
  border-radius: 999px;
}
.wd-button.is-text {
  color: var(--wot-button-primary-bg-color, var(--wot-color-theme, #4d80f0));
  min-width: 0;
  padding: 4px 0;
}
.wd-button.is-text::after {
  display: none;
}
.wd-button.is-text.wd-button--active {
  opacity: var(--wot-button-text-hover-opacity, 0.7);
}
.wd-button.is-text.wd-button--active:active::before {
  display: none;
}
.wd-button.is-text.is-disabled {
  color: var(--wot-button-normal-disabled-color, rgba(0, 0, 0, 0.25));
  background: transparent;
}
.wd-button.is-plain {
  background: var(--wot-button-plain-bg-color, var(--wot-color-white, rgb(255, 255, 255)));
  border: 1px solid currentColor;
}
.wd-button.is-plain.is-primary {
  color: var(--wot-button-primary-bg-color, var(--wot-color-theme, #4d80f0));
}
.wd-button.is-plain.is-success {
  color: var(--wot-button-success-bg-color, var(--wot-color-success, #34d19d));
}
.wd-button.is-plain.is-info {
  color: var(--wot-button-info-plain-normal-color, rgba(0, 0, 0, 0.85));
  border-color: var(--wot-button-info-plain-border-color, rgba(0, 0, 0, 0.45));
}
.wd-button.is-plain.is-warning {
  color: var(--wot-button-warning-bg-color, var(--wot-color-warning, #f0883a));
}
.wd-button.is-plain.is-error {
  color: var(--wot-button-error-bg-color, var(--wot-color-danger, #fa4350));
}
.wd-button.is-hairline {
  border-width: 0;
}
.wd-button.is-hairline.is-plain {
  position: relative;
}
.wd-button.is-hairline.is-plain::after {
  position: absolute;
  display: block;
  content: " ";
  pointer-events: none;
  width: 200%;
  height: 200%;
  left: 0;
  top: 0;
  border: 1px solid var(--wot-color-border-light, #e8e8e8);
  transform: scale(0.5);
  box-sizing: border-box;
  transform-origin: left top;
}
.wd-button.is-hairline.is-plain::before {
  border-radius: inherit;
}
.wd-button.is-hairline.is-plain::after {
  border-color: inherit;
}
.wd-button.is-hairline.is-plain.is-round::after {
  border-radius: inherit !important;
}
.wd-button.is-hairline.is-plain.is-large::after {
  border-radius: calc(2 * var(--wot-button-large-radius, 8px));
}
.wd-button.is-hairline.is-plain.is-medium::after {
  border-radius: calc(2 * var(--wot-button-medium-radius, 4px));
}
.wd-button.is-hairline.is-plain.is-small::after {
  border-radius: calc(2 * var(--wot-button-small-radius, 2px));
}
.wd-button.is-block {
  display: block;
}
.wd-button.is-icon {
  width: var(--wot-button-icon-size, 40px);
  height: var(--wot-button-icon-size, 40px);
  padding: 0;
  border-radius: 50%;
  color: var(--wot-button-icon-color, rgba(0, 0, 0, 0.65));
}
.wd-button.is-icon::after {
  display: none;
}
.wd-button.is-icon :deep(.wd-button__icon) {
  margin-right: 0;
}
.wd-button.is-icon.is-disabled {
  color: var(--wot-button-icon-disabled-color, var(--wot-color-icon-disabled, #a7a7a7));
  background: transparent;
}
:deep() .wd-button__icon {
  display: block;
  margin-right: 6px;
  font-size: var(--wot-button-icon-fs, 1.18em);
  vertical-align: middle;
}
.wd-button__text {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
}
@keyframes wd-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.wd-popup {
  z-index: 100 !important;
}
.wd-overlay {
  z-index: 100 !important;
}
.u-image {
  background-color: unset !important;
}
.wd-tooltip__hidden {
  bottom: unset !important;
}
uni-page-body {
  --weak-primary: #e7e2f6;
  --wot-color-black: #333333;
  --wot-text-info-color: #333333;
  --wot-tabbar-height: 60px;
  --wot-tabbar-item-title-font-size: 12px;
  --link-color: #409eff;
  --wot-password-input-background: #f6f6f6;
  --wot-password-input-height: 70px;
  --wot-button-normal-disabled-color: rgba(0, 0, 0, 0.25);
  --text-weak-color: #909399;
  --wot-color-warning: #f8bb01;
  --wot-color-success: #34d19d;
  --wot-overlay-bg: rgba(0, 0, 0, 0.5);
  --cv-weak-bg: rgb(238, 238, 239);
  --wot-color-danger: #fa4350;




}

:root {
  --main-font-size: 16px;
  font-size: var(--main-font-size) !important;
}

body {
  overflow-y: hidden;
  font-family: "Roboto", sans-serif; /* 应用的主体字体 */
  font-size: 16px; /* 默认字体大小 */
  line-height: 1.5; /* 增加可读性 */
}
h1 {
  font-family: "Roboto", sans-serif; /* 标题字体 */
  font-size: 24px;
  font-weight: 700; /* 加粗 */
}
uni-button {
  font-family: "Roboto", sans-serif; /* 按钮字体 */
  font-size: 16px;
}

#app {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background-attachment: fixed;
}






/* stylelint-disable-next-line selector-type-no-unknown */
.uni-swiper-wrapper .uni-swiper-slide-frame uni-movable-view img {
  background-color: #ffffff;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-icon[data-v-c494bb61] {
  display: flex;
  align-items: center;
}
.u-icon--left[data-v-c494bb61] {
  flex-direction: row-reverse;
  align-items: center;
}
.u-icon--right[data-v-c494bb61] {
  flex-direction: row;
  align-items: center;
}
.u-icon--top[data-v-c494bb61] {
  flex-direction: column-reverse;
  justify-content: center;
}
.u-icon--bottom[data-v-c494bb61] {
  flex-direction: column;
  justify-content: center;
}
.u-icon__icon[data-v-c494bb61] {
  font-family: uicon-iconfont;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-icon__icon--primary[data-v-c494bb61] {
  color: #3c9cff;
}
.u-icon__icon--success[data-v-c494bb61] {
  color: #5ac725;
}
.u-icon__icon--error[data-v-c494bb61] {
  color: #f56c6c;
}
.u-icon__icon--warning[data-v-c494bb61] {
  color: #f9ae3d;
}
.u-icon__icon--info[data-v-c494bb61] {
  color: #909399;
}
.u-icon__img[data-v-c494bb61] {
  height: auto;
  will-change: transform;
}
.u-icon__label[data-v-c494bb61] {
  line-height: 1;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * vue版本动画内置的动画模式有如下：
 * fade：淡入
 * zoom：缩放
 * fade-zoom：缩放淡入
 * fade-up：上滑淡入
 * fade-down：下滑淡入
 * fade-left：左滑淡入
 * fade-right：右滑淡入
 * slide-up：上滑进入
 * slide-down：下滑进入
 * slide-left：左滑进入
 * slide-right：右滑进入
 */
.u-fade-enter-active[data-v-66823e3c],
.u-fade-leave-active[data-v-66823e3c] {
  transition-property: opacity;
}
.u-fade-enter[data-v-66823e3c],
.u-fade-leave-to[data-v-66823e3c] {
  opacity: 0;
}
.u-fade-zoom-enter[data-v-66823e3c],
.u-fade-zoom-leave-to[data-v-66823e3c] {
  transform: scale(0.95);
  opacity: 0;
}
.u-fade-zoom-enter-active[data-v-66823e3c],
.u-fade-zoom-leave-active[data-v-66823e3c] {
  transition-property: transform, opacity;
}
.u-fade-down-enter-active[data-v-66823e3c],
.u-fade-down-leave-active[data-v-66823e3c],
.u-fade-left-enter-active[data-v-66823e3c],
.u-fade-left-leave-active[data-v-66823e3c],
.u-fade-right-enter-active[data-v-66823e3c],
.u-fade-right-leave-active[data-v-66823e3c],
.u-fade-up-enter-active[data-v-66823e3c],
.u-fade-up-leave-active[data-v-66823e3c] {
  transition-property: opacity, transform;
}
.u-fade-up-enter[data-v-66823e3c],
.u-fade-up-leave-to[data-v-66823e3c] {
  transform: translate3d(0, 100%, 0);
  opacity: 0;
}
.u-fade-down-enter[data-v-66823e3c],
.u-fade-down-leave-to[data-v-66823e3c] {
  transform: translate3d(0, -100%, 0);
  opacity: 0;
}
.u-fade-left-enter[data-v-66823e3c],
.u-fade-left-leave-to[data-v-66823e3c] {
  transform: translate3d(-100%, 0, 0);
  opacity: 0;
}
.u-fade-right-enter[data-v-66823e3c],
.u-fade-right-leave-to[data-v-66823e3c] {
  transform: translate3d(100%, 0, 0);
  opacity: 0;
}
.u-slide-down-enter-active[data-v-66823e3c],
.u-slide-down-leave-active[data-v-66823e3c],
.u-slide-left-enter-active[data-v-66823e3c],
.u-slide-left-leave-active[data-v-66823e3c],
.u-slide-right-enter-active[data-v-66823e3c],
.u-slide-right-leave-active[data-v-66823e3c],
.u-slide-up-enter-active[data-v-66823e3c],
.u-slide-up-leave-active[data-v-66823e3c] {
  transition-property: transform;
}
.u-slide-up-enter[data-v-66823e3c],
.u-slide-up-leave-to[data-v-66823e3c] {
  transform: translate3d(0, 100%, 0);
}
.u-slide-down-enter[data-v-66823e3c],
.u-slide-down-leave-to[data-v-66823e3c] {
  transform: translate3d(0, -100%, 0);
}
.u-slide-left-enter[data-v-66823e3c],
.u-slide-left-leave-to[data-v-66823e3c] {
  transform: translate3d(-100%, 0, 0);
}
.u-slide-right-enter[data-v-66823e3c],
.u-slide-right-leave-to[data-v-66823e3c] {
  transform: translate3d(100%, 0, 0);
}
.u-zoom-enter-active[data-v-66823e3c],
.u-zoom-leave-active[data-v-66823e3c] {
  transition-property: transform;
}
.u-zoom-enter[data-v-66823e3c],
.u-zoom-leave-to[data-v-66823e3c] {
  transform: scale(0.95);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-image[data-v-59d85306] {
  position: relative;
  transition: opacity 0.5s ease-in-out;
}
.u-image__image[data-v-59d85306] {
  width: 100%;
  height: 100%;
}
.u-image__loading[data-v-59d85306], .u-image__error[data-v-59d85306] {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: #f3f4f6;
  color: #909193;
  font-size: 1.4375rem;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-input[data-v-721b46e2] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}
.u-input--radius[data-v-721b46e2], .u-input--square[data-v-721b46e2] {
  border-radius: 4px;
}
.u-input--no-radius[data-v-721b46e2] {
  border-radius: 0;
}
.u-input--circle[data-v-721b46e2] {
  border-radius: 100px;
}
.u-input__content[data-v-721b46e2] {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.u-input__content__field-wrapper[data-v-721b46e2] {
  position: relative;
  display: flex;
  flex-direction: row;
  margin: 0;
  flex: 1;
}
.u-input__content__field-wrapper__field[data-v-721b46e2] {
  line-height: 26px;
  text-align: left;
  color: #303133;
  height: 24px;
  font-size: 15px;
  flex: 1;
}
.u-input__content__clear[data-v-721b46e2] {
  width: 20px;
  height: 20px;
  border-radius: 100px;
  background-color: #c6c7cb;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transform: scale(0.82);
  margin-left: 4px;
}
.u-input__content__subfix-icon[data-v-721b46e2] {
  margin-left: 4px;
}
.u-input__content__prefix-icon[data-v-721b46e2] {
  margin-right: 4px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-link[data-v-5219c5cc] {
  line-height: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-text[data-v-46b13e9e] {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
}
.u-text__price[data-v-46b13e9e] {
  font-size: 14px;
  color: #606266;
}
.u-text__value[data-v-46b13e9e] {
  font-size: 14px;
  display: flex;
  flex-direction: row;
  color: #606266;
  flex-wrap: wrap;
  text-overflow: ellipsis;
  align-items: center;
}
.u-text__value--primary[data-v-46b13e9e] {
  color: #3c9cff;
}
.u-text__value--warning[data-v-46b13e9e] {
  color: #f9ae3d;
}
.u-text__value--success[data-v-46b13e9e] {
  color: #5ac725;
}
.u-text__value--info[data-v-46b13e9e] {
  color: #909399;
}
.u-text__value--error[data-v-46b13e9e] {
  color: #f56c6c;
}
.u-text__value--main[data-v-46b13e9e] {
  color: #303133;
}
.u-text__value--content[data-v-46b13e9e] {
  color: #606266;
}
.u-text__value--tips[data-v-46b13e9e] {
  color: #909193;
}
.u-text__value--light[data-v-46b13e9e] {
  color: #c0c4cc;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-textarea[data-v-8d706eb9] {
  border-radius: 4px;
  background-color: #fff;
  position: relative;
  display: flex;
  flex-direction: row;
  flex: 1;
  padding: 9px;
}
.u-textarea--radius[data-v-8d706eb9] {
  border-radius: 4px;
}
.u-textarea--no-radius[data-v-8d706eb9] {
  border-radius: 0;
}
.u-textarea--disabled[data-v-8d706eb9] {
  background-color: #f5f7fa;
}
.u-textarea__field[data-v-8d706eb9] {
  flex: 1;
  font-size: 15px;
  color: #606266;
  width: 100%;
}
.u-textarea__count[data-v-8d706eb9] {
  position: absolute;
  right: 5px;
  bottom: 2px;
  font-size: 12px;
  color: #909193;
  background-color: #ffffff;
  padding: 1px 4px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-line[data-v-85dc6df8] {
  vertical-align: middle;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-loading-icon[data-v-faa128c3] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #c8c9cc;
}
.u-loading-icon__text[data-v-faa128c3] {
  margin-left: 4px;
  color: #606266;
  font-size: 14px;
  line-height: 20px;
}
.u-loading-icon__spinner[data-v-faa128c3] {
  width: 30px;
  height: 30px;
  position: relative;
  box-sizing: border-box;
  max-width: 100%;
  max-height: 100%;
  animation: u-rotate-faa128c3 1s linear infinite;
}
.u-loading-icon__spinner--semicircle[data-v-faa128c3] {
  border-width: 2px;
  border-color: transparent;
  border-top-right-radius: 100px;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  border-style: solid;
}
.u-loading-icon__spinner--circle[data-v-faa128c3] {
  border-top-right-radius: 100px;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  border-width: 2px;
  border-top-color: #e5e5e5;
  border-right-color: #e5e5e5;
  border-bottom-color: #e5e5e5;
  border-left-color: #e5e5e5;
  border-style: solid;
}
.u-loading-icon--vertical[data-v-faa128c3] {
  flex-direction: column;
}
[data-v-faa128c3]:host {
  font-size: 0px;
  line-height: 1;
}
.u-loading-icon__spinner--spinner[data-v-faa128c3] {
  animation-timing-function: steps(12);
}
.u-loading-icon__text[data-v-faa128c3]:empty {
  display: none;
}
.u-loading-icon--vertical .u-loading-icon__text[data-v-faa128c3] {
  margin: 6px 0 0;
  color: #606266;
}
.u-loading-icon__dot[data-v-faa128c3] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-loading-icon__dot[data-v-faa128c3]:before {
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: currentColor;
  border-radius: 40%;
  content: " ";
}
.u-loading-icon__dot[data-v-faa128c3]:nth-of-type(1) {
  transform: rotate(30deg);
  opacity: 1;
}
.u-loading-icon__dot[data-v-faa128c3]:nth-of-type(2) {
  transform: rotate(60deg);
  opacity: 0.9375;
}
.u-loading-icon__dot[data-v-faa128c3]:nth-of-type(3) {
  transform: rotate(90deg);
  opacity: 0.875;
}
.u-loading-icon__dot[data-v-faa128c3]:nth-of-type(4) {
  transform: rotate(120deg);
  opacity: 0.8125;
}
.u-loading-icon__dot[data-v-faa128c3]:nth-of-type(5) {
  transform: rotate(150deg);
  opacity: 0.75;
}
.u-loading-icon__dot[data-v-faa128c3]:nth-of-type(6) {
  transform: rotate(180deg);
  opacity: 0.6875;
}
.u-loading-icon__dot[data-v-faa128c3]:nth-of-type(7) {
  transform: rotate(210deg);
  opacity: 0.625;
}
.u-loading-icon__dot[data-v-faa128c3]:nth-of-type(8) {
  transform: rotate(240deg);
  opacity: 0.5625;
}
.u-loading-icon__dot[data-v-faa128c3]:nth-of-type(9) {
  transform: rotate(270deg);
  opacity: 0.5;
}
.u-loading-icon__dot[data-v-faa128c3]:nth-of-type(10) {
  transform: rotate(300deg);
  opacity: 0.4375;
}
.u-loading-icon__dot[data-v-faa128c3]:nth-of-type(11) {
  transform: rotate(330deg);
  opacity: 0.375;
}
.u-loading-icon__dot[data-v-faa128c3]:nth-of-type(12) {
  transform: rotate(360deg);
  opacity: 0.3125;
}
@keyframes u-rotate-faa128c3 {
0% {
    transform: rotate(0deg);
}
to {
    transform: rotate(1turn);
}
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-overlay[data-v-768257d0] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-status-bar[data-v-68d19daa] {
  width: 100%;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-safe-bottom[data-v-d9413c99] {
  width: 100%;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-popup[data-v-d7d4e6ab] {
  flex: 1;
}
.u-popup__trigger[data-v-d7d4e6ab] {
  position: relative;
}
.u-popup__trigger__cover[data-v-d7d4e6ab] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.u-popup__content[data-v-d7d4e6ab] {
  background-color: #fff;
  position: relative;
}
.u-popup__content--round-top[data-v-d7d4e6ab] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.u-popup__content--round-left[data-v-d7d4e6ab] {
  border-top-left-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 10px;
}
.u-popup__content--round-right[data-v-d7d4e6ab] {
  border-top-left-radius: 10px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 0;
}
.u-popup__content--round-bottom[data-v-d7d4e6ab] {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.u-popup__content--round-center[data-v-d7d4e6ab] {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.u-popup__content__close[data-v-d7d4e6ab] {
  position: absolute;
}
.u-popup__content__close--hover[data-v-d7d4e6ab] {
  opacity: 0.4;
}
.u-popup__content__close--top-left[data-v-d7d4e6ab] {
  top: 15px;
  left: 15px;
}
.u-popup__content__close--top-right[data-v-d7d4e6ab] {
  top: 15px;
  right: 15px;
}
.u-popup__content__close--bottom-left[data-v-d7d4e6ab] {
  bottom: 15px;
  left: 15px;
}
.u-popup__content__close--bottom-right[data-v-d7d4e6ab] {
  right: 15px;
  bottom: 15px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-reset-button[data-v-3d3b97ab] {
  width: 100%;
}
.u-action-sheet[data-v-3d3b97ab] {
  text-align: center;
}
.u-action-sheet__header[data-v-3d3b97ab] {
  position: relative;
  padding: 12px 30px;
}
.u-action-sheet__header__title[data-v-3d3b97ab] {
  font-size: 16px;
  color: #303133;
  font-weight: bold;
  text-align: center;
}
.u-action-sheet__header__icon-wrap[data-v-3d3b97ab] {
  position: absolute;
  right: 15px;
  top: 15px;
}
.u-action-sheet__description[data-v-3d3b97ab] {
  font-size: 13px;
  color: #909193;
  margin: 18px 15px;
  text-align: center;
}
.u-action-sheet__item-wrap__item[data-v-3d3b97ab] {
  padding: 17px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.u-action-sheet__item-wrap__item__name[data-v-3d3b97ab] {
  font-size: 16px;
  color: #303133;
  text-align: center;
}
.u-action-sheet__item-wrap__item__subname[data-v-3d3b97ab] {
  font-size: 13px;
  color: #c0c4cc;
  margin-top: 10px;
  text-align: center;
}
.u-action-sheet__cancel-text[data-v-3d3b97ab] {
  font-size: 16px;
  color: #606266;
  text-align: center;
}
.u-action-sheet--hover[data-v-3d3b97ab] {
  background-color: rgb(242, 243, 245);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-action-sheet-data__trigger[data-v-d87a5680] {
  position: relative;
}
.u-action-sheet-data__trigger__cover[data-v-d87a5680] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-album[data-v-dd414b21] {
  display: flex;
  flex-direction: column;
}
.u-album__row[data-v-dd414b21] {
  display: flex;
  flex-direction: row;
}
.u-album__row__wrapper[data-v-dd414b21] {
  position: relative;
}
.u-album__row__wrapper__text[data-v-dd414b21] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-alert[data-v-55beac41] {
  position: relative;
  background-color: #3c9cff;
  padding: 8px 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.u-alert--primary--dark[data-v-55beac41] {
  background-color: #3c9cff;
}
.u-alert--primary--light[data-v-55beac41] {
  background-color: #ecf5ff;
}
.u-alert--error--dark[data-v-55beac41] {
  background-color: #f56c6c;
}
.u-alert--error--light[data-v-55beac41] {
  background-color: #FEF0F0;
}
.u-alert--success--dark[data-v-55beac41] {
  background-color: #5ac725;
}
.u-alert--success--light[data-v-55beac41] {
  background-color: #f5fff0;
}
.u-alert--warning--dark[data-v-55beac41] {
  background-color: #f9ae3d;
}
.u-alert--warning--light[data-v-55beac41] {
  background-color: #FDF6EC;
}
.u-alert--info--dark[data-v-55beac41] {
  background-color: #909399;
}
.u-alert--info--light[data-v-55beac41] {
  background-color: #f4f4f5;
}
.u-alert__icon[data-v-55beac41] {
  margin-right: 5px;
}
.u-alert__content[data-v-55beac41] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.u-alert__content__title[data-v-55beac41] {
  color: #303133;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 2px;
}
.u-alert__content__desc[data-v-55beac41] {
  color: #303133;
  font-size: 14px;
  flex-wrap: wrap;
  color: #fff;
}
.u-alert__title--dark[data-v-55beac41], .u-alert__desc--dark[data-v-55beac41] {
  color: #FFFFFF;
}
.u-alert__text--primary--light[data-v-55beac41], .u-alert__text--primary--light[data-v-55beac41] {
  color: #3c9cff;
}
.u-alert__text--success--light[data-v-55beac41], .u-alert__text--success--light[data-v-55beac41] {
  color: #5ac725;
}
.u-alert__text--warning--light[data-v-55beac41], .u-alert__text--warning--light[data-v-55beac41] {
  color: #f9ae3d;
}
.u-alert__text--error--light[data-v-55beac41], .u-alert__text--error--light[data-v-55beac41] {
  color: #f56c6c;
}
.u-alert__text--info--light[data-v-55beac41], .u-alert__text--info--light[data-v-55beac41] {
  color: #909399;
}
.u-alert__close[data-v-55beac41] {
  position: absolute;
  top: 11px;
  right: 10px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-avatar[data-v-9b735995] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.u-avatar--circle[data-v-9b735995] {
  border-radius: 100px;
}
.u-avatar--square[data-v-9b735995] {
  border-radius: 4px;
}
.u-avatar__image--circle[data-v-9b735995] {
  border-radius: 100px;
  overflow: hidden;
}
.u-avatar__image--square[data-v-9b735995] {
  border-radius: 4px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-avatar-group[data-v-66607d5f] {
  display: flex;
  flex-direction: row;
}
.u-avatar-group__item[data-v-66607d5f] {
  margin-left: -10px;
  position: relative;
}
.u-avatar-group__item--no-indent[data-v-66607d5f] {
  margin-left: 0;
}
.u-avatar-group__item__show-more[data-v-66607d5f] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-back-top[data-v-bc994a95] {
  display: flex;
  flex-direction: row;
  flex-direction: column;
  align-items: center;
  flex: 1;
  height: 100%;
  justify-content: center;
  background-color: #E1E1E1;
}
.u-back-top__tips[data-v-bc994a95] {
  font-size: 12px;
  transform: scale(0.8);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-badge[data-v-4434d9cd] {
  border-top-right-radius: 100px;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  display: flex;
  flex-direction: row;
  line-height: 11px;
  text-align: center;
  font-size: 11px;
  color: #FFFFFF;
}
.u-badge--dot[data-v-4434d9cd] {
  height: 8px;
  width: 8px;
}
.u-badge--inverted[data-v-4434d9cd] {
  font-size: 13px;
}
.u-badge--not-dot[data-v-4434d9cd] {
  padding: 2px 5px;
}
.u-badge--horn[data-v-4434d9cd] {
  border-bottom-left-radius: 0;
}
.u-badge--primary[data-v-4434d9cd] {
  background-color: #3c9cff;
}
.u-badge--primary--inverted[data-v-4434d9cd] {
  color: #3c9cff;
}
.u-badge--error[data-v-4434d9cd] {
  background-color: #f56c6c;
}
.u-badge--error--inverted[data-v-4434d9cd] {
  color: #f56c6c;
}
.u-badge--success[data-v-4434d9cd] {
  background-color: #5ac725;
}
.u-badge--success--inverted[data-v-4434d9cd] {
  color: #5ac725;
}
.u-badge--info[data-v-4434d9cd] {
  background-color: #909399;
}
.u-badge--info--inverted[data-v-4434d9cd] {
  color: #909399;
}
.u-badge--warning[data-v-4434d9cd] {
  background-color: #f9ae3d;
}
.u-badge--warning--inverted[data-v-4434d9cd] {
  color: #f9ae3d;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-box[data-v-a1450eb3] {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.u-box__left[data-v-a1450eb3] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.u-box__gap[data-v-a1450eb3] {
  display: flex;
  flex-direction: row;
  flex-direction: column;
}
.u-box__right[data-v-a1450eb3] {
  display: flex;
  flex-direction: row;
  flex-direction: column;
  flex: 1;
}
.u-box__right-top[data-v-a1450eb3] {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
}
.u-box__right-bottom[data-v-a1450eb3] {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-button[data-v-25ad6ea2] {
  width: 100%;
  white-space: nowrap;
}
.u-button__text[data-v-25ad6ea2] {
  white-space: nowrap;
  line-height: 1;
}
.u-button[data-v-25ad6ea2]:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border: inherit;
  border-radius: inherit;
  transform: translate(-50%, -50%);
  opacity: 0;
  content: " ";
  background-color: #000;
  border-color: #000;
}
.u-button--active[data-v-25ad6ea2]:before {
  opacity: 0.15;
}
.u-button__icon + .u-button__text[data-v-25ad6ea2]:not(:empty), .u-button__loading-text[data-v-25ad6ea2] {
  margin-left: 4px;
}
.u-button--plain.u-button--primary[data-v-25ad6ea2] {
  color: #3c9cff;
}
.u-button--plain.u-button--info[data-v-25ad6ea2] {
  color: #909399;
}
.u-button--plain.u-button--success[data-v-25ad6ea2] {
  color: #5ac725;
}
.u-button--plain.u-button--error[data-v-25ad6ea2] {
  color: #f56c6c;
}
.u-button--plain.u-button--warning[data-v-25ad6ea2] {
  color: #f9ae3d;
}
.u-button[data-v-25ad6ea2] {
  height: 40px;
  position: relative;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  flex-direction: row;
}
.u-button__text[data-v-25ad6ea2] {
  font-size: 15px;
}
.u-button__loading-text[data-v-25ad6ea2] {
  font-size: 15px;
  margin-left: 4px;
}
.u-button--large[data-v-25ad6ea2] {
  width: 100%;
  height: 50px;
  padding: 0 15px;
}
.u-button--normal[data-v-25ad6ea2] {
  padding: 0 12px;
  font-size: 14px;
}
.u-button--small[data-v-25ad6ea2] {
  min-width: 60px;
  height: 30px;
  padding: 0px 8px;
  font-size: 12px;
}
.u-button--mini[data-v-25ad6ea2] {
  height: 22px;
  font-size: 10px;
  min-width: 50px;
  padding: 0px 8px;
}
.u-button--disabled[data-v-25ad6ea2] {
  opacity: 0.5;
}
.u-button--info[data-v-25ad6ea2] {
  color: #323233;
  background-color: #fff;
  border-color: #ebedf0;
  border-width: 1px;
  border-style: solid;
}
.u-button--success[data-v-25ad6ea2] {
  color: #fff;
  background-color: #5ac725;
  border-color: #5ac725;
  border-width: 1px;
  border-style: solid;
}
.u-button--primary[data-v-25ad6ea2] {
  color: #fff;
  background-color: #3c9cff;
  border-color: #3c9cff;
  border-width: 1px;
  border-style: solid;
}
.u-button--error[data-v-25ad6ea2] {
  color: #fff;
  background-color: #f56c6c;
  border-color: #f56c6c;
  border-width: 1px;
  border-style: solid;
}
.u-button--warning[data-v-25ad6ea2] {
  color: #fff;
  background-color: #f9ae3d;
  border-color: #f9ae3d;
  border-width: 1px;
  border-style: solid;
}
.u-button--block[data-v-25ad6ea2] {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.u-button--circle[data-v-25ad6ea2] {
  border-top-right-radius: 100px;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
}
.u-button--square[data-v-25ad6ea2] {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.u-button__icon[data-v-25ad6ea2] {
  min-width: 1em;
  line-height: inherit !important;
  vertical-align: top;
}
.u-button--plain[data-v-25ad6ea2] {
  background-color: #fff;
}
.u-button--hairline[data-v-25ad6ea2] {
  border-width: 0.5px !important;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-calendar-header[data-v-dbac11ab] {
  display: flex;
  flex-direction: column;
  padding-bottom: 4px;
}
.u-calendar-header__title[data-v-dbac11ab] {
  font-size: 16px;
  color: #303133;
  text-align: center;
  height: 42px;
  line-height: 42px;
  font-weight: bold;
}
.u-calendar-header__subtitle[data-v-dbac11ab] {
  font-size: 14px;
  color: #303133;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-weight: bold;
}
.u-calendar-header__weekdays[data-v-dbac11ab] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.u-calendar-header__weekdays__weekday[data-v-dbac11ab] {
  font-size: 13px;
  color: #303133;
  line-height: 30px;
  flex: 1;
  text-align: center;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-calendar-month-wrapper[data-v-8a3ea0ad] {
  margin-top: 4px;
}
.u-calendar-month__title[data-v-8a3ea0ad] {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  line-height: 42px;
  height: 42px;
  color: #303133;
  text-align: center;
  font-weight: bold;
}
.u-calendar-month__days[data-v-8a3ea0ad] {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.u-calendar-month__days__month-mark-wrapper[data-v-8a3ea0ad] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.u-calendar-month__days__month-mark-wrapper__text[data-v-8a3ea0ad] {
  font-size: 155px;
  color: rgba(231, 232, 234, 0.83);
}
.u-calendar-month__days__day[data-v-8a3ea0ad] {
  display: flex;
  flex-direction: row;
  padding: 2px;
  width: 14.2857142857%;
  box-sizing: border-box;
}
.u-calendar-month__days__day__select[data-v-8a3ea0ad] {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
}
.u-calendar-month__days__day__select__dot[data-v-8a3ea0ad] {
  width: 7px;
  height: 7px;
  border-radius: 100px;
  background-color: #f56c6c;
  position: absolute;
  top: 12px;
  right: 7px;
}
.u-calendar-month__days__day__select__buttom-info[data-v-8a3ea0ad] {
  color: #606266;
  text-align: center;
  position: absolute;
  bottom: 5px;
  font-size: 10px;
  text-align: center;
  left: 0;
  right: 0;
}
.u-calendar-month__days__day__select__buttom-info--selected[data-v-8a3ea0ad] {
  color: #ffffff;
}
.u-calendar-month__days__day__select__buttom-info--disabled[data-v-8a3ea0ad] {
  color: #cacbcd;
}
.u-calendar-month__days__day__select__info[data-v-8a3ea0ad] {
  text-align: center;
  font-size: 16px;
}
.u-calendar-month__days__day__select__info--selected[data-v-8a3ea0ad] {
  color: #ffffff;
}
.u-calendar-month__days__day__select__info--disabled[data-v-8a3ea0ad] {
  color: #cacbcd;
}
.u-calendar-month__days__day__select--selected[data-v-8a3ea0ad] {
  background-color: #3c9cff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex: 1;
  border-radius: 3px;
}
.u-calendar-month__days__day__select--range-selected[data-v-8a3ea0ad] {
  opacity: 0.3;
  border-radius: 0;
}
.u-calendar-month__days__day__select--range-start-selected[data-v-8a3ea0ad] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.u-calendar-month__days__day__select--range-end-selected[data-v-8a3ea0ad] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-calendar__confirm[data-v-058b45ea] {
  padding: 7px 18px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-keyboard[data-v-2ff65cba] {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  background-color: rgb(224, 228, 230);
  align-items: stretch;
  padding: 6px 0 6px;
}
.u-keyboard__button[data-v-2ff65cba] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex: 1;
}
.u-keyboard__button__inner-wrapper[data-v-2ff65cba] {
  box-shadow: 0 1px 0px #999992;
  margin: 0.25rem 0.15625rem;
  border-radius: 4px;
}
.u-keyboard__button__inner-wrapper__inner[data-v-2ff65cba] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 2rem;
  background-color: #FFFFFF;
  height: 2.5rem;
  border-radius: 4px;
}
.u-keyboard__button__inner-wrapper__inner__text[data-v-2ff65cba] {
  font-size: 16px;
  color: #303133;
}
.u-keyboard__button__inner-wrapper__left[data-v-2ff65cba], .u-keyboard__button__inner-wrapper__right[data-v-2ff65cba] {
  border-radius: 4px;
  width: 4.1875rem;
  height: 2.5rem;
  background-color: #BBBCC6;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-shadow: 0 1px 0px #999992;
}
.u-keyboard__button__inner-wrapper__left__line[data-v-2ff65cba] {
  font-size: 15px;
  color: #303133;
  margin: 0 1px;
}
.u-keyboard__button__inner-wrapper__left__lang[data-v-2ff65cba] {
  font-size: 16px;
  color: #303133;
}
.u-keyboard__button__inner-wrapper__left__lang--active[data-v-2ff65cba] {
  color: #3c9cff;
}
.u-hover-class[data-v-2ff65cba] {
  background-color: #BBBCC6;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-card[data-v-e575afb6] {
  position: relative;
  overflow: hidden;
  font-size: 0.875rem;
  background-color: #ffffff;
  box-sizing: border-box;
}
.u-card-full[data-v-e575afb6] {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100%;
}
.u-card--border[data-v-e575afb6]:after {
  border-radius: 0.5rem;
}
.u-card__head--left[data-v-e575afb6] {
  color: #303133;
}
.u-card__head--left__thumb[data-v-e575afb6] {
  margin-right: 0.5rem;
}
.u-card__head--left__title[data-v-e575afb6] {
  max-width: 12.5rem;
}
.u-card__head--right[data-v-e575afb6] {
  color: #909193;
  margin-left: 0.1875rem;
}
.u-card__body[data-v-e575afb6] {
  color: #606266;
}
.u-card__foot[data-v-e575afb6] {
  color: #909193;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-cate-tab[data-v-5b11366a] {
  display: flex;
  flex-direction: column;
}
.u-cate-tab__wrap[data-v-5b11366a] {
  flex: 1;
  display: flex;
  overflow: hidden;
}
.u-search-inner[data-v-5b11366a] {
  background-color: rgb(234, 234, 234);
  border-radius: 3.125rem;
  display: flex;
  align-items: center;
  padding: 0.3125rem 0.5rem;
}
.u-search-text[data-v-5b11366a] {
  font-size: 0.8125rem;
  color: #909193;
  margin-left: 0.3125rem;
}
.u-cate-tab__view[data-v-5b11366a] {
  width: 6.25rem;
  height: 100%;
}
.u-cate-tab__item[data-v-5b11366a] {
  height: 3.4375rem;
  background: #f6f6f6;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem;
  color: #444;
  font-weight: 400;
  line-height: 1;
}
.u-cate-tab__item-active[data-v-5b11366a] {
  position: relative;
  color: #000;
  font-size: 0.9375rem;
  font-weight: 600;
  background: #fff;
}
.u-cate-tab__item-active[data-v-5b11366a]::before {
  content: "";
  position: absolute;
  border-left: 4px solid #3c9cff;
  height: 1rem;
  left: 0;
  top: 1.21875rem;
}
.u-cate-tab__view[data-v-5b11366a] {
  height: 100%;
}
.u-cate-tab__right-box[data-v-5b11366a] {
  flex: 1;
  background-color: rgb(250, 250, 250);
}
.u-cate-tab__page-view[data-v-5b11366a] {
  padding: 0.5rem;
}
.u-cate-tab__page-item[data-v-5b11366a] {
  margin-bottom: 0.9375rem;
  background-color: #fff;
  padding: 0.5rem;
  border-radius: 0.25rem;
}
.u-cate-tab__page-item[data-v-5b11366a]:last-child {
  min-height: 100vh;
}
.item-title[data-v-5b11366a] {
  font-size: 0.8125rem;
  color: #303133;
  font-weight: bold;
}
.item-menu-name[data-v-5b11366a] {
  font-weight: normal;
  font-size: 0.75rem;
  color: #303133;
}
.item-container[data-v-5b11366a] {
  display: flex;
  flex-wrap: wrap;
}
.thumb-box[data-v-5b11366a] {
  width: 33.333333%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 0.625rem;
}
.item-menu-image[data-v-5b11366a] {
  width: 3.75rem;
  height: 3.75rem;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-cell-group[data-v-30d1a1cf] {
  flex: 1;
}
.u-cell-group__title[data-v-30d1a1cf] {
  padding: 16px 16px 8px;
}
.u-cell-group__title__text[data-v-30d1a1cf] {
  font-size: 15px;
  line-height: 16px;
  color: #303133;
}
.u-cell-group__wrapper[data-v-30d1a1cf] {
  position: relative;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-cell__body[data-v-cee0f9ad] {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  padding: 13px 15px;
  font-size: 15px;
  color: #303133;
  align-items: center;
}
.u-cell__body__content[data-v-cee0f9ad] {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
}
.u-cell__body--large[data-v-cee0f9ad] {
  padding-top: 13px;
  padding-bottom: 13px;
}
.u-cell__left-icon-wrap[data-v-cee0f9ad], .u-cell__right-icon-wrap[data-v-cee0f9ad] {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 16px;
}
.u-cell__left-icon-wrap[data-v-cee0f9ad] {
  margin-right: 4px;
}
.u-cell__right-icon-wrap[data-v-cee0f9ad] {
  margin-left: 4px;
  transition: transform 0.3s;
}
.u-cell__right-icon-wrap--up[data-v-cee0f9ad] {
  transform: rotate(-90deg);
}
.u-cell__right-icon-wrap--down[data-v-cee0f9ad] {
  transform: rotate(90deg);
}
.u-cell__title[data-v-cee0f9ad] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.u-cell__title-text[data-v-cee0f9ad] {
  font-size: 15px;
  line-height: 22px;
  color: #303133;
}
.u-cell__title-text--large[data-v-cee0f9ad] {
  font-size: 16px;
}
.u-cell__label[data-v-cee0f9ad] {
  margin-top: 5px;
  font-size: 12px;
  color: #909193;
  line-height: 18px;
}
.u-cell__label--large[data-v-cee0f9ad] {
  font-size: 14px;
}
.u-cell__value[data-v-cee0f9ad] {
  text-align: right;
  margin-left: auto;
  font-size: 14px;
  line-height: 24px;
  color: #606266;
}
.u-cell__value--large[data-v-cee0f9ad] {
  font-size: 15px;
}
.u-cell--required[data-v-cee0f9ad] {
  overflow: visible;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-cell--required[data-v-cee0f9ad]:before {
  position: absolute;
  content: "*";
  left: -8px;
  margin-top: 0.125rem;
  font-size: 14px;
  color: #f56c6c;
}
.u-cell--clickable[data-v-cee0f9ad] {
  background-color: #f3f4f6;
}
.u-cell--disabled[data-v-cee0f9ad] {
  color: #c8c9cc;
  cursor: not-allowed;
}
.u-cell--center[data-v-cee0f9ad] {
  align-items: center;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-checkbox-group--row[data-v-03f3b515] {
  display: flex;
  flex-flow: row wrap;
}
.u-checkbox-group--column[data-v-03f3b515] {
  display: flex;
  flex-direction: column;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-checkbox[data-v-e879af9f] {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
  margin-top: 5px;
}
.u-checkbox-label--left[data-v-e879af9f] {
  flex-direction: row;
}
.u-checkbox-label--right[data-v-e879af9f] {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.u-checkbox__icon-wrap[data-v-e879af9f] {
  box-sizing: border-box;
  transition-property: border-color, background-color, color;
  transition-duration: 0.2s;
  color: #606266;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: transparent;
  text-align: center;
  margin-right: 6px;
  font-size: 6px;
  border-width: 1px;
  border-color: #c8c9cc;
  border-style: solid;
}
.u-checkbox__icon-wrap--circle[data-v-e879af9f] {
  border-radius: 100%;
}
.u-checkbox__icon-wrap--square[data-v-e879af9f] {
  border-radius: 3px;
}
.u-checkbox__icon-wrap--checked[data-v-e879af9f] {
  color: #fff;
  background-color: red;
  border-color: #2979ff;
}
.u-checkbox__icon-wrap--disabled[data-v-e879af9f] {
  background-color: #ebedf0 !important;
}
.u-checkbox__icon-wrap--disabled--checked[data-v-e879af9f] {
  color: #c8c9cc !important;
}
.u-checkbox__label[data-v-e879af9f] {
  word-wrap: break-word;
  margin-left: 5px;
  margin-right: 12px;
  color: #606266;
  font-size: 15px;
}
.u-checkbox__label--disabled[data-v-e879af9f] {
  color: #c8c9cc;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-circle-progress[data-v-c683071d] {
  display: flex;
  flex-direction: row;
  position: relative;
  border-radius: 100px;
  height: 100px;
  width: 100px;
  background-color: rgb(200, 200, 200);
  overflow: hidden;
  justify-content: space-between;
}
.u-circle-progress__circle[data-v-c683071d] {
  border-radius: 100px;
  height: 90px;
  width: 90px;
  transform: translate(-50%, -50%);
  background-color: rgb(255, 255, 255);
  left: 50px;
  top: 50px;
  position: absolute;
}
.u-circle-progress__left[data-v-c683071d] {
  position: absolute;
  left: 0;
  width: 50px;
  height: 100px;
  overflow: hidden;
  box-sizing: border-box;
}
.u-circle-progress__left__circle[data-v-c683071d] {
  box-sizing: border-box;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-top-color: rgb(66, 185, 131);
  border-right-color: rgb(66, 185, 131);
  border-width: 5px;
  width: 100px;
  height: 100px;
  transform: rotate(225deg);
}
.u-circle-progress__right[data-v-c683071d] {
  position: absolute;
  right: 0;
  width: 50px;
  height: 100px;
  overflow: hidden;
}
.u-circle-progress__right__circle[data-v-c683071d] {
  position: absolute;
  right: 0;
  box-sizing: border-box;
  border-top-color: transparent;
  border-right-color: transparent;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  border-left-color: rgb(200, 200, 200);
  border-bottom-color: rgb(200, 200, 200);
  border-width: 5px;
  width: 100px;
  height: 100px;
  transform: rotate(45deg);
  transform-origin: center center;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-index-anchor[data-v-758c5807] {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 15px;
  z-index: 1;
}
.u-index-anchor--sticky[data-v-758c5807] {
  position: sticky;
  top: 0;
}
.u-index-anchor__text[data-v-758c5807] {
  display: flex;
  flex-direction: row;
  align-items: center;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-index-list__letter[data-v-07ba3c28] {
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 3;
  padding: 0 6px;
  width: 30px;
}
.u-index-list__letter__item[data-v-07ba3c28] {
  width: 16px;
  height: 16px;
  border-radius: 100px;
  margin: 1px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.u-index-list__letter__item--active[data-v-07ba3c28] {
  background-color: #3c9cff;
}
.u-index-list__letter__item__index[data-v-07ba3c28] {
  font-size: 12px;
  text-align: center;
  line-height: 12px;
}
.u-index-list__indicator[data-v-07ba3c28] {
  width: 50px;
  height: 50px;
  border-radius: 100px 100px 0 100px;
  text-align: center;
  color: #ffffff;
  background-color: #c9c9c9;
  transform: rotate(-45deg);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.u-index-list__indicator__text[data-v-07ba3c28] {
  font-size: 28px;
  line-height: 28px;
  font-weight: bold;
  color: #fff;
  transform: rotate(45deg);
  text-align: center;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.list__item[data-v-1fed64bc] {
  padding: 8px 1px;
}
.u-current-city-title[data-v-1fed64bc] {
  color: grey;
  margin-bottom: 5px;
}
.u-current-city-item[data-v-1fed64bc] {
  height: 30px;
}
.hot-city-list[data-v-1fed64bc] {
  display: flex !important;
  flex-direction: row !important;
  padding: 12px 0;
}
.hot-city-list .hot-city-item[data-v-1fed64bc] {
  padding: 6px 12px;
  margin: 5px;
  border: 1px solid #ededed;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-code-input[data-v-5b6480c9] {
  display: flex;
  flex-direction: row;
  position: relative;
  overflow: hidden;
}
.u-code-input__item[data-v-5b6480c9] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}
.u-code-input__item__text[data-v-5b6480c9] {
  font-size: 15px;
  color: #606266;
}
.u-code-input__item__dot[data-v-5b6480c9] {
  width: 7px;
  height: 7px;
  border-radius: 100px;
  background-color: #606266;
}
.u-code-input__item__line[data-v-5b6480c9] {
  position: absolute;
  bottom: 0;
  height: 4px;
  border-radius: 100px;
  width: 40px;
  background-color: #606266;
}
.u-code-input__item__cursor[data-v-5b6480c9] {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 1;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 20px;
  animation: 1s u-cursor-flicker-5b6480c9 infinite;
}
.u-code-input__input[data-v-5b6480c9] {
  position: absolute;
  left: -23.4375rem;
  width: 46.875rem;
  top: 0;
  background-color: transparent;
  text-align: left;
}
@keyframes u-cursor-flicker-5b6480c9 {
0% {
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-col[data-v-a5b5683b] {
  padding: 0;
  box-sizing: border-box;
}
.u-col-0[data-v-a5b5683b] {
  width: 0;
}
.u-col-1[data-v-a5b5683b] {
  width: 8.3333333333%;
}
.u-col-2[data-v-a5b5683b] {
  width: 16.6666666667%;
}
.u-col-3[data-v-a5b5683b] {
  width: 25%;
}
.u-col-4[data-v-a5b5683b] {
  width: 33.3333333333%;
}
.u-col-5[data-v-a5b5683b] {
  width: 41.6666666667%;
}
.u-col-6[data-v-a5b5683b] {
  width: 50%;
}
.u-col-7[data-v-a5b5683b] {
  width: 58.3333333333%;
}
.u-col-8[data-v-a5b5683b] {
  width: 66.6666666667%;
}
.u-col-9[data-v-a5b5683b] {
  width: 75%;
}
.u-col-10[data-v-a5b5683b] {
  width: 83.3333333333%;
}
.u-col-11[data-v-a5b5683b] {
  width: 91.6666666667%;
}
.u-col-12[data-v-a5b5683b] {
  width: 100%;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-collapse-item__content[data-v-035784eb] {
  overflow: hidden;
  height: 0;
}
.u-collapse-item__content__text[data-v-035784eb] {
  padding: 12px 15px;
  color: #606266;
  font-size: 14px;
  line-height: 18px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-notice[data-v-290fd197] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.u-notice__left-icon[data-v-290fd197] {
  align-items: center;
  margin-right: 5px;
}
.u-notice__right-icon[data-v-290fd197] {
  margin-left: 5px;
  align-items: center;
}
.u-notice__swiper[data-v-290fd197] {
  height: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
}
.u-notice__swiper__item[data-v-290fd197] {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
}
.u-notice__swiper__item__text[data-v-290fd197] {
  font-size: 14px;
  color: #f9ae3d;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-count-down__text[data-v-bd11c6ff] {
  color: #606266;
  font-size: 15px;
  line-height: 22px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-count-num[data-v-7fdd8210] {
  display: inline-flex;
  text-align: center;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-toolbar[data-v-3c9ca4d7] {
  height: 42px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.u-toolbar__wrapper__cancel[data-v-3c9ca4d7] {
  color: #909193;
  font-size: 15px;
  padding: 0 15px;
}
.u-toolbar__title[data-v-3c9ca4d7] {
  color: #303133;
  padding: 0 1.875rem;
  font-size: 16px;
  font-weight: bold;
  flex: 1;
  text-align: center;
}
.u-toolbar__wrapper__left[data-v-3c9ca4d7], .u-toolbar__wrapper__right[data-v-3c9ca4d7] {
  display: flex;
  flex-direction: row;
}
.u-toolbar__wrapper__confirm[data-v-3c9ca4d7] {
  color: #3c9cff;
  font-size: 15px;
  padding: 0 15px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-picker[data-v-e88b8266] {
  position: relative;
}
.u-picker-input[data-v-e88b8266] {
  position: relative;
}
.u-picker-input .input-cover[data-v-e88b8266] {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.u-picker__view__column[data-v-e88b8266] {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: center;
}
.u-picker__view__column__item[data-v-e88b8266] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  text-align: center;
  display: block;
  color: #303133;
}
.u-picker__view__column__item--disabled[data-v-e88b8266] {
  cursor: not-allowed;
  opacity: 0.35;
}
.u-picker--loading[data-v-e88b8266] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.87);
  z-index: 1000;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-datetime-picker[data-v-e43e4894] {
  flex: 1;
}
.u-datetime-picker__has-input[data-v-e43e4894] {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.u-datetime-picker__has-input .input-cover[data-v-e43e4894] {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid #eee;
  padding: 0 10px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-divider[data-v-104c4bdd] {
  display: flex;
  flex-direction: row;
  flex-direction: row;
  align-items: center;
  margin: 15px 0;
}
.u-divider__text[data-v-104c4bdd] {
  margin: 0 15px;
}
.u-divider__dot[data-v-104c4bdd] {
  font-size: 12px;
  margin: 0 12px;
  color: #c0c4cc;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-dragsort[data-v-1c28099f] {
  width: 100%;
}
.u-dragsort .u-dragsort-area[data-v-1c28099f] {
  width: 100%;
  position: relative;
}
.u-dragsort .u-dragsort-item[data-v-1c28099f] {
  position: absolute;
  width: 100%;
}
.u-dragsort .u-dragsort-item.dragging[data-v-1c28099f] {
  z-index: 1000;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}
.u-dragsort .u-dragsort-item .u-dragsort-item-content[data-v-1c28099f] {
  padding: 0px;
  text-align: center;
  box-sizing: border-box;
  padding-bottom: 6px;
  border-radius: 0.25rem;
  transition: all 0.3s ease;
}
.u-dragsort.u-dragsort--horizontal .u-dragsort-area[data-v-1c28099f] {
  display: flex;
  white-space: nowrap;
  height: auto;
}
.u-dragsort.u-dragsort--horizontal .u-dragsort-item[data-v-1c28099f] {
  display: flex;
  width: auto;
  height: 100%;
}
.u-dragsort.u-dragsort--all .u-dragsort-area[data-v-1c28099f] {
  height: auto;
}
.u-dragsort.u-dragsort--all .u-dragsort-item[data-v-1c28099f] {
  width: auto;
  height: auto;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-dropdown-item__scroll[data-v-98ee565b] {
  background: #ffffff;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-dropdown[data-v-056b015b] {
  flex: 1;
  width: 100%;
  position: relative;
}
.u-dropdown__menu[data-v-056b015b] {
  display: flex;
  flex-direction: row;
  position: relative;
  z-index: 11;
  height: 2.5rem;
}
.u-dropdown__menu__item[data-v-056b015b] {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.u-dropdown__menu__item .u-flex-row[data-v-056b015b] {
  flex-direction: row;
}
.u-dropdown__menu__item__text[data-v-056b015b] {
  font-size: 0.875rem;
  color: #606266;
}
.u-dropdown__menu__item__arrow[data-v-056b015b] {
  margin-left: 0.1875rem;
  transition: transform 0.3s;
  align-items: center;
  display: flex;
  flex-direction: row;
}
.u-dropdown__menu__item__arrow--rotate[data-v-056b015b] {
  transform: rotate(180deg);
}
.u-dropdown__content[data-v-056b015b] {
  position: absolute;
  z-index: 8;
  width: 100%;
  left: 0px;
  bottom: 0;
  overflow: hidden;
}
.u-dropdown__content__mask[data-v-056b015b] {
  position: absolute;
  z-index: 9;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.u-dropdown__content__popup[data-v-056b015b] {
  position: relative;
  z-index: 10;
  transition: transform 0.3s;
  transform: translate3D(0, -100%, 0);
  overflow: hidden;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-empty[data-v-163e4cdd] {
  display: flex;
  flex-direction: row;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.u-empty__text[data-v-163e4cdd] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 0.625rem;
}
.u-slot-wrap[data-v-163e4cdd] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 0.625rem;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-float-button[data-v-59bdddf7] {
  z-index: 999;
}
.u-float-button .show-list[data-v-59bdddf7] {
  transform: rotate(45deg);
}
.u-float-button__list[data-v-59bdddf7] {
  position: absolute;
  bottom: 0px;
  display: flex;
  flex-direction: column;
}
.u-float-button__list > uni-view[data-v-59bdddf7] {
  margin: 5px 0px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-form-item[data-v-d056e275] {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  color: #303133;
}
.u-form-item__body[data-v-d056e275] {
  display: flex;
  flex-direction: row;
  padding: 10px 0;
}
.u-form-item__body__left[data-v-d056e275] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-form-item__body__left__content[data-v-d056e275] {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-right: 0.3125rem;
  flex: 1;
}
.u-form-item__body__left__content__icon[data-v-d056e275] {
  margin-right: 0.25rem;
}
.u-form-item__body__left__content__required[data-v-d056e275] {
  position: absolute;
  left: -9px;
  color: #f56c6c;
  line-height: 20px;
  font-size: 20px;
  top: 3px;
}
.u-form-item__body__left__content__label[data-v-d056e275] {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
  color: #303133;
  font-size: 15px;
}
.u-form-item__body__right[data-v-d056e275] {
  flex: 1;
}
.u-form-item__body__right__content[data-v-d056e275] {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
}
.u-form-item__body__right__content__slot[data-v-d056e275] {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-form-item__body__right__content__icon[data-v-d056e275] {
  margin-left: 0.3125rem;
  color: #c0c4cc;
  font-size: 0.9375rem;
}
.u-form-item__body__right__message[data-v-d056e275] {
  font-size: 12px;
  line-height: 12px;
  color: #f56c6c;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-grid-item[data-v-bf571c3b] {
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column;
  box-sizing: border-box;
  display: flex;
}
.u-grid-item--hover-class[data-v-bf571c3b] {
  opacity: 0.5;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-grid[data-v-c0dd3e2e] {
  justify-content: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  display: grid !important;
  grid-gap: var(--d7afe724);
  grid-template-columns: repeat(var(--d7b001d0), 1fr);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-keyboard[data-v-2c4138b5] {
  display: flex;
  flex-direction: row;
  flex-direction: row;
  justify-content: space-around;
  background-color: rgb(224, 228, 230);
  flex-wrap: wrap;
  padding: 8px 0.3125rem 8px 0.3125rem;
}
.u-keyboard__button-wrapper[data-v-2c4138b5] {
  box-shadow: 0 2px 0px #BBBCBE;
  margin: 4px 0.1875rem;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.u-keyboard__button-wrapper__button[data-v-2c4138b5] {
  width: 6.9375rem;
  height: 2.8125rem;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.u-keyboard__button-wrapper__button__text[data-v-2c4138b5] {
  font-size: 20px;
  font-weight: 500;
  color: #303133;
}
.u-keyboard__button-wrapper__button--gray[data-v-2c4138b5] {
  background-color: rgb(200, 202, 210);
}
.u-hover-class[data-v-2c4138b5] {
  background-color: #BBBCC6;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-keyboard__tooltip[data-v-daff072b] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: #FFFFFF;
  padding: 14px 12px;
}
.u-keyboard__tooltip__item[data-v-daff072b] {
  color: #333333;
  flex: 1;
  text-align: center;
  font-size: 15px;
}
.u-keyboard__tooltip__submit[data-v-daff072b] {
  text-align: right;
  color: #3c9cff;
}
.u-keyboard__tooltip__cancel[data-v-daff072b] {
  text-align: left;
  color: #888888;
}
.u-keyboard__tooltip__tips[data-v-daff072b] {
  color: #909193;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-wrap[data-v-8acce170] {
  background-color: #eee;
  overflow: hidden;
}
.u-lazy-item[data-v-8acce170] {
  transform: transition3d(0, 0, 0);
  will-change: transform;
  display: block;
  width: 100%;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-line-progress[data-v-2d7db5a2] {
  align-items: stretch;
  position: relative;
  display: flex;
  flex-direction: row;
  flex: 1;
  overflow: hidden;
  border-radius: 100px;
}
.u-line-progress__background[data-v-2d7db5a2] {
  background-color: #ececec;
  border-radius: 100px;
  flex: 1;
}
.u-line-progress__line[data-v-2d7db5a2] {
  position: absolute;
  top: 0;
  bottom: 0;
  align-items: center;
  display: flex;
  flex-direction: row;
  color: #ffffff;
  border-radius: 100px;
  transition: width 0.5s ease;
  justify-content: flex-end;
}
.u-line-progress__text[data-v-2d7db5a2] {
  font-size: 10px;
  align-items: center;
  text-align: right;
  color: #FFFFFF;
  margin-right: 5px;
  transform: scale(0.9);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 *//* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-list[data-v-3fcfd317] {
  display: flex;
  flex-direction: column;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-loading-page[data-v-ca668830] {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.u-loading-page__warpper[data-v-ca668830] {
  margin-top: -150px;
  justify-content: center;
  align-items: center;
  color: rgb(200, 200, 200);
  font-size: 19px;
  display: flex;
  flex-direction: column;
}
.u-loading-page__warpper__loading-icon[data-v-ca668830] {
  margin-bottom: 10px;
}
.u-loading-page__warpper__loading-icon__img[data-v-ca668830] {
  width: 40px;
  height: 40px;
}
.u-loading-page__warpper__text[data-v-ca668830] {
  font-size: 19px;
  color: rgb(200, 200, 200);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-loadmore[data-v-93a27677] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.u-loadmore__content[data-v-93a27677] {
  margin: 0 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.u-loadmore__content__icon-wrap[data-v-93a27677] {
  margin-right: 8px;
}
.u-loadmore__content__text[data-v-93a27677] {
  font-size: 14px;
  color: #606266;
}
.u-loadmore__content__dot-text[data-v-93a27677] {
  font-size: 15px;
  color: #909193;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
@keyframes breathe-8e923d37 {
0% {
    opacity: 0.3;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0.3;
}
}
.u-char-box[data-v-8e923d37] {
  text-align: center;
}
.u-char-flex[data-v-8e923d37] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
}
.u-input[data-v-8e923d37] {
  position: absolute;
  top: 0;
  left: -100%;
  width: 200%;
  height: 100%;
  text-align: left;
  z-index: 9;
  opacity: 0;
  background: none;
}
.u-char-item[data-v-8e923d37] {
  position: relative;
  width: 2.8125rem;
  height: 2.8125rem;
  margin: 0.3125rem 0.3125rem;
  font-size: 1.875rem;
  font-weight: bold;
  color: #303133;
  line-height: 2.8125rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.u-middle-line[data-v-8e923d37] {
  border: none;
}
.u-box[data-v-8e923d37] {
  box-sizing: border-box;
  border: 0.0625rem solid #cccccc;
  border-radius: 0.1875rem;
}
.u-box-active[data-v-8e923d37] {
  overflow: hidden;
  animation-timing-function: ease-in-out;
  animation-duration: 1500ms;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  border: 0.0625rem solid #3c9cff;
}
.u-middle-line-active[data-v-8e923d37] {
  background: #3c9cff;
}
.u-breathe[data-v-8e923d37] {
  animation: breathe-8e923d37 2s infinite ease;
}
.u-placeholder-line[data-v-8e923d37] {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.0625rem;
  height: 1.25rem;
  background: #333333;
  animation: twinkling 1.5s infinite ease;
}
.u-animation-breathe[data-v-8e923d37] {
  animation-name: breathe-8e923d37;
}
.u-dot[data-v-8e923d37] {
  font-size: 1.0625rem;
  line-height: 1.0625rem;
}
.u-middle-line[data-v-8e923d37] {
  height: 4px;
  background: #000000;
  width: 80%;
  position: absolute;
  border-radius: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.u-bottom-line-active[data-v-8e923d37] {
  background: #3c9cff;
}
.u-bottom-line[data-v-8e923d37] {
  height: 4px;
  background: #000000;
  width: 80%;
  position: absolute;
  border-radius: 2px;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-modal[data-v-0e91edbc] {
  width: 20.3125rem;
  border-radius: 6px;
  overflow: hidden;
}
.u-modal__title[data-v-0e91edbc] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  color: #606266;
  text-align: center;
  padding-top: 25px;
}
.u-modal__content[data-v-0e91edbc] {
  padding: 12px 25px 25px 25px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.u-modal__content__text[data-v-0e91edbc] {
  font-size: 15px;
  color: #606266;
  flex: 1;
}
.u-modal__button-group[data-v-0e91edbc] {
  display: flex;
  flex-direction: row;
}
.u-modal__button-group--confirm-button[data-v-0e91edbc] {
  flex-direction: column;
  padding: 0px 25px 15px 25px;
}
.u-modal__button-group__wrapper[data-v-0e91edbc] {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 48px;
}
.u-modal__button-group__wrapper--confirm[data-v-0e91edbc], .u-modal__button-group__wrapper--only-cancel[data-v-0e91edbc] {
  border-bottom-right-radius: 6px;
}
.u-modal__button-group__wrapper--cancel[data-v-0e91edbc], .u-modal__button-group__wrapper--only-confirm[data-v-0e91edbc] {
  border-bottom-left-radius: 6px;
}
.u-modal__button-group__wrapper--hover[data-v-0e91edbc] {
  background-color: #f3f4f6;
}
.u-modal__button-group__wrapper__text[data-v-0e91edbc] {
  color: #606266;
  font-size: 16px;
  text-align: center;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-navbar-mini__inner[data-v-dbd562b7] {
  width: 5.625rem;
  overflow: hidden;
}
.u-navbar-mini--fixed[data-v-dbd562b7] {
  position: fixed;
  left: 20px;
  right: 0;
  top: 10px;
  z-index: 11;
}
.u-navbar-mini__content[data-v-dbd562b7] {
  display: flex;
  flex-direction: row;
  padding: 0 15px;
  border-radius: 20px;
  align-items: center;
  height: 36px;
  background-color: #9acafc;
  position: relative;
  justify-content: space-between;
}
.u-navbar-mini__content__left[data-v-dbd562b7] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-navbar-mini__content__left--hover[data-v-dbd562b7] {
  opacity: 0.7;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-navbar--fixed[data-v-cef041f4] {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 11;
}
.u-navbar__content[data-v-cef041f4] {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 44px;
  background-color: #9acafc;
  position: relative;
  justify-content: center;
}
.u-navbar__content__left[data-v-cef041f4], .u-navbar__content__right[data-v-cef041f4] {
  padding: 0 13px;
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-navbar__content__left[data-v-cef041f4] {
  left: 0;
}
.u-navbar__content__left--hover[data-v-cef041f4] {
  opacity: 0.7;
}
.u-navbar__content__left__text[data-v-cef041f4] {
  font-size: 15px;
  margin-left: 3px;
}
.u-navbar__content__title[data-v-cef041f4] {
  text-align: center;
  font-size: 16px;
  color: #303133;
}
.u-navbar__content__right[data-v-cef041f4] {
  right: 0;
}
.u-navbar__content__right__text[data-v-cef041f4] {
  font-size: 15px;
  margin-left: 3px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-no-network[data-v-4671f466] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: -100px;
}
.u-no-network__tips[data-v-4671f466] {
  color: #909193;
  font-size: 14px;
  margin-top: 15px;
}
.u-no-network__app[data-v-4671f466] {
  display: flex;
  flex-direction: row;
  margin-top: 6px;
}
.u-no-network__app__setting[data-v-4671f466] {
  color: #c0c4cc;
  font-size: 13px;
}
.u-no-network__app__to-setting[data-v-4671f466] {
  font-size: 13px;
  color: #3c9cff;
  margin-left: 3px;
}
.u-no-network__retry[data-v-4671f466] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 15px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-notice[data-v-1474d932] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.u-notice__left-icon[data-v-1474d932] {
  align-items: center;
  margin-right: 5px;
}
.u-notice__right-icon[data-v-1474d932] {
  margin-left: 5px;
  align-items: center;
}
.u-notice__content[data-v-1474d932] {
  text-align: right;
  flex: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
}
.u-notice__content__text[data-v-1474d932] {
  font-size: 14px;
  color: #f9ae3d;
  padding-left: 100%;
  word-break: keep-all;
  white-space: nowrap;
  animation: u-loop-animation-1474d932 10s linear infinite both;
  display: flex;
  flex-direction: row;
}
@keyframes u-loop-animation-1474d932 {
0% {
    transform: translate3d(0, 0, 0);
}
100% {
    transform: translate3d(-100%, 0, 0);
}
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-notice-bar[data-v-f4147772] {
  overflow: hidden;
  padding: 9px 12px;
  flex: 1;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-notify[data-v-ba3dae8c] {
  padding: 8px 10px;
}
.u-notify__warpper[data-v-ba3dae8c] {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.u-notify__warpper__text[data-v-ba3dae8c] {
  font-size: 15px;
  text-align: center;
}
.u-notify--primary[data-v-ba3dae8c] {
  background-color: #3c9cff;
}
.u-notify--success[data-v-ba3dae8c] {
  background-color: #5ac725;
}
.u-notify--error[data-v-ba3dae8c] {
  background-color: #f56c6c;
}
.u-notify--warning[data-v-ba3dae8c] {
  background-color: #f9ae3d;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-number-box[data-v-263210b8] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-number-box__slot[data-v-263210b8] {
  touch-action: none;
}
.u-number-box__plus[data-v-263210b8], .u-number-box__minus[data-v-263210b8] {
  width: 35px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  touch-action: none;
}
.u-number-box__plus--hover[data-v-263210b8], .u-number-box__minus--hover[data-v-263210b8] {
  background-color: #E6E6E6 !important;
}
.u-number-box__plus--disabled[data-v-263210b8], .u-number-box__minus--disabled[data-v-263210b8] {
  color: #c8c9cc;
  background-color: #f7f8fa;
}
.u-number-box__plus[data-v-263210b8] {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.u-number-box__minus[data-v-263210b8] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.u-number-box__input[data-v-263210b8] {
  position: relative;
  text-align: center;
  font-size: 15px;
  padding: 0;
  margin: 0 2px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.u-number-box__input--disabled[data-v-263210b8] {
  color: #c8c9cc;
  background-color: #f2f3f5;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-pagination[data-v-4bbca574] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 14px;
  color: #606266;
}
.u-pagination .u-pagination-total[data-v-4bbca574] {
  margin-right: 10px;
}
.u-pagination .u-pagination-sizes[data-v-4bbca574] {
  margin-right: 10px;
  padding: 4px 4px;
  border: 0.03125rem solid #dcdfe6;
  border-radius: 4px;
}
.u-pagination .u-pagination-btn[data-v-4bbca574] {
  margin: 0 3px;
  padding: 4px 4px;
  border: 0.03125rem solid #dcdfe6;
  border-radius: 4px;
  background-color: #f5f7fa;
}
.u-pagination .u-pagination-btn.disabled[data-v-4bbca574] {
  opacity: 0.5;
}
.u-pagination .u-pagination-item[data-v-4bbca574] {
  margin: 0 2px;
  padding: 4px 8px;
  border-radius: 4px;
}
.u-pagination .u-pagination-item.active[data-v-4bbca574] {
  background-color: #409eff;
  color: white;
}
.u-pagination .u-pagination-jumper[data-v-4bbca574] {
  width: 40px;
  height: 28px;
  margin: 0 5px;
  padding: 0 5px;
  border: 0.03125rem solid #dcdfe6;
  border-radius: 4px;
  font-size: 14px;
}
/* a 标签默认效果 */
._a[data-v-6f8ad06b] {
  padding: 1.5px 0 1.5px 0;
  color: #366092;
  word-break: break-all;
}

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

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

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









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

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


/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-picker-data__trigger[data-v-c8852aab] {
  position: relative;
}
.u-picker-data__trigger__cover[data-v-c8852aab] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-pull-refresh[data-v-bf4a018c] {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.refresh-area[data-v-bf4a018c] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
  transition: height 0.2s ease-out;
}
.refresh-content-wrapper[data-v-bf4a018c] {
  height: 100%;
  transition: transform 0.2s ease-out;
}
.scroll-wrapper[data-v-bf4a018c] {
  height: 100%;
}
.refresh-content[data-v-bf4a018c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-bottom: 10px;
}
.spinner[data-v-bf4a018c] {
  width: 16px;
  height: 16px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #666;
  border-radius: 50%;
  animation: spin-bf4a018c 1s linear infinite;
}
@keyframes spin-bf4a018c {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.refresh-text[data-v-bf4a018c] {
  font-size: 14px;
  color: #666;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-qrcode__loading[data-v-2bebcfb9] {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f7f7f7;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.u-qrcode__content[data-v-2bebcfb9] {
  position: relative;
}
.u-qrcode__content__canvas[data-v-2bebcfb9] {
  position: fixed;
  top: -3124.96875rem;
  left: -3124.96875rem;
  z-index: -99999;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-radio-group[data-v-0490099f] {
  flex: 1;
}
.u-radio-group--row[data-v-0490099f] {
  display: flex;
  flex-flow: row wrap;
}
.u-radio-group--column[data-v-0490099f] {
  display: flex;
  flex-direction: column;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-radio[data-v-84129d84] {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
  margin-top: 5px;
}
.u-radio-label--left[data-v-84129d84] {
  flex-direction: row;
}
.u-radio-label--right[data-v-84129d84] {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.u-radio__icon-wrap[data-v-84129d84] {
  box-sizing: border-box;
  transition-property: border-color, background-color, color;
  transition-duration: 0.2s;
  color: #606266;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: transparent;
  text-align: center;
  margin-right: 6px;
  font-size: 20px;
  border-width: 1px;
  border-color: #c8c9cc;
  border-style: solid;
}
.u-radio__icon-wrap--circle[data-v-84129d84] {
  border-radius: 100%;
}
.u-radio__icon-wrap--square[data-v-84129d84] {
  border-radius: 3px;
}
.u-radio__icon-wrap--checked[data-v-84129d84] {
  color: #fff;
  background-color: red;
  border-color: #2979ff;
}
.u-radio__icon-wrap--disabled[data-v-84129d84] {
  background-color: #ebedf0 !important;
}
.u-radio__icon-wrap--disabled--checked[data-v-84129d84] {
  color: #c8c9cc !important;
}
.u-radio__label[data-v-84129d84] {
  word-wrap: break-word;
  margin-left: 5px;
  margin-right: 12px;
  color: #606266;
  font-size: 15px;
}
.u-radio__label--disabled[data-v-84129d84] {
  color: #c8c9cc;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-rate[data-v-e564b82f] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0;
  padding: 0;
  touch-action: none;
}
.u-rate__content[data-v-e564b82f] {
  display: flex;
  flex-direction: row;
}
.u-rate__content__item[data-v-e564b82f] {
  position: relative;
}
.u-rate__content__item__icon-wrap--half[data-v-e564b82f] {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}
.u-icon[data-v-e564b82f] {
  box-sizing: border-box;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-read-more__content[data-v-6e53aefa] {
  overflow: hidden;
  color: #606266;
  font-size: 15px;
  text-align: left;
}
.u-read-more__toggle[data-v-6e53aefa] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
}
.u-read-more__toggle__text[data-v-6e53aefa] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-virtual-list[data-v-3ad5e4d9] {
  position: relative;
  overflow: hidden;
}
.virtual-scroll-container[data-v-3ad5e4d9] {
  height: 100%;
}
.scroll-content[data-v-3ad5e4d9] {
  position: relative;
}
.list-item[data-v-3ad5e4d9] {
  will-change: transform;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-row[data-v-6210a0b0] {
  display: flex;
  flex-direction: row;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-scroll-list[data-v-1a505ace] {
  padding-bottom: 10px;
}
.u-scroll-list__scroll-view[data-v-1a505ace] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.u-scroll-list__scroll-view__content[data-v-1a505ace] {
  display: flex;
  flex-direction: row;
}
.u-scroll-list__indicator[data-v-1a505ace] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 15px;
}
.u-scroll-list__indicator__line[data-v-1a505ace] {
  width: 60px;
  height: 4px;
  border-radius: 100px;
  overflow: hidden;
}
.u-scroll-list__indicator__line__bar[data-v-1a505ace] {
  width: 20px;
  height: 4px;
  border-radius: 100px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[type=search][data-v-455478fc]::-webkit-search-decoration {
  display: none;
}
.u-search[data-v-455478fc] {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
}
.u-search__content[data-v-455478fc] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 10px;
  flex: 1;
  justify-content: space-between;
  border-width: 1px;
  border-color: transparent;
  border-style: solid;
  overflow: hidden;
}
.u-search__content__icon[data-v-455478fc] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-search__content__label[data-v-455478fc] {
  color: #303133;
  font-size: 14px;
  margin: 0 4px;
}
.u-search__content__close[data-v-455478fc] {
  width: 20px;
  height: 20px;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  background-color: #C6C7CB;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transform: scale(0.82);
}
.u-search__content__input[data-v-455478fc] {
  flex: 1;
  font-size: 14px;
  line-height: 1;
  margin: 0 5px;
  color: #303133;
}
.u-search__content__input--placeholder[data-v-455478fc] {
  color: #909193;
}
.u-search__action[data-v-455478fc] {
  font-size: 14px;
  color: #303133;
  width: 0;
  overflow: hidden;
  transition-property: width;
  transition-duration: 0.3s;
  white-space: nowrap;
  text-align: center;
}
.u-search__action--active[data-v-455478fc] {
  width: 40px;
  margin-left: 5px;
}
.u-search__reverse .u-search__content__icon[data-v-455478fc] {
  order: 3;
}
.u-search__reverse .u-search__content__close[data-v-455478fc] {
  order: 2;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-select__content[data-v-7f1620ec] {
  position: relative;
}
.u-select__content .u-select__label[data-v-7f1620ec] {
  display: flex;
  justify-content: space-between;
}
.u-select__content .u-select__label[data-v-7f1620ec]:hover {
  cursor: pointer;
}
.u-select__content .u-select__text[data-v-7f1620ec] {
  margin-right: 2px;
}
.u-select__content .u-select__options__wrap[data-v-7f1620ec] {
  margin-bottom: 46px;
  position: absolute;
  top: 20px;
  left: 0;
}
.u-select__content .u-select__options[data-v-7f1620ec] {
  min-width: 100px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #f1f1f1;
  background-color: #fff;
}
.u-select__content .u-select__options .u-select__options_item[data-v-7f1620ec] {
  padding: 10px 12px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.u-select__content .u-select__options .u-select__options_item[data-v-7f1620ec]:hover {
  background-color: #f7f7f7;
}
.u-select__content .u-select__options .u-select__options_item[data-v-7f1620ec]:hover {
  cursor: pointer;
}
.u-select__content .u-select__options .u-select__options_item .u-select__item_text[data-v-7f1620ec]:hover {
  cursor: pointer;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-skeleton[data-v-5ce4c7f4] {
  flex: 1;
}
.u-skeleton__wrapper[data-v-5ce4c7f4] {
  display: flex;
  flex-direction: row;
}
.u-skeleton__wrapper__avatar[data-v-5ce4c7f4] {
  background: linear-gradient(90deg, #F1F2F4 25%, #e6e6e6 37%, #F1F2F4 50%);
  background-size: 400% 100%;
  margin-right: 15px;
}
.u-skeleton__wrapper__avatar--circle[data-v-5ce4c7f4] {
  border-radius: 100px;
}
.u-skeleton__wrapper__avatar--square[data-v-5ce4c7f4] {
  border-radius: 4px;
}
.u-skeleton__wrapper__content[data-v-5ce4c7f4] {
  flex: 1;
}
.u-skeleton__wrapper__content__rows[data-v-5ce4c7f4], .u-skeleton__wrapper__content__title[data-v-5ce4c7f4] {
  background: linear-gradient(90deg, #F1F2F4 25%, #e6e6e6 37%, #F1F2F4 50%);
  background-size: 400% 100%;
  border-radius: 3px;
}
.animate[data-v-5ce4c7f4] {
  animation: skeleton-5ce4c7f4 1.8s ease infinite;
}
@keyframes skeleton-5ce4c7f4 {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-slider[data-v-a3e78948] {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-slider__native[data-v-a3e78948] {
  flex: 1;
}
.u-slider-inner[data-v-a3e78948] {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 999px;
  padding: 10px 18px;
  justify-content: center;
}
.u-slider__show-value[data-v-a3e78948] {
  margin: 10px 18px 10px 0px;
}
.u-slider__show-range-value[data-v-a3e78948] {
  padding-top: 2px;
  font-size: 12px;
  line-height: 12px;
  position: absolute;
  bottom: 0;
}
.u-slider__base[data-v-a3e78948] {
  background-color: #ebedf0;
}
.u-slider-inner[data-v-a3e78948]:before {
  position: absolute;
  right: 0;
  left: 0;
  content: "";
  top: -8px;
  bottom: -8px;
  z-index: -1;
}
.u-slider__gap[data-v-a3e78948] {
  position: relative;
  border-radius: 999px;
  transition: width 0.2s;
  background-color: #1989fa;
}
.u-slider__button[data-v-a3e78948] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  background-color: #fff;
  transform: scale(0.9);
  cursor: pointer;
}
.u-slider__button-wrap[data-v-a3e78948] {
  position: absolute;
}
.u-slider--disabled[data-v-a3e78948] {
  opacity: 0.5;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-steps-item[data-v-9769f0c0] {
  flex: 1;
  display: flex;
  flex-direction: row;
}
.u-steps-item--row[data-v-9769f0c0] {
  flex-direction: column;
  align-items: center;
  position: relative;
}
.u-steps-item--column[data-v-9769f0c0] {
  position: relative;
  flex-direction: row;
  justify-content: flex-start;
  padding-bottom: 5px;
}
.u-steps-item__wrapper[data-v-9769f0c0] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #fff;
  border-radius: 50px;
}
.u-steps-item__wrapper--column[data-v-9769f0c0] {
  width: 20px;
  height: 20px;
}
.u-steps-item__wrapper--column--dot[data-v-9769f0c0] {
  height: 20px;
  width: 20px;
}
.u-steps-item__wrapper--row[data-v-9769f0c0] {
  width: 20px;
  height: 20px;
}
.u-steps-item__wrapper--row--dot[data-v-9769f0c0] {
  width: 20px;
  height: 20px;
}
.u-steps-item__wrapper__circle[data-v-9769f0c0] {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  flex-shrink: 0;
  border-radius: 100px;
  border-width: 1px;
  border-color: #909193;
  border-style: solid;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s;
}
.u-steps-item__wrapper__circle__text[data-v-9769f0c0] {
  color: #909193;
  font-size: 11px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 11px;
}
.u-steps-item__wrapper__dot[data-v-9769f0c0] {
  width: 10px;
  height: 10px;
  border-radius: 100px;
  background-color: #606266;
}
.u-steps-item__content[data-v-9769f0c0] {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.u-steps-item__content--row[data-v-9769f0c0] {
  flex-direction: column;
  align-items: center;
}
.u-steps-item__content--column[data-v-9769f0c0] {
  flex-direction: column;
  margin-left: 6px;
}
.u-steps-item__line[data-v-9769f0c0] {
  position: absolute;
  background: #909193;
}
.u-steps-item__line--row[data-v-9769f0c0] {
  top: 10px;
  height: 1px;
}
.u-steps-item__line--column[data-v-9769f0c0] {
  width: 1px;
  left: 10px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-steps[data-v-334eeb4c] {
  display: flex;
  flex-direction: row;
}
.u-steps--column[data-v-334eeb4c] {
  flex-direction: column;
}
.u-steps--row[data-v-334eeb4c] {
  flex-direction: row;
  flex: 1;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 *//* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-subsection[data-v-d8b6d423] {
  display: flex;
  flex-direction: row;
  position: relative;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}
.u-subsection--button[data-v-d8b6d423] {
  height: 34px;
  background-color: rgb(238, 238, 239);
  padding: 3px;
  border-radius: 4px;
  align-items: stretch;
}
.u-subsection--button__bar[data-v-d8b6d423] {
  background-color: #ffffff;
  border-radius: 4px !important;
}
.u-subsection--subsection[data-v-d8b6d423] {
  height: 32px;
}
.u-subsection__bar[data-v-d8b6d423] {
  position: absolute;
  transition-property: transform, color;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.u-subsection__bar--first[data-v-d8b6d423] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.u-subsection__bar--center[data-v-d8b6d423] {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.u-subsection__bar--last[data-v-d8b6d423] {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.u-subsection__item[data-v-d8b6d423] {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  position: relative;
}
.u-subsection__item--no-border-right[data-v-d8b6d423] {
  border-right-width: 0 !important;
}
.u-subsection__item--first[data-v-d8b6d423] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.u-subsection__item--last[data-v-d8b6d423] {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.u-subsection__item__text[data-v-d8b6d423] {
  font-size: 12px;
  line-height: 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
  transition-property: color;
  transition-duration: 0.3s;
}
.item-button--disabled[data-v-d8b6d423] {
  cursor: no-drop;
  color: #BDBDBD !important;
  border-color: #BDBDBD !important;
}
.item-button--disabled uni-text[data-v-d8b6d423] {
  color: #BDBDBD !important;
}
.item-subsection--disabled[data-v-d8b6d423] {
  cursor: no-drop;
  background: #FFFFFF !important;
  color: #BDBDBD !important;
  border-color: #BDBDBD !important;
}
.item-subsection--disabled uni-text[data-v-d8b6d423] {
  color: #BDBDBD !important;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-swipe-action-item[data-v-7277b0bd] {
  position: relative;
  overflow: hidden;
  touch-action: pan-y;
}
.u-swipe-action-item__content[data-v-7277b0bd] {
  transform: translateX(0px);
  background-color: #FFFFFF;
  z-index: 10;
}
.u-swipe-action-item__right[data-v-7277b0bd] {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: row;
}
.u-swipe-action-item__right__button[data-v-7277b0bd] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  overflow: hidden;
  align-items: center;
}
.u-swipe-action-item__right__button__wrapper[data-v-7277b0bd] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
}
.u-swipe-action-item__right__button__wrapper__text[data-v-7277b0bd] {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #FFFFFF;
  font-size: 15px;
  text-align: center;
  justify-content: center;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-swiper-indicator__wrapper[data-v-298bb4bc] {
  display: flex;
  flex-direction: row;
}
.u-swiper-indicator__wrapper--line[data-v-298bb4bc] {
  border-radius: 100px;
  height: 4px;
}
.u-swiper-indicator__wrapper--line__bar[data-v-298bb4bc] {
  width: 22px;
  height: 4px;
  border-radius: 100px;
  background-color: #FFFFFF;
  transition: transform 0.3s;
}
.u-swiper-indicator__wrapper__dot[data-v-298bb4bc] {
  width: 5px;
  height: 5px;
  border-radius: 100px;
  margin: 0 4px;
}
.u-swiper-indicator__wrapper__dot--active[data-v-298bb4bc] {
  width: 12px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-swiper__wrapper[data-v-9421bac9] {
  flex: 1;
}
.u-swiper[data-v-9421bac9] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.u-swiper__wrapper[data-v-9421bac9] {
  flex: 1;
}
.u-swiper__wrapper__item[data-v-9421bac9] {
  flex: 1;
}
.u-swiper__wrapper__item__wrapper[data-v-9421bac9] {
  display: flex;
  flex-direction: row;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s;
  flex: 1;
}
.u-swiper__wrapper__item__wrapper__image[data-v-9421bac9] {
  flex: 1;
}
.u-swiper__wrapper__item__wrapper__video[data-v-9421bac9] {
  flex: 1;
}
.u-swiper__wrapper__item__wrapper__title[data-v-9421bac9] {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 0.875rem;
  padding: 0.375rem 0.75rem;
  color: #FFFFFF;
  flex: 1;
}
.u-swiper__indicator[data-v-9421bac9] {
  position: absolute;
  bottom: 10px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-switch[data-v-b2444374] {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  position: relative;
  background-color: #fff;
  border-width: 1px;
  border-radius: 100px;
  transition: background-color 0.4s;
  border-color: rgba(0, 0, 0, 0.12);
  border-style: solid;
  justify-content: flex-end;
  align-items: center;
  overflow: hidden;
}
.u-switch__node[data-v-b2444374] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background-color: #fff;
  border-radius: 100px;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.25);
  transition-property: transform;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.3, 1.05, 0.4, 1.05);
}
.u-switch__bg[data-v-b2444374] {
  position: absolute;
  border-radius: 100px;
  background-color: #FFFFFF;
  transition-property: transform;
  transition-duration: 0.4s;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  transition-timing-function: ease;
}
.u-switch--disabled[data-v-b2444374] {
  opacity: 0.6;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-tabbar-item[data-v-3b54fcd7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.u-tabbar-item__icon[data-v-3b54fcd7] {
  display: flex;
  flex-direction: row;
  position: relative;
  width: 4.6875rem;
  justify-content: center;
}
.u-tabbar-item__text[data-v-3b54fcd7] {
  margin-top: 2px;
  font-size: 12px;
  color: #606266;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-tabbar[data-v-32e02204] {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
}
.u-tabbar__content[data-v-32e02204] {
  display: flex;
  flex-direction: column;
  background-color: #fff;
}
.u-tabbar__content__item-wrapper[data-v-32e02204] {
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.u-tabbar--fixed[data-v-32e02204] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-table2[data-v-dbe11895] {
  width: auto;
  overflow: auto;
  white-space: nowrap;
}
.u-table2 .u-table-header[data-v-dbe11895] {
  min-width: 100% !important;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #f5f7fa;
}
.u-table2 .u-table-body[data-v-dbe11895] {
  min-width: 100% !important;
  width: -moz-fit-content;
  width: fit-content;
}
.u-table2 .u-table-sticky[data-v-dbe11895] {
  position: sticky;
  top: 0;
  z-index: 10;
}
.u-table2 .u-table-row[data-v-dbe11895] {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 0.03125rem solid #ebeef5;
  overflow: hidden;
}
.u-table2 .u-table-cell[data-v-dbe11895] {
  flex: 1;
  display: flex;
  flex-direction: row;
  padding: 5px 4px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.u-table2 .u-table-fixed-left[data-v-dbe11895] {
  position: sticky;
  left: 0;
  z-index: 9;
}
.u-table2 .u-table-fixed-right[data-v-dbe11895] {
  position: sticky;
  right: 0;
  z-index: 9;
}
.u-table2 .u-table-row-zebra[data-v-dbe11895] {
  background-color: #fafafa;
}
.u-table2 .u-table-row-highlight[data-v-dbe11895] {
  background-color: #f5f7fa;
}
.u-table2 .u-table-empty[data-v-dbe11895] {
  text-align: center;
  padding: 20px;
  color: #999;
}
.u-table2 .u-text-left[data-v-dbe11895] {
  text-align: left;
}
.u-table2 .u-text-center[data-v-dbe11895] {
  text-align: center;
}
.u-table2 .u-text-right[data-v-dbe11895] {
  text-align: right;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-tabs__wrapper[data-v-3a04597d] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-tabs__wrapper__scroll-view-wrapper[data-v-3a04597d] {
  flex: 1;
  overflow: auto hidden;
}
.u-tabs__wrapper__scroll-view[data-v-3a04597d] {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.u-tabs__wrapper__nav[data-v-3a04597d] {
  display: flex;
  flex-direction: row;
  position: relative;
}
.u-tabs__wrapper__nav__item[data-v-3a04597d] {
  padding: 0 11px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.u-tabs__wrapper__nav__item--disabled[data-v-3a04597d] {
  cursor: not-allowed;
}
.u-tabs__wrapper__nav__item__text[data-v-3a04597d] {
  font-size: 15px;
  color: #606266;
  white-space: nowrap !important;
}
.u-tabs__wrapper__nav__item__text--disabled[data-v-3a04597d] {
  color: #c8c9cc !important;
}
.u-tabs__wrapper__nav__line[data-v-3a04597d] {
  height: 3px;
  background: #3c9cff;
  width: 30px;
  position: absolute;
  bottom: 2px;
  border-radius: 100px;
  transition-property: transform;
  transition-duration: 300ms;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-tag-wrapper[data-v-724c084f] {
  position: relative;
}
.u-tag[data-v-724c084f] {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-style: solid;
}
.u-tag--circle[data-v-724c084f] {
  border-radius: 100px;
}
.u-tag--square[data-v-724c084f] {
  border-radius: 3px;
}
.u-tag__icon[data-v-724c084f] {
  margin-right: 4px;
}
.u-tag__text--mini[data-v-724c084f] {
  font-size: 12px;
  line-height: 12px;
}
.u-tag__text--medium[data-v-724c084f] {
  font-size: 13px;
  line-height: 13px;
}
.u-tag__text--large[data-v-724c084f] {
  font-size: 15px;
  line-height: 15px;
}
.u-tag--mini[data-v-724c084f] {
  height: 22px;
  line-height: 22px;
  padding: 0 5px;
}
.u-tag--medium[data-v-724c084f] {
  height: 26px;
  line-height: 22px;
  padding: 0 10px;
}
.u-tag--large[data-v-724c084f] {
  height: 32px;
  line-height: 32px;
  padding: 0 15px;
}
.u-tag--primary[data-v-724c084f] {
  background-color: #3c9cff;
  border-width: 1px;
  border-color: #3c9cff;
}
.u-tag--primary--plain[data-v-724c084f] {
  border-width: 1px;
  border-color: #3c9cff;
}
.u-tag--primary--plain--fill[data-v-724c084f] {
  background-color: #ecf5ff;
}
.u-tag__text--primary[data-v-724c084f] {
  color: #FFFFFF;
}
.u-tag__text--primary--plain[data-v-724c084f] {
  color: #3c9cff;
}
.u-tag--error[data-v-724c084f] {
  background-color: #f56c6c;
  border-width: 1px;
  border-color: #f56c6c;
}
.u-tag--error--plain[data-v-724c084f] {
  border-width: 1px;
  border-color: #f56c6c;
}
.u-tag--error--plain--fill[data-v-724c084f] {
  background-color: #fef0f0;
}
.u-tag__text--error[data-v-724c084f] {
  color: #FFFFFF;
}
.u-tag__text--error--plain[data-v-724c084f] {
  color: #f56c6c;
}
.u-tag--warning[data-v-724c084f] {
  background-color: #f9ae3d;
  border-width: 1px;
  border-color: #f9ae3d;
}
.u-tag--warning--plain[data-v-724c084f] {
  border-width: 1px;
  border-color: #f9ae3d;
}
.u-tag--warning--plain--fill[data-v-724c084f] {
  background-color: #fdf6ec;
}
.u-tag__text--warning[data-v-724c084f] {
  color: #FFFFFF;
}
.u-tag__text--warning--plain[data-v-724c084f] {
  color: #f9ae3d;
}
.u-tag--success[data-v-724c084f] {
  background-color: #5ac725;
  border-width: 1px;
  border-color: #5ac725;
}
.u-tag--success--plain[data-v-724c084f] {
  border-width: 1px;
  border-color: #5ac725;
}
.u-tag--success--plain--fill[data-v-724c084f] {
  background-color: #f5fff0;
}
.u-tag__text--success[data-v-724c084f] {
  color: #FFFFFF;
}
.u-tag__text--success--plain[data-v-724c084f] {
  color: #5ac725;
}
.u-tag--info[data-v-724c084f] {
  background-color: #909399;
  border-width: 1px;
  border-color: #909399;
}
.u-tag--info--plain[data-v-724c084f] {
  border-width: 1px;
  border-color: #909399;
}
.u-tag--info--plain--fill[data-v-724c084f] {
  background-color: #f4f4f5;
}
.u-tag__text--info[data-v-724c084f] {
  color: #FFFFFF;
}
.u-tag__text--info--plain[data-v-724c084f] {
  color: #909399;
}
.u-tag__close[data-v-724c084f] {
  position: absolute;
  z-index: 999;
  top: 10px;
  right: 10px;
  border-radius: 100px;
  background-color: #C6C7CB;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transform: scale(0.6) translate(80%, -80%);
}
.u-tag__close--mini[data-v-724c084f] {
  width: 18px;
  height: 18px;
}
.u-tag__close--medium[data-v-724c084f] {
  width: 22px;
  height: 22px;
}
.u-tag__close--large[data-v-724c084f] {
  width: 25px;
  height: 25px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-td[data-v-98de8bba] {
  display: flex;
  flex-direction: row;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  font-size: 14px;
  color: #606266;
  align-self: stretch;
  box-sizing: border-box;
  height: 100%;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-th[data-v-cd11c63e] {
  display: flex;
  flex-direction: row;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  font-size: 0.875rem;
  color: #303133;
  font-weight: bold;
  background-color: rgb(245, 246, 248);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-title .u-title-prefix[data-v-09c9dbad] {
  width: 4px;
  height: 18px;
  border-radius: 2px;
  background: #3c9cff;
  margin-right: 12px;
  margin-right: 10px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-toast__content[data-v-cd837d83] {
  display: flex;
  flex-direction: row;
  padding: 12px 20px;
  border-radius: 4px;
  background-color: #585858;
  color: #fff;
  align-items: center;
  max-width: 18.75rem;
  position: relative;
}
.u-toast__content--loading[data-v-cd837d83] {
  flex-direction: column;
  padding: 20px 20px;
}
.u-toast__content__text[data-v-cd837d83] {
  color: #fff;
  font-size: 15px;
  line-height: 15px;
}
.u-toast__content__text--default[data-v-cd837d83] {
  color: #fff;
}
.u-toast__content__text--error[data-v-cd837d83] {
  color: #f56c6c;
}
.u-toast__content__text--primary[data-v-cd837d83] {
  color: #3c9cff;
}
.u-toast__content__text--success[data-v-cd837d83] {
  color: #5ac725;
}
.u-toast__content__text--warning[data-v-cd837d83] {
  color: #f9ae3d;
}
.u-type-primary[data-v-cd837d83] {
  color: #3c9cff;
  background-color: #ecf5ff;
  border-color: rgb(215, 234, 254);
  border-width: 1px;
}
.u-type-success[data-v-cd837d83] {
  color: #5ac725;
  background-color: #dbf1e1;
  border-color: #BEF5C8;
  border-width: 1px;
}
.u-type-error[data-v-cd837d83] {
  color: #f56c6c;
  background-color: #fef0f0;
  border-color: #fde2e2;
  border-width: 1px;
}
.u-type-warning[data-v-cd837d83] {
  color: #f9ae3d;
  background-color: #fdf6ec;
  border-color: #faecd8;
  border-width: 1px;
}
.u-type-default[data-v-cd837d83] {
  color: #fff;
  background-color: #585858;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-tooltip[data-v-02fe2929] {
  position: relative;
  display: flex;
  flex-direction: row;
}
.u-tooltip__wrapper[data-v-02fe2929] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  white-space: nowrap;
}
.u-tooltip__wrapper__text[data-v-02fe2929] {
  font-size: 14px;
}
.u-tooltip__wrapper__popup[data-v-02fe2929] {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.u-tooltip__wrapper__popup__list[data-v-02fe2929] {
  background-color: #060607;
  position: relative;
  flex: 1;
  border-radius: 5px;
  padding: 0px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
}
.u-tooltip__wrapper__popup__list__btn[data-v-02fe2929] {
  padding: 11px 13px;
}
.u-tooltip__wrapper__popup__list__btn--hover[data-v-02fe2929] {
  background-color: #58595B;
}
.u-tooltip__wrapper__popup__list__btn__text[data-v-02fe2929] {
  line-height: 12px;
  font-size: 13px;
  color: #FFFFFF;
}
.u-tooltip__wrapper__popup__indicator[data-v-02fe2929] {
  position: absolute;
  background-color: #060607;
  width: 14px;
  height: 14px;
  bottom: -4px;
  transform: rotate(45deg);
  border-radius: 2px;
  z-index: -1;
}
.u-tooltip__wrapper__popup__indicator--hover[data-v-02fe2929] {
  background-color: #58595B;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-tr[data-v-f38d8851] {
  display: flex;
  flex-direction: row;
}
.u-tree-node-content[data-v-03ce30df] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 20px;
}
.u-tree-node-toggle[data-v-03ce30df] {
  margin-right: 5px;
}

.u-tree[data-v-9e52eefc] {
  font-size: 0.875rem;
}
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-upload[data-v-e664e513] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.u-upload__wrap[data-v-e664e513] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1;
}
.u-upload__wrap__preview[data-v-e664e513] {
  border-radius: 2px;
  margin: 0 8px 8px 0;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: row;
}
.u-upload__wrap__preview__image[data-v-e664e513] {
  width: 80px;
  height: 80px;
}
.u-upload__wrap__preview__video[data-v-e664e513], .u-upload__wrap__preview__other[data-v-e664e513] {
  width: 80px;
  height: 80px;
  background-color: rgb(242, 242, 242);
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.u-upload__wrap__preview__video__text[data-v-e664e513], .u-upload__wrap__preview__other__text[data-v-e664e513] {
  font-size: 11px;
  color: #909193;
  margin-top: 2px;
}
.u-upload__wrap__play[data-v-e664e513] {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.u-upload__wrap__play__icon[data-v-e664e513] {
  background: #fff;
  border-radius: 100px;
  opacity: 0.8;
}
.u-upload__deletable[data-v-e664e513] {
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgb(55, 55, 55);
  height: 14px;
  width: 14px;
  display: flex;
  flex-direction: row;
  border-bottom-left-radius: 100px;
  align-items: center;
  justify-content: center;
  z-index: 3;
}
.u-upload__deletable__icon[data-v-e664e513] {
  position: absolute;
  transform: scale(0.7);
  top: 0px;
  right: 0px;
  top: 1px;
  right: 0;
}
.u-upload__success[data-v-e664e513] {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  border-style: solid;
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: #5ac725;
  border-right-color: #5ac725;
  border-width: 9px;
  align-items: center;
  justify-content: center;
}
.u-upload__success__icon[data-v-e664e513] {
  position: absolute;
  transform: scale(0.7);
  bottom: -10px;
  right: -10px;
}
.u-upload__progress[data-v-e664e513] {
  background-color: #3c9cff !important;
  position: absolute;
  bottom: 0;
  left: 0;
}
.u-upload__status[data-v-e664e513] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.u-upload__status__icon[data-v-e664e513] {
  position: relative;
  z-index: 1;
}
.u-upload__status__message[data-v-e664e513] {
  font-size: 12px;
  color: #FFFFFF;
  margin-top: 5px;
}
.u-upload__button[data-v-e664e513] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background-color: rgb(244, 245, 247);
  border-radius: 2px;
  margin: 0 8px 8px 0;
  box-sizing: border-box;
}
.u-upload__button__text[data-v-e664e513] {
  font-size: 11px;
  color: #909193;
  margin-top: 2px;
}
.u-upload__button--hover[data-v-e664e513] {
  background-color: rgb(230, 231, 233);
}
.u-upload__button--disabled[data-v-e664e513] {
  opacity: 0.5;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 *//* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.u-waterfall[data-v-7f6bb4b4] {
  display: flex;
  flex-direction: row;
  flex-direction: row;
  align-items: flex-start;
}
.u-column[data-v-7f6bb4b4] {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}
.u-image[data-v-7f6bb4b4] {
  max-width: 100%;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.loading-syl .loading-content[data-v-e46d65bf] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: var(--05df5f34);
  height: var(--e9aa7af2);
  background-color: #ffffff;
}
@keyframes ldio-x2uulkbinbj-e46d65bf {
0% {
    transform: translate(6.96px, 46.4px) scale(0);
}
25% {
    transform: translate(6.96px, 46.4px) scale(0);
}
50% {
    transform: translate(6.96px, 46.4px) scale(1);
}
75% {
    transform: translate(46.4px, 46.4px) scale(1);
}
100% {
    transform: translate(85.84px, 46.4px) scale(1);
}
}
@keyframes ldio-x2uulkbinbj-r-e46d65bf {
0% {
    transform: translate(85.84px, 46.4px) scale(1);
}
100% {
    transform: translate(85.84px, 46.4px) scale(0);
}
}
@keyframes ldio-x2uulkbinbj-c-e46d65bf {
0% {
    background: #6931fd;
}
25% {
    background: #abbd81;
}
50% {
    background: #f8bb01;
}
75% {
    background: #f47e60;
}
100% {
    background: #6931fd;
}
}
.ldio-x2uulkbinbj div[data-v-e46d65bf] {
  position: absolute;
  width: 23.2px;
  height: 23.2px;
  background: #6931fd;
  border-radius: 50%;
  transform: translate(46.4px, 46.4px) scale(1);
  animation: ldio-x2uulkbinbj-e46d65bf 1.6393442623s infinite cubic-bezier(0, 0.5, 0.5, 1);
}
.ldio-x2uulkbinbj div[data-v-e46d65bf]:nth-child(1) {
  background: #f47e60;
  transform: translate(85.84px, 46.4px) scale(1);
  animation: ldio-x2uulkbinbj-r-e46d65bf 0.4098360656s infinite cubic-bezier(0, 0.5, 0.5, 1),ldio-x2uulkbinbj-c-e46d65bf 1.6393442623s infinite step-start;
}
.ldio-x2uulkbinbj div[data-v-e46d65bf]:nth-child(2) {
  background: #6931fd;
  animation-delay: -0.4098360656s;
}
.ldio-x2uulkbinbj div[data-v-e46d65bf]:nth-child(3) {
  background: #f47e60;
  animation-delay: -0.8196721311s;
}
.ldio-x2uulkbinbj div[data-v-e46d65bf]:nth-child(4) {
  background: #f8bb01;
  animation-delay: -1.2295081967s;
}
.ldio-x2uulkbinbj div[data-v-e46d65bf]:nth-child(5) {
  background: #abbd81;
  animation-delay: -1.6393442623s;
}
.loadingio-spinner-ellipsis-nq4q5u6dq7r[data-v-e46d65bf] {
  display: inline-block;
  width: 116px;
  height: 116px;
  overflow: hidden;
  /* background: #f5f5f5; */
}
.ldio-x2uulkbinbj[data-v-e46d65bf] {
  position: relative;
  width: 100%;
  height: 100%;
  transform: translateZ(0) scale(1);
  transform-origin: 0 0; /* see note above */
  backface-visibility: hidden;
}
.ldio-x2uulkbinbj div[data-v-e46d65bf] {
  box-sizing: content-box;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
@font-face {
  font-family: "wd-icons";
  src: url("https://at.alicdn.com/t/c/font_4245058_s5cpwl25n7o.woff2?t=1696817709651") format("woff2"), url("https://at.alicdn.com/t/c/font_4245058_s5cpwl25n7o.woff?t=1696817709651") format("woff"), url("https://at.alicdn.com/t/c/font_4245058_s5cpwl25n7o.ttf?t=1696817709651") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.wd-icon[data-v-16dab615] {
  display: inline-block;
  font-family: "wd-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.wd-icon--image[data-v-16dab615] {
  width: 1em;
  height: 1em;
}
.wd-icon__image[data-v-16dab615] {
  width: 100%;
  height: 100%;
}
.wd-icon-usergroup-clear[data-v-16dab615]:before {
  content: "\e739";
}
.wd-icon-user-circle[data-v-16dab615]:before {
  content: "\e73a";
}
.wd-icon-user-talk[data-v-16dab615]:before {
  content: "\e73b";
}
.wd-icon-user-clear[data-v-16dab615]:before {
  content: "\e73c";
}
.wd-icon-user[data-v-16dab615]:before {
  content: "\e73d";
}
.wd-icon-usergroup-add[data-v-16dab615]:before {
  content: "\e73e";
}
.wd-icon-usergroup[data-v-16dab615]:before {
  content: "\e73f";
}
.wd-icon-user-add[data-v-16dab615]:before {
  content: "\e740";
}
.wd-icon-user-avatar[data-v-16dab615]:before {
  content: "\e741";
}
.wd-icon-pointing-hand[data-v-16dab615]:before {
  content: "\e742";
}
.wd-icon-cursor[data-v-16dab615]:before {
  content: "\e743";
}
.wd-icon-fullsreen[data-v-16dab615]:before {
  content: "\e72c";
}
.wd-icon-cloud-download[data-v-16dab615]:before {
  content: "\e72d";
}
.wd-icon-chevron-down-rectangle[data-v-16dab615]:before {
  content: "\e72e";
}
.wd-icon-edit[data-v-16dab615]:before {
  content: "\e72f";
}
.wd-icon-fullscreen-exit[data-v-16dab615]:before {
  content: "\e730";
}
.wd-icon-circle1[data-v-16dab615]:before {
  content: "\e731";
}
.wd-icon-close-normal[data-v-16dab615]:before {
  content: "\e732";
}
.wd-icon-browse[data-v-16dab615]:before {
  content: "\e733";
}
.wd-icon-browse-off[data-v-16dab615]:before {
  content: "\e734";
}
.wd-icon-chevron-up-rectangle[data-v-16dab615]:before {
  content: "\e735";
}
.wd-icon-add-rectangle[data-v-16dab615]:before {
  content: "\e736";
}
.wd-icon-add1[data-v-16dab615]:before {
  content: "\e737";
}
.wd-icon-add-circle1[data-v-16dab615]:before {
  content: "\e738";
}
.wd-icon-download1[data-v-16dab615]:before {
  content: "\e71c";
}
.wd-icon-link[data-v-16dab615]:before {
  content: "\e71d";
}
.wd-icon-edit-1[data-v-16dab615]:before {
  content: "\e71e";
}
.wd-icon-jump[data-v-16dab615]:before {
  content: "\e71f";
}
.wd-icon-chevron-down-circle[data-v-16dab615]:before {
  content: "\e720";
}
.wd-icon-delete1[data-v-16dab615]:before {
  content: "\e721";
}
.wd-icon-filter-clear[data-v-16dab615]:before {
  content: "\e722";
}
.wd-icon-check-rectangle-filled[data-v-16dab615]:before {
  content: "\e723";
}
.wd-icon-minus-circle-filled[data-v-16dab615]:before {
  content: "\e724";
}
.wd-icon-play[data-v-16dab615]:before {
  content: "\e725";
}
.wd-icon-pause-circle-filled[data-v-16dab615]:before {
  content: "\e726";
}
.wd-icon-filter1[data-v-16dab615]:before {
  content: "\e727";
}
.wd-icon-move[data-v-16dab615]:before {
  content: "\e728";
}
.wd-icon-login[data-v-16dab615]:before {
  content: "\e729";
}
.wd-icon-minus-circle[data-v-16dab615]:before {
  content: "\e72a";
}
.wd-icon-close-circle[data-v-16dab615]:before {
  content: "\e72b";
}
.wd-icon-logout[data-v-16dab615]:before {
  content: "\e70b";
}
.wd-icon-search1[data-v-16dab615]:before {
  content: "\e70c";
}
.wd-icon-pause-circle[data-v-16dab615]:before {
  content: "\e70d";
}
.wd-icon-play-circle[data-v-16dab615]:before {
  content: "\e70e";
}
.wd-icon-more1[data-v-16dab615]:before {
  content: "\e70f";
}
.wd-icon-minus-rectangle[data-v-16dab615]:before {
  content: "\e710";
}
.wd-icon-stop[data-v-16dab615]:before {
  content: "\e711";
}
.wd-icon-scan1[data-v-16dab615]:before {
  content: "\e712";
}
.wd-icon-close-rectangle[data-v-16dab615]:before {
  content: "\e713";
}
.wd-icon-rollback[data-v-16dab615]:before {
  content: "\e714";
}
.wd-icon-a-order-adjustmentcolumn[data-v-16dab615]:before {
  content: "\e715";
}
.wd-icon-pause[data-v-16dab615]:before {
  content: "\e716";
}
.wd-icon-ellipsis[data-v-16dab615]:before {
  content: "\e717";
}
.wd-icon-cloud-upload[data-v-16dab615]:before {
  content: "\e718";
}
.wd-icon-stop-circle-filled[data-v-16dab615]:before {
  content: "\e719";
}
.wd-icon-clear[data-v-16dab615]:before {
  content: "\e71a";
}
.wd-icon-remove[data-v-16dab615]:before {
  content: "\e71b";
}
.wd-icon-zoom-out[data-v-16dab615]:before {
  content: "\e6fb";
}
.wd-icon-thumb-down[data-v-16dab615]:before {
  content: "\e6fc";
}
.wd-icon-setting1[data-v-16dab615]:before {
  content: "\e6fd";
}
.wd-icon-save[data-v-16dab615]:before {
  content: "\e6fe";
}
.wd-icon-unfold-more[data-v-16dab615]:before {
  content: "\e6ff";
}
.wd-icon-zoom-in[data-v-16dab615]:before {
  content: "\e700";
}
.wd-icon-thumb-up[data-v-16dab615]:before {
  content: "\e701";
}
.wd-icon-unfold-less[data-v-16dab615]:before {
  content: "\e702";
}
.wd-icon-play-circle-filled[data-v-16dab615]:before {
  content: "\e703";
}
.wd-icon-poweroff[data-v-16dab615]:before {
  content: "\e704";
}
.wd-icon-share[data-v-16dab615]:before {
  content: "\e705";
}
.wd-icon-refresh1[data-v-16dab615]:before {
  content: "\e706";
}
.wd-icon-link-unlink[data-v-16dab615]:before {
  content: "\e707";
}
.wd-icon-upload[data-v-16dab615]:before {
  content: "\e708";
}
.wd-icon-rectangle[data-v-16dab615]:before {
  content: "\e709";
}
.wd-icon-stop-circle[data-v-16dab615]:before {
  content: "\e70a";
}
.wd-icon-backtop-rectangle[data-v-16dab615]:before {
  content: "\e6ea";
}
.wd-icon-caret-down[data-v-16dab615]:before {
  content: "\e6eb";
}
.wd-icon-arrow-left1[data-v-16dab615]:before {
  content: "\e6ec";
}
.wd-icon-help-circle[data-v-16dab615]:before {
  content: "\e6ed";
}
.wd-icon-help-circle-filled[data-v-16dab615]:before {
  content: "\e6ee";
}
.wd-icon-time-filled[data-v-16dab615]:before {
  content: "\e6ef";
}
.wd-icon-close-circle-filled[data-v-16dab615]:before {
  content: "\e6f0";
}
.wd-icon-info-circle[data-v-16dab615]:before {
  content: "\e6f1";
}
.wd-icon-info-circle-filled[data-v-16dab615]:before {
  content: "\e6f2";
}
.wd-icon-check1[data-v-16dab615]:before {
  content: "\e6f3";
}
.wd-icon-help[data-v-16dab615]:before {
  content: "\e6f4";
}
.wd-icon-error[data-v-16dab615]:before {
  content: "\e6f5";
}
.wd-icon-check-circle[data-v-16dab615]:before {
  content: "\e6f6";
}
.wd-icon-error-circle-filled[data-v-16dab615]:before {
  content: "\e6f7";
}
.wd-icon-error-circle[data-v-16dab615]:before {
  content: "\e6f8";
}
.wd-icon-check-rectangle[data-v-16dab615]:before {
  content: "\e6f9";
}
.wd-icon-check-circle-filled[data-v-16dab615]:before {
  content: "\e6fa";
}
.wd-icon-chevron-up[data-v-16dab615]:before {
  content: "\e6da";
}
.wd-icon-chevron-up-circle[data-v-16dab615]:before {
  content: "\e6db";
}
.wd-icon-chevron-right[data-v-16dab615]:before {
  content: "\e6dc";
}
.wd-icon-arrow-down-rectangle[data-v-16dab615]:before {
  content: "\e6dd";
}
.wd-icon-caret-up-small[data-v-16dab615]:before {
  content: "\e6de";
}
.wd-icon-chevron-right-rectangle[data-v-16dab615]:before {
  content: "\e6df";
}
.wd-icon-caret-right-small[data-v-16dab615]:before {
  content: "\e6e0";
}
.wd-icon-arrow-right1[data-v-16dab615]:before {
  content: "\e6e1";
}
.wd-icon-backtop[data-v-16dab615]:before {
  content: "\e6e2";
}
.wd-icon-arrow-up1[data-v-16dab615]:before {
  content: "\e6e3";
}
.wd-icon-caret-up[data-v-16dab615]:before {
  content: "\e6e4";
}
.wd-icon-backward[data-v-16dab615]:before {
  content: "\e6e5";
}
.wd-icon-arrow-down1[data-v-16dab615]:before {
  content: "\e6e6";
}
.wd-icon-chevron-left[data-v-16dab615]:before {
  content: "\e6e7";
}
.wd-icon-caret-right[data-v-16dab615]:before {
  content: "\e6e8";
}
.wd-icon-caret-left[data-v-16dab615]:before {
  content: "\e6e9";
}
.wd-icon-page-last[data-v-16dab615]:before {
  content: "\e6c9";
}
.wd-icon-next[data-v-16dab615]:before {
  content: "\e6ca";
}
.wd-icon-swap[data-v-16dab615]:before {
  content: "\e6cb";
}
.wd-icon-round[data-v-16dab615]:before {
  content: "\e6cc";
}
.wd-icon-previous[data-v-16dab615]:before {
  content: "\e6cd";
}
.wd-icon-enter[data-v-16dab615]:before {
  content: "\e6ce";
}
.wd-icon-chevron-down[data-v-16dab615]:before {
  content: "\e6cf";
}
.wd-icon-caret-down-small[data-v-16dab615]:before {
  content: "\e6d0";
}
.wd-icon-swap-right[data-v-16dab615]:before {
  content: "\e6d1";
}
.wd-icon-chevron-left-circle[data-v-16dab615]:before {
  content: "\e6d2";
}
.wd-icon-caret-left-small[data-v-16dab615]:before {
  content: "\e6d3";
}
.wd-icon-chevron-right-circle[data-v-16dab615]:before {
  content: "\e6d4";
}
.wd-icon-a-chevron-leftdouble[data-v-16dab615]:before {
  content: "\e6d5";
}
.wd-icon-chevron-left-rectangle[data-v-16dab615]:before {
  content: "\e6d6";
}
.wd-icon-a-chevron-rightdouble[data-v-16dab615]:before {
  content: "\e6d7";
}
.wd-icon-page-first[data-v-16dab615]:before {
  content: "\e6d8";
}
.wd-icon-forward[data-v-16dab615]:before {
  content: "\e6d9";
}
.wd-icon-view-column[data-v-16dab615]:before {
  content: "\e6b9";
}
.wd-icon-view-module[data-v-16dab615]:before {
  content: "\e6ba";
}
.wd-icon-format-vertical-align-right[data-v-16dab615]:before {
  content: "\e6bb";
}
.wd-icon-view-list[data-v-16dab615]:before {
  content: "\e6bc";
}
.wd-icon-order-descending[data-v-16dab615]:before {
  content: "\e6bd";
}
.wd-icon-format-horizontal-align-bottom[data-v-16dab615]:before {
  content: "\e6be";
}
.wd-icon-queue[data-v-16dab615]:before {
  content: "\e6bf";
}
.wd-icon-menu-fold[data-v-16dab615]:before {
  content: "\e6c0";
}
.wd-icon-menu-unfold[data-v-16dab615]:before {
  content: "\e6c1";
}
.wd-icon-format-horizontal-align-top[data-v-16dab615]:before {
  content: "\e6c2";
}
.wd-icon-a-rootlist[data-v-16dab615]:before {
  content: "\e6c3";
}
.wd-icon-order-ascending[data-v-16dab615]:before {
  content: "\e6c4";
}
.wd-icon-format-vertical-align-left[data-v-16dab615]:before {
  content: "\e6c5";
}
.wd-icon-format-horizontal-align-center[data-v-16dab615]:before {
  content: "\e6c6";
}
.wd-icon-format-vertical-align-center[data-v-16dab615]:before {
  content: "\e6c7";
}
.wd-icon-swap-left[data-v-16dab615]:before {
  content: "\e6c8";
}
.wd-icon-flag[data-v-16dab615]:before {
  content: "\e6aa";
}
.wd-icon-code[data-v-16dab615]:before {
  content: "\e6ab";
}
.wd-icon-cart[data-v-16dab615]:before {
  content: "\e6ac";
}
.wd-icon-attach[data-v-16dab615]:before {
  content: "\e6ad";
}
.wd-icon-chart[data-v-16dab615]:before {
  content: "\e6ae";
}
.wd-icon-creditcard[data-v-16dab615]:before {
  content: "\e6af";
}
.wd-icon-calendar[data-v-16dab615]:before {
  content: "\e6b0";
}
.wd-icon-app[data-v-16dab615]:before {
  content: "\e6b1";
}
.wd-icon-books[data-v-16dab615]:before {
  content: "\e6b2";
}
.wd-icon-barcode[data-v-16dab615]:before {
  content: "\e6b3";
}
.wd-icon-chart-pie[data-v-16dab615]:before {
  content: "\e6b4";
}
.wd-icon-chart-bar[data-v-16dab615]:before {
  content: "\e6b5";
}
.wd-icon-chart-bubble[data-v-16dab615]:before {
  content: "\e6b6";
}
.wd-icon-bulletpoint[data-v-16dab615]:before {
  content: "\e6b7";
}
.wd-icon-bianjiliebiao[data-v-16dab615]:before {
  content: "\e6b8";
}
.wd-icon-image[data-v-16dab615]:before {
  content: "\e69a";
}
.wd-icon-laptop[data-v-16dab615]:before {
  content: "\e69b";
}
.wd-icon-hourglass[data-v-16dab615]:before {
  content: "\e69c";
}
.wd-icon-call[data-v-16dab615]:before {
  content: "\e69d";
}
.wd-icon-mobile-vibrate[data-v-16dab615]:before {
  content: "\e69e";
}
.wd-icon-mail[data-v-16dab615]:before {
  content: "\e69f";
}
.wd-icon-notification-filled[data-v-16dab615]:before {
  content: "\e6a0";
}
.wd-icon-desktop[data-v-16dab615]:before {
  content: "\e6a1";
}
.wd-icon-history[data-v-16dab615]:before {
  content: "\e6a2";
}
.wd-icon-discount-filled[data-v-16dab615]:before {
  content: "\e6a3";
}
.wd-icon-dashboard[data-v-16dab615]:before {
  content: "\e6a4";
}
.wd-icon-discount[data-v-16dab615]:before {
  content: "\e6a5";
}
.wd-icon-heart-filled[data-v-16dab615]:before {
  content: "\e6a6";
}
.wd-icon-chat1[data-v-16dab615]:before {
  content: "\e6a7";
}
.wd-icon-a-controlplatform[data-v-16dab615]:before {
  content: "\e6a8";
}
.wd-icon-gift[data-v-16dab615]:before {
  content: "\e6a9";
}
.wd-icon-photo[data-v-16dab615]:before {
  content: "\e692";
}
.wd-icon-play-circle-stroke[data-v-16dab615]:before {
  content: "\e693";
}
.wd-icon-notification[data-v-16dab615]:before {
  content: "\e694";
}
.wd-icon-cloud[data-v-16dab615]:before {
  content: "\e695";
}
.wd-icon-gender-female[data-v-16dab615]:before {
  content: "\e696";
}
.wd-icon-fork[data-v-16dab615]:before {
  content: "\e697";
}
.wd-icon-layers[data-v-16dab615]:before {
  content: "\e698";
}
.wd-icon-lock-off[data-v-16dab615]:before {
  content: "\e699";
}
.wd-icon-location[data-v-16dab615]:before {
  content: "\e68a";
}
.wd-icon-mobile[data-v-16dab615]:before {
  content: "\e68b";
}
.wd-icon-qrcode[data-v-16dab615]:before {
  content: "\e68c";
}
.wd-icon-home1[data-v-16dab615]:before {
  content: "\e68d";
}
.wd-icon-time[data-v-16dab615]:before {
  content: "\e68e";
}
.wd-icon-heart[data-v-16dab615]:before {
  content: "\e68f";
}
.wd-icon-lock-on[data-v-16dab615]:before {
  content: "\e690";
}
.wd-icon-print[data-v-16dab615]:before {
  content: "\e691";
}
.wd-icon-slash[data-v-16dab615]:before {
  content: "\e67a";
}
.wd-icon-usb[data-v-16dab615]:before {
  content: "\e67b";
}
.wd-icon-tools[data-v-16dab615]:before {
  content: "\e67c";
}
.wd-icon-wifi[data-v-16dab615]:before {
  content: "\e67d";
}
.wd-icon-star-filled[data-v-16dab615]:before {
  content: "\e67e";
}
.wd-icon-server[data-v-16dab615]:before {
  content: "\e67f";
}
.wd-icon-sound[data-v-16dab615]:before {
  content: "\e680";
}
.wd-icon-a-precisemonitor[data-v-16dab615]:before {
  content: "\e681";
}
.wd-icon-service[data-v-16dab615]:before {
  content: "\e682";
}
.wd-icon-tips[data-v-16dab615]:before {
  content: "\e683";
}
.wd-icon-pin[data-v-16dab615]:before {
  content: "\e684";
}
.wd-icon-secured[data-v-16dab615]:before {
  content: "\e685";
}
.wd-icon-star[data-v-16dab615]:before {
  content: "\e686";
}
.wd-icon-gender-male[data-v-16dab615]:before {
  content: "\e687";
}
.wd-icon-shop[data-v-16dab615]:before {
  content: "\e688";
}
.wd-icon-money-circle[data-v-16dab615]:before {
  content: "\e689";
}
.wd-icon-file-word[data-v-16dab615]:before {
  content: "\e66a";
}
.wd-icon-file-unknown[data-v-16dab615]:before {
  content: "\e66b";
}
.wd-icon-folder-open[data-v-16dab615]:before {
  content: "\e66c";
}
.wd-icon-file-pdf[data-v-16dab615]:before {
  content: "\e66d";
}
.wd-icon-folder[data-v-16dab615]:before {
  content: "\e66e";
}
.wd-icon-folder-add[data-v-16dab615]:before {
  content: "\e66f";
}
.wd-icon-file[data-v-16dab615]:before {
  content: "\e670";
}
.wd-icon-file-image[data-v-16dab615]:before {
  content: "\e671";
}
.wd-icon-file-powerpoint[data-v-16dab615]:before {
  content: "\e672";
}
.wd-icon-file-add[data-v-16dab615]:before {
  content: "\e673";
}
.wd-icon-file-icon[data-v-16dab615]:before {
  content: "\e674";
}
.wd-icon-file-paste[data-v-16dab615]:before {
  content: "\e675";
}
.wd-icon-file-excel[data-v-16dab615]:before {
  content: "\e676";
}
.wd-icon-file-copy[data-v-16dab615]:before {
  content: "\e677";
}
.wd-icon-video1[data-v-16dab615]:before {
  content: "\e678";
}
.wd-icon-wallet[data-v-16dab615]:before {
  content: "\e679";
}
.wd-icon-ie[data-v-16dab615]:before {
  content: "\e65d";
}
.wd-icon-logo-codepen[data-v-16dab615]:before {
  content: "\e65e";
}
.wd-icon-github-filled[data-v-16dab615]:before {
  content: "\e65f";
}
.wd-icon-ie-filled[data-v-16dab615]:before {
  content: "\e660";
}
.wd-icon-apple[data-v-16dab615]:before {
  content: "\e661";
}
.wd-icon-windows-filled[data-v-16dab615]:before {
  content: "\e662";
}
.wd-icon-internet[data-v-16dab615]:before {
  content: "\e663";
}
.wd-icon-github[data-v-16dab615]:before {
  content: "\e664";
}
.wd-icon-windows[data-v-16dab615]:before {
  content: "\e665";
}
.wd-icon-apple-filled[data-v-16dab615]:before {
  content: "\e666";
}
.wd-icon-chrome-filled[data-v-16dab615]:before {
  content: "\e667";
}
.wd-icon-chrome[data-v-16dab615]:before {
  content: "\e668";
}
.wd-icon-android[data-v-16dab615]:before {
  content: "\e669";
}
.wd-icon-edit-outline[data-v-16dab615]:before {
  content: "\e64a";
}
.wd-icon-detection[data-v-16dab615]:before {
  content: "\e64b";
}
.wd-icon-check-outline[data-v-16dab615]:before {
  content: "\e64c";
}
.wd-icon-close[data-v-16dab615]:before {
  content: "\e64d";
}
.wd-icon-check[data-v-16dab615]:before {
  content: "\e64e";
}
.wd-icon-arrow-left[data-v-16dab615]:before {
  content: "\e64f";
}
.wd-icon-computer[data-v-16dab615]:before {
  content: "\e650";
}
.wd-icon-clock[data-v-16dab615]:before {
  content: "\e651";
}
.wd-icon-check-bold[data-v-16dab615]:before {
  content: "\e652";
}
.wd-icon-bags[data-v-16dab615]:before {
  content: "\e653";
}
.wd-icon-arrow-down[data-v-16dab615]:before {
  content: "\e654";
}
.wd-icon-arrow-right[data-v-16dab615]:before {
  content: "\e655";
}
.wd-icon-circle[data-v-16dab615]:before {
  content: "\e656";
}
.wd-icon-arrow-thin-down[data-v-16dab615]:before {
  content: "\e657";
}
.wd-icon-camera[data-v-16dab615]:before {
  content: "\e658";
}
.wd-icon-close-bold[data-v-16dab615]:before {
  content: "\e659";
}
.wd-icon-add-circle[data-v-16dab615]:before {
  content: "\e65a";
}
.wd-icon-arrow-thin-up[data-v-16dab615]:before {
  content: "\e65b";
}
.wd-icon-add[data-v-16dab615]:before {
  content: "\e65c";
}
.wd-icon-keyboard-delete[data-v-16dab615]:before {
  content: "\e634";
}
.wd-icon-transfer[data-v-16dab615]:before {
  content: "\e635";
}
.wd-icon-eye-close[data-v-16dab615]:before {
  content: "\e61f";
}
.wd-icon-delete[data-v-16dab615]:before {
  content: "\e61e";
}
.wd-icon-download[data-v-16dab615]:before {
  content: "\e636";
}
.wd-icon-picture[data-v-16dab615]:before {
  content: "\e637";
}
.wd-icon-refresh[data-v-16dab615]:before {
  content: "\e638";
}
.wd-icon-read[data-v-16dab615]:before {
  content: "\e639";
}
.wd-icon-note[data-v-16dab615]:before {
  content: "\e63a";
}
.wd-icon-phone[data-v-16dab615]:before {
  content: "\e63b";
}
.wd-icon-lenovo[data-v-16dab615]:before {
  content: "\e63c";
}
.wd-icon-home[data-v-16dab615]:before {
  content: "\e63d";
}
.wd-icon-search[data-v-16dab615]:before {
  content: "\e63e";
}
.wd-icon-fill-camera[data-v-16dab615]:before {
  content: "\e63f";
}
.wd-icon-fill-arrow-down[data-v-16dab615]:before {
  content: "\e640";
}
.wd-icon-arrow-up[data-v-16dab615]:before {
  content: "\e61d";
}
.wd-icon-delete-thin[data-v-16dab615]:before {
  content: "\e641";
}
.wd-icon-filter[data-v-16dab615]:before {
  content: "\e642";
}
.wd-icon-evaluation[data-v-16dab615]:before {
  content: "\e643";
}
.wd-icon-close-outline[data-v-16dab615]:before {
  content: "\e644";
}
.wd-icon-dong[data-v-16dab615]:before {
  content: "\e645";
}
.wd-icon-error-fill[data-v-16dab615]:before {
  content: "\e646";
}
.wd-icon-chat[data-v-16dab615]:before {
  content: "\e647";
}
.wd-icon-decrease[data-v-16dab615]:before {
  content: "\e648";
}
.wd-icon-copy[data-v-16dab615]:before {
  content: "\e649";
}
.wd-icon-setting[data-v-16dab615]:before {
  content: "\e621";
}
.wd-icon-subscribe[data-v-16dab615]:before {
  content: "\e622";
}
.wd-icon-jdm[data-v-16dab615]:before {
  content: "\e620";
}
.wd-icon-spool[data-v-16dab615]:before {
  content: "\e623";
}
.wd-icon-warning[data-v-16dab615]:before {
  content: "\e624";
}
.wd-icon-wifi-error[data-v-16dab615]:before {
  content: "\e625";
}
.wd-icon-star-on[data-v-16dab615]:before {
  content: "\e626";
}
.wd-icon-rotate[data-v-16dab615]:before {
  content: "\e627";
}
.wd-icon-translate-bold[data-v-16dab615]:before {
  content: "\e628";
}
.wd-icon-keyboard-collapse[data-v-16dab615]:before {
  content: "\e629";
}
.wd-icon-keywords[data-v-16dab615]:before {
  content: "\e62a";
}
.wd-icon-scan[data-v-16dab615]:before {
  content: "\e62b";
}
.wd-icon-view[data-v-16dab615]:before {
  content: "\e62c";
}
.wd-icon-phone-compute[data-v-16dab615]:before {
  content: "\e62d";
}
.wd-icon-video[data-v-16dab615]:before {
  content: "\e62e";
}
.wd-icon-thin-arrow-left[data-v-16dab615]:before {
  content: "\e62f";
}
.wd-icon-goods[data-v-16dab615]:before {
  content: "\e630";
}
.wd-icon-list[data-v-16dab615]:before {
  content: "\e631";
}
.wd-icon-warn-bold[data-v-16dab615]:before {
  content: "\e632";
}
.wd-icon-more[data-v-16dab615]:before {
  content: "\e633";
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
.wot-theme-dark .wd-button.is-info[data-v-7f9ef195] {
  background: var(--wot-dark-background4, #323233);
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
}
.wot-theme-dark .wd-button.is-plain[data-v-7f9ef195] {
  background: transparent;
}
.wot-theme-dark .wd-button.is-plain.is-info[data-v-7f9ef195] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-button.is-plain.is-info[data-v-7f9ef195]::after {
  border-color: var(--wot-dark-background5, #646566);
}
.wot-theme-dark .wd-button.is-text.is-disabled[data-v-7f9ef195] {
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
  background: transparent;
}
.wot-theme-dark .wd-button.is-icon[data-v-7f9ef195] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-button.is-icon.is-disabled[data-v-7f9ef195] {
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
  background: transparent;
}
.wd-button[data-v-7f9ef195] {
  position: relative;
  display: inline-block;
  outline: none;
  -webkit-appearance: none;
  outline: none;
  background: transparent;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  color: var(--wot-button-normal-color, var(--wot-color-title, var(--wot-color-black, rgb(0, 0, 0))));
  transition: opacity 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: normal;
}
.wd-button[data-v-7f9ef195]::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: var(--wot-color-black, rgb(0, 0, 0));
  border: inherit;
  border-color: var(--wot-color-black, rgb(0, 0, 0));
  border-radius: inherit;
  transform: translate(-50%, -50%);
  opacity: 0;
  content: " ";
}
.wd-button[data-v-7f9ef195]::after {
  border: none;
  border-radius: 0;
}
.wd-button__content[data-v-7f9ef195] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.wd-button--active[data-v-7f9ef195]:active::before {
  opacity: 0.15;
}
.wd-button.is-disabled[data-v-7f9ef195] {
  opacity: var(--wot-button-disabled-opacity, 0.6);
}
.wd-button__loading[data-v-7f9ef195] {
  margin-right: 5px;
  animation: wd-rotate-7f9ef195 0.8s linear infinite;
  animation-duration: 2s;
}
.wd-button__loading-svg[data-v-7f9ef195] {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.wd-button.is-primary[data-v-7f9ef195] {
  background: var(--wot-button-primary-bg-color, var(--wot-color-theme, #4d80f0));
  color: var(--wot-button-primary-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wd-button.is-success[data-v-7f9ef195] {
  background: var(--wot-button-success-bg-color, var(--wot-color-success, #34d19d));
  color: var(--wot-button-success-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wd-button.is-info[data-v-7f9ef195] {
  background: var(--wot-button-info-bg-color, #f0f0f0);
  color: var(--wot-button-info-color, var(--wot-color-title, var(--wot-color-black, rgb(0, 0, 0))));
}
.wd-button.is-warning[data-v-7f9ef195] {
  background: var(--wot-button-warning-bg-color, var(--wot-color-warning, #f0883a));
  color: var(--wot-button-warning-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wd-button.is-error[data-v-7f9ef195] {
  background: var(--wot-button-error-bg-color, var(--wot-color-danger, #fa4350));
  color: var(--wot-button-error-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wd-button.is-small[data-v-7f9ef195] {
  height: var(--wot-button-small-height, 28px);
  padding: var(--wot-button-small-padding, 0 12px);
  border-radius: var(--wot-button-small-radius, 2px);
  font-size: var(--wot-button-small-fs, var(--wot-fs-secondary, 12px));
  font-weight: normal;
}
.wd-button.is-small .wd-button__loading[data-v-7f9ef195] {
  width: var(--wot-button-small-loading, 14px);
  height: var(--wot-button-small-loading, 14px);
}
.wd-button.is-medium[data-v-7f9ef195] {
  height: var(--wot-button-medium-height, 36px);
  padding: var(--wot-button-medium-padding, 0 16px);
  border-radius: var(--wot-button-medium-radius, 4px);
  font-size: var(--wot-button-medium-fs, var(--wot-fs-content, 14px));
  min-width: 120px;
}
.wd-button.is-medium.is-round.is-icon[data-v-7f9ef195] {
  min-width: 0;
  border-radius: 50%;
}
.wd-button.is-medium.is-round.is-text[data-v-7f9ef195] {
  border-radius: 0;
  min-width: 0;
}
.wd-button.is-medium .wd-button__loading[data-v-7f9ef195] {
  width: var(--wot-button-medium-loading, 18px);
  height: var(--wot-button-medium-loading, 18px);
}
.wd-button.is-large[data-v-7f9ef195] {
  height: var(--wot-button-large-height, 44px);
  padding: var(--wot-button-large-padding, 0 36px);
  border-radius: var(--wot-button-large-radius, 8px);
  font-size: var(--wot-button-large-fs, var(--wot-fs-title, 16px));
}
.wd-button.is-large[data-v-7f9ef195]::after {
  border-radius: var(--wot-button-large-radius, 8px);
}
.wd-button.is-large .wd-button__loading[data-v-7f9ef195] {
  width: var(--wot-button-large-loading, 24px);
  height: var(--wot-button-large-loading, 24px);
}
.wd-button.is-round[data-v-7f9ef195] {
  border-radius: 999px;
}
.wd-button.is-text[data-v-7f9ef195] {
  color: var(--wot-button-primary-bg-color, var(--wot-color-theme, #4d80f0));
  min-width: 0;
  padding: 4px 0;
}
.wd-button.is-text[data-v-7f9ef195]::after {
  display: none;
}
.wd-button.is-text.wd-button--active[data-v-7f9ef195] {
  opacity: var(--wot-button-text-hover-opacity, 0.7);
}
.wd-button.is-text.wd-button--active[data-v-7f9ef195]:active::before {
  display: none;
}
.wd-button.is-text.is-disabled[data-v-7f9ef195] {
  color: var(--wot-button-normal-disabled-color, rgba(0, 0, 0, 0.25));
  background: transparent;
}
.wd-button.is-plain[data-v-7f9ef195] {
  background: var(--wot-button-plain-bg-color, var(--wot-color-white, rgb(255, 255, 255)));
  border: 1px solid currentColor;
}
.wd-button.is-plain.is-primary[data-v-7f9ef195] {
  color: var(--wot-button-primary-bg-color, var(--wot-color-theme, #4d80f0));
}
.wd-button.is-plain.is-success[data-v-7f9ef195] {
  color: var(--wot-button-success-bg-color, var(--wot-color-success, #34d19d));
}
.wd-button.is-plain.is-info[data-v-7f9ef195] {
  color: var(--wot-button-info-plain-normal-color, rgba(0, 0, 0, 0.85));
  border-color: var(--wot-button-info-plain-border-color, rgba(0, 0, 0, 0.45));
}
.wd-button.is-plain.is-warning[data-v-7f9ef195] {
  color: var(--wot-button-warning-bg-color, var(--wot-color-warning, #f0883a));
}
.wd-button.is-plain.is-error[data-v-7f9ef195] {
  color: var(--wot-button-error-bg-color, var(--wot-color-danger, #fa4350));
}
.wd-button.is-hairline[data-v-7f9ef195] {
  border-width: 0;
}
.wd-button.is-hairline.is-plain[data-v-7f9ef195] {
  position: relative;
}
.wd-button.is-hairline.is-plain[data-v-7f9ef195]::after {
  position: absolute;
  display: block;
  content: " ";
  pointer-events: none;
  width: 200%;
  height: 200%;
  left: 0;
  top: 0;
  border: 1px solid var(--wot-color-border-light, #e8e8e8);
  transform: scale(0.5);
  box-sizing: border-box;
  transform-origin: left top;
}
.wd-button.is-hairline.is-plain[data-v-7f9ef195]::before {
  border-radius: inherit;
}
.wd-button.is-hairline.is-plain[data-v-7f9ef195]::after {
  border-color: inherit;
}
.wd-button.is-hairline.is-plain.is-round[data-v-7f9ef195]::after {
  border-radius: inherit !important;
}
.wd-button.is-hairline.is-plain.is-large[data-v-7f9ef195]::after {
  border-radius: calc(2 * var(--wot-button-large-radius, 8px));
}
.wd-button.is-hairline.is-plain.is-medium[data-v-7f9ef195]::after {
  border-radius: calc(2 * var(--wot-button-medium-radius, 4px));
}
.wd-button.is-hairline.is-plain.is-small[data-v-7f9ef195]::after {
  border-radius: calc(2 * var(--wot-button-small-radius, 2px));
}
.wd-button.is-block[data-v-7f9ef195] {
  display: block;
}
.wd-button.is-icon[data-v-7f9ef195] {
  width: var(--wot-button-icon-size, 40px);
  height: var(--wot-button-icon-size, 40px);
  padding: 0;
  border-radius: 50%;
  color: var(--wot-button-icon-color, rgba(0, 0, 0, 0.65));
}
.wd-button.is-icon[data-v-7f9ef195]::after {
  display: none;
}
.wd-button.is-icon[data-v-7f9ef195] .wd-button__icon {
  margin-right: 0;
}
.wd-button.is-icon.is-disabled[data-v-7f9ef195] {
  color: var(--wot-button-icon-disabled-color, var(--wot-color-icon-disabled, #a7a7a7));
  background: transparent;
}
[data-v-7f9ef195]  .wd-button__icon {
  display: block;
  margin-right: 6px;
  font-size: var(--wot-button-icon-fs, 1.18em);
  vertical-align: middle;
}
.wd-button__text[data-v-7f9ef195] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
}
@keyframes wd-rotate-7f9ef195 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.loading-syl .loading-content[data-v-7667984c] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: var(--6f4c89f4);
  height: var(--6075bab9);
  background-color: #ffffff;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.wd-transition[data-v-1fc69211] {
  transition-timing-function: ease;
}
.wd-fade-enter[data-v-1fc69211],
.wd-fade-leave-to[data-v-1fc69211] {
  opacity: 0;
}
.wd-fade-enter-active[data-v-1fc69211],
.wd-fade-leave-active[data-v-1fc69211] {
  transition-property: opacity;
}
.wd-fade-up-enter[data-v-1fc69211],
.wd-fade-up-leave-to[data-v-1fc69211] {
  transform: translate3d(0, 100%, 0);
  opacity: 0;
}
.wd-fade-down-enter[data-v-1fc69211],
.wd-fade-down-leave-to[data-v-1fc69211] {
  transform: translate3d(0, -100%, 0);
  opacity: 0;
}
.wd-fade-left-enter[data-v-1fc69211],
.wd-fade-left-leave-to[data-v-1fc69211] {
  transform: translate3d(-100%, 0, 0);
  opacity: 0;
}
.wd-fade-right-enter[data-v-1fc69211],
.wd-fade-right-leave-to[data-v-1fc69211] {
  transform: translate3d(100%, 0, 0);
  opacity: 0;
}
.wd-slide-up-enter[data-v-1fc69211],
.wd-slide-up-leave-to[data-v-1fc69211] {
  transform: translate3d(0, 100%, 0);
}
.wd-slide-down-enter[data-v-1fc69211],
.wd-slide-down-leave-to[data-v-1fc69211] {
  transform: translate3d(0, -100%, 0);
}
.wd-slide-left-enter[data-v-1fc69211],
.wd-slide-left-leave-to[data-v-1fc69211] {
  transform: translate3d(-100%, 0, 0);
}
.wd-slide-right-enter[data-v-1fc69211],
.wd-slide-right-leave-to[data-v-1fc69211] {
  transform: translate3d(100%, 0, 0);
}
.wd-zoom-in-enter[data-v-1fc69211],
.wd-zoom-in-leave-to[data-v-1fc69211] {
  opacity: 0;
  transform: scale(0.8);
}
.wd-zoom-out-enter[data-v-1fc69211],
.wd-zoom-out-leave-to[data-v-1fc69211] {
  transform: scale(1.2);
  opacity: 0;
}
.wd-zoom-in-enter-active[data-v-1fc69211],
.wd-zoom-in-leave-active[data-v-1fc69211],
.wd-zoom-out-enter-active[data-v-1fc69211],
.wd-zoom-out-leave-active[data-v-1fc69211],
.wd-fade-up-enter-active[data-v-1fc69211],
.wd-fade-up-leave-active[data-v-1fc69211],
.wd-fade-down-enter-active[data-v-1fc69211],
.wd-fade-down-leave-active[data-v-1fc69211],
.wd-fade-left-enter-active[data-v-1fc69211],
.wd-fade-left-leave-active[data-v-1fc69211],
.wd-fade-right-enter-active[data-v-1fc69211],
.wd-fade-right-leave-active[data-v-1fc69211] {
  transition-property: opacity, transform;
}
.wd-slide-up-enter-active[data-v-1fc69211],
.wd-slide-up-leave-active[data-v-1fc69211],
.wd-slide-down-enter-active[data-v-1fc69211],
.wd-slide-down-leave-active[data-v-1fc69211],
.wd-slide-left-enter-active[data-v-1fc69211],
.wd-slide-left-leave-active[data-v-1fc69211],
.wd-slide-right-enter-active[data-v-1fc69211],
.wd-slide-right-leave-active[data-v-1fc69211] {
  transition-property: transform;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
.wot-theme-dark .wd-overlay[data-v-ec0037f9] {
  background: var(--wot-overlay-bg-dark, rgba(0, 0, 0, 0.75));
}
.wd-overlay[data-v-ec0037f9] {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: var(--wot-overlay-bg, rgba(0, 0, 0, 0.65));
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
.wot-theme-dark .wd-popup-wrapper[data-v-974776cf]  .wd-popup {
  background: var(--wot-dark-background2, #1b1b1b);
}
.wot-theme-dark .wd-popup-wrapper[data-v-974776cf]  .wd-popup__close {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wd-popup-wrapper[data-v-974776cf]  .wd-popup {
  position: fixed;
  max-height: 100%;
  overflow-y: auto;
  background: #fff;
}
[data-v-974776cf]  .wd-popup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: var(--wot-popup-close-color, #666);
  font-size: var(--wot-popup-close-size, 24px);
  transform: rotate(-45deg);
}
[data-v-974776cf]  .wd-popup--center {
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  transform-origin: 0% 0%;
}
[data-v-974776cf]  .wd-popup--center.wd-zoom-in-enter,[data-v-974776cf]  .wd-popup--center.wd-zoom-in-leave-to {
  transform: scale(0.8) translate3d(-50%, -50%, 0) !important;
}
[data-v-974776cf]  .wd-popup--center.is-deep.wd-zoom-in-enter,[data-v-974776cf]  .wd-popup--center.is-deep.wd-zoom-in-leave-to {
  transform: scale(0.1) translate3d(-50%, -50%, 0) !important;
}
[data-v-974776cf]  .wd-popup--left {
  top: 0;
  bottom: 0;
  left: 0;
}
[data-v-974776cf]  .wd-popup--right {
  top: 0;
  right: 0;
  bottom: 0;
}
[data-v-974776cf]  .wd-popup--top {
  top: 0;
  left: 0;
  right: 0;
}
[data-v-974776cf]  .wd-popup--bottom {
  right: 0;
  bottom: 0;
  left: 0;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
.wot-theme-dark .wd-input[data-v-40bd894e] {
  background: var(--wot-dark-background2, #1b1b1b);
}
.wot-theme-dark .wd-input[data-v-40bd894e]::after {
  background: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wot-theme-dark .wd-input.is-not-empty[data-v-40bd894e]:not(.is-disabled)::after {
  background-color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-input__inner[data-v-40bd894e] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-input__inner[data-v-40bd894e]::-webkit-input-placeholder {
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
}
.wot-theme-dark .wd-input__placeholder[data-v-40bd894e] {
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
}
.wot-theme-dark .wd-input__count[data-v-40bd894e] {
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
  background: transparent;
}
.wot-theme-dark .wd-input__count-current[data-v-40bd894e] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-input[data-v-40bd894e] .wd-input__icon,
.wot-theme-dark .wd-input[data-v-40bd894e] .wd-input__clear {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
  background: transparent;
}
.wot-theme-dark .wd-input.is-cell[data-v-40bd894e] {
  background-color: var(--wot-dark-background2, #1b1b1b);
  line-height: var(--wot-cell-line-height, 24px);
}
.wot-theme-dark .wd-input.is-cell.is-border[data-v-40bd894e] {
  position: relative;
}
.wot-theme-dark .wd-input.is-cell.is-border[data-v-40bd894e]::after {
  position: absolute;
  display: block;
  content: "";
  width: calc(100% - var(--wot-input-cell-padding, 10px));
  height: 1px;
  left: var(--wot-input-cell-padding, 10px);
  top: 0;
  transform: scaleY(0.5);
  background: var(--wot-dark-border-color, #3a3a3c);
}
.wot-theme-dark .wd-input.is-disabled .wd-input__inner[data-v-40bd894e] {
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
  background: transparent;
}
.wot-theme-dark .wd-input__label[data-v-40bd894e] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wd-input[data-v-40bd894e] {
  position: relative;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  background: var(--wot-input-bg, var(--wot-color-white, rgb(255, 255, 255)));
}
.wd-input[data-v-40bd894e]::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--wot-input-border-color, #dadada);
  transform: scaleY(0.5);
  transition: background-color 0.2s ease-in-out;
}
.wd-input.is-not-empty[data-v-40bd894e]:not(.is-disabled)::after {
  background-color: var(--wot-input-not-empty-border-color, #262626);
}
.wd-input__label[data-v-40bd894e] {
  position: relative;
  display: flex;
  width: var(--wot-input-cell-label-width, 33%);
  color: var(--wot-cell-title-color, rgba(0, 0, 0, 0.85));
  margin-right: var(--wot-cell-padding, var(--wot-size-side-padding, 15px));
  box-sizing: border-box;
  font-size: var(--wot-input-fs, var(--wot-cell-title-fs, 14px));
  flex-shrink: 0;
}
.wd-input__label.is-required[data-v-40bd894e] {
  padding-left: 12px;
}
.wd-input__label.is-required[data-v-40bd894e]::after {
  position: absolute;
  left: 0;
  top: 2px;
  content: "*";
  font-size: var(--wot-cell-required-size, 18px);
  line-height: 1.1;
  color: var(--wot-cell-required-color, var(--wot-color-danger, #fa4350));
}
.wd-input__label-inner[data-v-40bd894e] {
  display: inline-block;
  font-size: var(--wot-input-fs, var(--wot-cell-title-fs, 14px));
  line-height: var(--wot-cell-line-height, 24px);
}
.wd-input__body[data-v-40bd894e] {
  flex: 1;
}
.wd-input__value[data-v-40bd894e] {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.wd-input__prefix[data-v-40bd894e] {
  margin-right: var(--wot-input-icon-margin, 8px);
  font-size: var(--wot-input-fs, var(--wot-cell-title-fs, 14px));
  line-height: initial;
}
.wd-input__prefix[data-v-40bd894e] .wd-input__icon,
.wd-input__prefix[data-v-40bd894e] .wd-input__clear {
  margin-left: 0;
}
.wd-input__suffix[data-v-40bd894e] {
  flex-shrink: 0;
  line-height: initial;
}
.wd-input__error-message[data-v-40bd894e] {
  color: var(--wot-form-item-error-message-color, var(--wot-color-danger, #fa4350));
  font-size: var(--wot-form-item-error-message-font-size, var(--wot-fs-secondary, 12px));
  line-height: var(--wot-form-item-error-message-line-height, 24px);
  text-align: left;
  vertical-align: middle;
}
.wd-input.is-disabled .wd-input__inner[data-v-40bd894e] {
  color: var(--wot-input-disabled-color, #d9d9d9);
  background: transparent;
}
.wd-input.is-error .wd-input__inner[data-v-40bd894e] {
  color: var(--wot-input-error-color, var(--wot-color-danger, #fa4350));
  background: transparent;
}
.wd-input.is-no-border[data-v-40bd894e]::after {
  display: none;
}
.wd-input.is-no-border .wd-input__inner[data-v-40bd894e] {
  height: var(--wot-input-inner-height-no-border, 24px);
  padding-top: 0;
  padding-bottom: 0;
}
.wd-input.is-cell[data-v-40bd894e] {
  display: flex;
  align-items: flex-start;
  padding: var(--wot-input-cell-padding, 10px) var(--wot-input-padding, var(--wot-size-side-padding, 15px));
  background-color: var(--wot-input-cell-bg, var(--wot-color-white, rgb(255, 255, 255)));
}
.wd-input.is-cell.is-error[data-v-40bd894e]::after {
  background: var(--wot-input-cell-border-color, var(--wot-color-border-light, #e8e8e8));
}
.wd-input.is-cell[data-v-40bd894e] .wd-input__icon,
.wd-input.is-cell[data-v-40bd894e] .wd-input__clear {
  display: inline-flex;
  align-items: center;
  height: var(--wot-input-cell-height, 24px);
  line-height: var(--wot-input-cell-height, 24px);
}
.wd-input.is-cell .wd-input__prefix[data-v-40bd894e] {
  display: inline-block;
  margin-right: var(--wot-cell-icon-right, 4px);
}
.wd-input.is-cell .wd-input__inner[data-v-40bd894e] {
  height: var(--wot-input-cell-height, 24px);
}
.wd-input.is-cell.wd-input[data-v-40bd894e]::after {
  display: none;
}
.wd-input.is-cell.is-center[data-v-40bd894e] {
  align-items: center;
}
.wd-input.is-cell.is-border[data-v-40bd894e] {
  position: relative;
}
.wd-input.is-cell.is-border[data-v-40bd894e]::after {
  position: absolute;
  display: block;
  content: "";
  width: calc(100% - var(--wot-input-cell-padding, 10px));
  height: 1px;
  left: var(--wot-input-cell-padding, 10px);
  top: 0;
  transform: scaleY(0.5);
  background: var(--wot-color-border-light, #e8e8e8);
}
.wd-input.is-large[data-v-40bd894e] {
  padding: var(--wot-input-cell-padding-large, 12px);
}
.wd-input.is-large .wd-input__prefix[data-v-40bd894e] {
  font-size: var(--wot-input-fs-large, var(--wot-cell-title-fs-large, 16px));
}
.wd-input.is-large .wd-input__label-inner[data-v-40bd894e] {
  font-size: var(--wot-input-fs-large, var(--wot-cell-title-fs-large, 16px));
}
.wd-input.is-large .wd-input__inner[data-v-40bd894e] {
  font-size: var(--wot-input-fs-large, var(--wot-cell-title-fs-large, 16px));
}
.wd-input.is-large .wd-input__count[data-v-40bd894e] {
  font-size: var(--wot-input-count-fs-large, 14px);
}
.wd-input.is-large[data-v-40bd894e] .wd-input__icon,
.wd-input.is-large[data-v-40bd894e] .wd-input__clear {
  font-size: var(--wot-input-icon-size-large, 18px);
}
.wd-input__inner[data-v-40bd894e] {
  flex: 1;
  height: var(--wot-input-inner-height, 34px);
  font-size: var(--wot-input-fs, var(--wot-cell-title-fs, 14px));
  color: var(--wot-input-color, #262626);
  outline: none;
  border: none;
  background: none;
  padding: 0;
  box-sizing: border-box;
}
.wd-input__inner[data-v-40bd894e]::-webkit-input-placeholder {
  color: var(--wot-input-placeholder-color, #bfbfbf);
}
.wd-input__inner.is-align-right[data-v-40bd894e] {
  text-align: right;
}
.wd-input__readonly-mask[data-v-40bd894e] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
[data-v-40bd894e]  .wd-input__icon {
  margin-left: var(--wot-input-icon-margin, 8px);
  font-size: var(--wot-input-icon-size, 16px);
  color: var(--wot-input-icon-color, #bfbfbf);
  vertical-align: middle;
  background: var(--wot-input-bg, var(--wot-color-white, rgb(255, 255, 255)));
}
[data-v-40bd894e]  .wd-input__clear {
  margin-left: var(--wot-input-icon-margin, 8px);
  font-size: var(--wot-input-icon-size, 16px);
  color: var(--wot-input-clear-color, #585858);
  vertical-align: middle;
  background: var(--wot-input-bg, var(--wot-color-white, rgb(255, 255, 255)));
}
.wd-input__count[data-v-40bd894e] {
  margin-left: 15px;
  font-size: var(--wot-input-count-fs, 14px);
  color: var(--wot-input-count-color, #bfbfbf);
  vertical-align: middle;
  background: var(--wot-input-bg, var(--wot-color-white, rgb(255, 255, 255)));
}
.wd-input__count-current[data-v-40bd894e] {
  color: var(--wot-input-count-current-color, #262626);
}
.wd-input__count-current.is-error[data-v-40bd894e] {
  color: var(--wot-input-error-color, var(--wot-color-danger, #fa4350));
}
.wd-input__placeholder[data-v-40bd894e] {
  color: var(--wot-input-placeholder-color, #bfbfbf);
}
.wd-input__placeholder.is-error[data-v-40bd894e] {
  color: var(--wot-input-error-color, var(--wot-color-danger, #fa4350));
}
.wd-input .wd-input__count[data-v-40bd894e],
.wd-input .wd-input__count-current[data-v-40bd894e] {
  display: inline-flex;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
.wot-theme-dark .wd-message-box__body[data-v-05f973d9] {
  background-color: var(--wot-dark-background2, #1b1b1b);
}
.wot-theme-dark .wd-message-box__title[data-v-05f973d9] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-message-box__content[data-v-05f973d9] {
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
}
.wot-theme-dark .wd-message-box__content[data-v-05f973d9]::-webkit-scrollbar-thumb {
  background: var(--wot-dark-border-color, #3a3a3c);
}
[data-v-05f973d9] .wd-message-box {
  border-radius: var(--wot-message-box-radius, 16px);
  overflow: hidden;
}
.wd-message-box[data-v-05f973d9] {
  border-radius: var(--wot-message-box-radius, 16px);
  overflow: hidden;
}
.wd-message-box__container[data-v-05f973d9] {
  width: var(--wot-message-box-width, 300px);
  box-sizing: border-box;
}
.wd-message-box__body[data-v-05f973d9] {
  background-color: var(--wot-message-box-bg, var(--wot-color-white, rgb(255, 255, 255)));
  padding: var(--wot-message-box-padding, 25px 24px 0);
}
.wd-message-box__body.is-no-title[data-v-05f973d9] {
  padding: 25px 24px 0px;
}
.wd-message-box__title[data-v-05f973d9] {
  text-align: center;
  font-size: var(--wot-message-box-title-fs, 16px);
  color: var(--wot-message-box-title-color, rgba(0, 0, 0, 0.85));
  line-height: 20px;
  font-weight: 500;
  padding-top: 5px;
  padding-bottom: 10px;
}
.wd-message-box__content[data-v-05f973d9] {
  max-height: var(--wot-message-box-content-max-height, 264px);
  color: var(--wot-message-box-content-color, #666666);
  font-size: var(--wot-message-box-content-fs, 14px);
  text-align: center;
  overflow: auto;
  line-height: 20px;
}
.wd-message-box__content[data-v-05f973d9]::-webkit-scrollbar {
  width: var(--wot-message-box-content-scrollbar-width, 4px);
}
.wd-message-box__content[data-v-05f973d9]::-webkit-scrollbar-thumb {
  width: var(--wot-message-box-content-scrollbar-width, 4px);
  background: var(--wot-message-box-content-scrollbar-color, rgba(0, 0, 0, 0.1));
  border-radius: calc(var(--wot-message-box-content-scrollbar-width, 4px) / 2);
}
.wd-message-box__input-error[data-v-05f973d9] {
  min-height: 18px;
  margin-top: 2px;
  color: var(--wot-message-box-input-error-color, var(--wot-input-error-color, var(--wot-color-danger, #fa4350)));
  text-align: left;
}
.wd-message-box__input-error.is-hidden[data-v-05f973d9] {
  visibility: hidden;
}
.wd-message-box__actions[data-v-05f973d9] {
  padding: 24px;
}
[data-v-05f973d9]  .wd-message-box__actions-btn:not(:last-child) {
  margin-right: 16px;
}
.wd-message-box__flex[data-v-05f973d9] {
  display: flex;
}
.wd-message-box__block[data-v-05f973d9] {
  display: block;
}
.wd-message-box__cancel[data-v-05f973d9] {
  margin-right: 16px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
.wd-img[data-v-f297d41f] {
  position: relative;
  display: inline-block;
}
.wd-img__image[data-v-f297d41f] {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.wd-img.is-round[data-v-f297d41f] {
  overflow: hidden;
  border-radius: 50%;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
.wd-text.is-bold[data-v-4c80c9a8] {
  font-weight: bold;
}
.wd-text.is-lines-1[data-v-4c80c9a8] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.wd-text.is-lines-2[data-v-4c80c9a8] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.wd-text.is-lines-3[data-v-4c80c9a8] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.wd-text.is-lines-4[data-v-4c80c9a8] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.wd-text.is-lines-5[data-v-4c80c9a8] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.wd-text.is-default[data-v-4c80c9a8] {
  color: var(--wot-text-info-color, var(--wot-color-info, #909399));
}
.wd-text.is-primary[data-v-4c80c9a8] {
  color: var(--wot-text-primary-color, var(--wot-color-theme, #4d80f0));
}
.wd-text.is-error[data-v-4c80c9a8] {
  color: var(--wot-text-error-color, var(--wot-color-danger, #fa4350));
}
.wd-text.is-warning[data-v-4c80c9a8] {
  color: var(--wot-text-warning-color, var(--wot-color-warning, #f0883a));
}
.wd-text.is-success[data-v-4c80c9a8] {
  color: var(--wot-text-success-color, var(--wot-color-success, #34d19d));
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
.wot-theme-dark .wd-navbar[data-v-f471d3d7] {
  background-color: var(--wot-dark-background, #131313);
}
.wot-theme-dark .wd-navbar__title[data-v-f471d3d7] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-navbar__text[data-v-f471d3d7] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-navbar[data-v-f471d3d7] .wd-navbar__arrow {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wd-navbar[data-v-f471d3d7] {
  position: relative;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  height: var(--wot-navbar-height, 44px);
  line-height: var(--wot-navbar-height, 44px);
  background-color: var(--wot-navbar-background, var(--wot-color-white, rgb(255, 255, 255)));
  box-sizing: content-box;
}
.wd-navbar__content[data-v-f471d3d7] {
  position: relative;
  height: 100%;
  width: 100%;
}
.wd-navbar__title[data-v-f471d3d7] {
  max-width: 60%;
  height: 100%;
  margin: 0 auto;
  color: var(--wot-navbar-color, var(--wot-font-gray-1, rgba(0, 0, 0, 0.9)));
  font-weight: var(--wot-navbar-title-font-weight, 600);
  font-size: var(--wot-navbar-title-font-size, 18px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wd-navbar__text[data-v-f471d3d7] {
  display: inline-block;
  vertical-align: middle;
  color: var(--wot-navbar-desc-font-color, var(--wot-font-gray-1, rgba(0, 0, 0, 0.9)));
}
.wd-navbar__left[data-v-f471d3d7], .wd-navbar__right[data-v-f471d3d7], .wd-navbar__capsule[data-v-f471d3d7] {
  position: absolute;
  top: 0;
  bottom: 0;
  font-size: var(--wot-navbar-desc-font-size, 16px);
  display: flex;
  align-items: center;
  padding: 0 12px;
}
.wd-navbar__left.is-disabled[data-v-f471d3d7], .wd-navbar__right.is-disabled[data-v-f471d3d7], .wd-navbar__capsule.is-disabled[data-v-f471d3d7] {
  opacity: var(--wot-navbar-disabled-opacity, 0.6);
}
.wd-navbar__left[data-v-f471d3d7], .wd-navbar__capsule[data-v-f471d3d7] {
  left: 0;
}
.wd-navbar__right[data-v-f471d3d7] {
  right: 0;
}
[data-v-f471d3d7]  .wd-navbar__arrow {
  font-size: var(--wot-navbar-arrow-size, 24px);
  color: var(--wot-navbar-color, var(--wot-font-gray-1, rgba(0, 0, 0, 0.9)));
}
.wd-navbar.is-border[data-v-f471d3d7] {
  position: relative;
}
.wd-navbar.is-border[data-v-f471d3d7]::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  transform: scaleY(0.5);
  background: var(--wot-color-border-light, #e8e8e8);
}
.wd-navbar.is-fixed[data-v-f471d3d7] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 500;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.nav-icon-refresh[data-v-253e44e0] {
  animation: refreshRotate-253e44e0 0.6s linear infinite;
}
@keyframes refreshRotate-253e44e0 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
.wot-theme-dark .wd-badge__content[data-v-019b04f1] {
  border-color: var(--wot-dark-background2, #1b1b1b);
}
.wd-badge[data-v-019b04f1] {
  position: relative;
  vertical-align: middle;
  display: inline-block;
}
.wd-badge__content[data-v-019b04f1] {
  display: inline-block;
  height: var(--wot-badge-height, 16px);
  line-height: var(--wot-badge-height, 16px);
  padding: var(--wot-badge-padding, 0 5px);
  background-color: var(--wot-badge-bg, var(--wot-color-danger, #fa4350));
  border-radius: calc(var(--wot-badge-height, 16px) / 2 + 2px);
  color: var(--wot-badge-color, #fff);
  font-size: var(--wot-badge-fs, 12px);
  text-align: center;
  white-space: nowrap;
  border: var(--wot-badge-border, 2px solid var(--wot-badge-color, #fff));
  font-weight: 500;
}
.wd-badge__content.is-fixed[data-v-019b04f1] {
  position: absolute;
  top: 0px;
  right: 0px;
  transform: translateY(-50%) translateX(50%);
}
.wd-badge__content.is-dot[data-v-019b04f1] {
  height: var(--wot-badge-dot-size, 6px);
  width: var(--wot-badge-dot-size, 6px);
  padding: 0;
  border-radius: 50%;
}
.wd-badge__content--primary[data-v-019b04f1] {
  background-color: var(--wot-badge-primary, var(--wot-color-theme, #4d80f0));
}
.wd-badge__content--success[data-v-019b04f1] {
  background-color: var(--wot-badge-success, var(--wot-color-success, #34d19d));
}
.wd-badge__content--warning[data-v-019b04f1] {
  background-color: var(--wot-badge-warning, var(--wot-color-warning, #f0883a));
}
.wd-badge__content--info[data-v-019b04f1] {
  background-color: var(--wot-badge-info, var(--wot-color-info, #909399));
}
.wd-badge__content--danger[data-v-019b04f1] {
  background-color: var(--wot-badge-danger, var(--wot-color-danger, #fa4350));
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
.wot-theme-dark .wd-tabbar-item__body[data-v-ee9e8b0e] .is-inactive {
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wd-tabbar-item[data-v-ee9e8b0e] {
  flex: 1;
  text-align: center;
  text-decoration: none;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wd-tabbar-item__body[data-v-ee9e8b0e] {
  display: flex;
  align-items: center;
  flex-direction: column;
  line-height: 1;
  padding: 0;
  position: relative;
}
.wd-tabbar-item__body[data-v-ee9e8b0e] .is-active {
  color: var(--wot-tabbar-active-color, var(--wot-color-theme, #4d80f0));
}
.wd-tabbar-item__body[data-v-ee9e8b0e] .is-inactive {
  color: var(--wot-tabbar-inactive-color, var(--wot-color-title, var(--wot-color-black, rgb(0, 0, 0))));
}
.wd-tabbar-item__body-title[data-v-ee9e8b0e] {
  font-size: var(--wot-tabbar-item-title-font-size, 10px);
  line-height: var(--wot-tabbar-item-title-line-height, initial);
}
[data-v-ee9e8b0e]  .wd-tabbar-item__body-icon {
  font-size: var(--wot-tabbar-item-icon-size, 20px);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
.wot-theme-dark .wd-tabbar[data-v-309eb83f] {
  background: var(--wot-dark-background, #131313);
}
.wd-tabbar[data-v-309eb83f] {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  position: relative;
  background: var(--wot-color-white, rgb(255, 255, 255));
  height: var(--wot-tabbar-height, 50px);
}
.wd-tabbar__placeholder[data-v-309eb83f] {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.wd-tabbar--round[data-v-309eb83f] {
  margin-left: 1rem;
  margin-right: 1rem;
  border-radius: 999px;
  box-shadow: var(--wot-tabbar-box-shadow, 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08));
}
.wd-tabbar--round.is-fixed.is-safe[data-v-309eb83f] {
  bottom: constant(safe-area-inset-bottom);
  bottom: env(safe-area-inset-bottom);
}
.wd-tabbar--default.is-fixed.is-safe[data-v-309eb83f] {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.wd-tabbar--default.is-border[data-v-309eb83f] {
  position: relative;
}
.wd-tabbar--default.is-border[data-v-309eb83f]::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  top: 0;
  transform: scaleY(0.5);
  background: var(--wot-color-border-light, #e8e8e8);
}
.wd-tabbar.is-fixed[data-v-309eb83f] {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 500;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-fe246ae8] .wd-tabbar--round {
  margin: 0 16px;
}
[data-v-fe246ae8] .wd-badge__content.is-fixed {
  z-index: 10;
}
.bulge-syl[data-v-fe246ae8] {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  padding: 4px;
  background-color: #ffffff;
  box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.16);
  transform: translateY(-2px) scale(1.6);
  transform-origin: bottom;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.add-home-content[data-v-f963be36] {
  box-sizing: border-box;
  padding: 10px;
  padding-top: 0px;
}
.add-home-content .icon-close[data-v-f963be36] {
  position: absolute;
  top: 12px;
  right: 14px;
}
[data-v-f963be36] .wd-popup {
  box-sizing: border-box;
  width: 92%;
  max-width: 520px;
  padding: 16px 20px;
  border-radius: 14px;
}

/* 定义旋转动画，模拟左边为中心的上下晃动效果 */
@keyframes shake-f963be36 {
0% {
    transform: rotate(0deg); /* 初始状态 */
}
15% {
    transform: rotate(-10deg); /* 向左旋转 */
}
30% {
    transform: rotate(10deg); /* 向右旋转 */
}
55% {
    transform: rotate(-10deg); /* 向左旋转 */
}
80% {
    transform: rotate(0deg); /* 恢复到初始状态 */
}
}
/* 应用动画到图片，并设置左边为中心 */
.shake-animation[data-v-f963be36] {
  transform-origin: left center; /* 设置旋转中心点为图片的左边 */
  animation: shake-f963be36 1.5s ease-in-out infinite; /* 动画持续1.5秒，循环播放 */
  animation-delay: 0.5s; /* 延迟2秒开始动画 */
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.h5window-class[data-v-f6b6594c] {
  position: relative;
  top: 50vh;
  left: 50vw;
  width: 48vh;
  min-width: 400px !important;
  max-width: 100vw;
  height: calc(100vh - var(--6393a56a));
  min-height: 400px;
  max-height: 190vw;
  overflow: hidden;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 30px 40px rgba(0, 0, 0, 0.2);
  transform: translate(-50%, -50%);
}
.no-view-opt[data-v-f6b6594c] {
  opacity: 0;
}
.layout-content[data-v-f6b6594c] {
  position: relative;
  top: var(--019b2efd);
  background-color: #ffffff;
}
.container-view[data-v-f6b6594c] {
  position: relative;
  box-sizing: border-box;
  height: calc(var(--182ac7c1));
  padding: 10px;
  overflow-y: overlay;
  background-color: #ffffff;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.container-view[data-v-e99f647e] {
  position: relative;
  top: var(--containerTop);
  box-sizing: border-box;
  height: calc(100vh - 44px - var(--wot-tabbar-height) + var(--containerHeight));
  padding: 10px;
  overflow: overlay;
  background-color: #ffffff;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-58712ace] .wd-popup {
  padding: 4px 16px 30px;
  border-radius: 20px 20px 0 0;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-55d2ea3a] .wd-popup {
  padding: 4px 16px 30px;
  border-radius: 20px 20px 0 0;
}
	/* 基础样式 */
.popup-backdrop[data-v-456af986] {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1000;
		background: rgba(0, 0, 0, 0.5);
}
.popup-container[data-v-456af986] {
		position: fixed;
		top: 50%;
		left: 50%;
		z-index: 1001;
		display: flex;
		flex-direction: column;
		overflow: hidden;
		background: white;
		border-radius: 12px;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
		transform: translate(-50%, -50%);
}
.popup-header[data-v-456af986] {
		display: flex;
		flex-shrink: 0; /* 防止头部被压缩 */
		align-items: center;
		justify-content: space-between;
		padding: 14px 16px;
		background: #fafafa;
		border-bottom: 1px solid #f0f0f0;
}
	/* 可滚动区域 - 关键修复部分 */
.scrollable-area[data-v-456af986] {
		display: flex;
		flex: 1; /* 占据剩余空间 */
		flex-direction: column;
		overflow: hidden; /* 隐藏内部溢出 */
}
.tab-content[data-v-456af986] {
		display: flex;
		flex: 1;
		flex-direction: column;
		padding: 0 16px;
		overflow: hidden; /* 隐藏内部溢出 */
}
.text-content[data-v-456af986] {
		flex: 1;
		min-height: 0; /* 关键修复：允许内容区域收缩 */
		padding: 8px 4px 16px;
		overflow-y: auto; /* 允许内容滚动 */
}
	/* 其余样式保持不变... */
.tabs[data-v-456af986] {
		display: flex;
		gap: 8px;
}
.tabs uni-button[data-v-456af986] {
		padding: 6px 12px;
		font-size: 13px;
		font-weight: 500;
		color: #666666;
		cursor: pointer;
		background: none;
		border: none;
		border-radius: 6px;
		transition: all 0.2s;
}
.tabs uni-button.active[data-v-456af986] {
		color: #5c20fe;
		background: #f5f2ff;
}
.close-btn[data-v-456af986] {
		display: grid;
		place-items: center;
		width: 32px;
		height: 32px;
		cursor: pointer;
		background: #f5f5f5;
		border: none;
		border-radius: 50%;
		transition: all 0.2s;
}
.close-btn[data-v-456af986]:hover {
		background: #eeeeee;
}
	/* 内容样式 */
.alert-badge[data-v-456af986],
	.info-badge[data-v-456af986] {
		display: inline-flex;
		gap: 6px;
		align-items: center;
		padding: 6px 10px 6px 8px;
		margin: 12px 0 8px;
		font-size: 12px;
		font-weight: 500;
		border-radius: 20px;
}
.alert-badge[data-v-456af986] {
		color: #e67e00;
		background: #fff8e6;
}
.info-badge[data-v-456af986] {
		color: #0066cc;
		background: #f0f7ff;
}
h3[data-v-456af986] {
		margin: 0 0 14px;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.4;
		color: #222222;
}
p[data-v-456af986] {
		margin: 0 0 14px;
		font-size: 14px;
		line-height: 1.6;
		color: #444444;
}
.notice-card[data-v-456af986] {
		display: flex;
		gap: 12px;
		padding: 12px;
		margin: 16px 0;
		background: #f9f5ff;
		border-radius: 8px;
}
.notice-card.info[data-v-456af986] {
		background: #f0f7ff;
}
.card-icon[data-v-456af986] {
		flex-shrink: 0;
		font-size: 20px;
}
.card-content strong[data-v-456af986] {
		display: block;
		margin-bottom: 4px;
		font-size: 13px;
		color: #5c20fe;
}
.notice-card.info strong[data-v-456af986] {
		color: #0066cc;
}
.card-content p[data-v-456af986] {
		margin: 0;
		font-size: 13px;
		color: #555555;
}
.signature[data-v-456af986] {
		margin-top: 18px;
		font-style: italic;
		color: #666666;
}
.details-link[data-v-456af986] {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px 14px;
		margin: 20px 0;
		font-size: 13px;
		font-weight: 500;
		color: white;
		text-decoration: none;
		background: #5c20fe;
		border-radius: 8px;
		transition: all 0.2s;
}
.details-link[data-v-456af986]:hover {
		background: #4a18d6;
}
.details-link svg[data-v-456af986] {
		margin-left: 8px;
}
.footnote[data-v-456af986] {
		font-size: 13px;
		color: #777777;
}
	/* 底部操作 */
.popup-footer[data-v-456af986] {
		flex-shrink: 0;
		padding: 12px 16px;
		border-top: 1px solid #f0f0f0;
}
.dismiss-btn[data-v-456af986] {
		width: 100%;
		padding: 8px;
		font-size: 13px;
		color: #888888;
		cursor: pointer;
		background: none;
		border: none;
		transition: all 0.2s;
}
.dismiss-btn[data-v-456af986]:hover {
		color: #555555;
		text-decoration: underline;
}
	/* 动画效果 */
.fade-enter-active[data-v-456af986],
	.fade-leave-active[data-v-456af986] {
		transition: opacity 0.3s ease;
}
.fade-enter-from[data-v-456af986],
	.fade-leave-to[data-v-456af986] {
		opacity: 0;
}
.slide-up-enter-active[data-v-456af986],
	.slide-up-leave-active[data-v-456af986] {
		transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
.slide-up-enter-from[data-v-456af986],
	.slide-up-leave-to[data-v-456af986] {
		opacity: 0;
		transform: translate(-50%, 20px);
}
	/* 滚动条样式 */
.text-content[data-v-456af986]::-webkit-scrollbar {
		width: 6px;
}
.text-content[data-v-456af986]::-webkit-scrollbar-track {
		background: transparent;
}
.text-content[data-v-456af986]::-webkit-scrollbar-thumb {
		background: #dddddd;
		border-radius: 3px;
}
.text-content[data-v-456af986]::-webkit-scrollbar-thumb:hover {
		background: #cccccc;
}
@media (max-width: 480px) {
.popup-container[data-v-456af986] {
			width: 99%;
}
.popup-header[data-v-456af986] {
			padding: 12px 14px;
}
.tab-content[data-v-456af986] {
			padding: 0 14px;
}
h3[data-v-456af986] {
			font-size: 15px;
}
.tabs[data-v-456af986] {
			gap: 4px;
}
.tabs uni-button[data-v-456af986] {
			padding: 4px 8px;
			font-size: 12px;
}
}
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-78fc3e24] .wd-popup {
  width: 270px;
  padding: 20px;
  border-radius: 16px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.invite .wd-button.is-medium.is-round[data-v-81592b33] {
  min-width: 0px;
}
.invite .icon[data-v-81592b33] {
  background: var(--weak-primary);
}
.invite .large-size[data-v-81592b33] {
  font-size: 30px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
.wd-count-to[data-v-f577c151] {
  vertical-align: bottom;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-55fff70a] .wd-popup {
  padding: 10px 0;
  /* height: 44%; */
  border-radius: 16px 16px 0 0;
}
[data-v-55fff70a] .wd-popup .coin-item-box {
  box-sizing: border-box;
  width: 100%;
  /* height: 26%; */
  padding: 12px 18px;
  margin-bottom: 20px;
  cursor: pointer;
  background-color: var(--cv-weak-bg);
  border-radius: 10px;
  transition: 0.3s;
}
[data-v-55fff70a] .wd-popup .coin-item-box:hover {
  background-color: #e2e2e2;
}
[data-v-55fff70a] .wd-popup .coin-item-box:last-child {
  margin-bottom: 0;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.eye-bg[data-v-cc086689] {
  padding: 2px;
  background: #ededed;
}
.count-to-syl[data-v-cc086689] {
  font-weight: 800;
}
.coin-syl[data-v-cc086689] {
  /* box-sizing: border-box; */
  min-width: 90px;
  padding: 4px 12px 4px 14px;
  background-color: #f6f6f6;
  border-radius: 10px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
.wot-theme-dark .wd-grid-item.is-border[data-v-e8a44676]::before {
  background-color: var(--wot-dark-border-color, #3a3a3c);
}
.wot-theme-dark .wd-grid-item.is-border[data-v-e8a44676]::after {
  background-color: var(--wot-dark-border-color, #3a3a3c);
}
.wot-theme-dark .wd-grid-item.is-first[data-v-e8a44676]::after {
  background-color: var(--wot-dark-border-color, #3a3a3c);
}
.wot-theme-dark .wd-grid-item__content[data-v-e8a44676] {
  background-color: var(--wot-dark-background2, #1b1b1b);
}
.wd-grid-item[data-v-e8a44676] {
  height: 100%;
  font-size: var(--wot-grid-item-fs, 12px);
  box-sizing: border-box;
  position: relative;
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  overflow: hidden;
}
.wd-grid-item.is-border[data-v-e8a44676]::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  transform: scaleY(0.5);
  background-color: var(--wot-grid-item-border-color, var(--wot-color-border-light, #e8e8e8));
  top: 0;
  left: 0;
  z-index: 1;
}
.wd-grid-item.is-border[data-v-e8a44676]::after {
  content: "";
  position: absolute;
  width: 1px;
  transform: scaleX(0.5);
  height: 100%;
  background-color: var(--wot-grid-item-border-color, var(--wot-color-border-light, #e8e8e8));
  bottom: 0;
  right: 0;
}
.wd-grid-item.is-first[data-v-e8a44676]::after {
  content: "";
  position: absolute;
  width: 1px;
  transform: scaleX(0.5);
  height: 100%;
  background-color: var(--wot-grid-item-border-color, var(--wot-color-border-light, #e8e8e8));
  bottom: 0;
  right: 0;
}
.wd-grid-item.is-right[data-v-e8a44676]::after {
  display: none;
}
.wd-grid-item.is-last[data-v-e8a44676]::after {
  display: none;
}
.wd-grid-item__wrapper[data-v-e8a44676] {
  display: inline-block;
  margin: 0 auto;
}
.wd-grid-item__content[data-v-e8a44676] {
  height: 100%;
  padding: var(--wot-grid-item-padding, 14px 0px);
  background-color: var(--wot-grid-item-bg, var(--wot-color-white, rgb(255, 255, 255)));
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wd-grid-item__content.is-square[data-v-e8a44676] {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding: 0;
  height: 100%;
}
.wd-grid-item__content.is-round[data-v-e8a44676]::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  border: 1px solid var(--wot-grid-item-border-color, var(--wot-color-border-light, #e8e8e8));
  transform-origin: top left;
  transform: scale(0.5);
  box-sizing: border-box;
}
.wd-grid-item__text[data-v-e8a44676] {
  margin-top: 8px;
  font-size: var(--wot-grid-item-fs, 12px);
  line-height: var(--wot-grid-item-fs, 12px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
.wd-grid[data-v-315fb3bd] {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  height: auto;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-b0741fd4] .wd-popup {
  /* height: 44%; */
  border-radius: 16px 16px 0 0;
}
[data-v-b0741fd4] .wd-popup .send-item-box {
  box-sizing: border-box;
  width: 100%;
  padding: 16px 18px;
  margin-bottom: 20px;
  cursor: pointer;
  background-color: var(--cv-weak-bg);
  border-radius: 10px;
  transition: 0.3s;
}
[data-v-b0741fd4] .wd-popup .send-item-box:hover {
  background-color: #e2e2e2;
}
[data-v-b0741fd4] .wd-popup .send-item-box:last-child {
  margin-bottom: 0;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.hidden-img[data-v-8b123647] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.2s;
}
.grid-syl[data-v-8b123647] {
  height: 110px;
  border-radius: 20px;
}
.home-grid-message-syl[data-v-8b123647] .wd-message-box__content {
  text-align: left;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.ratio-box[data-v-027f7458] {
  width: var(--33c4dddf);
}
.ratio-box .inner[data-v-027f7458] {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding-top: var(--337b0024);
}
.ratio-box .inner .container[data-v-027f7458] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.swiper-scroll[data-v-4888fd56] {
  position: relative;
  /* stylelint-disable-next-line selector-type-no-unknown */
}
.swiper-scroll .logo-center[data-v-4888fd56] {
  position: absolute;
  bottom: 6px;
  left: 50%;
  color: rgb(161, 161, 161);
  transform: translateX(-50%);
}
.swiper-scroll.hidden-intor[data-v-4888fd56] .u-scroll-list__indicator {
  display: none;
}
.swiper-scroll[data-v-4888fd56] .u-wrap {
  background-color: unset;
}
.swiper-scroll[data-v-4888fd56] .u-image {
  background-color: unset !important;
}
.swiper-scroll[data-v-4888fd56] .u-lazy-item {
  height: 100% !important;
}
.swiper-scroll[data-v-4888fd56] .u-wrap > uni-view {
  height: 100%;
}
.swiper-scroll.h5w-style[data-v-4888fd56] .uni-scroll-view-content {
  overflow: auto hidden;
  scrollbar-width: thin;
}
.swiper-scroll.h5w-style[data-v-4888fd56] .u-scroll-list__indicator {
  display: none;
}
.swiper-wrap[data-v-4888fd56] {
  /* margin-right: 20px; */
}
.swiper-wrap.single[data-v-4888fd56] {
  width: 100%;
}
.swiper-wrap.more[data-v-4888fd56] {
  margin-right: 14px;
}
.swiper-wrap[data-v-4888fd56]:last-child {
  /* margin-right: 0; */
}
.swiper-wrap .swiper-syl[data-v-4888fd56] {
  width: 100%;
}
.swiper-wrap .swiper-syl[data-v-4888fd56] .wd-img__image {
  border-radius: 20px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
.wot-theme-dark .wd-cell[data-v-511ba0af] {
  background-color: var(--wot-dark-background2, #1b1b1b);
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-cell__value[data-v-511ba0af] {
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
}
.wot-theme-dark .wd-cell__label[data-v-511ba0af] {
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
}
.wot-theme-dark .wd-cell.is-hover[data-v-511ba0af] {
  background-color: var(--wot-dark-background4, #323233);
}
.wot-theme-dark .wd-cell.is-border .wd-cell__wrapper[data-v-511ba0af] {
  position: relative;
}
.wot-theme-dark .wd-cell.is-border .wd-cell__wrapper[data-v-511ba0af]::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  top: 0;
  transform: scaleY(0.5);
  background: var(--wot-dark-border-color, #3a3a3c);
}
.wot-theme-dark .wd-cell[data-v-511ba0af] .wd-cell__arrow-right {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wd-cell[data-v-511ba0af] {
  position: relative;
  padding-left: var(--wot-cell-padding, var(--wot-size-side-padding, 15px));
  background-color: var(--wot-color-white, rgb(255, 255, 255));
  text-decoration: none;
  color: var(--wot-cell-title-color, rgba(0, 0, 0, 0.85));
  line-height: var(--wot-cell-line-height, 24px);
  -webkit-tap-highlight-color: transparent;
}
.wd-cell.is-border .wd-cell__wrapper[data-v-511ba0af] {
  position: relative;
}
.wd-cell.is-border .wd-cell__wrapper[data-v-511ba0af]::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  top: 0;
  transform: scaleY(0.5);
  background: var(--wot-color-border-light, #e8e8e8);
}
.wd-cell__wrapper[data-v-511ba0af] {
  position: relative;
  display: flex;
  padding: var(--wot-cell-wrapper-padding, 10px) var(--wot-cell-padding, var(--wot-size-side-padding, 15px)) var(--wot-cell-wrapper-padding, 10px) 0;
  justify-content: space-between;
  align-items: flex-start;
}
.wd-cell__wrapper.is-vertical[data-v-511ba0af] {
  display: block;
}
.wd-cell__wrapper.is-vertical .wd-cell__right[data-v-511ba0af] {
  margin-top: var(--wot-cell-vertical-top, 16px);
}
.wd-cell__wrapper.is-vertical .wd-cell__value[data-v-511ba0af] {
  text-align: left;
}
.wd-cell__wrapper.is-vertical .wd-cell__left[data-v-511ba0af] {
  margin-right: 0;
}
.wd-cell__wrapper.is-label[data-v-511ba0af] {
  padding: var(--wot-cell-wrapper-padding-with-label, 16px) var(--wot-cell-padding, var(--wot-size-side-padding, 15px)) var(--wot-cell-wrapper-padding-with-label, 16px) 0;
}
.wd-cell__left[data-v-511ba0af] {
  position: relative;
  flex: 1;
  display: flex;
  text-align: left;
  font-size: var(--wot-cell-title-fs, 14px);
  box-sizing: border-box;
  margin-right: var(--wot-cell-padding, var(--wot-size-side-padding, 15px));
}
.wd-cell__left.is-required[data-v-511ba0af] {
  padding-left: 12px;
}
.wd-cell__left.is-required[data-v-511ba0af]::after {
  position: absolute;
  content: "*";
  top: 0;
  left: 0;
  font-size: var(--wot-cell-required-size, 18px);
  color: var(--wot-cell-required-color, var(--wot-color-danger, #fa4350));
}
.wd-cell__right[data-v-511ba0af] {
  position: relative;
  flex: 1;
}
.wd-cell__title[data-v-511ba0af] {
  flex: 1;
  width: 100%;
  font-size: var(--wot-cell-title-fs, 14px);
}
.wd-cell__label[data-v-511ba0af] {
  margin-top: 2px;
  font-size: var(--wot-cell-label-fs, 12px);
  color: var(--wot-cell-label-color, rgba(0, 0, 0, 0.45));
}
[data-v-511ba0af]  .wd-cell__icon {
  display: block;
  position: relative;
  margin-right: var(--wot-cell-icon-right, 4px);
  font-size: var(--wot-cell-icon-size, 16px);
  height: var(--wot-cell-line-height, 24px);
  line-height: var(--wot-cell-line-height, 24px);
}
.wd-cell__body[data-v-511ba0af] {
  display: flex;
}
.wd-cell__value[data-v-511ba0af] {
  position: relative;
  flex: 1;
  font-size: var(--wot-cell-value-fs, 14px);
  color: var(--wot-cell-value-color, rgba(0, 0, 0, 0.85));
  text-align: right;
  vertical-align: middle;
}
[data-v-511ba0af]  .wd-cell__arrow-right {
  display: block;
  margin-left: 8px;
  width: var(--wot-cell-arrow-size, 18px);
  font-size: var(--wot-cell-arrow-size, 18px);
  color: var(--wot-cell-arrow-color, rgba(0, 0, 0, 0.25));
  height: var(--wot-cell-line-height, 24px);
  line-height: var(--wot-cell-line-height, 24px);
}
.wd-cell__error-message[data-v-511ba0af] {
  color: var(--wot-form-item-error-message-color, var(--wot-color-danger, #fa4350));
  font-size: var(--wot-form-item-error-message-font-size, var(--wot-fs-secondary, 12px));
  line-height: var(--wot-form-item-error-message-line-height, 24px);
  text-align: left;
  vertical-align: middle;
}
.wd-cell.is-link[data-v-511ba0af] {
  -webkit-tap-highlight-color: var(--wot-cell-tap-bg, rgba(0, 0, 0, 0.06));
}
.wd-cell.is-hover[data-v-511ba0af] {
  background-color: var(--wot-cell-tap-bg, rgba(0, 0, 0, 0.06));
}
.wd-cell.is-large .wd-cell__title[data-v-511ba0af] {
  font-size: var(--wot-cell-title-fs-large, 16px);
}
.wd-cell.is-large .wd-cell__wrapper[data-v-511ba0af] {
  padding-top: var(--wot-cell-wrapper-padding-large, 12px);
  padding-bottom: var(--wot-cell-wrapper-padding-large, 12px);
}
.wd-cell.is-large .wd-cell__label[data-v-511ba0af] {
  font-size: var(--wot-cell-label-fs-large, 14px);
}
.wd-cell.is-large[data-v-511ba0af] .wd-cell__icon {
  font-size: var(--wot-cell-icon-size-large, 18px);
}
.wd-cell.is-center .wd-cell__wrapper[data-v-511ba0af] {
  align-items: center;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-4ed2badf] .cell-icon-syl {
  box-sizing: border-box;
  display: block;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  background-size: cover;
}
[data-v-4ed2badf] .assets-list-first {
  padding-left: 8px;
  font-weight: 600;
}
[data-v-4ed2badf] .assets-list-first .wd-cell__wrapper {
  display: flex;
  align-items: center;
  padding-right: 0px;
}
[data-v-4ed2badf] .assets-list-first .wd-cell__wrapper .wd-cell__left {
  display: flex;
  align-items: center;
}
[data-v-4ed2badf] .assets-list {
  padding-left: 8px;
}
[data-v-4ed2badf] .assets-list .wd-cell__wrapper {
  padding-right: 0px;
}
[data-v-4ed2badf] .assets-list .wd-cell__wrapper .wd-cell__left {
  display: flex;
  align-items: center;
  height: 45px;
}
[data-v-4ed2badf] .assets-list .wd-cell__wrapper .wd-cell__arrow-right {
  margin-top: 12px;
}
[data-v-4ed2badf] .wd-cell__title {
  font-weight: 700;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
.wot-theme-dark .wd-skeleton__col[data-v-b8dcf6c8] {
  background-color: var(--wot-dark-background4, #323233);
}
.wd-skeleton[data-v-b8dcf6c8] {
  box-sizing: border-box;
}
.wd-skeleton__row[data-v-b8dcf6c8] {
  justify-content: space-between;
  margin-bottom: var(--wot-skeleton-row-margin-bottom, 16px);
  display: flex;
  align-items: center;
}
.wd-skeleton__row[data-v-b8dcf6c8]:only-child, .wd-skeleton__row[data-v-b8dcf6c8]:last-child {
  margin-bottom: 0;
}
.wd-skeleton__col[data-v-b8dcf6c8] {
  border-radius: var(--wot-skeleton-border-radius-text, 2px);
  background-color: var(--wot-skeleton-background-color, #eee);
  display: flex;
  align-items: center;
  justify-content: center;
}
.wd-skeleton__col[data-v-b8dcf6c8]:first-child:last-child, .wd-skeleton__col[data-v-b8dcf6c8]:last-child {
  margin-right: 0;
}
.wd-skeleton--type-text[data-v-b8dcf6c8] {
  width: 100%;
  height: var(--wot-skeleton-text-height-default, 16px);
  border-radius: var(--wot-skeleton-border-radius-text, 2px);
}
.wd-skeleton--type-rect[data-v-b8dcf6c8] {
  width: 100%;
  height: var(--wot-skeleton-rect-height-default, 16px);
  border-radius: var(--wot-skeleton-border-radius-rect, 4px);
}
.wd-skeleton--type-circle[data-v-b8dcf6c8] {
  flex-shrink: 0;
  width: var(--wot-skeleton-circle-height-default, 48px);
  height: var(--wot-skeleton-circle-height-default, 48px);
  border-radius: var(--wot-skeleton-border-radius-circle, 50%);
}
.wd-skeleton--animation-gradient[data-v-b8dcf6c8] {
  position: relative;
  overflow-x: hidden;
}
.wd-skeleton--animation-gradient[data-v-b8dcf6c8]::after {
  content: " ";
  position: absolute;
  animation: wd-skeleton-gradient-b8dcf6c8 1.5s linear 2s infinite;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--wot-skeleton-animation-gradient, rgba(0, 0, 0, 0.04)), rgba(255, 255, 255, 0));
  inset: 0;
}
.wd-skeleton--animation-flashed[data-v-b8dcf6c8] {
  animation: wd-skeleton-flashed-b8dcf6c8 2s linear 2s infinite;
}
@keyframes wd-skeleton-gradient-b8dcf6c8 {
0% {
    transform: translateX(-100%) skewX(-15deg);
}
100% {
    transform: translateX(100%) skewX(-15deg);
}
}
@keyframes wd-skeleton-flashed-b8dcf6c8 {
0% {
    opacity: 1;
}
50% {
    opacity: 0.3;
    background-color: var(--wot-skeleton-animation-flashed, rgba(230, 230, 230, 0.3));
}
100% {
    opacity: 1;
}
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-6d3e79ab] .coin .wd-skeleton__content {
  display: flex;
  flex-direction: column;
  align-items: end;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.home-scroll[data-v-cd02f42b] {
  height: calc(100% - 10px);
  overflow: overlay;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.input-syl[data-v-7e942a3c] {
  padding: 6px 15px;
  background-color: #f6f6f6;
  border: 2px solid #ffffff;
  border-radius: 10px;
  transition: all 0.3s linear;
}
.input-syl[data-v-7e942a3c] .wd-input__suffix {
  display: flex;
  align-items: center;
}
.focus-syl[data-v-7e942a3c] {
  background-color: #ffffff;
  border: 2px solid var(--wot-color-theme) !important;
  box-shadow: 0 0 0 2px #e7e2f6;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
.wd-loading[data-v-93cab7fd] {
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
  display: inline-block;
  width: var(--wot-loading-size, 32px);
  height: var(--wot-loading-size, 32px);
}
.wd-loading__body[data-v-93cab7fd] {
  width: 100%;
  height: 100%;
  animation: wd-rotate-93cab7fd 0.8s linear infinite;
  animation-duration: 2s;
}
.wd-loading__svg[data-v-93cab7fd] {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
@keyframes wd-rotate-93cab7fd {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
.wd-toast[data-v-d24ac773] {
  display: inline-block;
  max-width: var(--wot-toast-max-width, 300px);
  padding: var(--wot-toast-padding, 16px 24px);
  background-color: var(--wot-toast-bg, var(--wot-overlay-bg, rgba(0, 0, 0, 0.65)));
  border-radius: var(--wot-toast-radius, 8px);
  color: #fff;
  transition: all 0.2s;
  font-size: var(--wot-toast-fs, var(--wot-fs-content, 14px));
  box-sizing: border-box;
  box-shadow: var(--wot-toast-box-shadow, 0px 6px 16px 0px rgba(0, 0, 0, 0.08));
}
.wd-toast.is-vertical[data-v-d24ac773] {
  flex-direction: column;
}
.wd-toast__msg[data-v-d24ac773] {
  font-size: var(--wot-toast-fs, var(--wot-fs-content, 14px));
  line-height: 20px;
  text-align: left;
  font-family: "San Francisco", Rotobo, arial, "PingFang SC", "Noto SansCJK", "Microsoft Yahei", sans-serif;
}
[data-v-d24ac773]  .wd-toast__icon {
  display: inline-block;
  margin-right: var(--wot-toast-icon-margin-right, 12px);
  font-size: var(--wot-toast-icon-size, 32px);
}
[data-v-d24ac773]  .wd-toast__icon.is-vertical {
  margin-right: 0;
  margin-bottom: var(--wot-toast-icon-margin-bottom, 12px);
}
.wd-toast__iconWrap[data-v-d24ac773] {
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
}
.wd-toast__iconBox[data-v-d24ac773] {
  display: block;
  width: 100%;
  height: 100%;
}
.wd-toast__iconSvg[data-v-d24ac773] {
  width: var(--wot-toast-icon-size, 32px);
  height: var(--wot-toast-icon-size, 32px);
  background-size: cover;
  background-repeat: no-repeat;
}
.wd-toast__loading[data-v-d24ac773] {
  margin-bottom: 16px;
  display: inline-block;
}
.wd-toast--top[data-v-d24ac773] {
  transform: translate3d(0, -40vh, 0);
}
.wd-toast--middle-top[data-v-d24ac773] {
  transform: translate3d(0%, -18.8vh, 0);
}
.wd-toast--bottom[data-v-d24ac773] {
  transform: translate3d(0, 40vh, 0);
}
.wd-toast--with-icon[data-v-d24ac773] {
  min-width: var(--wot-toast-with-icon-min-width, 150px);
  display: inline-flex;
  align-items: center;
}
.wd-toast--loading[data-v-d24ac773] {
  min-width: auto;
  padding: var(--wot-toast-loading-padding, 10px);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*//* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.lazy-image-syl[data-v-91014aea] {
  width: 100%;
  /* =========================== */
  /* stylelint-disable-next-line selector-type-no-unknown */
}
.lazy-image-syl[data-v-91014aea] .u-wrap {
  background-color: unset;
}
.lazy-image-syl[data-v-91014aea] .u-image {
  background-color: unset !important;
}
.lazy-image-syl[data-v-91014aea] .u-lazy-item {
  height: 100% !important;
}
.lazy-image-syl[data-v-91014aea] .u-wrap > uni-view {
  height: 100%;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
.wot-theme-dark .wd-picker-view__columns[data-v-ce7f0a32] {
  background: var(--wot-dark-background2, #1b1b1b);
}
.wot-theme-dark .wd-picker-view[data-v-ce7f0a32] .wd-picker-view__roller {
  background: var(--wot-dark-background4, #323233);
}
.wot-theme-dark .wd-picker-view-column[data-v-ce7f0a32] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-picker-view-column__item--disabled[data-v-ce7f0a32] {
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wd-picker-view[data-v-ce7f0a32] {
  position: relative;
  padding: 10px 0;
}
.wd-picker-view__columns[data-v-ce7f0a32] {
  position: relative;
  display: flex;
  background: var(--wot-picker-bg, var(--wot-color-white, rgb(255, 255, 255)));
  overflow: hidden;
  align-items: center;
}
[data-v-ce7f0a32]  .wd-picker-view__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--wot-picker-mask, linear-gradient(180deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.25))) linear-gradient(0deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.25));
  background-position: top, bottom;
  background-repeat: no-repeat;
  z-index: 2;
  pointer-events: none;
  filter: blur(4px);
}
.wd-picker-view__loading[data-v-ce7f0a32] {
  position: absolute;
  display: flex;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  z-index: 3;
  background: var(--wot-picker-loading-bg, rgba(var(--wot-color-white, rgb(255, 255, 255)), 0.8));
}
[data-v-ce7f0a32]  .wd-picker-view__roller {
  background: rgb(245, 245, 245);
  z-index: 0;
}
[data-v-ce7f0a32]  .wd-picker-view__roller::before,[data-v-ce7f0a32]  .wd-picker-view__roller::after {
  display: none;
}
.wd-picker-view-column[data-v-ce7f0a32] {
  flex: 1;
  font-size: var(--wot-picker-column-fs, 16px);
  color: var(--wot-picker-column-color, rgba(0, 0, 0, 0.85));
  text-align: center;
  transition-timing-function: cubic-bezier(0.28, 0.8, 0.63, 1);
}
.wd-picker-view-column__item[data-v-ce7f0a32] {
  padding: var(--wot-picker-column-padding, 0 var(--wot-size-side-padding, 15px));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wd-picker-view-column__item--disabled[data-v-ce7f0a32] {
  color: var(--wot-picker-column-disabled-color, rgba(0, 0, 0, 0.25));
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
.wot-theme-dark .wd-picker.is-border .wd-picker__cell[data-v-7de1ae2d] {
  position: relative;
}
.wot-theme-dark .wd-picker.is-border .wd-picker__cell[data-v-7de1ae2d]::after {
  position: absolute;
  display: block;
  content: "";
  width: calc(100% - var(--wot-cell-padding, var(--wot-size-side-padding, 15px)));
  height: 1px;
  left: var(--wot-cell-padding, var(--wot-size-side-padding, 15px));
  top: 0;
  transform: scaleY(0.5);
  background: var(--wot-dark-border-color, #3a3a3c);
}
.wot-theme-dark .wd-picker__title[data-v-7de1ae2d] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-picker__label[data-v-7de1ae2d] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-picker__value[data-v-7de1ae2d] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-picker__placeholder[data-v-7de1ae2d] {
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wot-theme-dark .wd-picker[data-v-7de1ae2d] .wd-picker__arrow,
.wot-theme-dark .wd-picker[data-v-7de1ae2d] .wd-picker__clear {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-picker__cell[data-v-7de1ae2d] {
  background-color: var(--wot-dark-background2, #1b1b1b);
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-picker__cell.is-disabled .wd-picker__value[data-v-7de1ae2d] {
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
}
.wot-theme-dark .wd-picker__cell.is-disabled .wd-picker__placeholder[data-v-7de1ae2d] {
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wot-theme-dark .wd-picker.is-disabled .wd-picker__value[data-v-7de1ae2d] {
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
}
.wot-theme-dark .wd-picker.is-disabled .wd-picker__placeholder[data-v-7de1ae2d] {
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wot-theme-dark .wd-picker__action--cancel[data-v-7de1ae2d] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-picker__action.is-loading[data-v-7de1ae2d] {
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
}
[data-v-7de1ae2d]  .wd-picker__popup {
  border-radius: 16px 16px 0px 0px;
}
.wd-picker.is-border .wd-picker__cell[data-v-7de1ae2d] {
  position: relative;
}
.wd-picker.is-border .wd-picker__cell[data-v-7de1ae2d]::after {
  position: absolute;
  display: block;
  content: "";
  width: calc(100% - var(--wot-cell-padding, var(--wot-size-side-padding, 15px)));
  height: 1px;
  left: var(--wot-cell-padding, var(--wot-size-side-padding, 15px));
  top: 0;
  transform: scaleY(0.5);
  background: var(--wot-color-border-light, #e8e8e8);
}
.wd-picker.is-large .wd-picker__cell[data-v-7de1ae2d] {
  font-size: var(--wot-cell-title-fs-large, 16px);
}
.wd-picker.is-large[data-v-7de1ae2d] .wd-picker__arrow,
.wd-picker.is-large[data-v-7de1ae2d] .wd-picker__clear {
  font-size: var(--wot-cell-icon-size-large, 18px);
}
.wd-picker.is-error .wd-picker__value[data-v-7de1ae2d],
.wd-picker.is-error[data-v-7de1ae2d] .wd-picker__arrow {
  color: var(--wot-input-error-color, var(--wot-color-danger, #fa4350));
}
.wd-picker.is-align-right .wd-picker__value[data-v-7de1ae2d] {
  text-align: right;
}
.wd-picker__cell[data-v-7de1ae2d] {
  position: relative;
  display: flex;
  padding: var(--wot-cell-wrapper-padding, 10px) var(--wot-cell-padding, var(--wot-size-side-padding, 15px));
  align-items: flex-start;
  background-color: var(--wot-color-white, rgb(255, 255, 255));
  text-decoration: none;
  color: var(--wot-cell-title-color, rgba(0, 0, 0, 0.85));
  font-size: var(--wot-cell-title-fs, 14px);
  overflow: hidden;
  line-height: var(--wot-cell-line-height, 24px);
}
.wd-picker__cell.is-disabled .wd-picker__value[data-v-7de1ae2d] {
  color: var(--wot-input-disabled-color, #d9d9d9);
}
.wd-picker.is-disabled .wd-picker__value[data-v-7de1ae2d] {
  color: var(--wot-picker-column-disabled-color, rgba(0, 0, 0, 0.25));
}
.wd-picker__error-message[data-v-7de1ae2d] {
  color: var(--wot-form-item-error-message-color, var(--wot-color-danger, #fa4350));
  font-size: var(--wot-form-item-error-message-font-size, var(--wot-fs-secondary, 12px));
  line-height: var(--wot-form-item-error-message-line-height, 24px);
  text-align: left;
  vertical-align: middle;
}
.wd-picker__label[data-v-7de1ae2d] {
  position: relative;
  width: var(--wot-input-cell-label-width, 33%);
  margin-right: var(--wot-cell-padding, var(--wot-size-side-padding, 15px));
  color: var(--wot-cell-title-color, rgba(0, 0, 0, 0.85));
  box-sizing: border-box;
}
.wd-picker__label.is-required[data-v-7de1ae2d] {
  padding-left: 12px;
}
.wd-picker__label.is-required[data-v-7de1ae2d]::after {
  position: absolute;
  left: 0;
  top: 2px;
  content: "*";
  font-size: var(--wot-cell-required-size, 18px);
  line-height: 1.1;
  color: var(--wot-cell-required-color, var(--wot-color-danger, #fa4350));
}
.wd-picker__value-wraper[data-v-7de1ae2d] {
  display: flex;
}
.wd-picker__value[data-v-7de1ae2d] {
  flex: 1;
  margin-right: 10px;
  color: var(--wot-cell-value-color, rgba(0, 0, 0, 0.85));
}
.wd-picker__value.is-ellipsis[data-v-7de1ae2d] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wd-picker__body[data-v-7de1ae2d] {
  flex: 1;
}
.wd-picker__placeholder[data-v-7de1ae2d] {
  color: var(--wot-input-placeholder-color, #bfbfbf);
}
[data-v-7de1ae2d]  .wd-picker__arrow,[data-v-7de1ae2d]  .wd-picker__clear {
  display: block;
  font-size: var(--wot-cell-icon-size, 16px);
  color: var(--wot-cell-arrow-color, rgba(0, 0, 0, 0.25));
  line-height: var(--wot-cell-line-height, 24px);
}
[data-v-7de1ae2d]  .wd-picker__clear {
  color: var(--wot-cell-clear-color, #585858);
}
.wd-picker__wraper[data-v-7de1ae2d] {
  padding-bottom: var(--window-bottom);
}
.wd-picker__toolbar[data-v-7de1ae2d] {
  position: relative;
  display: flex;
  font-size: var(--wot-picker-toolbar-fs, var(--wot-fs-title, 16px));
  height: var(--wot-picker-toolbar-height, 54px);
  line-height: var(--wot-picker-action-height, 16px);
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.wd-picker__action[data-v-7de1ae2d] {
  display: block;
  border: none;
  outline: none;
  font-size: var(--wot-picker-toolbar-fs, var(--wot-fs-title, 16px));
  color: var(--wot-picker-toolbar-finish-color, var(--wot-color-theme, #4d80f0));
  background: transparent;
  padding: 24px 15px 14px 15px;
}
.wd-picker__action--cancel[data-v-7de1ae2d] {
  color: var(--wot-picker-toolbar-cancel-color, #666666);
}
.wd-picker__action.is-loading[data-v-7de1ae2d] {
  color: var(--wot-picker-loading-button-color, rgba(0, 0, 0, 0.25));
}
.wd-picker__title[data-v-7de1ae2d] {
  display: block;
  padding-top: 10px;
  color: var(--wot-picker-toolbar-title-color, rgba(0, 0, 0, 0.85));
  font-weight: var(--wot-action-sheet-weight, 500);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.language-syl[data-v-567caf4e] {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 6px 20px 6px 20px;
  cursor: pointer;
  background-color: rgb(248, 248, 248);
  border-radius: 100px;
  box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.04);
}
[data-v-567caf4e] .wd-popup {
  height: 30%;
  border-radius: 16px 16px 0 0;
}
.vamp-syl[data-v-567caf4e] {
  height: calc(100% - 50px);
  overflow-y: overlay;
}
.vamp-syl .active-item[data-v-567caf4e] {
  background-color: #eeeeee;
  transition: 0.2s;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.r-syl[data-v-72021d54] .wd-input__prefix {
  display: flex;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.cell-record[data-v-bf40942d] {
  padding: 14px 0px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
.wot-theme-dark[data-v-fff4de2e] {
  background-color: var(--wot-dark-background2, #1b1b1b);
}
.wot-theme-dark .wd-status-tip__text[data-v-fff4de2e] {
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
}
.wd-status-tip[data-v-fff4de2e] {
  padding: var(--wot-statustip-padding, 5px 10px);
  width: 100%;
  margin: 0 auto;
  color: var(--wot-statustip-color, rgba(0, 0, 0, 0.45));
  font-size: var(--wot-statustip-fs, var(--wot-fs-content, 14px));
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}
[data-v-fff4de2e]  .wd-status-tip__image {
  margin: 0 auto;
  width: 160px;
  height: 160px;
}
.wd-status-tip__text[data-v-fff4de2e] {
  margin: 20px auto 0;
  font-size: var(--wot-statustip-fs, var(--wot-fs-content, 14px));
  line-height: var(--wot-statustip-line-height, 16px);
  color: var(--wot-statustip-color, rgba(0, 0, 0, 0.45));
  text-align: center;
  overflow-wrap: break-word;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
.wot-theme-dark .wd-divider[data-v-92b83235] {
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
}
.wot-theme-dark .wd-divider__line[data-v-92b83235] {
  background: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wd-divider[data-v-92b83235] {
  position: relative;
  display: flex;
  padding: var(--wot-divider-padding, 0 var(--wot-size-side-padding, 15px));
  margin: var(--wot-divider-margin, 16px 0);
  align-items: center;
  color: var(--wot-divider-color, rgba(0, 0, 0, 0.45));
  font-size: var(--wot-divider-fs, 14px);
}
.wd-divider[data-v-92b83235]::after, .wd-divider[data-v-92b83235]::before {
  flex: 1;
  display: block;
  box-sizing: border-box;
  border-style: solid;
  border-color: var(--wot-divider-line-color, currentColor);
  border-width: var(--wot-divider-line-height, 1px) 0 0;
}
.wd-divider[data-v-92b83235]::before {
  content: "";
}
.wd-divider--center[data-v-92b83235]::after, .wd-divider--left[data-v-92b83235]::after, .wd-divider--right[data-v-92b83235]::after {
  content: "";
  margin-left: var(--wot-divider-content-left-margin, 12px);
}
.wd-divider--center[data-v-92b83235]::before, .wd-divider--left[data-v-92b83235]::before, .wd-divider--right[data-v-92b83235]::before {
  margin-right: var(--wot-divider-content-right-margin, 12px);
}
.wd-divider--left[data-v-92b83235]::before {
  max-width: var(--wot-divider-content-left-width, 10%);
}
.wd-divider--right[data-v-92b83235]::after {
  max-width: var(--wot-divider-content-right-width, 10%);
}
.wd-divider.is-hairline[data-v-92b83235]::before, .wd-divider.is-hairline[data-v-92b83235]::after {
  transform: scaleY(0.5);
}
.wd-divider.is-dashed[data-v-92b83235]::before, .wd-divider.is-dashed[data-v-92b83235]::after {
  border-style: dashed;
}
.wd-divider--vertical[data-v-92b83235] {
  display: inline-block;
  width: var(--wot-divider-vertical-line-width, 1px);
  height: var(--wot-divider-vertical-height, 16px);
  margin: var(--wot-divider-vertical-content-margin, 0 8px);
  padding: 0;
  vertical-align: middle;
}
.wd-divider--vertical[data-v-92b83235]::before {
  height: 100%;
  border-width: 0 0 0 var(--wot-divider-vertical-line-width, 1px);
}
.wd-divider--vertical[data-v-92b83235]::after {
  display: none;
}
.wd-divider--vertical.is-hairline[data-v-92b83235]::before {
  transform: scaleX(0.5);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
#scroll-box-content[data-v-afaa8343] {
  position: relative;
  height: var(--236b1e9c);
  overflow: hidden;
}
#scroll-box-content #load-more-target-box[data-v-afaa8343] {
  height: 40px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 *//* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
.wot-theme-dark .wd-picker__cell[data-v-8e276261] {
  background-color: var(--wot-dark-background2, #1b1b1b);
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-picker__title[data-v-8e276261] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-picker__label[data-v-8e276261] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-picker__value[data-v-8e276261] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-picker__placeholder[data-v-8e276261] {
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wot-theme-dark .wd-picker.is-border .wd-picker__cell[data-v-8e276261] {
  position: relative;
}
.wot-theme-dark .wd-picker.is-border .wd-picker__cell[data-v-8e276261]::after {
  position: absolute;
  display: block;
  content: "";
  width: calc(100% - var(--wot-cell-padding, var(--wot-size-side-padding, 15px)));
  height: 1px;
  left: var(--wot-cell-padding, var(--wot-size-side-padding, 15px));
  top: 0;
  transform: scaleY(0.5);
  background: var(--wot-dark-border-color, #3a3a3c);
}
.wot-theme-dark .wd-picker[data-v-8e276261] .wd-picker__arrow {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-picker__action--cancel[data-v-8e276261] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-picker__region[data-v-8e276261] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-picker__region.is-active[data-v-8e276261] {
  background: var(--wot-picker-region-bg-active-color, var(--wot-color-theme, #4d80f0));
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
[data-v-8e276261]  .wd-picker__popup {
  border-radius: 16px 16px 0px 0px;
}
.wd-picker__wraper[data-v-8e276261] {
  padding-bottom: var(--window-bottom);
}
.wd-picker.is-border .wd-picker__cell[data-v-8e276261] {
  position: relative;
}
.wd-picker.is-border .wd-picker__cell[data-v-8e276261]::after {
  position: absolute;
  display: block;
  content: "";
  width: calc(100% - var(--wot-cell-padding, var(--wot-size-side-padding, 15px)));
  height: 1px;
  left: var(--wot-cell-padding, var(--wot-size-side-padding, 15px));
  top: 0;
  transform: scaleY(0.5);
  background: var(--wot-color-border-light, #e8e8e8);
}
.wd-picker.is-large .wd-picker__cell[data-v-8e276261] {
  font-size: var(--wot-cell-title-fs-large, 16px);
}
.wd-picker.is-large[data-v-8e276261] .wd-picker__arrow {
  font-size: var(--wot-cell-icon-size-large, 18px);
}
.wd-picker.is-error .wd-picker__value[data-v-8e276261],
.wd-picker.is-error .wd-picker__placeholder[data-v-8e276261] {
  color: var(--wot-input-error-color, var(--wot-color-danger, #fa4350));
}
.wd-picker.is-error[data-v-8e276261] .wd-picker__arrow {
  color: var(--wot-input-error-color, var(--wot-color-danger, #fa4350));
}
.wd-picker.is-align-right .wd-picker__value[data-v-8e276261] {
  text-align: right;
}
.wd-picker__cell[data-v-8e276261] {
  position: relative;
  display: flex;
  padding: var(--wot-cell-wrapper-padding, 10px) var(--wot-cell-padding, var(--wot-size-side-padding, 15px));
  align-items: flex-start;
  background-color: var(--wot-color-white, rgb(255, 255, 255));
  text-decoration: none;
  color: var(--wot-cell-title-color, rgba(0, 0, 0, 0.85));
  font-size: var(--wot-cell-title-fs, 14px);
  overflow: hidden;
  line-height: var(--wot-cell-line-height, 24px);
}
.wd-picker__cell.is-disabled .wd-picker__value[data-v-8e276261] {
  color: var(--wot-input-disabled-color, #d9d9d9);
}
.wd-picker.is-disabled .wd-picker__value[data-v-8e276261] {
  color: var(--wot-picker-column-disabled-color, rgba(0, 0, 0, 0.25));
}
.wd-picker__error-message[data-v-8e276261] {
  color: var(--wot-form-item-error-message-color, var(--wot-color-danger, #fa4350));
  font-size: var(--wot-form-item-error-message-font-size, var(--wot-fs-secondary, 12px));
  line-height: var(--wot-form-item-error-message-line-height, 24px);
  text-align: left;
  vertical-align: middle;
}
.wd-picker__label[data-v-8e276261] {
  position: relative;
  width: var(--wot-input-cell-label-width, 33%);
  margin-right: var(--wot-cell-padding, var(--wot-size-side-padding, 15px));
  color: var(--wot-cell-title-color, rgba(0, 0, 0, 0.85));
  box-sizing: border-box;
}
.wd-picker__label.is-required[data-v-8e276261] {
  padding-left: 12px;
}
.wd-picker__label.is-required[data-v-8e276261]::after {
  position: absolute;
  left: 0;
  top: 2px;
  content: "*";
  font-size: var(--wot-cell-required-size, 18px);
  line-height: 1.1;
  color: var(--wot-cell-required-color, var(--wot-color-danger, #fa4350));
}
.wd-picker__value-wraper[data-v-8e276261] {
  display: flex;
}
.wd-picker__value[data-v-8e276261] {
  flex: 1;
  margin-right: 10px;
  color: var(--wot-cell-value-color, rgba(0, 0, 0, 0.85));
}
.wd-picker__value.is-ellipsis[data-v-8e276261] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wd-picker__body[data-v-8e276261] {
  flex: 1;
}
.wd-picker__placeholder[data-v-8e276261] {
  color: var(--wot-input-placeholder-color, #bfbfbf);
}
[data-v-8e276261]  .wd-picker__arrow {
  display: block;
  font-size: var(--wot-cell-icon-size, 16px);
  color: var(--wot-cell-arrow-color, rgba(0, 0, 0, 0.25));
  line-height: var(--wot-cell-line-height, 24px);
}
.wd-picker__toolbar[data-v-8e276261] {
  position: relative;
  display: flex;
  font-size: var(--wot-picker-toolbar-fs, var(--wot-fs-title, 16px));
  height: var(--wot-picker-toolbar-height, 54px);
  line-height: var(--wot-picker-action-height, 16px);
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.wd-picker__action[data-v-8e276261] {
  display: block;
  border: none;
  outline: none;
  font-size: var(--wot-picker-toolbar-fs, var(--wot-fs-title, 16px));
  color: var(--wot-picker-toolbar-finish-color, var(--wot-color-theme, #4d80f0));
  background: transparent;
  padding: 24px 15px 14px 15px;
}
.wd-picker__action--cancel[data-v-8e276261] {
  color: var(--wot-picker-toolbar-cancel-color, #666666);
}
.wd-picker__action.is-loading[data-v-8e276261] {
  color: var(--wot-picker-loading-button-color, rgba(0, 0, 0, 0.25));
}
.wd-picker__title[data-v-8e276261] {
  display: block;
  float: 1;
  color: var(--wot-picker-toolbar-title-color, rgba(0, 0, 0, 0.85));
}
.wd-picker__region-tabs[data-v-8e276261] {
  display: flex;
}
.wd-picker__region[data-v-8e276261] {
  width: 50%;
  display: inline-block;
  color: var(--wot-picker-region-color, rgba(0, 0, 0, 0.45));
  text-align: center;
  padding: 14px 0;
  font-size: var(--wot-picker-region-fs, 14px);
  line-height: 16px;
  transition: all 0.15s ease-out;
}
.wd-picker__region.is-active[data-v-8e276261] {
  background: var(--wot-picker-region-bg-active-color, var(--wot-color-theme, #4d80f0));
  color: var(--wot-color-white, rgb(255, 255, 255));
}
.wd-picker__region-time[data-v-8e276261] {
  font-size: 16px;
  margin-top: 2px;
}
.wd-picker__hidden[data-v-8e276261] {
  visibility: hidden;
  overflow: hidden;
  height: 0;
}
.wd-picker__show[data-v-8e276261] {
  visibility: visible;
  height: auto;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.search-wrap[data-v-4ab0aeea] {
  position: relative;
  z-index: 0;
  height: 40px;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(184, 184, 184, 0.15);
  transition: 0.3s;
  transform: translateY(var(--6a953ae0));
}
.search-wrap .search-scroll[data-v-4ab0aeea] {
  padding: 0 5px;
  overflow: auto hidden;
  scrollbar-width: thin;
  scrollbar-color: #888888;
}
.search-wrap .search-scroll .side-item[data-v-4ab0aeea] {
  flex-wrap: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 10px;
  font-size: 12px;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 4px;
}
.search-wrap .search-scroll .side-item[data-v-4ab0aeea]:hover {
  height: 80%;
  background-color: #ffffff;
}
.search-wrap .search-scroll .text-no-filter[data-v-4ab0aeea] {
  color: #999999;
  opacity: 0.8;
}
.search-wrap .search-right[data-v-4ab0aeea] {
  box-sizing: border-box;
  height: 100%;
  margin-left: 5px;
  border-left: 2px solid rgba(218, 218, 218, 0.4);
}
.content-list[data-v-4ab0aeea] {
  box-sizing: border-box;
  transition: 0.3s;
  transform: translateY(var(--6a953ae0));
}
.content-list[data-v-4ab0aeea] {
  height: calc(100% - 40px + var(--8a48765c) + var(--38354e6a));
}
.tabs-syl[data-v-4ab0aeea] .uni-scroll-view {
  scrollbar-width: thin !important;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
.wot-theme-dark .wd-segmented[data-v-47b12afd] {
  background: var(--wot-dark-background2, #1b1b1b);
}
.wot-theme-dark .wd-segmented__item[data-v-47b12afd] {
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
}
.wot-theme-dark .wd-segmented__item.is-active[data-v-47b12afd] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-segmented__item.is-active.is-disabled[data-v-47b12afd] {
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
}
.wot-theme-dark .wd-segmented__item.is-disabled[data-v-47b12afd] {
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wot-theme-dark .wd-segmented__item--active[data-v-47b12afd] {
  background-color: var(--wot-color-theme, #4d80f0);
}
.wot-theme-dark .wd-segmented__item--active.is-disabled[data-v-47b12afd] {
  opacity: 0.6;
}
.wd-segmented[data-v-47b12afd] {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-items: flex-start;
  width: 100%;
  background-color: var(--wot-segmented-item-bg-color, #eeeeee);
  padding: var(--wot-segmented-padding, 4px);
  border-radius: 4px;
  box-sizing: border-box;
}
.wd-segmented__item[data-v-47b12afd] {
  position: relative;
  text-align: center;
  border-radius: 4px;
  flex: 1;
  min-width: 0;
  z-index: 1;
  min-height: 28px;
  line-height: 28px;
  padding: 0 12px;
  font-size: 14px;
  color: var(--wot-segmented-item-color, rgba(0, 0, 0, 0.85));
  font-weight: 400;
}
.wd-segmented__item.is-active[data-v-47b12afd] {
  font-weight: 550;
}
.wd-segmented__item.is-large[data-v-47b12afd] {
  min-height: 32px;
  line-height: 32px;
  padding: 0 12px;
  font-size: 16px;
}
.wd-segmented__item.is-small[data-v-47b12afd] {
  min-height: 24px;
  line-height: 24px;
  padding: 0 7px;
  font-size: 12px;
}
.wd-segmented__item.is-disabled[data-v-47b12afd] {
  cursor: no-drop;
  color: var(--wot-segmented-item-disabled-color, rgba(0, 0, 0, 0.25));
}
.wd-segmented__item--active[data-v-47b12afd] {
  background-color: var(--wot-segmented-item-acitve-bg, #ffffff);
  border-radius: 4px;
  height: calc(100% - var(--wot-segmented-padding, 4px) * 2);
}
.wd-segmented__item--active.is-disabled[data-v-47b12afd] {
  opacity: 0.8;
}
.wd-segmented__item-label[data-v-47b12afd] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.old4146[data-v-41274786] {
  position: absolute;
  top: 50%;
  right: 0;
  padding: 0.4rem 1rem;
  font-size: 2rem;
  color: #f6f6f6;
  background-color: #5755d3;
  border: 1px solid #ffffff;
  border-radius: 1rem 0 0 1rem;
  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.3);
  transform: translateY(-50%);
}
.image-wrap[data-v-41274786] {
  position: relative;
  width: 100%;
  height: var(--1561fcc0);
  /* =========================== */
  /* stylelint-disable-next-line selector-type-no-unknown */
}
.image-wrap .card-no[data-v-41274786] {
  position: absolute;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  display: flex;
  align-items: end;
  width: 100%;
  /* height: 100%; */
  color: #f6f6f6;
  letter-spacing: 0.4rem;
}
.image-wrap .back-cvv[data-v-41274786] {
  position: absolute;
  /* bottom: 14.6rem;
  left: 16rem;
  font-size: 2.4rem; */
  font-weight: 600;
  color: #222222;
}
.image-wrap .back-date[data-v-41274786] {
  position: absolute;
  /* right: 11rem;
  bottom: 6.8rem;
  font-size: 2rem; */
  color: #f6f6f6;
}
.image-wrap .xjp-card[data-v-41274786] {
  color: #222222;
}
.image-wrap[data-v-41274786] .u-wrap {
  background-color: unset;
}
.image-wrap[data-v-41274786] .u-image {
  background-color: unset !important;
}
.image-wrap[data-v-41274786] .u-lazy-item {
  height: 100% !important;
}
.image-wrap[data-v-41274786] .u-wrap > uni-view {
  height: 100%;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
.wot-theme-dark .wd-card[data-v-b1a290f1] {
  background-color: var(--wot-dark-background2, #1b1b1b);
}
.wot-theme-dark .wd-card.is-rectangle .wd-card__content[data-v-b1a290f1] {
  position: relative;
}
.wot-theme-dark .wd-card.is-rectangle .wd-card__content[data-v-b1a290f1]::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  top: 0;
  transform: scaleY(0.5);
  background: var(--wot-dark-border-color, #3a3a3c);
}
.wot-theme-dark .wd-card.is-rectangle .wd-card__footer[data-v-b1a290f1] {
  position: relative;
}
.wot-theme-dark .wd-card.is-rectangle .wd-card__footer[data-v-b1a290f1]::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  top: 0;
  transform: scaleY(0.5);
  background: var(--wot-dark-border-color, #3a3a3c);
}
.wot-theme-dark .wd-card__title-content[data-v-b1a290f1] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-card__content[data-v-b1a290f1] {
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
}
.wd-card[data-v-b1a290f1] {
  padding: var(--wot-card-padding, 0 var(--wot-size-side-padding, 15px));
  background-color: var(--wot-card-bg, var(--wot-color-white, rgb(255, 255, 255)));
  line-height: var(--wot-card-line-height, 1.1);
  margin: var(--wot-card-margin, 0 var(--wot-size-side-padding, 15px));
  border-radius: var(--wot-card-radius, 8px);
  box-shadow: var(--wot-card-shadow-color, 0px 4px 8px 0px rgba(0, 0, 0, 0.02));
  font-size: var(--wot-card-fs, var(--wot-fs-content, 14px));
  margin-bottom: 12px;
}
.wd-card.is-rectangle[data-v-b1a290f1] {
  margin-left: 0;
  margin-right: 0;
  border-radius: 0;
  box-shadow: none;
}
.wd-card.is-rectangle .wd-card__title-content[data-v-b1a290f1] {
  font-size: var(--wot-card-fs, var(--wot-fs-content, 14px));
}
.wd-card.is-rectangle .wd-card__content[data-v-b1a290f1] {
  position: relative;
  padding: var(--wot-card-rectangle-content-padding, 16px 0);
  position: relative;
}
.wd-card.is-rectangle .wd-card__content[data-v-b1a290f1]::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  top: 0;
  transform: scaleY(0.5);
  background: var(--wot-card-content-border-color, rgba(0, 0, 0, 0.09));
}
.wd-card.is-rectangle .wd-card__footer[data-v-b1a290f1] {
  position: relative;
  padding: var(--wot-card-rectangle-footer-padding, 12px 0);
  position: relative;
}
.wd-card.is-rectangle .wd-card__footer[data-v-b1a290f1]::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  top: 0;
  transform: scaleY(0.5);
  background: var(--wot-card-content-border-color, rgba(0, 0, 0, 0.09));
}
.wd-card__title-content[data-v-b1a290f1] {
  padding: 16px 0;
  color: var(--wot-card-title-color, rgba(0, 0, 0, 0.85));
  font-size: var(--wot-card-title-fs, var(--wot-fs-title, 16px));
}
.wd-card__content[data-v-b1a290f1] {
  color: var(--wot-card-content-color, rgba(0, 0, 0, 0.45));
  line-height: var(--wot-card-content-line-height, 1.428);
}
.wd-card__footer[data-v-b1a290f1] {
  padding: var(--wot-card-footer-padding, 12px 0 16px);
  text-align: right;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-f2b8c509] .wd-popup {
  border-radius: 16px 16px 0 0;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.new-tag[data-v-185aed7c] {
  position: absolute;
  top: 0px;
  right: 8px;
  z-index: 10;
  padding: 0px 8px;
  font-size: 16px;
  font-style: italic;
  font-weight: 700;
  color: var(--wot-color-theme);
  background-color: var(--weak-primary);
  border: 1px solid var(--wot-color-theme);
  border-radius: 100px;
}
.card-syl[data-v-185aed7c] {
  padding: 8px;
  margin-bottom: 24px;
  cursor: pointer;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08), 0px 8px 16px rgba(0, 0, 0, 0.04);
}
.card-syl.is-opacity[data-v-185aed7c] {
  opacity: 0.6;
}
.card-syl[data-v-185aed7c]:last-child {
  margin-bottom: 10px;
}
.card-syl[data-v-185aed7c] .card-title-syl {
  padding: 0;
}
.card-syl[data-v-185aed7c] .card-footer-syl {
  padding: 0;
}
.card-syl .image-wrap[data-v-185aed7c] {
  position: relative;
}
.card-syl .image-wrap .card-no[data-v-185aed7c] {
  position: absolute;
  bottom: 16px;
  left: 5%;
  font-weight: bold;
  color: #ffffff;
  letter-spacing: 3px;
}
.card-syl .attention[data-v-185aed7c] {
  /* height: 50px; */
  background-color: #e7e2f6;
  border: 2px solid var(--wot-color-theme);
  border-radius: 10px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.img-shadow[data-v-593f4c12] {
  height: 30px;
  transform: scaleX(1.1) translateY(-60%);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
.wot-theme-dark .wd-checkbox__shape[data-v-92af0321] {
  background: transparent;
  border-color: var(--wot-checkbox-border-color, #dcdcdc);
  color: var(--wot-checkbox-check-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-checkbox__label[data-v-92af0321] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-checkbox.is-disabled .wd-checkbox__shape[data-v-92af0321] {
  border-color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
  background: var(--wot-dark-background4, #323233);
}
.wot-theme-dark .wd-checkbox.is-disabled .wd-checkbox__label[data-v-92af0321] {
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wot-theme-dark .wd-checkbox.is-disabled[data-v-92af0321] .wd-checkbox__check {
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wot-theme-dark .wd-checkbox.is-disabled.is-checked .wd-checkbox__shape[data-v-92af0321] {
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wot-theme-dark .wd-checkbox.is-disabled.is-checked .wd-checkbox__label[data-v-92af0321] {
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wot-theme-dark .wd-checkbox.is-disabled.is-button .wd-checkbox__label[data-v-92af0321] {
  border-color: #c8c9cc;
  background: #3a3a3c;
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wot-theme-dark .wd-checkbox.is-disabled.is-button.is-checked .wd-checkbox__label[data-v-92af0321] {
  border-color: #c8c9cc;
  background: #3a3a3c;
  color: #c8c9cc;
}
.wot-theme-dark .wd-checkbox.is-button .wd-checkbox__label[data-v-92af0321] {
  background-color: var(--wot-dark-background, #131313);
}
.wot-theme-dark .wd-checkbox.is-button.is-checked .wd-checkbox__label[data-v-92af0321] {
  background-color: var(--wot-dark-background2, #1b1b1b);
}
.wd-checkbox[data-v-92af0321] {
  display: block;
  margin-bottom: var(--wot-checkbox-margin, 10px);
  font-size: 0;
  -webkit-tap-highlight-color: transparent;
  line-height: 1.2;
}
.wd-checkbox.is-last-child[data-v-92af0321] {
  margin-bottom: 0;
}
.wd-checkbox__shape[data-v-92af0321] {
  position: relative;
  display: inline-block;
  width: var(--wot-checkbox-size, 16px);
  height: var(--wot-checkbox-size, 16px);
  border: 2px solid var(--wot-checkbox-border-color, #dcdcdc);
  border-radius: 50%;
  color: var(--wot-checkbox-check-color, var(--wot-color-white, rgb(255, 255, 255)));
  background: var(--wot-checkbox-bg, var(--wot-color-white, rgb(255, 255, 255)));
  vertical-align: middle;
  transition: background 0.2s;
  box-sizing: border-box;
}
.wd-checkbox__shape.is-square[data-v-92af0321] {
  border-radius: var(--wot-checkbox-square-radius, 4px);
}
.wd-checkbox__input[data-v-92af0321] {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  opacity: 0;
}
[data-v-92af0321]  .wd-checkbox__btn-check {
  display: inline-block;
  font-size: var(--wot-checkbox-icon-size, 14px);
  margin-right: 4px;
  vertical-align: middle;
}
.wd-checkbox__txt[data-v-92af0321] {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wd-checkbox__label[data-v-92af0321] {
  position: relative;
  display: inline-block;
  margin-left: var(--wot-checkbox-label-margin, 9px);
  vertical-align: middle;
  font-size: var(--wot-checkbox-label-fs, 14px);
  color: var(--wot-checkbox-label-color, rgba(0, 0, 0, 0.85));
}
[data-v-92af0321]  .wd-checkbox__check {
  color: var(--wot-checkbox-check-color, var(--wot-color-white, rgb(255, 255, 255)));
  font-size: var(--wot-checkbox-icon-size, 14px);
  opacity: 0;
  transition: opacity 0.2s;
}
.wd-checkbox.is-checked .wd-checkbox__shape[data-v-92af0321] {
  color: var(--wot-checkbox-checked-color, var(--wot-color-theme, #4d80f0));
  background: currentColor;
  border-color: currentColor;
}
.wd-checkbox.is-checked[data-v-92af0321] .wd-checkbox__check {
  opacity: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.wd-checkbox.is-button[data-v-92af0321] {
  display: inline-block;
  margin-bottom: 0;
  margin-right: var(--wot-checkbox-margin, 10px);
  vertical-align: top;
  font-size: var(--wot-checkbox-button-font-size, 14px);
}
.wd-checkbox.is-button.is-last-child[data-v-92af0321] {
  margin-right: 0;
}
.wd-checkbox.is-button .wd-checkbox__shape[data-v-92af0321] {
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  border: none;
}
.wd-checkbox.is-button .wd-checkbox__label[data-v-92af0321] {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-width: var(--wot-checkbox-button-min-width, 78px);
  height: var(--wot-checkbox-button-height, 32px);
  font-size: var(--wot-checkbox-button-font-size, 14px);
  margin-left: 0;
  padding: 5px 15px;
  border: 1px solid var(--wot-checkbox-button-border, #f5f5f5);
  background-color: var(--wot-checkbox-button-bg, rgba(0, 0, 0, 0.04));
  border-radius: var(--wot-checkbox-button-radius, 16px);
  transition: color 0.2s, border 0.2s;
  box-sizing: border-box;
}
.wd-checkbox.is-button.is-checked .wd-checkbox__label[data-v-92af0321] {
  color: var(--wot-checkbox-checked-color, var(--wot-color-theme, #4d80f0));
  background-color: var(--wot-checkbox-bg, var(--wot-color-white, rgb(255, 255, 255)));
  border-color: var(--wot-checkbox-checked-color, var(--wot-color-theme, #4d80f0));
  border-color: currentColor;
}
.wd-checkbox.is-inline[data-v-92af0321] {
  display: inline-block;
  margin-bottom: 0;
  margin-right: var(--wot-checkbox-margin, 10px);
}
.wd-checkbox.is-inline.is-last-child[data-v-92af0321] {
  margin-right: 0;
}
.wd-checkbox.is-disabled .wd-checkbox__shape[data-v-92af0321] {
  border-color: var(--wot-checkbox-border-color, #dcdcdc);
  background: var(--wot-checkbox-disabled-check-bg, rgba(0, 0, 0, 0.15));
}
.wd-checkbox.is-disabled .wd-checkbox__label[data-v-92af0321] {
  color: var(--wot-checkbox-disabled-label-color, rgba(0, 0, 0, 0.25));
}
.wd-checkbox.is-disabled.is-checked .wd-checkbox__shape[data-v-92af0321] {
  color: var(--wot-checkbox-disabled-check-color, rgba(0, 0, 0, 0.15));
}
.wd-checkbox.is-disabled.is-checked .wd-checkbox__label[data-v-92af0321] {
  color: var(--wot-checkbox-disabled-label-color, rgba(0, 0, 0, 0.25));
}
.wd-checkbox.is-disabled.is-button .wd-checkbox__label[data-v-92af0321] {
  background: var(--wot-checkbox-disabled-color, rgba(0, 0, 0, 0.04));
  border-color: var(--wot-checkbox-button-border, #f5f5f5);
  color: var(--wot-checkbox-disabled-label-color, rgba(0, 0, 0, 0.25));
}
.wd-checkbox.is-disabled.is-button.is-checked .wd-checkbox__label[data-v-92af0321] {
  border-color: var(--wot-checkbox-button-disabled-border, rgba(0, 0, 0, 0.15));
}
.wd-checkbox.is-cell-box[data-v-92af0321] {
  padding: 13px 15px;
  margin: 0;
}
.wd-checkbox.is-cell-box.is-large[data-v-92af0321] {
  padding: 14px 15px;
}
.wd-checkbox.is-button-box[data-v-92af0321] {
  display: inline-flex;
  width: 33.3333%;
  padding: 12px 12px 0 0;
  box-sizing: border-box;
}
.wd-checkbox.is-button-box .wd-checkbox__label[data-v-92af0321] {
  width: 100%;
}
.wd-checkbox.is-button-box[data-v-92af0321]:last-child::after {
  content: "";
  display: table;
  clear: both;
}
.wd-checkbox.is-large .wd-checkbox__shape[data-v-92af0321] {
  width: var(--wot-checkbox-large-size, 18px);
  height: var(--wot-checkbox-large-size, 18px);
  font-size: var(--wot-checkbox-large-size, 18px);
}
.wd-checkbox.is-large .wd-checkbox__label[data-v-92af0321] {
  font-size: var(--wot-checkbox-large-label-fs, 16px);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
.wot-theme-dark .wd-tooltip__pos[data-v-fbdfaf22] {
  background: var(--wot-dark-background4, #323233);
  color: var(--wot-tooltip-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-tooltip__arrow[data-v-fbdfaf22] {
  position: absolute;
  width: 0;
  height: 0;
}
.wot-theme-dark .wd-tooltip__arrow-down[data-v-fbdfaf22] {
  border-left: var(--wot-tooltip-arrow-size, 5px) solid transparent;
  border-right: var(--wot-tooltip-arrow-size, 5px) solid transparent;
  border-top: var(--wot-tooltip-arrow-size, 5px) solid var(--wot-dark-background4, #323233);
  transform: translateX(-50%);
  bottom: calc(-1 * var(--wot-tooltip-arrow-size, 5px));
}
.wot-theme-dark .wd-tooltip__arrow-up[data-v-fbdfaf22] {
  border-left: var(--wot-tooltip-arrow-size, 5px) solid transparent;
  border-right: var(--wot-tooltip-arrow-size, 5px) solid transparent;
  border-bottom: var(--wot-tooltip-arrow-size, 5px) solid var(--wot-dark-background4, #323233);
  transform: translateX(-50%);
  top: calc(-1 * var(--wot-tooltip-arrow-size, 5px));
}
.wot-theme-dark .wd-tooltip__arrow-left[data-v-fbdfaf22] {
  border-top: var(--wot-tooltip-arrow-size, 5px) solid transparent;
  border-bottom: var(--wot-tooltip-arrow-size, 5px) solid transparent;
  border-right: var(--wot-tooltip-arrow-size, 5px) solid var(--wot-dark-background4, #323233);
  transform: translateY(-50%);
  left: calc(-1 * var(--wot-tooltip-arrow-size, 5px));
}
.wot-theme-dark .wd-tooltip__arrow-right[data-v-fbdfaf22] {
  border-top: var(--wot-tooltip-arrow-size, 5px) solid transparent;
  border-bottom: var(--wot-tooltip-arrow-size, 5px) solid transparent;
  border-left: var(--wot-tooltip-arrow-size, 5px) solid var(--wot-dark-background4, #323233);
  transform: translateY(-50%);
  right: calc(-1 * var(--wot-tooltip-arrow-size, 5px));
}
.wd-tooltip[data-v-fbdfaf22] {
  position: relative;
  display: inline-block;
}
[data-v-fbdfaf22]  .wd-tooltip__pos {
  position: absolute;
  min-width: 138px;
  min-height: 36px;
  font-size: var(--wot-tooltip-fs, var(--wot-fs-content, 14px));
  -webkit-backdrop-filter: blur(var(--wot-tooltip-blur, 10px));
          backdrop-filter: blur(var(--wot-tooltip-blur, 10px));
  background-clip: padding-box;
  border-radius: var(--wot-tooltip-radius, 8px);
  background: var(--wot-tooltip-bg, rgba(38, 39, 40, 0.8));
  color: var(--wot-tooltip-color, var(--wot-color-white, rgb(255, 255, 255)));
  text-align: center;
  box-sizing: border-box;
  z-index: var(--wot-tooltip-z-index, 500);
}
.wd-tooltip__hidden[data-v-fbdfaf22] {
  left: -100vw;
  bottom: -100vh;
  visibility: hidden;
}
.wd-tooltip__container[data-v-fbdfaf22] {
  line-height: var(--wot-tooltip-line-height, 18px);
  font-size: var(--wot-tooltip-fs, var(--wot-fs-content, 14px));
}
.wd-tooltip__inner[data-v-fbdfaf22] {
  padding: var(--wot-tooltip-padding, 9px 20px);
  white-space: nowrap;
  line-height: var(--wot-tooltip-line-height, 18px);
}
[data-v-fbdfaf22]  .wd-tooltip__close-icon {
  font-size: 12px;
  position: absolute;
  right: -8px;
  top: -10px;
  transform: scale(0.5);
  padding: 10px;
}
.wd-tooltip__arrow[data-v-fbdfaf22] {
  position: absolute;
  width: 0;
  height: 0;
}
.wd-tooltip__arrow-down[data-v-fbdfaf22] {
  border-left: var(--wot-tooltip-arrow-size, 5px) solid transparent;
  border-right: var(--wot-tooltip-arrow-size, 5px) solid transparent;
  border-top: var(--wot-tooltip-arrow-size, 5px) solid var(--wot-tooltip-bg, rgba(38, 39, 40, 0.8));
  transform: translateX(-50%);
  bottom: calc(-1 * var(--wot-tooltip-arrow-size, 5px));
}
.wd-tooltip__arrow-up[data-v-fbdfaf22] {
  border-left: var(--wot-tooltip-arrow-size, 5px) solid transparent;
  border-right: var(--wot-tooltip-arrow-size, 5px) solid transparent;
  border-bottom: var(--wot-tooltip-arrow-size, 5px) solid var(--wot-tooltip-bg, rgba(38, 39, 40, 0.8));
  transform: translateX(-50%);
  top: calc(-1 * var(--wot-tooltip-arrow-size, 5px));
}
.wd-tooltip__arrow-left[data-v-fbdfaf22] {
  border-top: var(--wot-tooltip-arrow-size, 5px) solid transparent;
  border-bottom: var(--wot-tooltip-arrow-size, 5px) solid transparent;
  border-right: var(--wot-tooltip-arrow-size, 5px) solid var(--wot-tooltip-bg, rgba(38, 39, 40, 0.8));
  transform: translateY(-50%);
  left: calc(-1 * var(--wot-tooltip-arrow-size, 5px));
}
.wd-tooltip__arrow-right[data-v-fbdfaf22] {
  border-top: var(--wot-tooltip-arrow-size, 5px) solid transparent;
  border-bottom: var(--wot-tooltip-arrow-size, 5px) solid transparent;
  border-left: var(--wot-tooltip-arrow-size, 5px) solid var(--wot-tooltip-bg, rgba(38, 39, 40, 0.8));
  transform: translateY(-50%);
  right: calc(-1 * var(--wot-tooltip-arrow-size, 5px));
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.vamp-syl .vamp-class[data-v-d895077b] {
  margin-bottom: 8px;
  font-size: 16px !important;
  transform: scale(1.5) !important;
  transform-origin: left center !important;
}
.vamp-syl .vamp-mr[data-v-d895077b] {
  margin-right: 16px !important;
}
.privacy-text.center[data-v-d895077b] {
  justify-content: center;
}
.privacy-text[data-v-d895077b] .wd-button {
  margin: unset;
}
.privacy-text[data-v-d895077b] .wd-checkbox__label {
  margin-left: 0.1px !important;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.img-shadow[data-v-c4b4cc24] {
  height: 30px;
  transform: scaleX(1.1) translateY(-60%);
}
[data-v-c4b4cc24] .wd-cell__title {
  font-weight: 800;
}
[data-v-c4b4cc24] .wd-cell__title .wd-cell__label {
  font-size: 13px !important;
  font-weight: 500;
  color: #555555;
  white-space: wrap;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.cards-scroll-syl[data-v-773bb8d6] {
  height: calc(100% - 40px - 10px);
  margin-top: 10px;
  overflow: overlay;
}
.wd-segmented[data-v-773bb8d6] {
  align-items: center;
  height: 50px;
}
[data-v-773bb8d6] .wd-segmented__item.is-active {
  color: rgb(218, 218, 238);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
.wot-theme-dark .wd-cell-group[data-v-25d508b6] {
  background-color: var(--wot-dark-background2, #1b1b1b);
}
.wot-theme-dark .wd-cell-group.is-border .wd-cell-group__title[data-v-25d508b6] {
  position: relative;
}
.wot-theme-dark .wd-cell-group.is-border .wd-cell-group__title[data-v-25d508b6]::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  transform: scaleY(0.5);
  background: var(--wot-dark-border-color, #3a3a3c);
}
.wot-theme-dark .wd-cell-group__title[data-v-25d508b6] {
  background: var(--wot-dark-background2, #1b1b1b);
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-cell-group__right[data-v-25d508b6] {
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
}
.wot-theme-dark .wd-cell-group__body[data-v-25d508b6] {
  background: var(--wot-dark-background2, #1b1b1b);
}
.wd-cell-group[data-v-25d508b6] {
  background-color: var(--wot-color-white, rgb(255, 255, 255));
}
.wd-cell-group.is-border .wd-cell-group__title[data-v-25d508b6] {
  position: relative;
}
.wd-cell-group.is-border .wd-cell-group__title[data-v-25d508b6]::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  transform: scaleY(0.5);
  background: var(--wot-color-border-light, #e8e8e8);
}
.wd-cell-group__title[data-v-25d508b6] {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: var(--wot-cell-group-padding, 13px var(--wot-cell-padding, var(--wot-size-side-padding, 15px)));
  background: var(--wot-color-white, rgb(255, 255, 255));
  font-size: var(--wot-cell-group-title-fs, var(--wot-fs-title, 16px));
  color: var(--wot-cell-group-title-color, rgba(0, 0, 0, 0.85));
  font-weight: var(--wot-fw-medium, 500);
  line-height: 1.43;
}
.wd-cell-group__right[data-v-25d508b6] {
  color: var(--wot-cell-group-value-color, var(--wot-color-content, #262626));
  font-size: var(--wot-cell-group-value-fs, var(--wot-fs-content, 14px));
}
.wd-cell-group__body[data-v-25d508b6] {
  background: var(--wot-color-white, rgb(255, 255, 255));
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.attention[data-v-45bfbf3c] {
  background-color: #e7e2f6;
  border: 2px solid var(--wot-color-theme);
  border-radius: 10px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
.wd-tag[data-v-aaaeb2d0] {
  font-size: var(--wot-tag-small-fs, var(--wot-fs-aid, 10px));
  display: inline-block;
  color: var(--wot-tag-color, var(--wot-color-white, rgb(255, 255, 255)));
  padding: 0 3px;
  border-radius: 2px;
  transition: opacity 0.3s;
  vertical-align: middle;
  line-height: initial;
}
.wd-tag.is-default[data-v-aaaeb2d0] {
  background: var(--wot-tag-info-bg, linear-gradient(49deg,#808080 0%,#999999 100%));
}
.wd-tag.is-default.is-plain[data-v-aaaeb2d0] {
  background: transparent;
  color: var(--wot-tag-info-color, #585858);
  border: 1px solid var(--wot-tag-info-color, #585858);
  padding: 0 4px;
}
.wd-tag.is-default.is-round[data-v-aaaeb2d0] {
  line-height: 1.2;
  font-size: var(--wot-tag-fs, var(--wot-fs-secondary, 12px));
  padding: 4px 11px;
  background: transparent;
  color: var(--wot-tag-round-color, rgb(102, 102, 102));
  border: 1px solid var(--wot-tag-round-border-color, rgb(225, 225, 225));
  border-radius: var(--wot-tag-round-radius, 12px);
}
.wd-tag.is-default.is-mark[data-v-aaaeb2d0] {
  padding: 1px 6px;
  border-radius: var(--wot-tag-mark-radius, 6px 2px 6px 2px);
}
.wd-tag.is-default.is-mark.is-plain[data-v-aaaeb2d0] {
  padding: 0 6px;
}
.wd-tag.is-default.is-active[data-v-aaaeb2d0] {
  color: var(--wot-tag-primary-color, var(--wot-color-theme, #4d80f0));
  border-color: var(--wot-tag-primary-color, var(--wot-color-theme, #4d80f0));
}
.wd-tag.is-primary[data-v-aaaeb2d0] {
  background: var(--wot-tag-primary-bg, var(--wot-color-theme, #4d80f0));
}
.wd-tag.is-primary.is-plain[data-v-aaaeb2d0] {
  background: transparent;
  color: var(--wot-tag-primary-color, var(--wot-color-theme, #4d80f0));
  border: 1px solid var(--wot-tag-primary-color, var(--wot-color-theme, #4d80f0));
  padding: 0 4px;
}
.wd-tag.is-primary.is-round[data-v-aaaeb2d0] {
  line-height: 1.2;
  font-size: var(--wot-tag-fs, var(--wot-fs-secondary, 12px));
  padding: 4px 11px;
  background: transparent;
  color: var(--wot-tag-primary-color, var(--wot-color-theme, #4d80f0));
  border: 1px solid var(--wot-tag-primary-color, var(--wot-color-theme, #4d80f0));
  border-radius: var(--wot-tag-round-radius, 12px);
}
.wd-tag.is-primary.is-mark[data-v-aaaeb2d0] {
  padding: 1px 6px;
  border-radius: var(--wot-tag-mark-radius, 6px 2px 6px 2px);
}
.wd-tag.is-primary.is-mark.is-plain[data-v-aaaeb2d0] {
  padding: 0 6px;
}
.wd-tag.is-primary.is-active[data-v-aaaeb2d0] {
  color: var(--wot-tag-primary-color, var(--wot-color-theme, #4d80f0));
  border-color: var(--wot-tag-primary-color, var(--wot-color-theme, #4d80f0));
}
.wd-tag.is-danger[data-v-aaaeb2d0] {
  background: var(--wot-tag-danger-bg, var(--wot-color-danger, #fa4350));
}
.wd-tag.is-danger.is-plain[data-v-aaaeb2d0] {
  background: transparent;
  color: var(--wot-tag-danger-color, var(--wot-color-danger, #fa4350));
  border: 1px solid var(--wot-tag-danger-color, var(--wot-color-danger, #fa4350));
  padding: 0 4px;
}
.wd-tag.is-danger.is-round[data-v-aaaeb2d0] {
  line-height: 1.2;
  font-size: var(--wot-tag-fs, var(--wot-fs-secondary, 12px));
  padding: 4px 11px;
  background: transparent;
  color: var(--wot-tag-danger-color, var(--wot-color-danger, #fa4350));
  border: 1px solid var(--wot-tag-danger-color, var(--wot-color-danger, #fa4350));
  border-radius: var(--wot-tag-round-radius, 12px);
}
.wd-tag.is-danger.is-mark[data-v-aaaeb2d0] {
  padding: 1px 6px;
  border-radius: var(--wot-tag-mark-radius, 6px 2px 6px 2px);
}
.wd-tag.is-danger.is-mark.is-plain[data-v-aaaeb2d0] {
  padding: 0 6px;
}
.wd-tag.is-danger.is-active[data-v-aaaeb2d0] {
  color: var(--wot-tag-primary-color, var(--wot-color-theme, #4d80f0));
  border-color: var(--wot-tag-primary-color, var(--wot-color-theme, #4d80f0));
}
.wd-tag.is-warning[data-v-aaaeb2d0] {
  background: var(--wot-tag-warning-bg, var(--wot-color-warning, #f0883a));
}
.wd-tag.is-warning.is-plain[data-v-aaaeb2d0] {
  background: transparent;
  color: var(--wot-tag-warning-color, var(--wot-color-warning, #f0883a));
  border: 1px solid var(--wot-tag-warning-color, var(--wot-color-warning, #f0883a));
  padding: 0 4px;
}
.wd-tag.is-warning.is-round[data-v-aaaeb2d0] {
  line-height: 1.2;
  font-size: var(--wot-tag-fs, var(--wot-fs-secondary, 12px));
  padding: 4px 11px;
  background: transparent;
  color: var(--wot-tag-warning-color, var(--wot-color-warning, #f0883a));
  border: 1px solid var(--wot-tag-warning-color, var(--wot-color-warning, #f0883a));
  border-radius: var(--wot-tag-round-radius, 12px);
}
.wd-tag.is-warning.is-mark[data-v-aaaeb2d0] {
  padding: 1px 6px;
  border-radius: var(--wot-tag-mark-radius, 6px 2px 6px 2px);
}
.wd-tag.is-warning.is-mark.is-plain[data-v-aaaeb2d0] {
  padding: 0 6px;
}
.wd-tag.is-warning.is-active[data-v-aaaeb2d0] {
  color: var(--wot-tag-primary-color, var(--wot-color-theme, #4d80f0));
  border-color: var(--wot-tag-primary-color, var(--wot-color-theme, #4d80f0));
}
.wd-tag.is-success[data-v-aaaeb2d0] {
  background: var(--wot-tag-success-bg, var(--wot-color-success, #34d19d));
}
.wd-tag.is-success.is-plain[data-v-aaaeb2d0] {
  background: transparent;
  color: var(--wot-tag-success-color, var(--wot-color-success, #34d19d));
  border: 1px solid var(--wot-tag-success-color, var(--wot-color-success, #34d19d));
  padding: 0 4px;
}
.wd-tag.is-success.is-round[data-v-aaaeb2d0] {
  line-height: 1.2;
  font-size: var(--wot-tag-fs, var(--wot-fs-secondary, 12px));
  padding: 4px 11px;
  background: transparent;
  color: var(--wot-tag-success-color, var(--wot-color-success, #34d19d));
  border: 1px solid var(--wot-tag-success-color, var(--wot-color-success, #34d19d));
  border-radius: var(--wot-tag-round-radius, 12px);
}
.wd-tag.is-success.is-mark[data-v-aaaeb2d0] {
  padding: 1px 6px;
  border-radius: var(--wot-tag-mark-radius, 6px 2px 6px 2px);
}
.wd-tag.is-success.is-mark.is-plain[data-v-aaaeb2d0] {
  padding: 0 6px;
}
.wd-tag.is-success.is-active[data-v-aaaeb2d0] {
  color: var(--wot-tag-primary-color, var(--wot-color-theme, #4d80f0));
  border-color: var(--wot-tag-primary-color, var(--wot-color-theme, #4d80f0));
}
.wd-tag.is-icon[data-v-aaaeb2d0] {
  font-size: var(--wot-tag-fs, var(--wot-fs-secondary, 12px));
  line-height: 1.2;
  padding: 2px 5px;
}
.wd-tag.is-dynamic[data-v-aaaeb2d0] {
  box-sizing: border-box;
  width: 88px;
  transition: 0.3s;
}
.wd-tag.is-dynamic[data-v-aaaeb2d0]:active {
  color: var(--wot-tag-primary-color, var(--wot-color-theme, #4d80f0));
  border-color: var(--wot-tag-primary-color, var(--wot-color-theme, #4d80f0));
}
.wd-tag.is-dynamic-input[data-v-aaaeb2d0] {
  border-color: var(--wot-tag-primary-color, var(--wot-color-theme, #4d80f0));
}
[data-v-aaaeb2d0]  .wd-tag__icon {
  display: inline-block;
  margin-right: 4px;
  font-size: var(--wot-tag-fs, var(--wot-fs-secondary, 12px));
  line-height: 1.2;
  vertical-align: baseline;
}
.wd-tag__text[data-v-aaaeb2d0] {
  display: inline-block;
  vertical-align: text-top;
}
.wd-tag__add-text[data-v-aaaeb2d0] {
  width: 60px;
  height: 14px;
  min-height: 14px;
  display: inline-block;
  font-size: var(--wot-tag-fs, var(--wot-fs-secondary, 12px));
  vertical-align: middle;
  padding: 0;
}
.wd-tag__close[data-v-aaaeb2d0] {
  display: inline-block;
  margin-left: 24px;
  margin-right: -4px;
  font-size: var(--wot-tag-close-size, 14px);
  height: 14px;
  line-height: 1.1;
  vertical-align: text-bottom;
  color: var(--wot-tag-close-color, var(--wot-tag-info-color, #585858));
}
.wd-tag__close[data-v-aaaeb2d0]:active {
  color: var(--wot-tag-close-active-color, rgba(0, 0, 0, 0.45));
}
[data-v-aaaeb2d0]  .wd-tag__add {
  vertical-align: bottom;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.refund-syl[data-v-24a1f240] {
  box-sizing: border-box;
  height: 100%;
  background-color: #f5f5f5;
}
.refund-syl .item-syl[data-v-24a1f240] {
  background-color: #ffffff;
  border-radius: 10px;
}
[data-v-24a1f240] .wd-popup {
  max-height: 80%;
  border-radius: 20px 20px 0 0;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.confirm-page-syl[data-v-f7e5b12b] {
  height: calc(100% - 60px);
  overflow: overlay;
}
.confirm-page-syl .confirm-header[data-v-f7e5b12b] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid rgb(243, 243, 243);
  box-shadow: 0 100.5px 117.5px 0 rgba(94, 94, 94, 0.15);
}
.confirm-page-syl[data-v-f7e5b12b] .wd-cell-group__body {
  overflow: hidden;
  border-radius: 14px;
}
.confirm-page-syl[data-v-f7e5b12b] .wd-cell-group__body .wd-cell__right {
  overflow: hidden;
}
.confirm-page-syl[data-v-f7e5b12b] .wd-cell-group__body .wd-cell__right .wd-cell__value {
  width: 100%;
  /* overflow: hidden; 
  text-overflow: ellipsis; 
  white-space: nowrap;  */
  word-wrap: break-word;
}
.bottom-button[data-v-f7e5b12b] {
  border-top: 1px solid rgb(243, 243, 243);
}
[data-v-f7e5b12b]  .wd-message-box .custom-shadow {
  display: none;
}
[data-v-f7e5b12b]  .wd-message-box .wd-message-box__actions {
  padding: 8px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.download-app-wrap[data-v-3d1e7a25] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
.download-app-wrap .download-app-syl[data-v-3d1e7a25] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  background: url("/static/images/download/download.png") no-repeat top/cover;
  animation: fadeInAndLoop-3d1e7a25 5s forwards,fadeLoop-3d1e7a25 4s 5s infinite alternate;
}
.download-app-wrap .download-app-syl .content-syl[data-v-3d1e7a25] {
  flex-wrap: wrap;
  min-width: var(--00d87d56);
  margin: 0 auto;
}
.download-app-wrap .download-app-syl .content-syl .download-item[data-v-3d1e7a25] {
  box-sizing: border-box;
  width: var(--03ef86a5);
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #ffffff;
  border-radius: 4px;
}
.download-app-wrap .download-app-syl .qr-wrap[data-v-3d1e7a25] {
  padding: 6px;
  border: 1px solid #ffffff;
  border-radius: 4px;
}
.download-app-wrap .rollback-syl[data-v-3d1e7a25] {
  position: absolute;
  top: 6px;
  left: 10px;
}
.download-app-wrap[data-v-3d1e7a25] .wd-popup {
  padding: 14px 18px;
  border-radius: 16px;
}
@keyframes fadeInAndLoop-3d1e7a25 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes fadeLoop-3d1e7a25 {
0% {
    opacity: 1;
}
50% {
    opacity: 0.9;
}
100% {
    opacity: 1;
}
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.node-wrap[data-v-10e19e00] {
  padding: 20px 0 24px;
  background-color: var(--36ae2692);
  border: 1px solid #f0f0f0;
  border-radius: 100px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.06);
}
.node-wrap .node-container[data-v-10e19e00] {
  position: relative;
  height: 70px;
}
.node-wrap .node-container .circle[data-v-10e19e00] {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-color: transparent;
  border: 6px solid var(--weak-primary);
  border-radius: 50%;
  transition: 0.5s;
}
.node-wrap .node-container .circle.user-level[data-v-10e19e00] {
  border-color: var(--wot-color-theme) !important;
}
.node-wrap .node-container .circle.checked-node[data-v-10e19e00] {
  border-color: #ae9ed8;
  transform: scale(1.2);
}
.node-wrap .node-container .line[data-v-10e19e00] {
  position: relative;
  z-index: 0;
  flex: 1;
  height: 6px;
  background-color: var(--weak-primary);
  opacity: 0.9;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.node-level-syl[data-v-9f654b3f] {
  position: relative;
  padding: 20px 20px 30px;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 1.86px 2.8px 1px rgba(0, 0, 0, 0.2);
}
.node-level-syl .opaticy[data-v-9f654b3f] {
  opacity: 0.8;
}
.node-level-syl .current-button[data-v-9f654b3f] {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.node-level-syl .rate-item[data-v-9f654b3f] {
  height: 90px;
  background-color: #eeefe8;
  border-radius: 24px;
}
.node-level-syl .rate-item[data-v-9f654b3f]:nth-child(2) {
  margin: 0 10px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.total-details[data-v-a2ac42fd] .wd-button__content {
  align-items: flex-end;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.invite-code-view[data-v-98d4c154] {
  box-sizing: border-box;
  background-color: rgba(246, 246, 246, 0.9647058824);
  border-radius: 10px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-b2a53a27] .invite-popup-syl {
  height: 64%;
  border-radius: 14px 14px 0 0;
}
[data-v-b2a53a27] .invite-popup-syl .scroll-content {
  height: calc(100% - 50px - 70px);
  overflow-y: overlay;
  background: linear-gradient(to right bottom, #e7e2f6 0%, #ffffff 50%);
}
[data-v-b2a53a27] .invite-popup-syl .scroll-content .img-bottom {
  background-color: #eeefe8;
  border-radius: 0 0 10px 10px;
}
[data-v-b2a53a27] .invite-popup-syl .scroll-content .qr-right {
  position: relative;
  flex: 1;
}
[data-v-b2a53a27] .invite-popup-syl .scroll-content .qr-right .qrcode-wrap {
  position: absolute;
  top: 0;
  right: 0;
  transform: scale(0.4);
  transform-origin: top right;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-34d222fa] .buy-node-popup-syl {
  height: 80%;
  border-radius: 14px 14px 0 0;
}
[data-v-34d222fa] .buy-node-popup-syl .scroll-content {
  height: calc(100% - 50px - 60px);
  overflow-y: overlay;
  background: linear-gradient(to right bottom, #e7e2f6 0%, #ffffff 50%);
}
[data-v-34d222fa] .buy-node-popup-syl .scroll-content .node-syl {
  padding: 20px;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 1.86px 2.8px 1px rgba(0, 0, 0, 0.2);
}
[data-v-34d222fa] .buy-node-popup-syl .scroll-content .node-syl .payment-syl {
  background-color: #f8f8f8;
  border: 2px solid #f8f8f8;
  border-radius: 10px;
  transition: 0.3s;
}
[data-v-34d222fa] .buy-node-popup-syl .scroll-content .node-syl .payment-syl.payment-current {
  border: 2px solid var(--wot-color-theme);
}
[data-v-34d222fa] .buy-node-popup-syl .scroll-content .node-syl .payment-syl .pay-type-icon {
  transition: 0.3s;
  transform: scale(0);
}
[data-v-34d222fa] .buy-node-popup-syl .scroll-content .node-syl .payment-syl .current-icon {
  transform: scale(1);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-218915fc] .container-view {
  padding: 0;
}
.invite-wrap-syl[data-v-218915fc] {
  height: calc(100% - 60px);
  overflow-y: overlay;
}
.invite-wrap-syl .invite-syl[data-v-218915fc] {
  box-sizing: border-box;
  padding: 10px;
  background: linear-gradient(to right bottom, #e7e2f6 0%, transparent 50%);
}
.invite-wrap-syl .invite-syl .current-level-syl[data-v-218915fc] {
  position: relative;
  height: 200px;
  background-color: #ffffff;
  box-shadow: 0 1.5px 7.5px 0 rgba(0, 0, 0, 0.15);
}
.invite-wrap-syl .invite-syl .current-level-syl .current-button[data-v-218915fc] {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.invite-wrap-syl .invite-syl .node-info-syl[data-v-218915fc] {
  position: relative;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 1.5px 7.5px 0 rgba(0, 0, 0, 0.15);
}
.bottom-button[data-v-218915fc] {
  border-top: 1px solid rgb(243, 243, 243);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.filter-height[data-v-82fca19f] {
  height: calc(100% - 64px);
}
.filter-height .title-bg[data-v-82fca19f] {
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px 10px;
  background-color: #eeefe8;
  border-radius: 6px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
.wot-theme-dark .wd-search[data-v-6bb79eb7] {
  background: var(--wot-dark-background4, #323233);
}
.wot-theme-dark .wd-search__block[data-v-6bb79eb7] {
  background-color: var(--wot-dark-background, #131313);
}
.wot-theme-dark .wd-search__input[data-v-6bb79eb7] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-search__cover[data-v-6bb79eb7] {
  background-color: var(--wot-dark-background, #131313);
}
.wot-theme-dark .wd-search__search-icon[data-v-6bb79eb7] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-search__search-left-icon[data-v-6bb79eb7] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-search__clear[data-v-6bb79eb7] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-search__cancel[data-v-6bb79eb7] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-search.is-light[data-v-6bb79eb7] {
  background: var(--wot-dark-background4, #323233);
}
.wot-theme-dark .wd-search.is-light .wd-search__block[data-v-6bb79eb7] {
  background: var(--wot-dark-background7, #707070);
}
.wot-theme-dark .wd-search.is-light .wd-search__cover[data-v-6bb79eb7] {
  background: var(--wot-dark-background7, #707070);
}
.wd-search[data-v-6bb79eb7] {
  display: flex;
  padding: var(--wot-search-padding, 10px 0 10px var(--wot-search-side-padding, var(--wot-size-side-padding, 15px)));
  align-items: center;
  background: #fff;
}
.wd-search__block[data-v-6bb79eb7] {
  flex: 1;
  background-color: var(--wot-search-input-bg, var(--wot-color-bg, #f5f5f5));
  border-radius: var(--wot-search-input-radius, 15px);
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.wd-search__field[data-v-6bb79eb7] {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.wd-search__input[data-v-6bb79eb7] {
  flex: 1;
  height: var(--wot-search-input-height, 30px);
  box-sizing: border-box;
  padding: var(--wot-search-input-padding, 0 32px 0 42px);
  border: none;
  background: transparent;
  font-size: var(--wot-search-input-fs, var(--wot-fs-content, 14px));
  -webkit-appearance: none;
  outline: none;
  color: var(--wot-search-input-color, #262626);
  z-index: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wd-search__input[data-v-6bb79eb7]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.wd-search__cover[data-v-6bb79eb7] {
  width: 100%;
  height: var(--wot-search-input-height, 30px);
  background-color: var(--wot-search-input-bg, var(--wot-color-bg, #f5f5f5));
  line-height: var(--wot-search-input-height, 30px);
  font-size: var(--wot-search-input-fs, var(--wot-fs-content, 14px));
  border-radius: var(--wot-search-input-radius, 15px);
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
[data-v-6bb79eb7]  .wd-search__search-icon {
  margin-right: 8px;
  color: var(--wot-search-icon-color, var(--wot-color-icon, #d9d9d9));
  font-size: var(--wot-search-icon-size, 18px);
}
[data-v-6bb79eb7]  .wd-search__search-left-icon {
  position: absolute;
  font-size: var(--wot-search-icon-size, 18px);
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  color: var(--wot-search-icon-color, var(--wot-color-icon, #d9d9d9));
}
.wd-search__placeholder-txt[data-v-6bb79eb7] {
  color: var(--wot-search-placeholder-color, #bfbfbf);
  font-size: var(--wot-search-input-fs, var(--wot-fs-content, 14px));
}
[data-v-6bb79eb7]  .wd-search__clear {
  position: absolute;
  right: 0;
  padding: 6px 9px 6px 7px;
  color: var(--wot-search-cancel-color, rgba(0, 0, 0, 0.65));
}
[data-v-6bb79eb7]  .wd-search__clear-icon {
  vertical-align: middle;
  font-size: var(--wot-search-clear-icon-size, var(--wot-fs-title, 16px));
}
.wd-search__cancel[data-v-6bb79eb7] {
  padding: var(--wot-search-cancel-padding, 0 var(--wot-search-side-padding, var(--wot-size-side-padding, 15px)) 0 10px);
  height: var(--wot-search-input-height, 30px);
  line-height: var(--wot-search-input-height, 30px);
  font-size: var(--wot-search-cancel-fs, var(--wot-fs-title, 16px));
  color: var(--wot-search-cancel-color, rgba(0, 0, 0, 0.65));
  -webkit-tap-highlight-color: transparent;
}
.wd-search.is-light[data-v-6bb79eb7] {
  background: var(--wot-search-light-bg, var(--wot-color-bg, #f5f5f5));
}
.wd-search.is-light .wd-search__block[data-v-6bb79eb7] {
  background: #fff;
}
.wd-search.is-light .wd-search__cover[data-v-6bb79eb7] {
  background: #fff;
}
.wd-search.is-without-cancel[data-v-6bb79eb7] {
  padding-right: var(--wot-search-side-padding, var(--wot-size-side-padding, 15px));
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
.wot-theme-dark .wd-collapse-item[data-v-8e04a9fd] {
  position: relative;
}
.wot-theme-dark .wd-collapse-item[data-v-8e04a9fd]::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  top: 0;
  transform: scaleY(0.5);
  background: var(--wot-dark-border-color, #3a3a3c);
}
.wot-theme-dark .wd-collapse-item__title[data-v-8e04a9fd] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-collapse-item__body[data-v-8e04a9fd] {
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
}
.wot-theme-dark .wd-collapse-item.is-disabled .wd-collapse-item__title[data-v-8e04a9fd] {
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wot-theme-dark .wd-collapse-item.is-disabled .wd-collapse-item__arrow[data-v-8e04a9fd] {
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wd-collapse-item[data-v-8e04a9fd] {
  position: relative;
  position: relative;
}
.wd-collapse-item[data-v-8e04a9fd]::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  top: 0;
  transform: scaleY(0.5);
  background: var(--wot-color-border-light, #e8e8e8);
}
.wd-collapse-item__header[data-v-8e04a9fd] {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--wot-collapse-header-padding, 13px var(--wot-size-side-padding, 15px));
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.wd-collapse-item__header.is-expanded[data-v-8e04a9fd] {
  position: relative;
}
.wd-collapse-item__header.is-expanded[data-v-8e04a9fd]::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  transform: scaleY(0.5);
  background: var(--wot-color-border-light, #e8e8e8);
}
.wd-collapse-item__header.is-custom[data-v-8e04a9fd] {
  display: block;
}
.wd-collapse-item__title[data-v-8e04a9fd] {
  color: var(--wot-collapse-title-color, rgba(0, 0, 0, 0.85));
  font-weight: var(--wot-fw-medium, 500);
  font-size: var(--wot-collapse-title-fs, 16px);
}
[data-v-8e04a9fd]  .wd-collapse-item__arrow {
  display: block;
  font-size: var(--wot-collapse-arrow-size, 18px);
  color: var(--wot-collapse-arrow-color, #d8d8d8);
  transition: transform 0.3s;
}
[data-v-8e04a9fd]  .wd-collapse-item__arrow.is-retract {
  transform: rotate(-180deg);
}
.wd-collapse-item__wrapper[data-v-8e04a9fd] {
  position: relative;
  overflow: hidden;
  will-change: height;
}
.wd-collapse-item__body[data-v-8e04a9fd] {
  color: var(--wot-collapse-body-color, rgba(0, 0, 0, 0.65));
  font-size: var(--wot-collapse-body-fs, 14px);
  padding: var(--wot-collapse-body-padding, 14px var(--wot-size-side-padding, 15px));
  line-height: 1.43;
}
.wd-collapse-item.is-disabled .wd-collapse-item__title[data-v-8e04a9fd] {
  color: var(--wot-collapse-disabled-color, rgba(0, 0, 0, 0.15));
}
.wd-collapse-item.is-disabled .wd-collapse-item__arrow[data-v-8e04a9fd] {
  color: var(--wot-collapse-disabled-color, rgba(0, 0, 0, 0.15));
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
.wot-theme-dark .wd-collapse[data-v-0f19b337] {
  background: var(--wot-dark-background2, #1b1b1b);
}
.wot-theme-dark .wd-collapse__content[data-v-0f19b337] {
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
}
.wd-collapse[data-v-0f19b337] {
  background: var(--wot-color-white, rgb(255, 255, 255));
}
.wd-collapse.is-viewmore[data-v-0f19b337] {
  padding: var(--wot-collapse-side-padding, var(--wot-size-side-padding, 15px));
}
.wd-collapse__content[data-v-0f19b337] {
  font-size: var(--wot-collapse-body-fs, 14px);
  color: var(--wot-collapse-body-color, rgba(0, 0, 0, 0.65));
}
.wd-collapse__content.is-retract[data-v-0f19b337] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: var(--wot-collapse-retract-fs, 14px);
}
.wd-collapse__more[data-v-0f19b337] {
  display: inline-block;
  font-size: var(--wot-collapse-retract-fs, 14px);
  margin-top: 8px;
  color: var(--wot-collapse-more-color, var(--wot-color-theme, #4d80f0));
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.wd-collapse__more-txt[data-v-0f19b337] {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
.wd-collapse__arrow[data-v-0f19b337] {
  display: inline-block;
  vertical-align: middle;
  transition: transform 0.1s;
  font-size: var(--wot-collapse-arrow-size, 18px);
  height: var(--wot-collapse-arrow-size, 18px);
  line-height: var(--wot-collapse-arrow-size, 18px);
}
.wd-collapse__arrow.is-retract[data-v-0f19b337] {
  transform: rotate(-180deg);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.team-syl[data-v-d249faab] {
  box-sizing: border-box;
  width: 100%;
  height: 0px;
  padding-left: 10px;
  overflow: hidden;
  background-color: #f2f4fa;
  border-radius: 6px;
  transition: height 0.5s;
}
.team-syl.team-show[data-v-d249faab] {
  height: 90px;
}
.content-text span[data-v-d249faab] {
  flex: 1;
  text-align: center;
}
.content-text span[data-v-d249faab]:nth-child(2) {
  text-align: center;
}
.flex-container-r[data-v-d249faab] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

/* .flex-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.flex-container-r span {
	flex: 1;
	text-align: right;
}
.flex-container-r span:nth-child(2) {
	text-align: right;
} */
.filter-height[data-v-d249faab] {
  height: calc(100% - 50px - 130px);
}
.filter-height[data-v-d249faab] .wd-collapse-item__header {
  display: flex;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
.wd-gap--safe[data-v-ec703d90] {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.level-position[data-v-5fb0277e] {
  position: absolute;
  top: -7.4px;
  right: 1px;
  display: flex;
  justify-content: center;
  width: 10px;
  font-size: 12px;
  opacity: 0.8;
  transform: scale(0.7);
}
.tag-syl[data-v-5fb0277e] {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  height: 24px;
  padding: 10px;
}
.no-wrap-syl[data-v-5fb0277e] .wd-cell__left {
  white-space: nowrap;
}
.wd-cell__left .coderljx[data-v-5fb0277e] {
  color: #666666;
}
.wd-cell-group[data-v-5fb0277e] {
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 0px 2px 0px rgba(0, 0, 0, 0.15);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-a2f48308] .container-view {
  padding: 0;
}
.profile-syl[data-v-a2f48308] {
  background: #f9f9f9;
}
.profile-syl .about-syl[data-v-a2f48308] {
  position: absolute;
  top: 14px;
  right: 20px;
}
.profile-syl[data-v-a2f48308] .wd-cell-group__title {
  flex-direction: column;
  padding-left: 10px;
  font-size: 14px;
  font-weight: 600;
}
.profile-syl[data-v-a2f48308] .wd-card {
  margin: unset;
  /* color: rgb(238, 239, 248); */
  background-color: unset;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-585582be] .container-view {
  padding: 0;
}

/* wd-toast {
	z-index: 10000 !important;
} *//* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/* 选项卡样式 */
[data-v-d7bb8f62] .wd-segmented {
  background-color: rgba(255, 255, 255, 0.4) !important;
}
[data-v-d7bb8f62] .wd-segmented__item.is-active {
  color: rgb(218, 218, 238);
}
uni-page-body[data-v-d7bb8f62] {
  background-color: #333333;
}
body[data-v-d7bb8f62] {
  background-color: #333333;
}

/* 扫描容器样式 */
.canvasBox[data-v-d7bb8f62] {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: rgba(17, 17, 17, 0);
  /* 网格背景 */
  background-image: linear-gradient(0deg, transparent 24%, rgba(32, 255, 77, 0.1) 25%, rgba(32, 255, 77, 0.1) 26%, transparent 27%, transparent 74%, rgba(32, 255, 77, 0.1) 75%, rgba(32, 255, 77, 0.1) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(32, 255, 77, 0.1) 25%, rgba(32, 255, 77, 0.1) 26%, transparent 27%, transparent 74%, rgba(32, 255, 77, 0.1) 75%, rgba(32, 255, 77, 0.1) 76%, transparent 77%, transparent);
  background-position: -1rem -1rem;
  background-size: 3rem 3rem;
}
.canvasBox .currency-syl[data-v-d7bb8f62] {
  position: absolute;
  top: 10px;
  left: 50%;
  z-index: 20;
  transform: translateX(-50%);
}
.canvasBox .close-syl[data-v-d7bb8f62] {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 20;
  transform: translateX(-50%);
}

/* 扫描框样式 */
.box[data-v-d7bb8f62] {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 11;
  width: 200px;
  height: 200px;
  overflow: hidden;
  border: 0.1rem solid rgba(0, 255, 51, 0.2);
  transform: translate(-50%, -50%);
}

/* 扫描线动画 */
.line[data-v-d7bb8f62] {
  width: 100%;
  height: calc(100% - 2px);
  background: linear-gradient(180deg, rgba(0, 255, 51, 0) 43%, #00ff33 211%);
  border-bottom: 3px solid #00ff33;
  transform: translateY(-100%);
  animation: radar-beam-d7bb8f62 2s infinite alternate;
  animation-timing-function: cubic-bezier(0.53, 0, 0.43, 0.99);
  animation-delay: 1.4s;
}

/* 扫描框四个角 */
.box[data-v-d7bb8f62]:after,
.box[data-v-d7bb8f62]:before,
.angle[data-v-d7bb8f62]:after,
.angle[data-v-d7bb8f62]:before {
  position: absolute;
  z-index: 12;
  display: block;
  width: 3vw;
  height: 3vw;
  content: "";
  border: 0.2rem solid transparent;
}
.box[data-v-d7bb8f62]:after,
.box[data-v-d7bb8f62]:before {
  top: 0;
  border-top-color: #00ff33;
}
.angle[data-v-d7bb8f62]:after,
.angle[data-v-d7bb8f62]:before {
  bottom: 0;
  border-bottom-color: #00ff33;
}
.box[data-v-d7bb8f62]:before,
.angle[data-v-d7bb8f62]:before {
  left: 0;
  border-left-color: #00ff33;
}
.box[data-v-d7bb8f62]:after,
.angle[data-v-d7bb8f62]:after {
  right: 0;
  border-right-color: #00ff33;
}

/* 扫描线动画关键帧 */
@keyframes radar-beam-d7bb8f62 {
0% {
    transform: translateY(-100%);
}
100% {
    transform: translateY(0);
}
}
.msg[data-v-d7bb8f62] {
  padding: 0.625rem 0;
  text-align: center;
}

/* 手电筒容器 */
.box2[data-v-d7bb8f62] {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 20;
  width: 300px;
  height: 200px;
  transform: translate(-50%, -50%);
}

/* 手电筒按钮 */
.track[data-v-d7bb8f62] {
  position: absolute;
  bottom: -100px;
  left: 50%;
  z-index: 20;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #ffffff;
  transform: translateX(-50%);
}

/* 遮罩层样式 */
.mask[data-v-d7bb8f62] {
  position: absolute;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.55);
}
.mask1[data-v-d7bb8f62] {
  top: 0;
  right: 0;
  left: 0;
}
.mask2[data-v-d7bb8f62] {
  right: 0;
}
.mask3[data-v-d7bb8f62] {
  right: 0;
  bottom: 0;
  left: 0;
}
.mask4[data-v-d7bb8f62] {
  left: 0;
}

/* 错误提示样式 */
.error[data-v-d7bb8f62] {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 17.1875rem;
  padding: 1.25rem;
  font-size: 0.75rem;
  color: #ffffff;
  background-color: #333333;
  border-radius: 0.625rem;
  transform: translate(-50%, -50%);
}
.error .on1[data-v-d7bb8f62] {
  font-size: 0.9375rem;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-8a4cd6ae] .container-view {
  padding: 0;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-b9af7a6c] .container-view {
  padding: 0;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.scan-item-syl[data-v-d9aeaba5] {
  padding: 14px;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.15);
}
.scan-item-syl .line[data-v-d9aeaba5] {
  width: 100%;
  height: 2px; /* 线的基础高度 */
  background-image: linear-gradient(to right, transparent 0%, var(--wot-color-theme) 60%, var(--wot-color-theme) 60%, transparent 100%);
}
.scan-item-syl .scan-icon[data-v-d9aeaba5] {
  width: 50px;
  height: 50px;
  color: var(--wot-color-theme);
  background-color: var(--weak-primary);
  border-radius: 30px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-a5f7dfb0] .container-view {
  padding: 0;
}
.scan-syl[data-v-a5f7dfb0] {
  overflow: hidden;
}
.scan-syl .scan-title[data-v-a5f7dfb0] {
  position: absolute;
  box-sizing: border-box;
  background-color: var(--wot-color-theme);
}
.scan-syl .scan-main[data-v-a5f7dfb0] {
  margin: 80px auto 0;
}
.scan-syl .scan-main .content[data-v-a5f7dfb0] {
  position: relative;
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}
.scan-syl .scan-main .content .scan-box[data-v-a5f7dfb0] {
  width: 60%;
  height: 60%;
  background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
  border-radius: 50%;
  box-shadow: 0px 6px 16px 6px rgba(184, 221, 252, 0.9);
}
.scan-syl .scan-content[data-v-a5f7dfb0] {
  box-sizing: border-box;
  padding: 20px 16px;
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}
.scan-syl .scan-content .content-item[data-v-a5f7dfb0] {
  width: 48%;
  padding: 14px 0;
  background-color: var(--wot-color-theme);
  border-radius: 6px;
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  /* width: 48%;
  	height: 40px;
  	border-radius: 4px;
  	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15); */
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.email-syl[data-v-962b30b0] {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: calc(100% - 20px);
}
[data-v-962b30b0] .button-syl {
  color: var(--wot-color-theme);
  background-color: var(--weak-primary);
}
[data-v-962b30b0] .button-syl .wd-icon {
  font-size: 20px;
  color: var(--wot-color-theme);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.verify-code[data-v-334bfe55] {
  width: 100%;
  background-color: #ffffff;
  border-radius: 2px;
}
.verify-code-title[data-v-334bfe55] {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid #e4e7eb;
}
.verify-code-title-text[data-v-334bfe55] {
  font-size: 16px;
  color: #626464;
}
.verify-code-view[data-v-334bfe55] {
  padding: 15px;
}
.verify-code-view-panel[data-v-334bfe55] {
  position: relative;
  width: 100%;
  height: 160px;
  margin-bottom: 15px;
  background-repeat: no-repeat;
  background-size: cover;
}
.verify-code-view-panel .selected[data-v-334bfe55] {
  position: absolute;
  z-index: 98;
  width: 35px;
  height: 35px;
  opacity: 0.8;
  transform: translate(-50%, -50%);
}
.verify-code-view-panel .selected-text[data-v-334bfe55] {
  position: absolute;
  top: 40%;
  left: 50%;
  z-index: 9;
  font-size: 12px;
  color: #ffffff;
  transform: translate(-50%, -50%);
}
.verify-code-view-panel .selected-image[data-v-334bfe55] {
  position: absolute;
  width: 35px;
  height: 35px;
}
.verify-code-view-panel .originalText[data-v-334bfe55] {
  position: absolute;
}
.verify-code-view-panel .refresh[data-v-334bfe55] {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
  display: inline-block;
  padding: 2px 6px;
  background-color: rgba(0, 0, 0, 0.42);
}
.verify-code-view-tips[data-v-334bfe55] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 38px;
  background-color: #f7f9fa;
  border: 1px solid #e4e7eb;
  border-radius: 2px;
}
.verify-code-view-tips-text[data-v-334bfe55] {
  font-size: 14px;
}
.verify-code-view-tips .text-weight[data-v-334bfe55] {
  margin-left: 4px;
  font-weight: 700;
}
.verify-code .loading-panel[data-v-334bfe55] {
  position: relative;
  background-color: #f7f9fa;
}
.verify-code .loading-panel-image[data-v-334bfe55] {
  width: 40px;
  height: 40px;
}
[data-v-334bfe55] .wd-popup {
  box-sizing: border-box;
  width: 90%;
  max-width: 600px;
  padding: 10px 10px;
  border-radius: 14px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-23179ea5] .privacy-wrap .wd-message-box__container {
  width: unset;
}
.user-avatar[data-v-23179ea5] {
  width: 54px;
  height: 54px;
  font-size: 18px;
  font-weight: bold;
  background-color: rgba(105, 49, 253, 0.15);
  border-radius: 50%;
}
[data-v-23179ea5] .email-syl {
  box-sizing: border-box;
  height: calc(100% - 80px);
  /* overflow-y: overlay; */
}
[data-v-23179ea5] .email-syl .input-border-syl {
  padding: 10px 16px !important;
  background-color: #f6f6f6;
  border: 2px solid #ffffff !important;
  border-radius: 8px;
  transition: all 0.3s linear;
}
[data-v-23179ea5] .email-syl .foucus-syl {
  background-color: #ffffff;
  border: 2px solid var(--wot-color-theme) !important;
  box-shadow: 0 0 0 2px #e7e2f6;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.welcome-syl[data-v-063cbc21] {
  height: calc(100% - 20px);
}
.welcome-syl .xkard-style[data-v-063cbc21] {
  color: transparent;
  background: linear-gradient(315deg, #5c20fe 10%, #ed6a74 60%, #5c20fe 100%);
  -webkit-background-clip: text;
          background-clip: text;
}
.welcome-syl .arrow-right-button[data-v-063cbc21] {
  transform: rotate(90deg);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.tn-form[data-v-d3b3b2ef] {
  display: block;
  position: relative;
  width: 100%;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.tn-form-item[data-v-f2f674a7] {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 0.8125rem;
  /* 错误信息 start */
  /* 错误信息 end */
  /* formItem-wrapper start */
  /* formItem-wrapper end */
  /* formItem-label start */
  /* formItem-label end */
  /* formItem-content start */
  /* formItem-content end */
  /* 标签的位置 start */
  /* 标签的位置 end */
  /* form-item 尺寸 start */
  /* form-item 尺寸 end */
}
.tn-form-item__error-message[data-v-f2f674a7] {
  width: 100%;
  margin-top: 0.125rem;
}
.tn-form-item__wrapper[data-v-f2f674a7] {
  display: flex;
  align-items: center;
  width: 100%;
}
.tn-form-item__label[data-v-f2f674a7] {
  flex-shrink: 0;
  padding: 0 0.5rem 0 0;
  /* 必选项星号 start */
  /* 必选项星号 end */
}
.tn-form-item__label--asterisk-left[data-v-f2f674a7]::before {
  content: "*";
  color: var(--tn-color-red);
  margin-right: 0.125rem;
}
.tn-form-item__label--asterisk-right[data-v-f2f674a7]::after {
  content: "*";
  color: var(--tn-color-red);
  margin-left: 0.125rem;
}
.tn-form-item__content[data-v-f2f674a7] {
  flex-grow: 1;
}
.tn-form-item--label-top .tn-form-item__wrapper[data-v-f2f674a7] {
  display: block;
}
.tn-form-item--label-top .tn-form-item__label[data-v-f2f674a7] {
  width: 100%;
  padding-bottom: 0.3125rem;
}
.tn-form-item--label-top .tn-form-item__content[data-v-f2f674a7] {
  width: 100%;
}
.tn-form-item--label-right .tn-form-item__label[data-v-f2f674a7] {
  text-align: right;
}
.tn-form-item--label-left .tn-form-item__label[data-v-f2f674a7] {
  text-align: left;
}
.tn-form-item--sm .tn-form-item__label[data-v-f2f674a7] {
  font-size: 0.6875rem;
}
.tn-form-item--sm .tn-form-item__error-message[data-v-f2f674a7] {
  font-size: 0.6875rem;
}
.tn-form-item--lg .tn-form-item__label[data-v-f2f674a7] {
  font-size: 1.0625rem;
}
.tn-form-item--lg .tn-form-item__error-message[data-v-f2f674a7] {
  font-size: 1.0625rem;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.tn-verify-code-input[data-v-5d946399] {
  position: relative;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  /* 验证码输入 */
  /* 验证码输入框 start */
  /* 验证码输入框 end */
}
.tn-verify-code-input__input[data-v-5d946399] {
  position: absolute;
  background-color: transparent;
  left: -100%;
  top: 0;
  width: 200%;
  height: 100%;
  padding: 0;
  z-index: 2;
  caret-color: transparent;
  opacity: 0;
}
.tn-verify-code-input__code-input[data-v-5d946399] {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  z-index: 1;
}
.tn-verify-code-input__code-input-item[data-v-5d946399] {
  position: relative;
  width: 2.5rem;
  font-size: 1.5rem;
}
.tn-verify-code-input__code-input-item + .tn-verify-code-input__code-input-item[data-v-5d946399] {
  margin-left: 0.625rem;
}
.tn-verify-code-input__code-input-item--wrapper[data-v-5d946399] {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 110%;
}
.tn-verify-code-input__code-input-item--container[data-v-5d946399] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* 输入提示框 start */
  /* border */
  /* middle-vline */
  /* middle-hline */
  /* bottom-hline */
  /* 输入提示框 end */
  /* 输入框的值 start */
  /* 输入框的值 end */
}
.tn-verify-code-input__code-input-item--container .border[data-v-5d946399] {
  width: 100%;
  height: 100%;
  border-width: 0.125rem;
  border-style: solid;
  border-radius: 0.46875rem;
  /* border vline */
  /* border hline */
}
.tn-verify-code-input__code-input-item--container .border.is-breath[data-v-5d946399] {
  animation: breath-animation-5d946399 1s ease-in-out infinite alternate;
}
.tn-verify-code-input__code-input-item--container .border .border-vline[data-v-5d946399] {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.125rem;
  height: 40%;
  transform: translate(-50%, -50%);
}
.tn-verify-code-input__code-input-item--container .border .border-vline.is-breath[data-v-5d946399] {
  animation: breath-animation-5d946399 1s ease-in-out infinite alternate;
}
.tn-verify-code-input__code-input-item--container .border .border-hline[data-v-5d946399] {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40%;
  height: 0.125rem;
  transform: translate(-50%, -50%);
}
.tn-verify-code-input__code-input-item--container .border .border-hline.is-breath[data-v-5d946399] {
  animation: breath-animation-5d946399 1s ease-in-out infinite alternate;
}
.tn-verify-code-input__code-input-item--container .middle-vline[data-v-5d946399] {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.125rem;
  height: 60%;
  transform: translate(-50%, -50%);
}
.tn-verify-code-input__code-input-item--container .middle-vline.is-breath[data-v-5d946399] {
  animation: breath-animation-5d946399 1s ease-in-out infinite alternate;
}
.tn-verify-code-input__code-input-item--container .middle-hline[data-v-5d946399] {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60%;
  height: 0.125rem;
  transform: translate(-50%, -50%);
}
.tn-verify-code-input__code-input-item--container .middle-hline.is-breath[data-v-5d946399] {
  animation: breath-animation-5d946399 1s ease-in-out infinite alternate;
}
.tn-verify-code-input__code-input-item--container .bottom-hline[data-v-5d946399] {
  position: absolute;
  left: 50%;
  bottom: 10%;
  width: 60%;
  height: 0.125rem;
  transform: translate(-50%, -50%);
}
.tn-verify-code-input__code-input-item--container .bottom-hline.is-breath[data-v-5d946399] {
  animation: breath-animation-5d946399 1s ease-in-out infinite alternate;
}
.tn-verify-code-input__code-input-item--container .code-value[data-v-5d946399] {
  position: absolute;
  left: 50%;
  top: 50%;
  line-height: 1;
  transform: translate(-50%, -50%);
  font-size: inherit;
}
.tn-verify-code-input__code-input-item--container .code-value.is-dot[data-v-5d946399] {
  border-radius: 50%;
  background-color: #333;
}
@keyframes breath-animation-5d946399 {
0% {
    opacity: 0.2;
}
100% {
    opacity: 1;
}
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.code-input-syl[data-v-d9935707] {
  width: 100%;
}
.code-input-syl[data-v-d9935707] .tn-verify-code-input__code-input {
  justify-content: space-evenly;
  width: 100%;
}
.code-input-syl[data-v-d9935707] .tn-verify-code-input__code-input .tn-code-active_border {
  background-color: var(--weak-primary);
  border: 1px solid var(--wot-color-theme);
}
.code-input-syl[data-v-d9935707] .tn-verify-code-input__code-input .tn-code-inactive_border {
  background-color: #f6f6f6;
  border-color: var(--weak-primary);
}
.code-input-syl[data-v-d9935707] .tn-verify-code-input__code-input .code-value {
  font-size: 3.6rem;
  color: var(--wot-color-theme);
}
.code-input-syl[data-v-d9935707] .tn-verify-code-input__code-input .code-value.is-dot {
  width: 2rem !important;
  height: 2rem !important;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
.wot-theme-dark .wd-count-down[data-v-9774e728] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wd-count-down[data-v-9774e728] {
  color: var(--wot-count-down-text-color, var(--wot-color-gray-8, #323233));
  font-size: var(--wot-count-down-font-size, var(--wot-fs-content, 14px));
  line-height: var(--wot-count-down-line-height, 20px);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-1e269a5a] .box-type {
  box-sizing: border-box;
  width: 100%;
}
[data-v-1e269a5a] .box-type .u-code-input {
  justify-content: space-around;
}
[data-v-1e269a5a] .box-type .u-code-input .u-code-input__item {
  width: 40px !important;
  height: 50px !important;
  background-color: #ebebeb;
  border: 1px solid #ebebeb !important;
  border-radius: 4px;
}
.count-down .wd-button[data-v-1e269a5a] {
  margin-right: 2px;
  margin-left: 0;
}
.theme[data-v-1e269a5a] {
  font-size: 14px;
  color: var(--wot-button-normal-disabled-color);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.cell-tag[data-v-a524e3da] {
  padding: 2px 10px;
  font-size: 12px;
  font-weight: bold;
  color: #565b1a;
  background-color: #eeefe8;
  border-radius: 20px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.max-disable[data-v-814ca42a] {
  opacity: 0.4;
}
.max-disable .max-syl[data-v-814ca42a] {
  cursor: not-allowed !important;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-957c1ecf] .wd-popup {
  height: var(--dacca204);
  padding: 16px 16px;
  border-radius: 20px 20px 0 0;
}
.phone-item[data-v-957c1ecf] {
  position: relative;
  padding: 12px 16px;
  cursor: pointer;
  border-bottom: 1px solid #f0f0f0;
  transition: 0.4s;
}
.phone-item[data-v-957c1ecf]:hover {
  background-color: #f5f5f5;
}
.phone-item[data-v-957c1ecf]:active {
  background-color: #f0f0f0;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.cell-item[data-v-3f9dd79f] {
  padding: 10px 6px;
  transition: 0.4s;
}
.cell-item[data-v-3f9dd79f]:hover {
  background-color: #f5f5f5;
}
.cell-item[data-v-3f9dd79f]:active {
  background-color: #f0f0f0;
}
.img-wrap[data-v-3f9dd79f] {
  overflow: hidden;
  border-radius: 20px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.both-currency[data-v-2595a990] {
  padding: 12px 16px 15px;
  background-color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 10px;
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.15);
  transition: all 0.2s linear;
}
.both-currency .diable[data-v-2595a990] {
  cursor: not-allowed !important;
  opacity: 0.4;
}
.both-currency .lmt-text[data-v-2595a990] {
  /* stylelint-disable-next-line selector-type-no-unknown */
}
.both-currency .lmt-text[data-v-2595a990] uni-text {
  white-space: nowrap !important;
}
.both-currency.focus-syl[data-v-2595a990] {
  background-color: #ffffff;
  border: 2px solid var(--wot-color-theme) !important;
  /* box-shadow: 0 0 0 2px #e7e2f6; */
  box-shadow: 0 10px 10px 0 rgba(94, 94, 94, 0.15);
}
.both-currency .ratio-image[data-v-2595a990] {
  overflow: hidden;
  border-radius: 20px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.buy-crypto-syl .center-bottom-wrap[data-v-3ae36233] {
  position: relative;
}
.buy-crypto-syl .center-bottom-wrap .center-bottom[data-v-3ae36233] {
  position: absolute;
  top: -100%;
  left: 50%;
  z-index: 10;
  width: 46px;
  height: 46px;
  background-color: #f6f6f6;
  border-radius: 25px;
  box-shadow: inset 0 1px 4px 1px rgba(0, 0, 0, 0.15);
  transform: translateX(-50%) translateY(-10px);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-1a648127] .wd-popup {
  padding: 4px 16px 30px;
  border-radius: 20px 20px 0 0;
}
.currency-icon[data-v-1a648127] {
  background-color: #f6f6f6;
  border-radius: 10px;
}
.ratio-image[data-v-1a648127] {
  overflow: hidden;
  border-radius: 13px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.fee-syl[data-v-5af40fb5] {
  box-sizing: border-box;
  height: 70px;
  padding: 20px;
  border: 0.5px solid rgb(190, 190, 190);
  border-radius: 10px;
}
.fee-syl .line[data-v-5af40fb5] {
  width: 0.5px;
  background-color: rgb(190, 190, 190);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.wallet-syl[data-v-9fa0204d] .wd-badge__content {
  font-size: 10px;
}
.wallet-syl .buy-wrap[data-v-9fa0204d] {
  padding: 14px 14px 30px;
  background-color: #f6f6f6;
  border-radius: 14px;
  box-shadow: 0 0px 2px 0px rgba(0, 0, 0, 0.06);
}
.wallet-syl .buy-wrap[data-v-9fa0204d] .wd-collapse {
  border-radius: 14px;
}
.wallet-syl .button-syl[data-v-9fa0204d] {
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.15);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.wd-card.is-rectangle[data-v-7a4cfde5] {
  border-radius: 10px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1) !important;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.slide-up-enter-active[data-v-ef80a663],
.slide-up-leave-active[data-v-ef80a663] {
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.slide-up-enter[data-v-ef80a663],
.slide-up-leave-to[data-v-ef80a663] {
  opacity: 0;
  transform: translateY(20px);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.skl-main[data-v-966e48e1] {
  height: calc(100% - 54px);
  overflow: overlay;
}
.skl-main .wallet-status[data-v-966e48e1] {
  padding: 30px 10px 20px 10px;
}
.skl-main .wallet-content[data-v-966e48e1] {
  padding: 14px;
  margin: 10px 10px;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.skl-main[data-v-966e48e1] .end-syl .wd-skeleton__row {
  display: flex;
  justify-content: end;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-f9baf61d] .container-view {
  padding: 0px;
}
.record-wallet-syl[data-v-f9baf61d] {
  height: 100%;
  background-color: #f6f6f6;
}
.record-wallet-syl .record-wallet-main[data-v-f9baf61d] {
  height: calc(100% - 54px);
  overflow: overlay;
}
.record-wallet-syl .record-wallet-main .wallet-status[data-v-f9baf61d] {
  padding: 30px 10px 20px 10px;
}
.record-wallet-syl .record-wallet-main .wallet-order[data-v-f9baf61d] {
  /* height: 50px; */
  padding: 14px;
  margin: 10px 10px;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.record-wallet-syl .record-wallet-main .wallet-order[data-v-f9baf61d] .wd-collapse-item__header {
  padding: 12px 0px;
}
.record-wallet-syl .record-wallet-main .wallet-order .fee-wrap[data-v-f9baf61d] {
  width: 40px;
  height: 40px;
  background-color: #f6f6f6;
  border-radius: 20px;
}
.record-wallet-syl .record-wallet-main .wallet-order .single-price[data-v-f9baf61d] .wd-cell__wrapper {
  padding: 0 0 14px 0;
}
.record-wallet-syl .record-wallet-main .wallet-order .choose-content[data-v-f9baf61d] {
  padding: 10px;
  background-color: #f6f6f6;
  border-radius: 12px;
}
.record-wallet-syl .record-wallet-main .wallet-order .fee-syl[data-v-f9baf61d] {
  padding-top: 10px;
  border-top: 1px solid rgb(241, 241, 241);
}
.record-wallet-syl .record-wallet-main .wallet-info[data-v-f9baf61d] {
  /* height: 50px; */
  padding: 14px;
  margin: 10px 10px;
  background-color: #ffffff;
  border-radius: 10px;
}
[data-v-f9baf61d] .wd-cell {
  padding-right: 0px;
  padding-left: 0px;
}
[data-v-f9baf61d] .wd-cell__wrapper {
  padding-right: 0px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.bg-wrap[data-v-362733af] {
  padding: 20px;
  background-color: var(--weak-primary);
  border-radius: 100px;
  transition: 0.4s;
  transform: rotate(90deg);
}
.bg-wrap.rotate-icon[data-v-362733af] {
  transform: rotate(135deg);
}
[data-v-362733af] .wd-popup {
  border-radius: 16px 16px 0 0;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-c8504dfc] .container-view {
  padding: 0;
}
.choose-syl[data-v-c8504dfc] {
  box-sizing: border-box;
  padding: 10px;
  background-color: #f5f5f5;
}
.choose-syl .disable-gray[data-v-c8504dfc] {
  filter: grayscale(100%);
  opacity: 0.4;
}
.choose-syl .choose-scroll-syl[data-v-c8504dfc] {
  box-sizing: border-box;
  height: calc(100% - 50px - 10px);
  margin-top: 10px;
  overflow: overlay;
}
.choose-syl .choose-scroll-syl[data-v-c8504dfc] .wd-collapse {
  background-color: #ffffff;
}
.choose-syl .choose-scroll-syl .icon-wrap[data-v-c8504dfc] {
  width: 40px;
  height: 40px;
  background-color: #000000;
  border-radius: 20px;
}
.choose-syl .choose-scroll-syl .choose-content[data-v-c8504dfc] {
  padding: 10px;
  background-color: #f6f6f6;
  border-radius: 14px;
}
.choose-syl .choose-scroll-syl .choose-content .icon-wrap-content[data-v-c8504dfc] {
  width: 40px;
  height: 40px;
  background-color: #e6e6e6;
  border-radius: 20px;
}
.choose-syl .choose-scroll-syl .choose-button[data-v-c8504dfc] {
  padding: 10px;
  background-color: var(--wot-color-theme);
  border-radius: 100px;
  transition: background-color 0.3s, transform 0.2s, box-shadow 0.2s;
}
.choose-syl .choose-scroll-syl .choose-button[data-v-c8504dfc]:hover {
  background-color: #7644fd;
  /* transform: scale(1.05); */
}
.choose-syl .choose-scroll-syl .choose-button[data-v-c8504dfc]:active {
  background-color: #4b1acc;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  transform: scale(0.98);
}
[data-v-c8504dfc] .wd-collapse {
  border-radius: 16px;
}
.wd-segmented[data-v-c8504dfc] {
  align-items: center;
  height: 50px;
}
[data-v-c8504dfc] .wd-segmented__item-label {
  font-size: clamp(10px, 2.4rem, 20px); /* 最小值16px，首选2.4rem，最大值24px */
}
[data-v-c8504dfc] .wd-segmented__item.is-active {
  color: rgb(218, 218, 238);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.card-swiper[data-v-40f2b02c] {
  height: 31rem;
  padding-bottom: 4rem;
}
.card-swiper .card-swiper-item[data-v-40f2b02c] {
  display: flex;
  align-items: center;
  perspective: 2000px;
}
.card-swiper .card-swiper-item .card-content[data-v-40f2b02c] {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  transition: 0.6s ease;
  transform: scale(0.8);
  transform-style: preserve-3d;
}
.card-swiper .card-swiper-item .card-content.border-12[data-v-40f2b02c] {
  border: 4px solid var(--weak-primary);
  border-radius: 4rem;
}
.card-swiper .card-swiper-item .card-content .ribbon[data-v-40f2b02c] {
  position: absolute;
  top: 0;
  right: 20%;
  padding: 1.2rem 2rem;
  font-size: 1.8rem;
  font-weight: 600;
  color: #f6f6f6;
  letter-spacing: 0.2rem;
  white-space: nowrap;
  background-color: var(--wot-color-theme);
  border-radius: 0 0 3rem 3rem;
  box-shadow: 0 0 2px 1px #c2c1c3;
  /* transform: translateX(-20%); */
}
.card-swiper .card-swiper-item .card-content .ribbon-tips[data-v-40f2b02c] {
  position: absolute;
  top: -2px;
  right: 0.5rem;
  font-size: 4rem;
  color: #f8bb01;
}
.card-swiper .card-swiper-item .card-content.is-reversal[data-v-40f2b02c] {
  transform: rotateY(180deg);
  /* animation: wobble 1.2s cubic-bezier(0.5, 1, 0.89, 1) 0.6s !important; */
}
.card-swiper .card-swiper-item .card-content.is-active[data-v-40f2b02c] {
  transform: scale(1);
}
.card-swiper .card-swiper-item .card-content.is-active.is-reversal[data-v-40f2b02c] {
  transform: rotateY(180deg);
}
.card-swiper .card-swiper-item .card-content .card-front[data-v-40f2b02c],
.card-swiper .card-swiper-item .card-content .card-back[data-v-40f2b02c] {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 14px;
}
.card-swiper .card-swiper-item .card-content .card-back[data-v-40f2b02c] {
  backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotateY(180deg);
}
.card-swiper .card-swiper-item .card-content .default-card[data-v-40f2b02c] {
  background-color: #f0f0f0;
}
.card-swiper .card-swiper-item.is-disable[data-v-40f2b02c] {
  opacity: 0.3;
}
.card-swiper[data-v-40f2b02c] .uni-swiper-wrapper {
  overflow: unset;
}
.card-swiper[data-v-40f2b02c] .uni-swiper-dots {
  bottom: -3rem;
}
@keyframes wobble-40f2b02c {
0% {
    transform: rotateY(180deg);
}
25% {
    transform: rotateY(170deg); /* 大幅度初始摆动 */
}
75% {
    transform: rotateY(185deg); /* 反向摆动 */
}
100% {
    transform: rotateY(180deg); /* 回到静止 */
}
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.code-pwd-syl[data-v-02d99732] .wd-popup {
  box-sizing: border-box;
  width: 85%;
  max-width: 100%;
  padding: 16px 20px;
  border-radius: 14px;
}
.code-pwd-syl.hidden-keyboard[data-v-02d99732] .wd-popup--center {
  z-index: -100 !important;
}
.code-pwd-syl.hidden-keyboard[data-v-02d99732] .wd-overlay {
  z-index: -100 !important;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.popup-mask[data-v-09e05beb] {
  max-height: 80%;
}
.popup-mask .info-syl[data-v-09e05beb] .wd-popup {
  max-height: calc(100% - 50px);
  padding: 4px 16px 30px;
  overflow-y: overlay;
  border-radius: 20px 20px 0 0;
}
.popup-mask .info-syl .info-scroll[data-v-09e05beb] {
  /* max-height: calc(100% - 400px);
  overflow-y: overlay; */
}
.pin[data-v-09e05beb] .wd-popup {
  width: 90%;
  border-radius: 14px;
}
.pin[data-v-09e05beb] .wd-popup .wd-input__label.is-required::after {
  display: none;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.grid-syl[data-v-050c527d] {
  height: 100px;
}
.grid-syl .hidden-img[data-v-050c527d] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.2s;
}
.grid-syl[data-v-050c527d] .wd-grid-item__text {
  line-height: unset;
}
.info-title[data-v-050c527d] {
  border-bottom: 1px solid rgba(202, 200, 200, 0.6);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.rate-content[data-v-f373d15f] {
  padding: 12px 20px;
  font-size: 15px;
  border: 2px solid var(--wot-color-theme);
  border-radius: 10px;
}
.rate-content .content-left[data-v-f373d15f] {
  box-sizing: border-box;
  padding-top: 10px;
  padding-bottom: 10px;
  border-right: 2px solid var(--wot-color-theme);
}
.rate-content .content-right[data-v-f373d15f] {
  box-sizing: border-box;
  padding: 2px 0px;
  margin-left: 10px;
  font-size: 14px;
  color: #555555;
  text-align: center;
  background-color: #e7e2f6;
  border-radius: 50px;
}
.text-rate[data-v-f373d15f] {
  /* display: inline-block; */
  padding: 4px 10px;
  line-height: 32px;
  background: linear-gradient(#ebe7f7, #f5c8cc);
  border-radius: 7px;
  -webkit-box-decoration-break: clone;
}
[data-v-f373d15f] .wd-popup {
  width: 90%;
  border-radius: 14px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.manage-trade-syl[data-v-a70eb067] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 80px - 100px - 40px - 10px - 35rem);
  min-height: 44px;
  overflow: hidden;
  background-color: #ffffff;
  border-radius: 16px 16px 0 0;
  box-shadow: 0 -1px 5px 0px rgba(129, 129, 129, 0.4);
  transition: 0.4s;
}
.manage-trade-syl.xkard-trade[data-v-a70eb067] {
  height: calc(100% - 80px - 100px - 52px - 10px - 35rem - 40px);
}
.manage-trade-syl.screen-full[data-v-a70eb067] {
  height: 100%;
}
.manage-trade-syl.screen-full .title .up-down-icon[data-v-a70eb067] {
  transform: rotate(180deg);
}
.manage-trade-syl .title[data-v-a70eb067] {
  height: 44px;
  padding-right: 4px;
  padding-left: 10px;
  background-color: #f0f0f0;
}
.manage-trade-syl .title .up-down-icon[data-v-a70eb067] {
  font-size: 14px;
  background: var(--weak-primary);
  transition: 0.6s;
}
.manage-trade-syl .title .up-down-icon[data-v-a70eb067] .wd-button__icon {
  font-size: 18px;
  font-weight: 600;
  color: var(--wot-color-theme);
}
.manage-trade-syl .record-syl[data-v-a70eb067] {
  height: calc(100% - 44px);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.translate-syl[data-v-2f899920]:hover {
  color: var(--wot-color-theme) !important;
}
.amount-syl[data-v-2f899920] {
  max-width: calc(100% - 40px);
  overflow-x: overlay;
  /* stylelint-disable-next-line selector-type-no-unknown */
}
.amount-syl[data-v-2f899920] uni-text {
  white-space: nowrap;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.progress-content[data-v-fff7885b] {
  width: calc(100% - 20rem);
}
[data-v-fff7885b] .wd-progress {
  padding: 3px 0px 0px;
}
.progress-syl[data-v-fff7885b] {
  overflow-x: overlay;
}
.progress-syl[data-v-fff7885b] .wd-tooltip__pos {
  min-height: 30px;
}
.progress-syl[data-v-fff7885b] .wd-tooltip__pos .wd-tooltip__inner {
  padding: 4px 10px;
  font-size: 12px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.card-manage-syl[data-v-eaf881e2] {
  position: relative;
}
.card-manage-syl .up-icon-syl[data-v-eaf881e2] :not(.u-button--disabled) .u-icon__icon {
  font-size: 18px !important;
}
[data-v-eaf881e2] .container-view {
  padding: unset;
}
[data-v-eaf881e2] .balance-syl .wd-text {
  font-weight: 600;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.scenario-syl[data-v-eb4ff8d3] {
  height: calc(100% - 40px);
  background-color: #f5f5f5;
  border-radius: 2px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
.wot-theme-dark .wd-textarea[data-v-b6a06076] {
  background: var(--wot-dark-background2, #1b1b1b);
}
.wot-theme-dark .wd-textarea[data-v-b6a06076]::after {
  background: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wot-theme-dark .wd-textarea.is-not-empty[data-v-b6a06076]:not(.is-disabled)::after {
  background-color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-textarea__value[data-v-b6a06076] {
  background: var(--wot-dark-background2, #1b1b1b);
}
.wot-theme-dark .wd-textarea__inner[data-v-b6a06076] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-textarea__inner[data-v-b6a06076]::-webkit-input-placeholder {
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
}
.wot-theme-dark .wd-textarea__placeholder[data-v-b6a06076] {
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
}
.wot-theme-dark .wd-textarea__count[data-v-b6a06076] {
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
  background: transparent;
}
.wot-theme-dark .wd-textarea__count-current[data-v-b6a06076] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-textarea[data-v-b6a06076] .wd-textarea__icon,
.wot-theme-dark .wd-textarea[data-v-b6a06076] .wd-textarea__clear {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
  background: transparent;
}
.wot-theme-dark .wd-textarea.is-cell[data-v-b6a06076] {
  background-color: var(--wot-dark-background2, #1b1b1b);
}
.wot-theme-dark .wd-textarea.is-cell.is-border[data-v-b6a06076] {
  position: relative;
}
.wot-theme-dark .wd-textarea.is-cell.is-border[data-v-b6a06076]::after {
  position: absolute;
  display: block;
  content: "";
  width: calc(100% - var(--wot-textarea-cell-padding, 10px));
  height: 1px;
  left: var(--wot-textarea-cell-padding, 10px);
  top: 0;
  transform: scaleY(0.5);
  background: var(--wot-dark-border-color, #3a3a3c);
}
.wot-theme-dark .wd-textarea.is-disabled .wd-textarea__inner[data-v-b6a06076] {
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
  background: transparent;
}
.wot-theme-dark .wd-textarea__label[data-v-b6a06076] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wd-textarea[data-v-b6a06076] {
  position: relative;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  background: var(--wot-textarea-bg, var(--wot-color-white, rgb(255, 255, 255)));
  padding: var(--wot-textarea-cell-padding, 10px) var(--wot-textarea-padding, var(--wot-size-side-padding, 15px));
}
.wd-textarea[data-v-b6a06076]::after {
  position: absolute;
  display: none;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--wot-textarea-border-color, #dadada);
  transform: scaleY(0.5);
  transition: background-color 0.2s ease-in-out;
}
.wd-textarea__label[data-v-b6a06076] {
  position: relative;
  display: flex;
  width: var(--wot-input-cell-label-width, 33%);
  color: var(--wot-cell-title-color, rgba(0, 0, 0, 0.85));
  margin-right: var(--wot-cell-padding, var(--wot-size-side-padding, 15px));
  box-sizing: border-box;
  font-size: var(--wot-textarea-fs, var(--wot-cell-title-fs, 14px));
  flex-shrink: 0;
}
.wd-textarea__label.is-required[data-v-b6a06076] {
  padding-left: 12px;
}
.wd-textarea__label.is-required[data-v-b6a06076]::after {
  position: absolute;
  left: 0;
  top: 2px;
  content: "*";
  font-size: var(--wot-cell-required-size, 18px);
  line-height: 1.1;
  color: var(--wot-cell-required-color, var(--wot-color-danger, #fa4350));
}
.wd-textarea__label-inner[data-v-b6a06076] {
  display: inline-block;
  line-height: var(--wot-cell-line-height, 24px);
  font-size: var(--wot-textarea-fs, var(--wot-cell-title-fs, 14px));
}
.wd-textarea__prefix[data-v-b6a06076] {
  margin-right: var(--wot-textarea-icon-margin, 8px);
  font-size: var(--wot-textarea-fs, var(--wot-cell-title-fs, 14px));
  line-height: initial;
}
.wd-textarea__prefix[data-v-b6a06076] .wd-textarea__icon {
  margin-left: 0;
}
.wd-textarea__suffix[data-v-b6a06076] {
  flex-shrink: 0;
  line-height: initial;
}
.wd-textarea__value[data-v-b6a06076] {
  position: relative;
  padding: 0;
  font-size: 0;
  background: var(--wot-textarea-bg, var(--wot-color-white, rgb(255, 255, 255)));
  box-sizing: border-box;
}
.wd-textarea__value.is-show-limit[data-v-b6a06076] {
  padding-bottom: 36px;
}
.wd-textarea__value.is-suffix[data-v-b6a06076] {
  padding-right: calc(var(--wot-textarea-icon-size, 16px) + 8px);
}
.wd-textarea__inner[data-v-b6a06076] {
  padding: 0;
  width: 100%;
  font-size: var(--wot-textarea-fs, var(--wot-cell-title-fs, 14px));
  line-height: var(--wot-cell-line-height, 24px);
  color: var(--wot-textarea-color, #262626);
  outline: none;
  background: none;
  border: none;
  box-sizing: border-box;
  word-break: break-word;
  min-height: 24px;
}
.wd-textarea__inner[data-v-b6a06076]::-webkit-input-placeholder {
  color: var(--wot-input-placeholder-color, #bfbfbf);
}
.wd-textarea__suffix[data-v-b6a06076] {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  bottom: 0;
}
[data-v-b6a06076]  .wd-textarea__icon {
  margin-left: var(--wot-textarea-icon-margin, 8px);
  font-size: var(--wot-textarea-icon-size, 16px);
  color: var(--wot-textarea-icon-color, #bfbfbf);
  background: var(--wot-textarea-bg, var(--wot-color-white, rgb(255, 255, 255)));
}
[data-v-b6a06076]  .wd-textarea__clear {
  margin-left: var(--wot-textarea-icon-margin, 8px);
  font-size: var(--wot-textarea-icon-size, 16px);
  color: var(--wot-textarea-clear-color, #585858);
  vertical-align: middle;
  background: var(--wot-textarea-bg, var(--wot-color-white, rgb(255, 255, 255)));
  line-height: var(--wot-cell-line-height, 24px);
}
.wd-textarea__count[data-v-b6a06076] {
  position: absolute;
  bottom: 8px;
  right: 0;
  font-size: var(--wot-textarea-count-fs, 14px);
  color: var(--wot-textarea-count-color, #bfbfbf);
  background: var(--wot-textarea-bg, var(--wot-color-white, rgb(255, 255, 255)));
  line-height: 20px;
  display: inline-flex;
}
.wd-textarea__count-current[data-v-b6a06076] {
  color: var(--wot-textarea-count-current-color, #262626);
}
.wd-textarea__count-current.is-error[data-v-b6a06076] {
  color: var(--wot-input-error-color, var(--wot-color-danger, #fa4350));
}
.wd-textarea__placeholder[data-v-b6a06076] {
  color: var(--wot-input-placeholder-color, #bfbfbf);
}
.wd-textarea__placeholder.is-error[data-v-b6a06076] {
  color: var(--wot-input-error-color, var(--wot-color-danger, #fa4350));
}
.wd-textarea__readonly-mask[data-v-b6a06076] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.wd-textarea__error-message[data-v-b6a06076] {
  color: var(--wot-form-item-error-message-color, var(--wot-color-danger, #fa4350));
  font-size: var(--wot-form-item-error-message-font-size, var(--wot-fs-secondary, 12px));
  line-height: var(--wot-form-item-error-message-line-height, 24px);
  text-align: left;
  vertical-align: middle;
}
.wd-textarea.is-not-empty[data-v-b6a06076]:not(.is-disabled)::after {
  background-color: var(--wot-textarea-not-empty-border-color, #262626);
}
.wd-textarea.is-disabled .wd-textarea__inner[data-v-b6a06076] {
  color: var(--wot-input-disabled-color, #d9d9d9);
  background: transparent;
}
.wd-textarea.is-error .wd-textarea__inner[data-v-b6a06076] {
  color: var(--wot-input-error-color, var(--wot-color-danger, #fa4350));
  background: transparent;
}
.wd-textarea.is-auto-height[data-v-b6a06076]:not(.is-cell) {
  padding: 5px 0;
}
.wd-textarea.is-auto-height[data-v-b6a06076]::after {
  display: block;
}
.wd-textarea.is-no-border[data-v-b6a06076]::after {
  display: none;
}
.wd-textarea.is-cell[data-v-b6a06076] {
  display: flex;
  line-height: var(--wot-cell-line-height, 24px);
}
.wd-textarea.is-cell.is-error[data-v-b6a06076]::after {
  background: var(--wot-textarea-cell-border-color, var(--wot-color-border-light, #e8e8e8));
}
.wd-textarea.is-cell .wd-textarea__value[data-v-b6a06076] {
  flex: 1;
}
.wd-textarea.is-cell[data-v-b6a06076] .wd-textarea__icon {
  display: inline-flex;
  align-items: center;
  height: var(--wot-textarea-cell-height, 24px);
  line-height: var(--wot-textarea-cell-height, 24px);
}
.wd-textarea.is-cell .wd-textarea__prefix[data-v-b6a06076] {
  display: inline-block;
  margin-right: var(--wot-cell-icon-right, 4px);
}
.wd-textarea.is-cell.wd-textarea[data-v-b6a06076]::after {
  display: none;
}
.wd-textarea.is-cell .wd-textarea__suffix[data-v-b6a06076] {
  right: 0;
}
.wd-textarea.is-cell.is-center[data-v-b6a06076] {
  align-items: center;
}
.wd-textarea.is-cell.is-border[data-v-b6a06076] {
  position: relative;
}
.wd-textarea.is-cell.is-border[data-v-b6a06076]::after {
  position: absolute;
  display: block;
  content: "";
  width: calc(100% - var(--wot-textarea-cell-padding, 10px));
  height: 1px;
  left: var(--wot-textarea-cell-padding, 10px);
  top: 0;
  transform: scaleY(0.5);
  background: var(--wot-color-border-light, #e8e8e8);
}
.wd-textarea.is-large[data-v-b6a06076] {
  padding: var(--wot-textarea-cell-padding-large, 12px);
}
.wd-textarea.is-large .wd-textarea__prefix[data-v-b6a06076] {
  font-size: var(--wot-textarea-fs-large, var(--wot-cell-title-fs-large, 16px));
}
.wd-textarea.is-large .wd-textarea__label-inner[data-v-b6a06076] {
  font-size: var(--wot-textarea-fs-large, var(--wot-cell-title-fs-large, 16px));
}
.wd-textarea.is-large .wd-textarea__inner[data-v-b6a06076] {
  font-size: var(--wot-textarea-fs-large, var(--wot-cell-title-fs-large, 16px));
}
.wd-textarea.is-large .wd-textarea__count[data-v-b6a06076] {
  font-size: var(--wot-textarea-count-fs-large, 14px);
}
.wd-textarea.is-large[data-v-b6a06076] .wd-textarea__icon,
.wd-textarea.is-large[data-v-b6a06076] .wd-textarea__clear {
  font-size: var(--wot-textarea-icon-size-large, 18px);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.textarea-syl[data-v-91b98f63] {
  padding: 10px 12px;
  background-color: #f6f6f6;
  border-radius: 10px;
}
.textarea-syl .textarea-content[data-v-91b98f63] {
  height: 100%;
  border: 2px solid #ffffff;
  border-radius: 6px;
  transition: all 0.3s linear;
}
.textarea-syl .textarea-content.focus-syl[data-v-91b98f63] {
  background-color: #ffffff;
  border: 2px solid var(--wot-color-theme) !important;
  box-shadow: 0 0 0 2px #e7e2f6;
}

/* stylelint-disable-next-line selector-type-no-unknown */
[data-v-91b98f63] uni-textarea {
  height: var(--d6051992);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.phone-syl[data-v-cf4e0570] {
  padding: 10px 10px 0;
  cursor: pointer;
}
.phone-syl .prefix-syl[data-v-cf4e0570] {
  border-right: 1px solid #c3c3c4;
}
.phone-syl .disable-pre[data-v-cf4e0570] {
  opacity: 0.4;
}
.text-rate[data-v-cf4e0570] {
  /* display: inline-block; */
  padding: 4px 10px;
  line-height: 32px;
  background: linear-gradient(#ebe7f7, #f5c8cc);
  border-radius: 7px;
  -webkit-box-decoration-break: clone;
}
[data-v-cf4e0570] .wd-popup {
  width: 92%;
  height: 80%;
  border-radius: 14px 14px 0 0;
}
.phone-notice[data-v-cf4e0570] {
  max-width: 800px;
  /* padding: 20px; */
  margin: 0 auto;
  font-family: Arial, sans-serif;
  text-align: center;
}
.phone-notice #countries-list[data-v-cf4e0570] {
  margin: 10px 0;
  font-size: 13px;
  color: #303030;
  word-wrap: break-word;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.contact-info[data-v-1a8b95f5] {
  --primary: #4361ee;
  --primary-light: #e6f0ff;
  --text: #2b2d42;
  --text-light: #8d99ae;
  --border: #e9ecef;
  --bg: #f8f9fa;
  --card-bg: #ffffff;
  --success: #4cc9f0;
  --warning: #f8961e;
  padding: 16px;
  margin-top: 24px;
  background-color: var(--primary-light);
  border: 1px dashed rgba(67, 97, 238, 0.3);
  border-radius: 12px;
}
.contact-info .contact-title[data-v-1a8b95f5] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 600;
  color: var(--primary);
}
.contact-info .contact-title svg[data-v-1a8b95f5] {
  margin-right: 8px;
}
.contact-info .contact-item[data-v-1a8b95f5] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.contact-info .contact-item[data-v-1a8b95f5]:last-child {
  margin-bottom: 0;
}
.contact-info .contact-item .contact-label[data-v-1a8b95f5] {
  width: 70px;
  font-size: 13px;
  font-weight: 500;
  color: var(--text);
}
.contact-info .contact-item .contact-value[data-v-1a8b95f5] {
  position: relative;
  flex: 1;
  font-size: 15px;
}
.contact-info .contact-item .contact-value .editable[data-v-1a8b95f5] {
  padding: 8px 14px;
  color: var(--text);
  background-color: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 8px;
  transition: all 0.2s;
}
.contact-info .contact-item .contact-value .editable[data-v-1a8b95f5]:focus {
  border-color: var(--primary);
  outline: none;
  box-shadow: 0 0 0 3px var(--primary-light);
}
.contact-info .contact-item .contact-value .locked[data-v-1a8b95f5] {
  padding: 10px 14px;
  color: var(--text-light);
  background-color: #f8f9fa;
  border: 1px solid var(--border);
  border-radius: 8px;
}
.contact-info .contact-item .contact-value .edit-icon[data-v-1a8b95f5],
.contact-info .contact-item .contact-value .lock-icon[data-v-1a8b95f5] {
  position: absolute;
  top: 50%;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transition: all 0.2s;
  transform: translateY(-50%);
}
.contact-info .contact-item .contact-value .edit-icon[data-v-1a8b95f5] {
  color: var(--primary);
  cursor: pointer;
}
.contact-info .contact-item .contact-value .edit-icon[data-v-1a8b95f5]:hover {
  background-color: rgba(67, 97, 238, 0.1);
}
.contact-info .contact-item .contact-value .lock-icon[data-v-1a8b95f5] {
  color: var(--text-light);
}
.contact-info .contact-item .contact-phone[data-v-1a8b95f5] .phone-syl {
  padding: 8px 10px 8px 4px !important;
  background-color: white;
}
.contact-info .input-syl[data-v-1a8b95f5] {
  padding: 6px 15px;
  background-color: #f6f6f6;
  border: 1px solid #ffffff;
  border-radius: 10px;
  transition: all 0.3s linear;
}
.contact-info .input-syl[data-v-1a8b95f5] .wd-input__suffix {
  display: flex;
  align-items: center;
}
.contact-info .focus-syl[data-v-1a8b95f5] {
  background-color: #ffffff;
  border: 1px solid var(--wot-color-theme) !important;
  box-shadow: 0 0 0 2px #e7e2f6;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.address-form-syl[data-v-c114fcf9] {
  height: calc(100% - 112px);
  overflow-y: overlay;
}
.address-form-syl .prefix-syl[data-v-c114fcf9] {
  border-right: 1px solid #c3c3c4;
}
.shipping-info[data-v-c114fcf9] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #4361ee;
  background-color: #e6f0ff;
  border-radius: 10px;
}
.border-top-separator[data-v-c114fcf9] {
  position: absolute;
  right: 0;
  bottom: 121px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #e6e6e6;
}

/* ========================== */
[data-v-c114fcf9] .wd-message-box__content {
  text-align: left;
}
.notice-header[data-v-c114fcf9] {
  display: flex;
  align-items: center;
  padding-bottom: 6px;
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 600;
  color: #c23b3b;
  letter-spacing: 0.3px;
  border-bottom: 1px solid #f0f0f0;
}
.notice-header[data-v-c114fcf9]:before {
  margin-right: 8px;
  font-size: 18px;
  content: "⚠️";
}
ul[data-v-c114fcf9] {
  padding-left: 18px;
  margin: 0;
}
li[data-v-c114fcf9] {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.4;
  color: #444444;
}
.highlight[data-v-c114fcf9] {
  font-weight: 600;
  color: #c23b3b;
}
.company-name[data-v-c114fcf9] {
  font-weight: 600;
  color: #2a6ebb;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.compact-popup[data-v-a5a6bd66] {
  width: 100%;
  max-width: 280px;
  padding: 16px;
  margin: 0 auto;
}
.compact-popup .popup-content[data-v-a5a6bd66] {
  margin-bottom: 16px;
  text-align: center;
}
.compact-popup .popup-content .shield-icon[data-v-a5a6bd66] {
  margin-bottom: 8px;
  fill: var(--wot-color-theme);
}
.compact-popup .popup-content .title[data-v-a5a6bd66] {
  margin: 0 0 4px 0;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
}
.compact-popup .popup-content .tip[data-v-a5a6bd66] {
  margin: 0 0 12px 0;
  font-size: 13px;
  color: #666666;
}
.compact-popup .popup-content .url-area[data-v-a5a6bd66] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  font-size: 12px;
  cursor: pointer;
  background: #f5f5f5;
  border-radius: 6px;
}
.compact-popup .popup-content .url-area .url[data-v-a5a6bd66] {
  flex: 1;
  overflow: hidden;
  color: #555555;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.compact-popup .popup-content .url-area .copy-hint[data-v-a5a6bd66] {
  margin-left: 8px;
  color: var(--wot-color-theme);
  white-space: nowrap;
}
.compact-popup .popup-actions[data-v-a5a6bd66] {
  display: flex;
  gap: 20px;
  font-size: 14px;
}
.compact-popup .popup-actions .cancel[data-v-a5a6bd66],
.compact-popup .popup-actions .confirm[data-v-a5a6bd66] {
  flex: 1;
  padding: 8px 0;
  color: #666666;
  text-align: center;
  cursor: pointer;
  border: 1px solid rgb(233, 231, 231);
  border-radius: 10px;
}
.compact-popup .popup-actions .cancel[data-v-a5a6bd66] {
  background: #f0f0f0;
}
.compact-popup .popup-actions .confirm[data-v-a5a6bd66] {
  background: var(--wot-color-theme);
}
.compact-popup .popup-actions .confirm .permission-link[data-v-a5a6bd66] {
  display: flex;
  justify-content: center;
  color: white !important;
}
[data-v-a5a6bd66] .wd-popup {
  padding: 8px;
  border-radius: 12px 12px 0 0;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-a6fbb2d6] .wd-popup {
  padding: 10px 20px 30px;
  border-radius: 20px 20px 0 0;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-df0e5536] .wd-popup {
  /* height: 260px; */
  padding: 16px 16px;
  /* padding-bottom: 200px; */
  border-radius: 20px 20px 0 0;
}
.password-section[data-v-df0e5536] {
  padding: 20px;
  margin-top: 10px;
  background-color: #f8fbff;
  border: 1px solid #e0e9ff;
  border-radius: 12px;
}
.password-section .label[data-v-df0e5536] {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #2b2d42;
}
.password-section .label[data-v-df0e5536]::before {
  margin-right: 8px;
  font-size: 16px;
  content: "🔒";
}
.password-section .password-input[data-v-df0e5536] {
  box-sizing: border-box;
  padding: 6px 14px;
  font-size: 15px;
  background-color: white;
  border: 2px solid #f0f2f5;
  border-radius: 10px;
}
.password-section .password-input[data-v-df0e5536]:focus {
  border-color: #4361ee;
  outline: none;
  box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.1);
}
.password-section .password-input[data-v-df0e5536]::-moz-placeholder {
  color: #c7cdd8;
}
.password-section .password-input[data-v-df0e5536]::placeholder {
  color: #c7cdd8;
}
.password-section .hint[data-v-df0e5536] {
  display: flex;
  align-items: center;
  margin-top: 14px;
  font-size: 12px;
  color: #8d99ae;
}
.password-section .hint[data-v-df0e5536]::before {
  margin-right: 6px;
  content: "ℹ️";
}
.input-syl[data-v-df0e5536] {
  padding: 6px 15px;
  background-color: #f6f6f6;
  border: 2px solid #ffffff;
  border-radius: 10px;
  transition: all 0.3s linear;
}
.input-syl[data-v-df0e5536] .wd-input__suffix {
  display: flex;
  align-items: center;
}
.focus-syl[data-v-df0e5536] {
  background-color: #ffffff;
  border: 2px solid var(--wot-color-theme) !important;
  box-shadow: 0 0 0 2px #e7e2f6;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.phy-content-syl[data-v-3ef7e523] {
  height: calc(100% - 50px);
  overflow-y: overlay;
  border-radius: 10px;
}
.phy-content-syl .step-item[data-v-3ef7e523] {
  padding: 16px;
  margin-bottom: 20px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: #f6f6f6;
  border: #f6f6f6 2px solid;
  border-radius: 14px;
  /* transition: 0.4s; */
}
.phy-content-syl .step-item.current-step[data-v-3ef7e523] {
  border-color: var(--wot-color-theme);
  box-shadow: 0 0 0 2px #e7e2f6;
}
.phy-content-syl .step-item.disabled[data-v-3ef7e523] {
  color: #a8abb2 !important;
  opacity: 0.4;
}
.phy-content-syl .step-item.not-allowed[data-v-3ef7e523] {
  cursor: not-allowed;
}
.phy-content-syl .step-item[data-v-3ef7e523]:last-child {
  margin-bottom: 0px;
}
.phy-content-syl .step-item .step-left[data-v-3ef7e523] {
  font-size: 15px;
  font-weight: 600;
  color: var(--wot-color-theme);
  background-color: var(--weak-primary);
  border-radius: 8px;
}
[data-v-3ef7e523] .button-content {
  --wot-checkbox-checked-color: #ffffff;
  --wot-checkbox-check-color: var(--wot-color-theme);
  --wot-checkbox-label-color: #ffffff;
}
[data-v-3ef7e523] .button-content .wd-checkbox__check {
  font-weight: 900;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
.wot-theme-dark .wd-action-sheet[data-v-04c084fb] {
  background-color: var(--wot-dark-background2, #1b1b1b);
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-action-sheet__action[data-v-04c084fb] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
  background: var(--wot-dark-background2, #1b1b1b);
}
.wot-theme-dark .wd-action-sheet__action[data-v-04c084fb]:not(.wd-action-sheet__action--disabled):not(.wd-action-sheet__action--loading):active {
  background: var(--wot-dark-background4, #323233);
}
.wot-theme-dark .wd-action-sheet__action--disabled[data-v-04c084fb] {
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wot-theme-dark .wd-action-sheet__subname[data-v-04c084fb] {
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
}
.wot-theme-dark .wd-action-sheet__cancel[data-v-04c084fb] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
  background: var(--wot-dark-background4, #323233);
}
.wot-theme-dark .wd-action-sheet__cancel[data-v-04c084fb]:active {
  background: var(--wot-dark-background5, #646566);
}
.wot-theme-dark .wd-action-sheet[data-v-04c084fb] .wd-action-sheet__close {
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
}
.wot-theme-dark .wd-action-sheet__panel-title[data-v-04c084fb] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-action-sheet__header[data-v-04c084fb] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
[data-v-04c084fb] .wd-action-sheet__popup {
  border-radius: var(--wot-action-sheet-radius, 16px) var(--wot-action-sheet-radius, 16px) 0 0;
}
.wd-action-sheet[data-v-04c084fb] {
  background-color: var(--wot-color-white, rgb(255, 255, 255));
  padding-bottom: 1px;
}
[data-v-04c084fb]  .wd-action-sheet__popup {
  border-radius: var(--wot-action-sheet-radius, 16px) var(--wot-action-sheet-radius, 16px) 0 0;
}
.wd-action-sheet__actions[data-v-04c084fb] {
  padding: 8px 0;
  max-height: 50vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.wd-action-sheet__action[data-v-04c084fb] {
  position: relative;
  display: block;
  width: 100%;
  height: var(--wot-action-sheet-action-height, 48px);
  line-height: var(--wot-action-sheet-action-height, 48px);
  color: var(--wot-action-sheet-color, rgba(0, 0, 0, 0.85));
  font-size: var(--wot-action-sheet-fs, var(--wot-fs-title, 16px));
  text-align: center;
  border: none;
  background: var(--wot-action-sheet-bg, var(--wot-color-white, rgb(255, 255, 255)));
  outline: none;
}
.wd-action-sheet__action[data-v-04c084fb]:after {
  display: none;
}
.wd-action-sheet__action[data-v-04c084fb]:not(.wd-action-sheet__action--disabled):not(.wd-action-sheet__action--loading):active {
  background: var(--wot-action-sheet-active-color, var(--wot-color-bg, #f5f5f5));
}
.wd-action-sheet__action--disabled[data-v-04c084fb] {
  color: var(--wot-action-sheet-disabled-color, rgba(0, 0, 0, 0.25));
  cursor: not-allowed;
}
.wd-action-sheet__action--loading[data-v-04c084fb] {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: initial;
}
[data-v-04c084fb]  .wd-action-sheet__action-loading {
  width: var(--wot-action-sheet-loading-size, 20px);
  height: var(--wot-action-sheet-loading-size, 20px);
}
.wd-action-sheet__name[data-v-04c084fb] {
  display: inline-block;
}
.wd-action-sheet__subname[data-v-04c084fb] {
  display: inline-block;
  margin-left: 4px;
  font-size: var(--wot-action-sheet-subname-fs, var(--wot-fs-secondary, 12px));
  color: var(--wot-action-sheet-subname-color, rgba(0, 0, 0, 0.45));
}
.wd-action-sheet__cancel[data-v-04c084fb] {
  display: block;
  width: calc(100% - 48px);
  line-height: var(--wot-action-sheet-cancel-height, 44px);
  padding: 0;
  color: var(--wot-action-sheet-cancel-color, #131415);
  font-size: var(--wot-action-sheet-fs, var(--wot-fs-title, 16px));
  text-align: center;
  border-radius: var(--wot-action-sheet-cancel-radius, 22px);
  border: none;
  background: var(--wot-action-sheet-cancel-bg, rgb(240, 240, 240));
  outline: none;
  margin: 0 auto 24px;
  font-weight: var(--wot-action-sheet-weight, 500);
}
.wd-action-sheet__cancel[data-v-04c084fb]:active {
  background: var(--wot-action-sheet-active-color, var(--wot-color-bg, #f5f5f5));
}
.wd-action-sheet__cancel[data-v-04c084fb]:after {
  display: none;
}
.wd-action-sheet__header[data-v-04c084fb] {
  color: var(--wot-action-sheet-color, rgba(0, 0, 0, 0.85));
  position: relative;
  height: var(--wot-action-sheet-title-height, 64px);
  line-height: var(--wot-action-sheet-title-height, 64px);
  text-align: center;
  font-size: var(--wot-action-sheet-title-fs, var(--wot-fs-title, 16px));
  font-weight: var(--wot-action-sheet-weight, 500);
}
[data-v-04c084fb]  .wd-action-sheet__close {
  position: absolute;
  top: var(--wot-action-sheet-close-top, 25px);
  right: var(--wot-action-sheet-close-right, 15px);
  color: var(--wot-action-sheet-close-color, rgba(0, 0, 0, 0.65));
  font-size: var(--wot-action-sheet-close-fs, var(--wot-fs-title, 16px));
  transform: rotate(-45deg);
  line-height: 1.1;
}
.wd-action-sheet__panels[data-v-04c084fb] {
  height: 84px;
  overflow-y: hidden;
}
.wd-action-sheet__panels[data-v-04c084fb]:first-of-type {
  margin-top: 20px;
}
.wd-action-sheet__panels[data-v-04c084fb]:last-of-type {
  margin-bottom: 12px;
}
.wd-action-sheet__panels-content[data-v-04c084fb] {
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.wd-action-sheet__panel[data-v-04c084fb] {
  width: 88px;
  flex: 0 0 auto;
  display: inline-block;
  padding: var(--wot-action-sheet-panel-padding, 12px 0 11px);
}
.wd-action-sheet__panel-img[data-v-04c084fb] {
  display: block;
  width: var(--wot-action-sheet-panel-img-fs, 40px);
  height: var(--wot-action-sheet-panel-img-fs, 40px);
  margin: 0 auto;
  margin-bottom: 7px;
  border-radius: var(--wot-action-sheet-panel-img-radius, 4px);
}
.wd-action-sheet__panel-title[data-v-04c084fb] {
  font-size: var(--wot-action-sheet-subname-fs, var(--wot-fs-secondary, 12px));
  line-height: 1.2;
  text-align: center;
  color: var(--wot-action-sheet-color, rgba(0, 0, 0, 0.85));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
.wot-theme-dark .wd-col-picker.is-border .wd-col-picker__cell[data-v-1f575d9c] {
  position: relative;
}
.wot-theme-dark .wd-col-picker.is-border .wd-col-picker__cell[data-v-1f575d9c]::after {
  position: absolute;
  display: block;
  content: "";
  width: calc(100% - var(--wot-cell-padding, var(--wot-size-side-padding, 15px)));
  height: 1px;
  left: var(--wot-cell-padding, var(--wot-size-side-padding, 15px));
  top: 0;
  transform: scaleY(0.5);
  background: var(--wot-dark-border-color, #3a3a3c);
}
.wot-theme-dark .wd-col-picker__label[data-v-1f575d9c] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-col-picker__cell[data-v-1f575d9c] {
  background-color: var(--wot-dark-background2, #1b1b1b);
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-col-picker__cell.is-disabled .wd-col-picker__value[data-v-1f575d9c] {
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
}
.wot-theme-dark .wd-col-picker__list-item.is-disabled[data-v-1f575d9c] {
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
}
.wot-theme-dark .wd-col-picker__list-item-tip[data-v-1f575d9c] {
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wot-theme-dark .wd-col-picker__value[data-v-1f575d9c] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-col-picker__value--placeholder[data-v-1f575d9c] {
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wot-theme-dark .wd-col-picker[data-v-1f575d9c] .wd-col-picker__arrow {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-col-picker__list[data-v-1f575d9c] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-col-picker__selected[data-v-1f575d9c] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wd-col-picker.is-border .wd-col-picker__cell[data-v-1f575d9c] {
  position: relative;
}
.wd-col-picker.is-border .wd-col-picker__cell[data-v-1f575d9c]::after {
  position: absolute;
  display: block;
  content: "";
  width: calc(100% - var(--wot-cell-padding, var(--wot-size-side-padding, 15px)));
  height: 1px;
  left: var(--wot-cell-padding, var(--wot-size-side-padding, 15px));
  top: 0;
  transform: scaleY(0.5);
  background: var(--wot-color-border-light, #e8e8e8);
}
.wd-col-picker__cell[data-v-1f575d9c] {
  position: relative;
  display: flex;
  padding: var(--wot-cell-wrapper-padding, 10px) var(--wot-cell-padding, var(--wot-size-side-padding, 15px));
  align-items: flex-start;
  background-color: var(--wot-color-white, rgb(255, 255, 255));
  text-decoration: none;
  color: var(--wot-cell-title-color, rgba(0, 0, 0, 0.85));
  font-size: var(--wot-cell-title-fs, 14px);
  overflow: hidden;
  line-height: var(--wot-cell-line-height, 24px);
}
.wd-col-picker__cell.is-disabled .wd-col-picker__value[data-v-1f575d9c] {
  color: var(--wot-input-disabled-color, #d9d9d9);
}
.wd-col-picker__cell.is-align-right .wd-col-picker__value[data-v-1f575d9c] {
  text-align: right;
}
.wd-col-picker__cell.is-error .wd-col-picker__value[data-v-1f575d9c] {
  color: var(--wot-input-error-color, var(--wot-color-danger, #fa4350));
}
.wd-col-picker__cell.is-error[data-v-1f575d9c] .wd-col-picker__arrow {
  color: var(--wot-input-error-color, var(--wot-color-danger, #fa4350));
}
.wd-col-picker__cell.is-large[data-v-1f575d9c] {
  font-size: var(--wot-cell-title-fs-large, 16px);
}
.wd-col-picker__cell.is-large[data-v-1f575d9c] .wd-col-picker__arrow {
  font-size: var(--wot-cell-icon-size-large, 18px);
}
.wd-col-picker__error-message[data-v-1f575d9c] {
  color: var(--wot-form-item-error-message-color, var(--wot-color-danger, #fa4350));
  font-size: var(--wot-form-item-error-message-font-size, var(--wot-fs-secondary, 12px));
  line-height: var(--wot-form-item-error-message-line-height, 24px);
  text-align: left;
  vertical-align: middle;
}
.wd-col-picker__label[data-v-1f575d9c] {
  position: relative;
  width: var(--wot-input-cell-label-width, 33%);
  margin-right: var(--wot-cell-padding, var(--wot-size-side-padding, 15px));
  color: var(--wot-cell-title-color, rgba(0, 0, 0, 0.85));
  box-sizing: border-box;
}
.wd-col-picker__label.is-required[data-v-1f575d9c] {
  padding-left: 12px;
}
.wd-col-picker__label.is-required[data-v-1f575d9c]::after {
  position: absolute;
  left: 0;
  top: 2px;
  content: "*";
  font-size: var(--wot-cell-required-size, 18px);
  line-height: 1.1;
  color: var(--wot-cell-required-color, var(--wot-color-danger, #fa4350));
}
.wd-col-picker__value-wraper[data-v-1f575d9c] {
  display: flex;
}
.wd-col-picker__value[data-v-1f575d9c] {
  flex: 1;
  margin-right: 10px;
  color: var(--wot-cell-value-color, rgba(0, 0, 0, 0.85));
}
.wd-col-picker__value.is-ellipsis[data-v-1f575d9c] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wd-col-picker__value--placeholder[data-v-1f575d9c] {
  color: var(--wot-input-placeholder-color, #bfbfbf);
}
.wd-col-picker__body[data-v-1f575d9c] {
  flex: 1;
}
[data-v-1f575d9c]  .wd-col-picker__arrow {
  display: block;
  font-size: var(--wot-cell-icon-size, 16px);
  color: var(--wot-cell-arrow-color, rgba(0, 0, 0, 0.25));
  line-height: var(--wot-cell-line-height, 24px);
}
.wd-col-picker__selected[data-v-1f575d9c] {
  height: var(--wot-col-picker-selected-height, 44px);
  font-size: var(--wot-col-picker-selected-fs, 14px);
  color: var(--wot-col-picker-selected-color, rgba(0, 0, 0, 0.85));
  overflow: hidden;
}
.wd-col-picker__selected-container[data-v-1f575d9c] {
  position: relative;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.wd-col-picker__selected-item[data-v-1f575d9c] {
  flex: 0 0 auto;
  height: var(--wot-col-picker-selected-height, 44px);
  line-height: var(--wot-col-picker-selected-height, 44px);
  padding: var(--wot-col-picker-selected-padding, 0 16px);
}
.wd-col-picker__selected-item.is-selected[data-v-1f575d9c] {
  font-weight: var(--wot-col-picker-selected-fw, 700);
}
.wd-col-picker__selected-line[data-v-1f575d9c] {
  position: absolute;
  bottom: 5px;
  width: var(--wot-col-picker-line-width, 16px);
  left: 0;
  height: var(--wot-col-picker-line-height, 3px);
  background: var(--wot-col-picker-line-color, linear-gradient(315deg, rgb(81, 124, 240), rgb(118, 158, 245)));
  z-index: 1;
  border-radius: calc(var(--wot-col-picker-line-height, 3px) / 2);
  box-shadow: var(--wot-col-picker-line-box-shadow, 0px 1px 2px 0px rgba(1, 87, 255, 0.2));
}
.wd-col-picker__list-container[data-v-1f575d9c] {
  position: relative;
}
.wd-col-picker__list[data-v-1f575d9c] {
  height: var(--wot-col-picker-list-height, 53vh);
  padding-bottom: var(--wot-col-picker-list-padding-bottom, 30px);
  box-sizing: border-box;
  overflow: auto;
  color: var(--wot-col-picker-list-color, rgba(0, 0, 0, 0.85));
  font-size: var(--wot-col-picker-list-fs, 14px);
  -webkit-overflow-scrolling: touch;
}
.wd-col-picker__list-item[data-v-1f575d9c] {
  display: flex;
  padding: var(--wot-col-picker-list-item-padding, 12px 15px);
  align-items: flex-start;
}
.wd-col-picker__list-item.is-selected[data-v-1f575d9c] {
  color: var(--wot-col-picker-list-color-checked, var(--wot-color-theme, #4d80f0));
}
.wd-col-picker__list-item.is-selected[data-v-1f575d9c] .wd-col-picker__checked {
  opacity: 1;
}
.wd-col-picker__list-item.is-disabled[data-v-1f575d9c] {
  color: var(--wot-col-picker-list-color-disabled, rgba(0, 0, 0, 0.15));
}
.wd-col-picker__list-item-label[data-v-1f575d9c] {
  line-height: 1.285;
}
.wd-col-picker__list-item-tip[data-v-1f575d9c] {
  margin-top: 2px;
  font-size: var(--wot-col-picker-list-fs-tip, 12px);
  color: var(--wot-col-picker-list-color-tip, rgba(0, 0, 0, 0.45));
}
[data-v-1f575d9c]  .wd-col-picker__checked {
  display: block;
  margin-left: 4px;
  font-size: var(--wot-col-picker-list-checked-icon-size, 18px);
  color: var(--wot-col-picker-list-color-checked, var(--wot-color-theme, #4d80f0));
  opacity: 0;
}
.wd-col-picker__loading[data-v-1f575d9c] {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.area-col-picker[data-v-d00adab6] .wd-col-picker__cell {
  background-color: #f6f6f6;
  border: 2px solid #ffffff;
  border-radius: 10px;
}
.area-col-picker[data-v-d00adab6] .wd-col-picker__cell .wd-col-picker__arrow {
  transform: rotate(90deg);
}
.area-col-picker[data-v-d00adab6] .wd-col-picker__label {
  width: -moz-fit-content !important;
  width: fit-content !important;
  min-width: unset !important;
  max-width: unset !important;
  margin-right: 30px !important;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.personal-form-syl[data-v-cfbf406a] {
  height: calc(100% - 50px);
  overflow-y: overlay;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.pickup-container .delivery-option[data-v-7749e442] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 12px;
  cursor: pointer;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  transition: all 0.3s ease;
}
.pickup-container .delivery-option.selected[data-v-7749e442] {
  background-color: #f0f5ff;
  border-color: #4361ee;
}
.pickup-container .delivery-option .icon-circle[data-v-7749e442] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background-color: #f0f5ff;
  border-radius: 50%;
}
.pickup-container .delivery-option .option-details[data-v-7749e442] {
  flex-grow: 1;
}
.pickup-container .delivery-option .option-details .option-title[data-v-7749e442] {
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 600;
  color: #2b2d42;
  transition: color 0.3s;
}
.pickup-container .delivery-option .option-details .option-desc[data-v-7749e442] {
  font-size: 14px;
  line-height: 1.4;
  color: #8d99ae;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.apply-card-level[data-v-7edf4e14] {
  background-color: #f6f6f6;
  border: 3px solid #f6f6f6;
  border-radius: 10px;
  transition: 0.3s;
}
.apply-card-level.card-level-current[data-v-7edf4e14] {
  border: 3px solid var(--wot-color-theme);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.avatar-syl[data-v-f601d300] {
  /* box-sizing: border-box; */
  width: 40px;
  height: 40px;
  padding: 2px;
  background-color: #e9e8e8;
  border-radius: 100px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
.wot-theme-dark .wd-radio__shape[data-v-66db7d09] {
  background: transparent;
}
.wot-theme-dark .wd-radio__label[data-v-66db7d09] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-radio.is-button .wd-radio__label[data-v-66db7d09] {
  background-color: var(--wot-dark-background, #131313);
}
.wot-theme-dark .wd-radio.is-button.is-checked .wd-radio__label[data-v-66db7d09] {
  background-color: var(--wot-dark-background2, #1b1b1b);
}
.wot-theme-dark .wd-radio.is-disabled .wd-radio__label[data-v-66db7d09] {
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wot-theme-dark .wd-radio.is-disabled.is-checked .wd-radio__label[data-v-66db7d09] {
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wot-theme-dark .wd-radio.is-disabled.is-button .wd-radio__label[data-v-66db7d09] {
  border-color: #c8c9cc;
  background: #3a3a3c;
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wot-theme-dark .wd-radio.is-disabled.is-button.is-checked .wd-radio__label[data-v-66db7d09] {
  border-color: #c8c9cc;
  background: #3a3a3c;
  color: #c8c9cc;
}
.wot-theme-dark .wd-radio.is-disabled.is-dot .wd-radio__shape[data-v-66db7d09] {
  border-color: #c8c9cc;
  background: #3a3a3c;
}
.wot-theme-dark .wd-radio.is-disabled.is-dot .wd-radio__shape[data-v-66db7d09]::before {
  background-color: #c8c9cc;
}
.wd-radio[data-v-66db7d09] {
  display: flex;
  margin-top: var(--wot-radio-margin, var(--wot-checkbox-margin, 10px));
  justify-content: space-between;
  align-items: center;
  text-align: center;
  line-height: 1.2;
}
.wd-radio.is-first[data-v-66db7d09] {
  margin-top: 0;
}
.wd-radio__shape[data-v-66db7d09] {
  position: relative;
  display: inline-block;
  width: var(--wot-radio-size, 16px);
  height: var(--wot-radio-size, 16px);
  font-size: var(--wot-radio-size, 16px);
  color: transparent;
  display: none;
  vertical-align: middle;
  transition: background 0.2s;
}
.wd-radio__input[data-v-66db7d09] {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  opacity: 0;
}
.wd-radio__label[data-v-66db7d09] {
  display: inline-block;
  vertical-align: top;
  font-size: var(--wot-radio-label-fs, var(--wot-checkbox-label-fs, 14px));
  color: var(--wot-radio-label-color, var(--wot-checkbox-label-color, rgba(0, 0, 0, 0.85)));
  line-height: 20px;
}
.wd-radio.is-checked .wd-radio__shape[data-v-66db7d09] {
  color: var(--wot-radio-checked-color, var(--wot-checkbox-checked-color, var(--wot-color-theme, #4d80f0)));
  border-color: currentColor;
  display: inline-block;
}
.wd-radio.is-checked .wd-radio__check[data-v-66db7d09] {
  color: var(--wot-radio-checked-color, var(--wot-checkbox-checked-color, var(--wot-color-theme, #4d80f0)));
  opacity: 1;
}
.wd-radio.is-dot .wd-radio__shape[data-v-66db7d09] {
  border: 2px solid var(--wot-radio-dot-border-color, #dcdcdc);
  border-radius: 50%;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  transition: none;
}
.wd-radio.is-dot .wd-radio__shape[data-v-66db7d09]::before {
  content: "";
  position: absolute;
  width: var(--wot-radio-dot-size, 8px);
  height: var(--wot-radio-dot-size, 8px);
  left: calc(50% - var(--wot-radio-dot-size, 8px)/2);
  top: calc(50% - var(--wot-radio-dot-size, 8px)/2);
  border-radius: 50%;
  background-color: #fff;
  transform: scale(0);
  transition: transform 0.2s ease-in;
}
.wd-radio.is-dot.is-checked .wd-radio__shape[data-v-66db7d09] {
  background-color: currentColor;
  border-color: currentColor;
}
.wd-radio.is-dot.is-checked .wd-radio__shape[data-v-66db7d09]::before {
  transform: scale(1);
}
.wd-radio.is-button[data-v-66db7d09] {
  display: inline-block;
  margin-top: 0;
  margin-right: 10px;
}
.wd-radio.is-button .wd-radio__shape[data-v-66db7d09] {
  display: none;
}
.wd-radio.is-button .wd-radio__label[data-v-66db7d09] {
  height: var(--wot-radio-button-height, var(--wot-checkbox-button-height, 32px));
  min-width: var(--wot-radio-button-min-width, 60px);
  max-width: var(--wot-radio-button-max-width, 144px);
  padding: 5px 15px;
  margin-right: 0;
  border-radius: var(--wot-radio-button-radius, var(--wot-checkbox-button-radius, 16px));
  background-color: var(--wot-radio-button-bg, var(--wot-checkbox-button-bg, rgba(0, 0, 0, 0.04)));
  font-size: var(--wot-radio-button-fs, var(--wot-checkbox-button-font-size, 14px));
  box-sizing: border-box;
  border: 1px solid var(--wot-radio-button-border, var(--wot-checkbox-button-border, #f5f5f5));
  transition: all 0.2s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wd-radio.is-button.is-checked .wd-radio__label[data-v-66db7d09] {
  color: var(--wot-radio-checked-color, var(--wot-checkbox-checked-color, var(--wot-color-theme, #4d80f0)));
  border-color: currentColor;
  background-color: var(--wot-radio-bg, var(--wot-color-white, rgb(255, 255, 255)));
}
.wd-radio.icon-placement-left[data-v-66db7d09] {
  flex-direction: row-reverse;
}
.wd-radio.is-inline[data-v-66db7d09] {
  display: inline-block;
  margin-top: 0;
  margin-right: var(--wot-radio-margin, var(--wot-checkbox-margin, 10px));
}
.wd-radio.is-inline.is-first[data-v-66db7d09] {
  margin-left: 0;
}
.wd-radio.is-inline .wd-radio__shape[data-v-66db7d09] {
  display: block;
  margin-right: 4px;
  float: left;
}
.wd-radio.is-inline .wd-radio__shape[data-v-66db7d09]::after {
  content: "";
  display: table;
  clear: both;
}
.wd-radio.is-inline.is-dot .wd-radio__shape[data-v-66db7d09] {
  margin-top: 2px;
}
.wd-radio.is-inline.is-dot.is-large .wd-radio__shape[data-v-66db7d09] {
  margin-top: 0;
}
.wd-radio.is-inline.icon-placement-right .wd-radio__shape[data-v-66db7d09] {
  margin-right: 0;
  margin-left: 4px;
  float: right;
}
.wd-radio.is-disabled .wd-radio__label[data-v-66db7d09] {
  color: var(--wot-radio-disabled-label-color, var(--wot-checkbox-disabled-label-color, rgba(0, 0, 0, 0.25)));
}
.wd-radio.is-disabled.is-checked .wd-radio__shape[data-v-66db7d09] {
  color: var(--wot-radio-disabled-label-color, var(--wot-checkbox-disabled-label-color, rgba(0, 0, 0, 0.25)));
}
.wd-radio.is-disabled.is-checked .wd-radio__check[data-v-66db7d09] {
  color: var(--wot-radio-disabled-label-color, var(--wot-checkbox-disabled-label-color, rgba(0, 0, 0, 0.25)));
}
.wd-radio.is-disabled.is-checked .wd-radio__label[data-v-66db7d09] {
  color: var(--wot-radio-disabled-label-color, var(--wot-checkbox-disabled-label-color, rgba(0, 0, 0, 0.25)));
}
.wd-radio.is-disabled.is-button .wd-radio__label[data-v-66db7d09] {
  border-color: var(--wot-radio-disabled-color, var(--wot-checkbox-disabled-color, rgba(0, 0, 0, 0.04)));
  background: var(--wot-radio-disabled-color, var(--wot-checkbox-disabled-color, rgba(0, 0, 0, 0.04)));
  border-color: var(--wot-radio-button-border, var(--wot-checkbox-button-border, #f5f5f5));
  color: var(--wot-radio-disabled-label-color, var(--wot-checkbox-disabled-label-color, rgba(0, 0, 0, 0.25)));
}
.wd-radio.is-disabled.is-button.is-checked .wd-radio__label[data-v-66db7d09] {
  border-color: var(--wot-radio-button-disabled-border, var(--wot-checkbox-button-disabled-border, rgba(0, 0, 0, 0.15)));
  background: var(--wot-radio-disabled-color, var(--wot-checkbox-disabled-color, rgba(0, 0, 0, 0.04)));
}
.wd-radio.is-disabled.is-dot .wd-radio__shape[data-v-66db7d09] {
  background: var(--wot-radio-dot-disabled-bg, #d9d9d9);
  border-color: var(--wot-radio-dot-disabled-border, #d9d9d9);
}
.wd-radio.is-cell-radio[data-v-66db7d09] {
  padding: 13px 15px;
  margin: 0;
}
.wd-radio.is-cell-radio.is-large[data-v-66db7d09] {
  padding: 14px 15px;
}
.wd-radio.is-button-radio[data-v-66db7d09] {
  display: inline-flex;
  width: 33.3333%;
  padding: 12px 12px 0px 0px;
  box-sizing: border-box;
}
.wd-radio.is-button-radio .wd-radio__label[data-v-66db7d09] {
  width: 100%;
  max-width: inherit;
}
.wd-radio.is-large .wd-radio__shape[data-v-66db7d09] {
  width: var(--wot-radio-large-size, var(--wot-checkbox-large-size, 18px));
  height: var(--wot-radio-large-size, var(--wot-checkbox-large-size, 18px));
  font-size: var(--wot-radio-large-size, var(--wot-checkbox-large-size, 18px));
}
.wd-radio.is-large .wd-radio__label[data-v-66db7d09] {
  font-size: var(--wot-radio-large-label-fs, var(--wot-checkbox-large-label-fs, 16px));
}
.wd-radio.is-large.is-dot .wd-radio__shape[data-v-66db7d09]::before {
  width: var(--wot-radio-dot-large-size, 10px);
  height: var(--wot-radio-dot-large-size, 10px);
  left: calc(50% - var(--wot-radio-dot-large-size, 10px)/2);
  top: calc(50% - var(--wot-radio-dot-large-size, 10px)/2);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
.wot-theme-dark .wd-radio-group[data-v-87ff328b] {
  background-color: var(--wot-dark-background2, #1b1b1b);
}
.wd-radio-group[data-v-87ff328b] {
  background-color: var(--wot-radio-bg, var(--wot-color-white, rgb(255, 255, 255)));
  font-size: 0;
}
.wd-radio-group.is-button[data-v-87ff328b] {
  width: 100%;
  height: 100%;
  padding: 8px 3px 20px 15px;
  box-sizing: border-box;
  overflow: hidden;
  height: auto;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.coupons-item[data-v-81694196] {
  position: relative;
  transform: scale(0);
  perspective: 2400px;
}
.coupons-item.sctext-1[data-v-81694196] {
  transition: 0.3s;
  transform: scale(0.9);
}
.coupons-item.bulr-opcy[data-v-81694196] {
  opacity: 0.4;
}
.coupons-item .coupons-wrap[data-v-81694196] {
  position: relative;
  transition: transform 0.6s;
  transform: rotateY(0deg);
  transform-style: preserve-3d;
}
.coupons-item .coupons-wrap.reversal-back[data-v-81694196] {
  transform: rotateY(180deg);
}
.coupons-item .coupons-wrap .coupons-front[data-v-81694196] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.coupons-item .coupons-wrap .coupons-front .front-text[data-v-81694196] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
}
.coupons-item .coupons-wrap .coupons-front .front-text .front-right .right-title.not-amt[data-v-81694196] {
  transform: scale(1.2);
  transform-origin: top;
}
.coupons-item .coupons-wrap .coupons-front .front-text .front-right .right-title .voucher-type-name[data-v-81694196] {
  font-size: 3.8rem;
  font-style: italic;
  font-weight: 900;
  color: #ffffff;
}
.coupons-item .coupons-wrap .coupons-front .front-text .front-right .right-title .voucher-title[data-v-81694196] {
  background-color: #ffffff;
  border-radius: 2rem;
}
.coupons-item .coupons-wrap .coupons-front .front-text .front-right .right-title .voucher-title uni-text[data-v-81694196] {
  position: relative;
  display: inline-block;
  padding: 0px 10px;
  font-family: "Arial", sans-serif;
  font-size: 3.8rem;
  font-weight: 900;
  color: var(--wot-color-theme);
  text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.5);
  transition: 0;
  transform: scaleY(1.2);
}
.coupons-item .coupons-wrap .coupons-back[data-v-81694196] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  transform: rotateY(180deg);
}
.coupons-item .coupons-wrap .coupons-back .front-text[data-v-81694196] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.coupons-item .coupons-wrap .coupons-back .front-text .back-code-item[data-v-81694196] {
  width: 4rem;
  height: 5rem;
  font-weight: 800;
  color: #f6f6f6;
  background-color: rgba(141, 110, 228, 0.4);
  border-radius: 1rem;
}
.coupons-item .coupons-wrap .coupons-back .front-text .back-code-item[data-v-81694196]:nth-child(5) {
  margin-right: 3rem;
}
.coupons-item .vampcard-coupon[data-v-81694196] {
  filter: grayscale(100%);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-ee1a3a2f] .coupons-popup-syl {
  height: 70%;
  border-radius: 14px 14px 0 0;
}
[data-v-ee1a3a2f] .coupons-popup-syl .coupons-content {
  position: relative;
}
[data-v-ee1a3a2f] .coupons-popup-syl .coupons-content .coupons-item-syl {
  transform: scale(0.8);
  transform-origin: left;
}
[data-v-ee1a3a2f] .coupons-popup-syl .coupons-content .coupons-item-syl:last-child {
  margin-bottom: 0;
}
[data-v-ee1a3a2f] .coupons-popup-syl .coupons-content .coupons-checked {
  position: absolute;
  top: 50%;
  right: 0;
  width: 13rem;
  transform: translateY(-50%);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.top-shadow[data-v-9a1cf7a6] {
  border-top: 1px solid rgb(243, 243, 243);
}
.coupons-tag[data-v-9a1cf7a6] {
  color: #f6f6f6;
  background-color: var(--wot-color-theme);
  border-radius: 100px;
}
[data-v-9a1cf7a6] .wd-count-to .wd-text:nth-of-type(2) {
  font-weight: bold;
}
.coupon-syl[data-v-9a1cf7a6] .wd-input::after {
  background: var(--wot-color-theme);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.payment-syl[data-v-b5e109cb] {
  background-color: #f8f8f8;
  border: 2px solid #f8f8f8;
  border-radius: 10px;
  transition: 0.3s;
}
.payment-syl.payment-current[data-v-b5e109cb] {
  border: 2px solid var(--wot-color-theme);
}
.payment-syl .pay-type-icon[data-v-b5e109cb] {
  transition: 0.3s;
  transform: scale(0);
}
.payment-syl .current-icon[data-v-b5e109cb] {
  transform: scale(1);
}
.insufficient-syl[data-v-b5e109cb] {
  box-sizing: border-box;
  background-color: #ffd8dd;
  border: 2px solid #fa4350;
  border-radius: 20px;
}
.insufficient-syl .last-text[data-v-b5e109cb] {
  line-height: 0px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.segmented-wrap[data-v-c11b1c47] {
  border: 2px solid var(--wot-color-theme);
  border-radius: 4px;
}
.wd-segmented[data-v-c11b1c47] {
  align-items: center;
  /* height: 50px; */
}
.wd-segmented[data-v-c11b1c47] .wd-segmented__item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.wd-segmented[data-v-c11b1c47] .wd-segmented__item .wd-segmented__item-label {
  display: flex;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.vir-apply-syl[data-v-cec8eaed] {
  height: 100%;
  padding-bottom: 15px;
  overflow-y: overlay;
  background: linear-gradient(to right bottom, #e7e2f6 0%, #f6f6f6 438px, #f6f6f6 100%);
}
.vir-apply-syl .vir-apply-content[data-v-cec8eaed] {
  background: linear-gradient(to right bottom, #e7e2f6 0%, #f6f6f6 438px, #f6f6f6 100%);
}
.vir-apply-syl .shade[data-v-cec8eaed] {
  box-shadow: 0 2.5px 6px 0 rgba(0, 0, 0, 0.15);
}
.apply-button[data-v-cec8eaed] {
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  height: 110px;
  border-top: 1px solid rgb(243, 243, 243);
  box-shadow: 0 -2.5px 6px 0 rgba(0, 0, 0, 0.15);
}
.vamp-syl[data-v-cec8eaed] {
  height: calc(100% - 110px - 15px) !important;
}
.vamp-class[data-v-cec8eaed] {
  height: 110px !important;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-7fdb520e] .container-view {
  padding: 0;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
.wot-theme-dark .wd-step__icon[data-v-7dacced3] {
  background: var(--wot-dark-background2, #1b1b1b);
}
.wot-theme-dark .wd-step__content[data-v-7dacced3] {
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
}
.wot-theme-dark .wd-step__line[data-v-7dacced3] {
  background: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wot-theme-dark .wd-step__dot[data-v-7dacced3] {
  background: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wot-theme-dark .wd-step__description[data-v-7dacced3] {
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
}
.wot-theme-dark .wd-step.is-wait .wd-step__description[data-v-7dacced3] {
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wot-theme-dark .wd-step[data-v-7dacced3] .wd-step__icon-outer, .wot-theme-dark .wd-step[data-v-7dacced3] .wd-step__icon-inner {
  color: var(--wot-dark-color3, rgba(232, 230, 227, 0.8));
  border-color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wd-step[data-v-7dacced3] {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.wd-step__header[data-v-7dacced3] {
  position: relative;
  font-size: 0;
}
.wd-step__header.is-dot .wd-step__line[data-v-7dacced3] {
  margin-top: -1px;
}
.wd-step__icon[data-v-7dacced3] {
  display: inline-block;
  position: relative;
  width: var(--wot-steps-icon-size, 22px);
  height: var(--wot-steps-icon-size, 22px);
  background: #fff;
  z-index: 1;
}
.wd-step__icon.is-icon[data-v-7dacced3] {
  width: var(--wot-steps-is-icon-width, 30px);
  text-align: center;
}
.wd-step__icon.is-dot[data-v-7dacced3] {
  width: var(--wot-steps-dot-size, 7px);
  height: var(--wot-steps-dot-size, 7px);
  border: 1px solid transparent;
  margin-left: -1px;
  border-radius: 50%;
  background: transparent;
}
[data-v-7dacced3]  .wd-step__icon-inner {
  font-size: var(--wot-steps-icon-size, 22px);
  color: var(--wot-steps-inactive-color, rgba(0, 0, 0, 0.25));
}
.wd-step__icon-outer[data-v-7dacced3] {
  width: calc(var(--wot-steps-icon-size, 22px) - 2px);
  height: calc(var(--wot-steps-icon-size, 22px) - 2px);
  border: 1px solid var(--wot-steps-inactive-color, rgba(0, 0, 0, 0.25));
  color: var(--wot-steps-inactive-color, rgba(0, 0, 0, 0.25));
  text-align: center;
  line-height: calc(var(--wot-steps-icon-size, 22px) - 2px);
  border-radius: 50%;
  font-size: var(--wot-steps-icon-text-fs, var(--wot-fs-content, 14px));
}
.wd-step__line[data-v-7dacced3] {
  position: absolute;
  width: 100%;
  height: 1px;
  background: var(--wot-steps-line-color, rgba(0, 0, 0, 0.15));
  transform: scaleY(0.5);
  top: 50%;
  left: 0;
}
.wd-step__dot[data-v-7dacced3] {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--wot-steps-line-color, rgba(0, 0, 0, 0.15));
}
.wd-step__content[data-v-7dacced3] {
  margin-top: 7px;
  color: var(--wot-steps-inactive-color, rgba(0, 0, 0, 0.25));
  font-size: var(--wot-steps-label-fs, var(--wot-fs-secondary, 12px));
}
.wd-step__title[data-v-7dacced3] {
  font-weight: var(--wot-steps-title-fw, var(--wot-fw-medium, 500));
  line-height: 1.43;
}
.wd-step__title.is-description[data-v-7dacced3] {
  font-size: var(--wot-steps-title-fs, var(--wot-fs-content, 14px));
}
.wd-step__description[data-v-7dacced3] {
  margin-top: 5px;
  padding: 0 2px;
  color: var(--wot-steps-description-color, rgba(0, 0, 0, 0.45));
}
.wd-step.is-wait .wd-step__description[data-v-7dacced3] {
  color: var(--wot-steps-inactive-color, rgba(0, 0, 0, 0.25));
}
.wd-step.is-finished[data-v-7dacced3] .wd-step__icon-inner {
  color: var(--wot-steps-finished-color, var(--wot-color-theme, #4d80f0));
}
.wd-step.is-finished .wd-step__icon-outer[data-v-7dacced3] {
  color: var(--wot-steps-finished-color, var(--wot-color-theme, #4d80f0));
  border-color: var(--wot-steps-finished-color, var(--wot-color-theme, #4d80f0));
}
.wd-step.is-finished .wd-step__title[data-v-7dacced3] {
  color: var(--wot-steps-finished-color, var(--wot-color-theme, #4d80f0));
}
.wd-step.is-finished .wd-step__dot[data-v-7dacced3] {
  background: var(--wot-steps-finished-color, var(--wot-color-theme, #4d80f0));
}
.wd-step.is-process .wd-step__icon.is-icon[data-v-7dacced3] .wd-step__icon-inner {
  color: var(--wot-steps-finished-color, var(--wot-color-theme, #4d80f0));
}
.wd-step.is-process .wd-step__icon-outer[data-v-7dacced3] {
  color: #fff;
  background: var(--wot-steps-finished-color, var(--wot-color-theme, #4d80f0));
  border-color: var(--wot-steps-finished-color, var(--wot-color-theme, #4d80f0));
}
.wd-step.is-process .wd-step__title[data-v-7dacced3] {
  color: var(--wot-steps-finished-color, var(--wot-color-theme, #4d80f0));
}
.wd-step.is-process .wd-step__icon[data-v-7dacced3] {
  border-color: var(--wot-steps-finished-color, var(--wot-color-theme, #4d80f0));
}
.wd-step.is-process .wd-step__icon.is-dot[data-v-7dacced3]::after {
  position: absolute;
  content: "";
  width: var(--wot-steps-dot-size, 7px)10px;
  height: var(--wot-steps-dot-size, 7px)10px;
  left: -5px;
  top: -5px;
  border-radius: 50%;
  background: var(--wot-steps-finished-color, var(--wot-color-theme, #4d80f0));
  opacity: 0.2;
}
.wd-step.is-process .wd-step__dot[data-v-7dacced3] {
  background: var(--wot-steps-finished-color, var(--wot-color-theme, #4d80f0));
}
.wd-step.is-error[data-v-7dacced3] .wd-step__icon-inner, .wd-step.is-error .wd-step__title[data-v-7dacced3] {
  color: var(--wot-steps-error-color, var(--wot-color-danger, #fa4350));
}
.wd-step.is-error .wd-step__icon-outer[data-v-7dacced3] {
  color: var(--wot-steps-error-color, var(--wot-color-danger, #fa4350));
  border-color: var(--wot-steps-error-color, var(--wot-color-danger, #fa4350));
}
.wd-step.is-error .wd-step__dot[data-v-7dacced3] {
  background: var(--wot-steps-error-color, var(--wot-color-danger, #fa4350));
}
.wd-step.is-center[data-v-7dacced3] {
  text-align: center;
}
.wd-step.is-center .wd-step__line[data-v-7dacced3] {
  left: 50%;
  right: -50%;
}
.wd-step.is-vertical[data-v-7dacced3] {
  display: block;
}
.wd-step.is-vertical .wd-step__header[data-v-7dacced3] {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
.wd-step.is-vertical .wd-step__header.is-dot[data-v-7dacced3] {
  top: 6px;
}
.wd-step.is-vertical .wd-step__header.is-dot .wd-step__line[data-v-7dacced3] {
  margin-left: -1px;
  margin-top: 0;
}
.wd-step.is-vertical .wd-step__content[data-v-7dacced3] {
  margin-left: 30px;
  margin-top: 0;
  padding-bottom: 20px;
}
.wd-step.is-vertical .wd-step__line[data-v-7dacced3] {
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  transform: scaleX(0.5);
}
.wd-step.is-vertical .wd-step__icon.is-dot[data-v-7dacced3] {
  margin-left: 0;
  margin-top: -1px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
.wd-steps[data-v-05be52d4] {
  font-size: 0;
}
.wd-steps.is-vertical[data-v-05be52d4] {
  display: block;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.auth-syl[data-v-f542b4d3] .wd-popup {
  height: 70%;
  padding: 0 14px;
  border-radius: 20px 20px 0 0;
}
.popup-content[data-v-f542b4d3] {
  height: calc(100% - 55px);
  overflow-y: overlay;
  /* padding: 10px 10px 30px; */
}
.popup-content .popup-header[data-v-f542b4d3] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 0 5px;
}
.popup-content .popup-body[data-v-f542b4d3] {
  padding: 0 14px;
  margin: 5px 0 5px;
}
.popup-content .popup-body .kyc-tip[data-v-f542b4d3] {
  margin-bottom: 10px;
  line-height: 1.6;
  text-indent: 1.5em;
}
.popup-content .popup-body .kyc-tip.last-tip[data-v-f542b4d3] {
  margin-bottom: 20px;
}
.confirm-btn[data-v-f542b4d3] {
  height: 55px;
  /* 禁用状态样式 */
}
.confirm-btn[data-v-f542b4d3]:disabled {
  opacity: 0.7;
  /* 可以根据需要调整样式 */
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.verification-container[data-v-ebfb294d] {
  padding: 40px 20px;
  text-align: center;
}
.verification-container .verification-icon[data-v-ebfb294d] {
  margin-bottom: 20px;
  font-size: 60px;
  color: #3498db;
}
.verification-container .verification-message[data-v-ebfb294d] {
  margin-bottom: 30px;
  font-size: 18px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.verification-container[data-v-e646fc5b] {
  padding: 40px 20px;
  text-align: center;
}
.verification-container .verification-icon[data-v-e646fc5b] {
  margin-bottom: 20px;
  font-size: 60px;
  color: #3498db;
}
.verification-container .verification-message[data-v-e646fc5b] {
  margin-bottom: 30px;
  font-size: 18px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.step-syl[data-v-cb5b09fd] {
  box-sizing: border-box;
  height: calc(100% - 80px - 55px);
  overflow-y: overlay;
}
.step-syl.not-setp-button[data-v-cb5b09fd] {
  height: calc(100% - 90px);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.scorll-syl[data-v-991ce576] {
  height: calc(100% - 56px);
  overflow-y: overlay;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.vir-item-syl[data-v-e868097d] {
  box-sizing: border-box;
  padding: 14px 8px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 70%), var(--linear);
  border: 2px solid;
  border-color: #ffffff;
  box-shadow: 0 1.5px 7.5px 0 rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.3s, border-color 0.8s;
}
.vir-item-syl .list-img[data-v-e868097d] {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1), 0px 8px 16px rgba(0, 0, 0, 0.1);
}
.vir-item-syl.vir-border[data-v-e868097d] {
  border-color: var(--wot-color-theme);
  transition: 0.8s;
}
.vir-item-syl.disabled-syl[data-v-e868097d] {
  cursor: not-allowed;
  background: #f5f5f5;
  opacity: 0.6;
}
.vir-item-syl .secnario-syl[data-v-e868097d] {
  transition: 0.5s;
}
.vir-item-syl .secnario-syl .secnario-wrap[data-v-e868097d] {
  box-sizing: border-box;
  background-color: #f5f5f5;
  border-radius: 10px;
}
.vir-item-syl[data-v-e868097d] .button-wrap {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  transform-origin: center bottom;
  animation: scaleUp-e868097d 0.2s forwards;
}
@keyframes scaleUp-e868097d {
0% {
    opacity: 0.8;
    transform: translateY(50%) translateX(100%);
}
100% {
    opacity: 1;
    transform: translateY(50%) translateX(-50%);
}
}
.vir-item-syl[data-v-e868097d] .button-wrap .wd-icon {
  transition: 0.5s;
  transform: rotate(180deg);
}
.vir-item-syl[data-v-e868097d] .button-wrap.icon-deg .wd-icon {
  transition: 0.5s;
  transform: rotate(270deg);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.empty-state[data-v-40cebb67] {
  padding: 25px 20px;
  text-align: center;
  background-color: #ffffff;
  border-radius: 8px;
  /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); */
}
.empty-state .empty-icon[data-v-40cebb67] {
  margin-bottom: 18px;
  font-size: 40px;
  color: #999999;
}
.empty-state .empty-title[data-v-40cebb67] {
  margin: 0 0 10px 0;
  font-size: 20px;
  font-weight: 600;
}
.empty-state .empty-description[data-v-40cebb67] {
  max-width: 90%;
  margin: 0 0 18px 0;
  margin-right: auto;
  margin-left: auto;
  font-size: 14px;
  color: #666666;
}
.empty-state .btn[data-v-40cebb67]:hover {
  background-color: #3367d6;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.button-vir[data-v-6c09cd16] {
  position: absolute;
  bottom: 0;
  height: 50px;
}
.top-banner[data-v-6c09cd16] {
  height: 18rem;
  overflow: hidden;
  border-radius: 30px;
}
.wd-segmented[data-v-6c09cd16] {
  --wot-segmented-item-bg-color: #ffffff;
  align-items: center;
  height: 44px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.02);
}
.wd-segmented[data-v-6c09cd16] .wd-segmented__item-label {
  display: flex;
  justify-content: center;
}
[data-v-6c09cd16] .wd-segmented__item {
  min-height: unset;
}
.cards-scroll-wrap[data-v-6c09cd16] {
  height: calc(100% - 44px - 30px);
  border-radius: 4px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.02), 0px 2px 4px rgba(0, 0, 0, 0.04);
}
.cards-scroll-wrap.not-btn[data-v-6c09cd16] {
  height: calc(100% - 25px);
}
.cards-scroll-wrap .cards-scroll[data-v-6c09cd16] {
  height: 100%;
  overflow-y: overlay;
}
.cards-scroll-wrap .not-apply-item[data-v-6c09cd16] {
  height: 100px;
  padding: 16px;
  text-align: center;
  background-color: var(--weak-primary);
  border: 2px solid white;
  border-radius: 10px;
  /* border-top: 1px dashed #ffc107; */
  /* background-color: rgb(240, 239, 239); */
  box-shadow: 0 1.5px 7.5px 0 rgba(0, 0, 0, 0.15);
}
.cards-scroll-wrap .not-apply-item .kyc-title[data-v-6c09cd16] {
  margin-bottom: 8px;
  font-weight: 500;
}
.cards-scroll-wrap .not-apply-item .kyc-desc[data-v-6c09cd16] {
  margin-bottom: 12px;
  font-size: 12px;
  color: #666666;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-bdbf0e1a] .container-view {
  padding: 0;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.bg-wrap[data-v-ed001ff3] {
  padding: 20px;
  background-color: var(--weak-primary);
  border-radius: 100px;
  transition: 0.4s;
  transform: rotate(90deg);
}
.bg-wrap.rotate-icon[data-v-ed001ff3] {
  transform: rotate(135deg);
}
[data-v-ed001ff3] .wd-popup {
  border-radius: 16px 16px 0 0;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.coupons-item-syl[data-v-603b16cd] {
  margin-bottom: 6px;
}
.coupons-item-syl[data-v-603b16cd]:last-child {
  margin-bottom: 0;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
.wot-theme-dark .wd-input-number__action[data-v-2a5d1bdc] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-input-number__action.is-disabled[data-v-2a5d1bdc] {
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wot-theme-dark .wd-input-number__input[data-v-2a5d1bdc] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-input-number.is-disabled .wd-input-number__input[data-v-2a5d1bdc] {
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wot-theme-dark .wd-input-number.is-disabled .wd-input-number__sub[data-v-2a5d1bdc],
.wot-theme-dark .wd-input-number.is-disabled .wd-input-number__add[data-v-2a5d1bdc] {
  color: var(--wot-dark-color-gray, var(--wot-color-secondary, #595959));
}
.wd-input-number[data-v-2a5d1bdc] {
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: 1.15;
}
.wd-input-number__action[data-v-2a5d1bdc] {
  position: relative;
  display: inline-block;
  width: var(--wot-input-number-btn-width, 26px);
  height: var(--wot-input-number-height, 24px);
  vertical-align: middle;
  color: var(--wot-input-number-icon-color, rgba(0, 0, 0, 0.65));
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}
.wd-input-number__action[data-v-2a5d1bdc]::after {
  position: absolute;
  content: "";
  width: calc(200% - 2px);
  height: calc(200% - 2px);
  left: 0;
  top: 0;
  border: 1px solid var(--wot-input-number-border-color, #e8e8e8);
  border-top-left-radius: calc(var(--wot-input-number-radius, 4px) * 2);
  border-bottom-left-radius: calc(var(--wot-input-number-radius, 4px) * 2);
  transform: scale(0.5);
  transform-origin: left top;
}
.wd-input-number__action[data-v-2a5d1bdc]:last-child::after {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: calc(var(--wot-input-number-radius, 4px) * 2);
  border-bottom-right-radius: calc(var(--wot-input-number-radius, 4px) * 2);
}
.wd-input-number__action.is-disabled[data-v-2a5d1bdc] {
  color: var(--wot-input-number-disabled-color, rgba(0, 0, 0, 0.25));
}
.wd-input-number__inner[data-v-2a5d1bdc] {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.wd-input-number__input[data-v-2a5d1bdc] {
  position: relative;
  display: block;
  width: var(--wot-input-number-input-width, 36px);
  height: var(--wot-input-number-height, 24px);
  padding: 0 2px;
  box-sizing: border-box;
  z-index: 1;
  background: transparent;
  border: none;
  outline: none;
  text-align: center;
  color: var(--wot-input-number-color, #262626);
  font-size: var(--wot-input-number-fs, 12px);
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}
.wd-input-number__input-border[data-v-2a5d1bdc] {
  position: absolute;
  width: 100%;
  height: calc(200% - 2px);
  left: 0;
  top: 0;
  border-top: 1px solid var(--wot-input-number-border-color, #e8e8e8);
  border-bottom: 1px solid var(--wot-input-number-border-color, #e8e8e8);
  transform: scaleY(0.5);
  transform-origin: left top;
  z-index: 0;
}
[data-v-2a5d1bdc]  .wd-input-number__action-icon {
  position: absolute;
  display: inline-block;
  font-size: var(--wot-input-number-icon-size, 14px);
  width: var(--wot-input-number-icon-size, 14px);
  height: var(--wot-input-number-icon-size, 14px);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.wd-input-number.is-disabled .wd-input-number__input[data-v-2a5d1bdc] {
  color: var(--wot-input-number-disabled-color, rgba(0, 0, 0, 0.25));
  z-index: inherit;
}
.wd-input-number.is-disabled .wd-input-number__sub[data-v-2a5d1bdc],
.wd-input-number.is-disabled .wd-input-number__add[data-v-2a5d1bdc] {
  color: var(--wot-input-number-disabled-color, rgba(0, 0, 0, 0.25));
}
.wd-input-number.is-without-input .wd-input-number__action[data-v-2a5d1bdc]:last-child::after {
  border-left: none;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.coin-card[data-v-b1121715] {
  padding: 14px 12px;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 1.86px 2.8px 1px rgba(0, 0, 0, 0.1);
  transform-style: preserve-3d;
}
.coin-card .input-number[data-v-b1121715] {
  transform: scale(1.2);
  transform-origin: right;
}
.coin-card .coin-arrow[data-v-b1121715] {
  height: 36px;
  padding: 0 12px;
  border-radius: 30px;
  box-shadow: 0 2.5px 6px 0 rgba(0, 0, 0, 0.15);
}
.coin-card.to-down-card-enter[data-v-b1121715] {
  animation: to-down-enter-b1121715 0.6s linear forwards;
}
.coin-card.to-down-card-leave[data-v-b1121715] {
  animation: to-down-leave-b1121715 0.6s linear forwards;
}
.coin-card.to-up-card-enter[data-v-b1121715] {
  animation: to-up-enter-b1121715 0.6s linear forwards;
}
.coin-card.to-up-card-leave[data-v-b1121715] {
  animation: to-up-leave-b1121715 0.6s linear forwards;
}
@keyframes to-down-enter-b1121715 {
30% {
    box-shadow: 0 1.86px 2.8px 1px rgba(0, 0, 0, 0.2);
    transform: translateY(30px) translateZ(60px) scale(1.1) rotateX(20deg);
}
70% {
    transform: translateY(180px) translateZ(60px) scale(1.1) rotateX(10deg);
}
100% {
    transform: translateY(230px) translateZ(0px) scale(1) rotateX(0deg);
}
}
@keyframes to-down-leave-b1121715 {
0% {
    transform: translateY(230px) translateZ(0px) scale(1);
}
30% {
    transform: translateY(180px) translateZ(60px) scale(1.1) rotateX(20deg);
}
70% {
    box-shadow: 0 1.86px 2.8px 1px rgba(0, 0, 0, 0.2);
    transform: translateY(30px) translateZ(60px) scale(1.1) rotateX(10deg);
}
100% {
    transform: translateY(0px) translateZ(0px) scale(1) rotateX(0deg);
}
}
@keyframes to-up-enter-b1121715 {
30% {
    box-shadow: 0 1.86px 2.8px 1px rgba(0, 0, 0, 0.2);
    transform: translateY(-30px) translateZ(60px) scale(1.1) rotateX(20deg);
}
70% {
    transform: translateY(-180px) translateZ(60px) scale(1.1) rotateX(10deg);
}
100% {
    transform: translateY(-250px) translateZ(0px) scale(1) rotateX(0deg);
}
}
@keyframes to-up-leave-b1121715 {
0% {
    transform: translateY(-250px) translateZ(0px) scale(1);
}
30% {
    transform: translateY(-180px) translateZ(60px) scale(1.1) rotateX(20deg);
}
70% {
    box-shadow: 0 1.86px 2.8px 1px rgba(0, 0, 0, 0.2);
    transform: translateY(-30px) translateZ(60px) scale(1.1) rotateX(10deg);
}
100% {
    transform: translateY(0px) translateZ(0px) scale(1) rotateX(0deg);
}
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-653766d3] .container-view {
  padding: 0;
}
.exchange-syl[data-v-653766d3] {
  height: calc(100% - 20px);
  padding: 10px;
  overflow: hidden;
  perspective: 2000px;
}
.exchange-syl .bottom-button[data-v-653766d3] {
  border-top: 1px solid rgb(243, 243, 243);
}
[data-v-653766d3] .exchange-syl .down-icon {
  transform: rotate(90deg);
}
[data-v-653766d3] .exchange-syl .divider .wd-button {
  background-color: var(--weak-primary);
  box-shadow: 0 2.5px 2.8px 1px rgba(0, 0, 0, 0.2);
}
[data-v-653766d3] .exchange-syl .divider .wd-button .wd-icon-swap {
  font-weight: 600;
  color: var(--wot-color-theme);
  transform: rotate(90deg);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.coin-item[data-v-6ec841b3] {
  cursor: pointer;
  border: 2px solid var(--weak-primary);
  border-radius: 10px;
  transition: 0.2s;
}
.coin-item.coin-active[data-v-6ec841b3] {
  background-color: var(--weak-primary);
  border: 2px solid var(--wot-color-theme);
}
.bottom-button[data-v-6ec841b3] {
  border-top: 1px solid rgb(243, 243, 243);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.qrcode-syl[data-v-f3f53cdd] {
  position: relative;
  width: var(--7bfdb556);
  height: var(--7bfdb556);
}
.qrcode-syl .qrcode-wrap[data-v-f3f53cdd] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.qrcode-syl .generating[data-v-f3f53cdd] {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  padding: 10px 15px;
  background-color: rgb(245, 245, 245);
  transform: translateX(-50%);
}
.qrcode-syl .generating.hidden-gat[data-v-f3f53cdd] {
  display: none;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
.wot-theme-dark .wd-checkbox-group[data-v-1de25cbc] {
  background-color: var(--wot-dark-background2, #1b1b1b);
}
.wd-checkbox-group[data-v-1de25cbc] {
  background-color: var(--wot-checkbox-bg, var(--wot-color-white, rgb(255, 255, 255)));
}
.wd-checkbox-group.is-button[data-v-1de25cbc] {
  width: 100%;
  padding: 8px 3px 20px 15px;
  box-sizing: border-box;
  overflow: hidden;
  height: auto;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.wd-checkbox-group[data-v-0dec757f] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.wd-checkbox-group .wd-checkbox[data-v-0dec757f] {
  width: unset;
  padding: unset;
  margin-bottom: 10px;
  cursor: pointer;
  --wot-checkbox-button-font-size: 12px;
  --wot-checkbox-button-height: 28px;
  --wot-checkbox-button-min-width: 70px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-5eac5424] .wd-segmented {
  align-items: center;
  height: 76px;
}
[data-v-5eac5424] .wd-segmented .wd-segmented__item {
  height: 100%;
}
[data-v-5eac5424] .wd-segmented .wd-segmented__item-label {
  height: 100%;
  padding: 4px 0;
}
[data-v-5eac5424] .wd-segmented .wd-segmented__item.is-active {
  color: rgb(218, 218, 238);
}
.text-syl[data-v-5eac5424] {
  font-size: 12px;
  line-height: 14px;
  white-space: normal;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.card[data-v-e5510622] {
  max-width: 420px;
  padding: 12px 15px;
  margin: 0 auto;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 1.4;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.card .header[data-v-e5510622] {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: bold;
  color: #2c3e50;
  text-align: center;
}
.card .network[data-v-e5510622] {
  display: inline-block;
  padding: 3px 8px;
  margin: 0 0 8px;
  font-size: 11px;
  font-weight: bold;
  color: #1976d2;
  background: #e3f2fd;
  border-radius: 3px;
}
.card .warning[data-v-e5510622],
.card .tip[data-v-e5510622] {
  padding: 8px 10px;
  margin: 8px 0;
  font-size: 11.5px;
  border-left-style: solid;
  border-left-width: 3px;
}
.card .warning[data-v-e5510622] {
  background: #fff8e1;
  border-left-color: #ffc107;
}
.card .subheader[data-v-e5510622] {
  margin: 10px 0 6px;
  font-size: 12.5px;
  font-weight: bold;
  color: #2c3e50;
}
.card .list[data-v-e5510622] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 6px 0 10px;
}
.card .item[data-v-e5510622] {
  padding: 4px 9px;
  font-size: 11px;
  background: #f1f1f1;
  border-radius: 12px;
}
.card .item[data-v-e5510622]:last-child {
  font-style: italic;
  color: #666666;
}
.card .tip[data-v-e5510622] {
  background: #e8f5e9;
  border-left-color: #4caf50;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.deposit-wrap[data-v-e0470f83] .wd-popup {
  box-sizing: border-box;
  width: 90%;
  /* padding: 20px; */
  border-radius: 16px;
}
[data-v-e0470f83] .deposit-message .wd-message-box__content {
  text-align: left !important;
  /* text-indent: 1.5em; */
}
.deposit-syl[data-v-e0470f83] {
  padding: 10px 10px 0px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.wd-checkbox-group[data-v-7b8b2312] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.wd-checkbox-group .wd-checkbox[data-v-7b8b2312] {
  width: unset;
  padding: unset;
  margin-bottom: 10px;
  cursor: pointer;
  --wot-checkbox-button-font-size: 12px;
  --wot-checkbox-button-height: 28px;
  --wot-checkbox-button-min-width: 70px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.search-syl[data-v-bd1465a8] {
  border-radius: 10px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.contacts-syl[data-v-fa2f8a94] .wd-popup {
  height: 80%;
  border-radius: 16px 16px 0 0;
}
.contacts-syl[data-v-fa2f8a94] .wd-popup .content-syl {
  box-sizing: border-box;
}
.contacts-syl[data-v-fa2f8a94] .wd-popup .filter-height {
  height: calc(100% - 44px - 50px - 50px);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.sendAsset-syl[data-v-60a1de0c] {
  height: calc(100% - 80px);
  padding: 10px 10px 0px;
  overflow: overlay;
}
.bottom-button[data-v-60a1de0c] {
  position: absolute;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 90px;
  padding: 10px;
  background-color: #ffffff;
  border-top: 1px solid rgba(220, 219, 219, 0.5);
}
[data-v-60a1de0c] .email-syl {
  --wot-button-icon-fs: 1.4em;
}
[data-v-60a1de0c] .email-syl .wd-input.is-large {
  padding: 4px 14px;
}
[data-v-60a1de0c] .email-syl .wd-input.is-large .wd-input__suffix {
  display: flex;
}
[data-v-60a1de0c] .email-syl .wd-input.is-large .button-syl {
  color: var(--wot-color-theme);
  background-color: var(--weak-primary);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.asset-wrap[data-v-5183d953] {
  height: calc(100% - 50px - 20px);
}
.asset-wrap .asset-content[data-v-5183d953] {
  height: calc(100% - 30px - 46px - 6px);
  overflow-y: overlay;
}
[data-v-5183d953] .cell-icon-syl {
  box-sizing: border-box;
  display: block;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  background-size: cover;
}
[data-v-5183d953] .assets-list-first {
  padding-left: 8px;
}
[data-v-5183d953] .assets-list-first .wd-cell__wrapper {
  display: flex;
  align-items: center;
  padding-right: 0px;
}
[data-v-5183d953] .assets-list-first .wd-cell__wrapper .wd-cell__left {
  display: flex;
  align-items: center;
}
[data-v-5183d953] .assets-list {
  padding-left: 8px;
}
[data-v-5183d953] .assets-list .wd-cell__wrapper {
  padding-right: 0px;
}
[data-v-5183d953] .assets-list .wd-cell__wrapper .wd-cell__left {
  display: flex;
  align-items: center;
  height: 45px;
}
[data-v-5183d953] .assets-list .wd-cell__wrapper .wd-cell__arrow-right {
  margin-top: 12px;
}
[data-v-5183d953] .wd-cell__title {
  font-weight: 700;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.withdraw-syl[data-v-65969bab] {
  height: calc(100% - 90px);
  padding: 10px 10px 0px;
  overflow: overlay;
}
.bottom-button[data-v-65969bab] {
  position: absolute;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 90px;
  padding: 10px;
  background-color: #ffffff;
  border-top: 1px solid rgba(220, 219, 219, 0.5);
}
[data-v-65969bab] .address-syl {
  --wot-button-icon-fs: 1.4em;
}
[data-v-65969bab] .address-syl .wd-input.is-large {
  padding: 4px 14px;
}
[data-v-65969bab] .address-syl .wd-input.is-large .wd-input__suffix {
  display: flex;
}
[data-v-65969bab] .address-syl .wd-input.is-large .button-syl {
  color: var(--wot-color-theme);
  background-color: var(--weak-primary);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.withdrawal-terms[data-v-6a6a4991] {
  max-width: 800px;
  padding: 24px;
  margin: 0 auto;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.6;
  color: #333333;
}
.withdrawal-terms .terms-header[data-v-6a6a4991] {
  padding-bottom: 16px;
  margin-bottom: 24px;
  text-align: center;
  border-bottom: 1px solid #eeeeee;
}
.withdrawal-terms .terms-header h1[data-v-6a6a4991] {
  margin: 12px 0 8px;
  font-size: 24px;
  font-weight: 600;
  color: #6c5ce7;
}
.withdrawal-terms .terms-header .last-updated[data-v-6a6a4991] {
  font-size: 14px;
  color: #666666;
}
.withdrawal-terms .terms-list .term-item[data-v-6a6a4991] {
  margin-bottom: 20px;
}
.withdrawal-terms .terms-list .term-item h3[data-v-6a6a4991] {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 600;
  color: #6c5ce7;
}
.withdrawal-terms .terms-list .term-item .term-content[data-v-6a6a4991] {
  font-size: 15px;
}
.withdrawal-terms .terms-list .term-item .term-content ul[data-v-6a6a4991] {
  padding-left: 24px;
  margin: 8px 0;
}
.withdrawal-terms .terms-list .term-item .term-content ul li[data-v-6a6a4991] {
  position: relative;
  margin-bottom: 8px;
}
.withdrawal-terms .terms-list .term-item .term-content ul li[data-v-6a6a4991]::before {
  position: absolute;
  top: 10px;
  left: -12px;
  display: inline-block;
  width: 4px;
  height: 4px;
  content: "";
  background-color: #666666;
  border-radius: 50%;
}
.withdrawal-terms .terms-list .term-item .term-content strong[data-v-6a6a4991] {
  font-weight: 600;
  color: #5649c0;
}
.withdrawal-terms .actions[data-v-6a6a4991] {
  padding-top: 24px;
  margin-top: 32px;
  text-align: center;
  border-top: 1px solid #eeeeee;
}
.withdrawal-terms .actions .confirm-btn[data-v-6a6a4991] {
  padding: 10px 32px;
  font-size: 16px;
  color: white;
  cursor: pointer;
  background-color: #6c5ce7;
  border: none;
  border-radius: 4px;
  transition: all 0.2s;
}
.withdrawal-terms .actions .confirm-btn[data-v-6a6a4991]:hover {
  background-color: #5a4bc0;
  transform: translateY(-1px);
}
.withdrawal-terms .actions .confirm-btn[data-v-6a6a4991]:active {
  transform: translateY(0);
}
@media (max-width: 768px) {
.withdrawal-terms[data-v-6a6a4991] {
    padding: 16px;
}
.withdrawal-terms .terms-header h1[data-v-6a6a4991] {
    font-size: 20px;
}
.withdrawal-terms .terms-list .term-item h3[data-v-6a6a4991] {
    font-size: 16px;
}
.withdrawal-terms .terms-list .term-item .term-content[data-v-6a6a4991] {
    font-size: 14px;
}
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.result-syl[data-v-f1d357e8] {
  height: calc(100% - 50px);
  overflow-y: overlay;
}
.bottom-button[data-v-f1d357e8] {
  border-top: 1px solid rgba(220, 219, 219, 0.5);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.faq-syl[data-v-fe6d0cd9] {
  height: 100%;
}
.faq-syl .scroll-syl[data-v-fe6d0cd9] {
  height: calc(100% - 50px - 50px - 10px);
  overflow: overlay;
}
.faq-syl .scroll-syl[data-v-fe6d0cd9] .wd-collapse-item__header {
  display: flex;
}
[data-v-fe6d0cd9] .highlight-syl {
  color: rgb(238, 96, 96);
  background-color: yellow;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.top-text-syl[data-v-06799d76] {
  border-bottom: 1px solid #e6e6e6;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.top-text-syl[data-v-66831403] {
  border-bottom: 1px solid #e6e6e6;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.language-syl .lang-item[data-v-7093144a] {
  height: 30px;
  padding: 16px 10px;
  margin-bottom: 10px;
  background-color: #eceaf3;
  border: 2px solid #f8f8f8;
  border-radius: 14px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08), 0px 8px 16px rgba(0, 0, 0, 0.04);
  transition: 0.3s;
}
.language-syl .lang-item.current[data-v-7093144a] {
  border: 2px solid var(--wot-color-theme);
}
.language-syl .lang-item .icon-syl[data-v-7093144a] {
  width: 36px;
  height: 36px;
  font-size: 15px;
  font-weight: 600;
  color: #f6f6f6;
  background-color: #cecece;
  border-radius: 50px;
}
.language-syl .lang-item .icon-after[data-v-7093144a] {
  transform: scale(0);
}
.language-syl .lang-item .icon-after.icon-current[data-v-7093144a] {
  transition: 0.5s;
  transform: scale(1);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
.wot-theme-dark .wd-key[data-v-32b29db0] {
  background: var(--wot-dark-background2, #1b1b1b);
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wot-theme-dark .wd-key[data-v-32b29db0]:active {
  background-color: var(--wot-dark-background4, #323233);
}
.wot-theme-dark .wd-key--active[data-v-32b29db0] {
  background-color: var(--wot-dark-background4, #323233);
}
.wd-key-wrapper[data-v-32b29db0] {
  position: relative;
  flex: 1;
  flex-basis: 33%;
  box-sizing: border-box;
  padding: 0 6px 6px 0;
}
.wd-key-wrapper--wider[data-v-32b29db0] {
  flex-basis: 66%;
}
.wd-key[data-v-32b29db0] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--wot-keyboard-key-height, 48px);
  font-size: var(--wot-keyboard-key-font-size, 28px);
  line-height: 1.5;
  background: var(--wot-keyboard-key-background, var(--wot-color-white, rgb(255, 255, 255)));
  border-radius: var(--wot-keyboard-key-border-radius, 8px);
}
.wd-key[data-v-32b29db0]:active {
  background-color: var(--wot-keyboard-key-active-color, var(--wot-color-gray-3, #ebedf0));
}
.wd-key--large[data-v-32b29db0] {
  position: absolute;
  top: 0;
  right: 6px;
  bottom: 6px;
  left: 0;
  height: auto;
}
.wd-key--delete[data-v-32b29db0], .wd-key--close[data-v-32b29db0] {
  font-size: var(--wot-keyboard-delete-font-size, 16px);
}
.wd-key--active[data-v-32b29db0] {
  background-color: var(--wot-keyboard-key-active-color, var(--wot-color-gray-3, #ebedf0));
}
.wd-key--close[data-v-32b29db0] {
  color: var(--wot-keyboard-button-text-color, var(--wot-color-white, rgb(255, 255, 255)));
  background: var(--wot-keyboard--button-background, var(--wot-color-theme, #4d80f0));
}
.wd-key--close[data-v-32b29db0]:active {
  background: var(--wot-keyboard--button-background, var(--wot-color-theme, #4d80f0));
  opacity: var(--wot-keyboard-button-active-opacity, 0.6);
}
[data-v-32b29db0]  .wd-key__loading-icon {
  color: var(--wot-keyboard-button-text-color, var(--wot-color-white, rgb(255, 255, 255)));
}
[data-v-32b29db0]  .wd-key__icon {
  font-size: var(--wot-keyboard-icon-size, 22px);
}
.wd-key[data-v-32b29db0] {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
.wd-key--active[data-v-32b29db0] {
  background-color: var(--key-active-color, #ebebeb) !important;
}
.wd-key-wrapper[data-v-32b29db0] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
 * 混合宏
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
  * BEM，定义块（b)
  */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 此方法用于生成穿透样式 */
/* 定义元素（e），对于伪类，会自动将 e 嵌套在 伪类 底下 */
/* 定义状态（m） */
/* 定义状态（m） */
/* 对于需要需要嵌套在 m 底下的 e，调用这个混合宏，一般在切换整个组件的状态，如切换颜色的时候 */
/* 状态，生成 is-$state 类名 */
/**
  * 常用混合宏
  */
/* 单行超出隐藏 */
/* 多行超出隐藏 */
/* 清除浮动 */
/* 0.5px 边框 指定方向*/
/* 0.5px 边框 环绕 */
/**
  * 三角形实现尖角样式，适用于背景透明情况
  * @param $size 三角形高，底边为 $size * 2
  * @param $bg 三角形背景颜色
  */
/**
  * 正方形实现尖角样式，适用于背景不透明情况
  * @param $size 正方形边长
  * @param $bg 正方形背景颜色
  * @param $z-index z-index属性值，不得大于外部包裹器
  * @param $box-shadow 阴影
*/
/**
 * 辅助函数
 */
/**
 * SCSS 配置项：命名空间以及BEM
 */
/* 转换成字符串 */
/* 判断是否存在 Modifier */
/* 判断是否存在伪类 */
/**
 * 主题色切换
 * @params $theme-color 主题色
 * @params $type 变暗’dark‘ 变亮 'light'
 * @params $mix-color 自己设置的混色
 */
/**
 * 颜色结果切换， 如果开启线性渐变色 使用渐变色，如果没有开启，那么使用主题色
 * @params $open-linear 是否开启线性渐变色
 * @params $deg 渐变色角度
 * @params $theme-color 当前配色
 * @params [Array] $set 主题色明暗设置，与 $color-list 数量对应
 * @params [Array] $color-list 渐变色顺序， $color-list 和 $per-list 数量相同
 * @params [Array] $per-list 渐变色比例
 */
/**
 * UI规范基础变量
 */
/*----------------------------------------- Theme color. start ----------------------------------------*/
/* 主题颜色 */
/* 辅助色 */
/* 文字颜色（默认浅色背景下 */
/* 暗黑模式 */
/* 图形颜色 */
/*----------------------------------------- Theme color. end -------------------------------------------*/
/*-------------------------------- Theme color application size.  start --------------------------------*/
/* 文字字号 */
/* 文字字重 */
/* 尺寸 */
/*-------------------------------- Theme color application size.  end --------------------------------*/
/* component var */
/* action-sheet */
/* badge */
/* button */
/* cell */
/* calendar */
/* checkbox */
/* collapse */
/* divider */
/* drop-menu */
/* input-number */
/* input */
/* textarea */
/* loadmore */
/* message-box */
/* notice-bar */
/* pagination */
/* picker */
/* col-picker */
/* overlay */
/* popup */
/* progress */
/* radio */
/* search */
/* slider */
/* sort-button */
/* steps */
/* switch */
/* tabs */
/* tag */
/* toast */
/* loading */
/* tooltip */
/* popover */
/* grid-item */
/* statustip */
/* card */
/* upload */
/* curtain */
/* notify */
/* skeleton */
/* circle */
/* swiper */
/* swiper-nav */
/* segmented */
/* tabbar */
/* tabbar-item */
/* navbar */
/* navbar-capsule */
/* table */
/* sidebar */
/* sidebar-item */
/* fab */
/* count-down */
/* keyboard */
/* number-keyboard */
/* passwod-input */
/* form-item */
/* backtop */
/* index-bar */
/* text */
/* video-preview */
/* img-cropper */
/* floating-panel */
/* signature */
.wot-theme-dark .wd-keyboard[data-v-2f26188f] {
  background: var(--wot-dark-background5, #646566);
}
.wot-theme-dark .wd-keyboard__header[data-v-2f26188f] {
  color: var(--wot-dark-color, var(--wot-color-white, rgb(255, 255, 255)));
}
.wd-keyboard[data-v-2f26188f] {
  width: 100%;
  background: var(--wot-keyboard-background, var(--wot-color-gray-2, #f2f3f5));
  color: var(--wot-color-black, rgb(0, 0, 0));
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.wd-keyboard--with-title[data-v-2f26188f] {
  border-radius: 20px 20px 0 0;
}
.wd-keyboard__header[data-v-2f26188f] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
  height: var(--wot-keyboard-title-height, 34px);
  padding-top: 6px;
  color: var(--wot-keyboard-title-color, var(--wot-color-gray-7, #646566));
  font-size: var(--wot-keyboard-title-font-size, 16px);
}
.wd-keyboard__title[data-v-2f26188f] {
  display: inline-block;
  font-weight: normal;
}
.wd-keyboard__title-left[data-v-2f26188f] {
  position: absolute;
  left: 0;
}
.wd-keyboard__body[data-v-2f26188f] {
  display: flex;
  padding: 6px 0 0 6px;
}
.wd-keyboard__keys[data-v-2f26188f] {
  display: flex;
  flex: 3;
  flex-wrap: wrap;
}
.wd-keyboard-car__body[data-v-2f26188f] {
  display: flex;
  padding: 6px 0 0 6px;
}
.wd-keyboard-car__keys[data-v-2f26188f] {
  display: flex;
  flex: 10;
  flex-wrap: wrap;
}
.wd-keyboard-car__keys .wd-key-wrapper[data-v-2f26188f] {
  --wot-keyboard-key-font-size: 18px;
  flex-basis: 10%;
}
.wd-keyboard-car__keys .wd-key-wrapper--wider[data-v-2f26188f] {
  flex-basis: 20%;
}
.wd-keyboard__close[data-v-2f26188f] {
  position: absolute;
  display: flex;
  align-items: center;
  right: 0;
  height: 100%;
  padding: var(--wot-keyboard-title-font-size, 0 16px);
  color: var(--wot-keyboard-close-color, var(--wot-color-theme, #4d80f0));
  font-size: var(--wot-keyboard-close-font-size, 14px);
  background-color: transparent;
  border: none;
}
.wd-keyboard__close--hover[data-v-2f26188f] {
  opacity: 0.6;
}
.wd-keyboard__sidebar[data-v-2f26188f] {
  display: flex;
  flex: 1;
  flex-direction: column;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.keyboard-class[data-v-5c098904] .wd-popup {
  z-index: 88 !important;
}
[data-v-5c098904]  .wd-message-box .custom-shadow {
  display: none;
}
[data-v-5c098904]  .wd-message-box .wd-message-box__actions {
  padding: 8px;
}
[data-v-5c098904] .container-view {
  padding: 0;
}
.keyboard-disabled[data-v-5c098904] .wd-key--close {
  cursor: not-allowed;
  opacity: 0.6;
}
.enter-amount[data-v-5c098904] {
  box-sizing: border-box;
  background-color: #f5f5f5;
}
.enter-amount[data-v-5c098904] .wd-cell {
  background-color: unset;
}
.enter-amount .input-bar[data-v-5c098904] {
  box-sizing: border-box;
  width: calc(100% - 30px);
  padding: 10px;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 10px;
}
.enter-amount .input-bar .enter-input[data-v-5c098904] {
  cursor: text;
}
.enter-amount .input-bar .enter-input .amount-scroll[data-v-5c098904] {
  overflow-x: auto;
}
.enter-amount[data-v-5c098904] .wd-keyboard__keys {
  height: 100%;
}
.enter-amount[data-v-5c098904] .wd-keyboard__keys .wd-key-wrapper {
  height: calc(12vh - 14px);
  min-height: 34px;
}
.enter-amount[data-v-5c098904] .wd-keyboard__keys .wd-key-wrapper .wd-key {
  height: 100%;
}
.enter-amount .line[data-v-5c098904] {
  display: inline-block;
  width: 2px;
  height: 34px;
  margin-left: 4px;
  background-color: #0063e5;
  border: 2px;
  animation: cursorImg-5c098904 1s infinite steps(1, start);
}
@keyframes cursorImg-5c098904 {
0%, 100% {
    opacity: 0;
}
50% {
    opacity: 1;
}
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.keyboard-class[data-v-2575124a] .wd-popup {
  z-index: 88 !important;
}
[data-v-2575124a]  .wd-message-box .custom-shadow {
  display: none;
}
[data-v-2575124a]  .wd-message-box .wd-message-box__actions {
  padding: 8px;
}
[data-v-2575124a] .container-view {
  padding: 0;
}
.keyboard-disabled[data-v-2575124a] .wd-key--close {
  cursor: not-allowed;
  opacity: 0.6;
}
.enter-amount[data-v-2575124a] {
  box-sizing: border-box;
  background-color: #f5f5f5;
}
.enter-amount[data-v-2575124a] .wd-cell {
  background-color: unset;
}
.enter-amount .input-bar[data-v-2575124a] {
  box-sizing: border-box;
  width: calc(100% - 30px);
  padding: 10px;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 10px;
}
.enter-amount .input-bar .enter-input[data-v-2575124a] {
  cursor: text;
}
.enter-amount .input-bar .enter-input .amount-scroll[data-v-2575124a] {
  overflow-x: auto;
}
.enter-amount[data-v-2575124a] .wd-keyboard__keys {
  height: 100%;
}
.enter-amount[data-v-2575124a] .wd-keyboard__keys .wd-key-wrapper {
  height: calc(12vh - 14px);
  min-height: 34px;
}
.enter-amount[data-v-2575124a] .wd-keyboard__keys .wd-key-wrapper .wd-key {
  height: 100%;
}
.enter-amount .line[data-v-2575124a] {
  display: inline-block;
  width: 2px;
  height: 34px;
  margin-left: 4px;
  background-color: #0063e5;
  border: 2px;
  animation: cursorImg-2575124a 1s infinite steps(1, start);
}
@keyframes cursorImg-2575124a {
0%, 100% {
    opacity: 0;
}
50% {
    opacity: 1;
}
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.bind-top[data-v-089a1aee] {
  border-top: #eeeeee 1px solid;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.link-btn-syl[data-v-9bf69742] {
  width: 160px;
  background: linear-gradient(to top right, #000000, #5b5b5b);
  border-radius: 10px;
  box-shadow: 0 0px 2px 0px rgba(0, 0, 0, 0.3);
  transition: 0.4s;
}
.link-btn-syl[data-v-9bf69742]:hover {
  background: linear-gradient(to top right, #000000, #3d3c3c);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.google-bottom[data-v-dd2b928e] {
  border-bottom: #eeeeee 1px solid;
}
.bind-top[data-v-dd2b928e] {
  border-top: #eeeeee 1px solid;
}
.bind-top[data-v-dd2b928e] .u-code-input {
  justify-content: space-between;
  width: 100%;
  margin: 0 10px;
}
.bind-top[data-v-dd2b928e] .u-code-input .u-code-input__item {
  width: 45px !important;
  height: 50px !important;
  background-color: #ebebeb;
  border: 1px solid #ebebeb !important;
  border-radius: 4px;
}
.img-wrap[data-v-dd2b928e] {
  box-sizing: border-box;
  height: 40px;
  padding: 8px;
  background-color: var(--cv-weak-bg);
  border-radius: 10px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.result-syl[data-v-d42446b4] {
  height: calc(100% - 60px);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-90c33d0f] .wd-popup {
  height: 50%;
  padding: 10px 10px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.pwd-verfy-rules[data-v-66fd2ccf] {
  padding: 20px 24px;
  background-color: #eeefe8;
  border-radius: 12px;
  box-shadow: 0 1px 4px 2px rgb(234, 234, 234);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.cell-item[data-v-2f40fc9a] {
  padding: 10px 6px;
  transition: 0.4s;
}
.cell-item[data-v-2f40fc9a]:hover {
  background-color: #f5f5f5;
}
.cell-item[data-v-2f40fc9a]:active {
  background-color: #f0f0f0;
}
.img-wrap[data-v-2f40fc9a] {
  overflow: hidden;
  border-radius: 20px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.both-currency[data-v-1f7a69cb] {
  padding: 12px 16px 15px;
  background-color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 10px;
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.15);
  transition: all 0.2s linear;
}
.both-currency .diable[data-v-1f7a69cb] {
  cursor: not-allowed !important;
  opacity: 0.4;
}
.both-currency .lmt-text[data-v-1f7a69cb] {
  /* stylelint-disable-next-line selector-type-no-unknown */
}
.both-currency .lmt-text[data-v-1f7a69cb] uni-text {
  white-space: nowrap !important;
}
.both-currency.focus-syl[data-v-1f7a69cb] {
  background-color: #ffffff;
  border: 2px solid var(--wot-color-theme) !important;
  /* box-shadow: 0 0 0 2px #e7e2f6; */
  box-shadow: 0 10px 10px 0 rgba(94, 94, 94, 0.15);
}
.both-currency .ratio-image[data-v-1f7a69cb] {
  overflow: hidden;
  border-radius: 20px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.buy-crypto-syl .center-bottom-wrap[data-v-892b7b24] {
  position: relative;
}
.buy-crypto-syl .center-bottom-wrap .center-bottom[data-v-892b7b24] {
  position: absolute;
  top: -100%;
  left: 50%;
  z-index: 10;
  width: 46px;
  height: 46px;
  background-color: #f6f6f6;
  border-radius: 25px;
  box-shadow: inset 0 1px 4px 1px rgba(0, 0, 0, 0.15);
  transform: translateX(-50%) translateY(-10px);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-35d724b3] .wd-popup {
  padding: 4px 16px 30px;
  border-radius: 20px 20px 0 0;
}
.currency-icon[data-v-35d724b3] {
  background-color: #f6f6f6;
  border-radius: 10px;
}
.ratio-image[data-v-35d724b3] {
  overflow: hidden;
  border-radius: 13px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.skl-main[data-v-761fd494] {
  height: calc(100% - 54px);
  overflow: overlay;
}
.skl-main .wallet-status[data-v-761fd494] {
  padding: 30px 10px 20px 10px;
}
.skl-main .wallet-content[data-v-761fd494] {
  padding: 14px;
  margin: 10px 10px;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.skl-main[data-v-761fd494] .end-syl .wd-skeleton__row {
  display: flex;
  justify-content: end;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.wd-card.is-rectangle[data-v-1d3733bf] {
  border-radius: 10px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1) !important;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.fee-syl[data-v-121fe36e] {
  box-sizing: border-box;
  height: 70px;
  padding: 20px;
  border: 0.5px solid rgb(190, 190, 190);
  border-radius: 10px;
}
.fee-syl .line[data-v-121fe36e] {
  width: 0.5px;
  background-color: rgb(190, 190, 190);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.card-preview[data-v-391baca3] {
  box-sizing: border-box;
  height: 100%;
  padding: 0px 20px;
}
.card-preview .img-syl[data-v-391baca3] {
  box-shadow: 0 0.15625rem 0.175rem 0 rgba(0, 0, 0, 0.1);
}
.card-preview.has-disble[data-v-391baca3] {
  cursor: not-allowed;
  opacity: 0.6;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.disable-coupons[data-v-c0e093f0] {
  cursor: not-allowed;
  opacity: 0.6;
}
.disable-coupons .coupons-tag[data-v-c0e093f0] {
  cursor: not-allowed;
}
.coupons-tag[data-v-c0e093f0] {
  color: #f6f6f6;
  background-color: var(--wot-color-theme);
  border-radius: 100px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.recharge-syl[data-v-6b2d2d00] {
  height: calc(100% - 110px);
  padding: 10px 10px 0px;
  overflow: overlay;
}
.recharge-syl .card-preview-wrap[data-v-6b2d2d00] {
  height: 70px;
  background-color: var(--weak-primary);
  border: 1px solid var(--wot-color-theme);
  border-radius: 10px;
}
.recharge-syl .card-preview-wrap .change-choose[data-v-6b2d2d00] {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.bottom-button[data-v-6b2d2d00] {
  position: absolute;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 110px;
  padding: 10px;
  background-color: #ffffff;
  border-top: 1px solid rgba(220, 219, 219, 0.5);
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
*[data-v-033faa65] {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
body[data-v-033faa65] {
  margin: 20px;
  font-family: Arial, sans-serif;
  line-height: 1.6;
  color: #333333;
  background-color: #f7f7f7;
}
.container[data-v-033faa65] {
  max-width: 900px;
  padding: 20px;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
header h1[data-v-033faa65] {
  margin-bottom: 20px;
  font-size: 1.8em;
  text-align: center;
}
section h2[data-v-033faa65] {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 1.3em;
  color: #2c3e50;
}
section p[data-v-033faa65],
section ul[data-v-033faa65] {
  margin-bottom: 15px;
  font-size: 0.8em;
}
ul[data-v-033faa65] {
  padding-left: 20px;
}
footer[data-v-033faa65] {
  margin-top: 30px;
  font-size: 0.7em;
  color: #7f8c8d;
  text-align: center;
}
footer p[data-v-033faa65] {
  margin-top: 10px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.container-syl[data-v-5e2cb8db] {
  padding: 0;
  margin: 0;
  font-family: Arial, sans-serif;
  line-height: 1.6;
  background-color: #f4f4f4;
}
.container[data-v-5e2cb8db] {
  box-sizing: border-box;
  /* width: 80%; */
  padding: 10px;
  margin-top: 14px;
  /* margin: 40px auto; */
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
h1[data-v-5e2cb8db],
h2[data-v-5e2cb8db] {
  font-size: 24px; /* уменьшил размер шрифта */
  /* color: #333333; */
}
.container-syl header[data-v-5e2cb8db] {
  padding: 15px 0;
  color: white !important;
  text-align: center;
  background-color: #333333;
}
p[data-v-5e2cb8db] {
  margin-bottom: 15px;
  font-size: 14px; /* уменьшил размер шрифта */
}
.important[data-v-5e2cb8db] {
  font-weight: bold;
}
.section-title[data-v-5e2cb8db] {
  margin-top: 25px;
  font-size: 18px; /* уменьшил размер шрифта */
  color: #444444;
}
.contact-info[data-v-5e2cb8db] {
  padding-top: 15px;
  margin-top: 40px;
  border-top: 2px solid #dddddd;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.container-syl[data-v-fc455d1f] {
  padding: 0;
  margin: 0;
  font-family: Arial, sans-serif;
  line-height: 1.6;
  background-color: #f4f4f4;
}
.container[data-v-fc455d1f] {
  box-sizing: border-box;
  /* width: 80%; */
  padding: 10px;
  margin-top: 14px;
  /* margin: 40px auto; */
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
h1[data-v-fc455d1f],
h2[data-v-fc455d1f] {
  font-size: 24px; /* уменьшил размер шрифта */
  /* color: #333333; */
}
.container-syl header[data-v-fc455d1f] {
  padding: 15px 0;
  color: white !important;
  text-align: center;
  background-color: #333333;
}
p[data-v-fc455d1f] {
  margin-bottom: 15px;
  font-size: 14px; /* уменьшил размер шрифта */
}
.important[data-v-fc455d1f] {
  font-weight: bold;
}
.section-title[data-v-fc455d1f] {
  margin-top: 25px;
  font-size: 18px; /* уменьшил размер шрифта */
  color: #444444;
}
.contact-info[data-v-fc455d1f] {
  padding-top: 15px;
  margin-top: 40px;
  border-top: 2px solid #dddddd;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.container[data-v-78b2f0cb] {
  box-sizing: border-box;
  padding: 6px;
  font-family: Arial, sans-serif;
  font-size: 14px; /* Reduced font size */
  line-height: 1.6;
  color: #333333;
  background-color: #f4f4f4;
}
h1[data-v-78b2f0cb],
h2[data-v-78b2f0cb] {
  font-size: 20px; /* Slightly smaller heading */
  color: #4caf50;
}
.section-title[data-v-78b2f0cb] {
  font-weight: bold;
  color: #333333;
}
p[data-v-78b2f0cb] {
  margin-bottom: 1em;
}
.highlighted[data-v-78b2f0cb] {
  font-weight: bold;
  text-decoration: underline;
}
.definition-list[data-v-78b2f0cb] {
  padding-left: 0;
  list-style-type: none;
}
.definition-list li[data-v-78b2f0cb] {
  margin-bottom: 10px;
}
.sub-section[data-v-78b2f0cb] {
  margin-left: 20px;
}
.cookies-section[data-v-78b2f0cb] {
  padding: 10px;
  background-color: #e8f4e8;
  border-radius: 5px;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
[data-v-b520aec1]:root {
  --primary: #2d3748;
  --secondary: #4a5568;
  --accent: #4299e1;
  --light: #f7fafc;
  --border: #e2e8f0;
}
.container-syl[data-v-b520aec1] {
  padding: 0;
  margin: 0;
  font-family: Arial, sans-serif;
  line-height: 1.6;
  background-color: #f4f4f4;
}
header[data-v-b520aec1] {
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  border-bottom: 2px solid var(--accent);
}
h1[data-v-b520aec1] {
  margin-bottom: 0.5rem;
  font-weight: 700;
  color: var(--accent);
}
h2[data-v-b520aec1] {
  padding-left: 1rem;
  margin-top: 2rem;
  color: var(--primary);
  border-left: 4px solid var(--accent);
}
h3[data-v-b520aec1] {
  margin-top: 1.5rem;
  color: var(--secondary);
}
.last-updated[data-v-b520aec1] {
  font-style: italic;
  color: var(--secondary);
}
.section[data-v-b520aec1] {
  padding: 1.5rem;
  margin-bottom: 2rem;
  background: white;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
strong.sensitive[data-v-b520aec1] {
  font-weight: 600;
  color: #e53e3e;
}
footer[data-v-b520aec1] {
  padding-top: 1rem;
  margin-top: 3rem;
  color: var(--secondary);
  text-align: center;
  border-top: 1px solid var(--border);
}
@media (max-width: 768px) {
body[data-v-b520aec1] {
    padding: 1rem;
}
}


/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.privacy-policy-container[data-v-4acfb71a] {
  max-width: 900px;
  /* padding: 20px; */
  margin: 0 auto;
  font-family: "Roboto", sans-serif;
  line-height: 1.6;
  color: #333333;
}
.privacy-header[data-v-4acfb71a] {
  padding-bottom: 20px;
  margin-bottom: 30px;
  text-align: center;
  border-bottom: 1px solid #eaeaea;
}
.privacy-header h1[data-v-4acfb71a] {
  margin-bottom: 10px;
  font-size: 2.5rem;
  color: #2c3e50;
}
.last-updated[data-v-4acfb71a] {
  font-size: 0.9rem;
  color: #7f8c8d;
}
.privacy-content[data-v-4acfb71a] {
  margin-bottom: 40px;
}
.company-info[data-v-4acfb71a] {
  padding: 20px;
  margin-bottom: 20px;
  background-color: #f8f9fa;
  border-radius: 8px;
}
.company-info h2[data-v-4acfb71a] {
  margin-bottom: 10px;
  color: #3498db;
}
.notice-box[data-v-4acfb71a] {
  padding: 15px;
  margin: 20px 0;
  background-color: #fff8e1;
  border-left: 4px solid #ffc107;
}
.policy-section[data-v-4acfb71a] {
  margin-bottom: 40px;
}
.policy-section h2[data-v-4acfb71a] {
  padding-bottom: 10px;
  margin-bottom: 20px;
  color: #2c3e50;
  border-bottom: 2px solid #3498db;
}
.definition-card[data-v-4acfb71a],
.info-card[data-v-4acfb71a],
.cookie-card[data-v-4acfb71a],
.sharing-card[data-v-4acfb71a] {
  display: flex;
  align-items: flex-start;
  padding: 20px;
  margin-bottom: 20px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.definition-card h3[data-v-4acfb71a],
.info-content h3[data-v-4acfb71a] {
  margin-top: 0;
  color: #3498db;
}
.info-icon[data-v-4acfb71a],
.cookie-icon[data-v-4acfb71a],
.sharing-icon[data-v-4acfb71a] {
  padding-top: 3px;
  margin-right: 15px;
  font-size: 24px;
}
.essential-icon[data-v-4acfb71a] {
  color: #e74c3c;
}
.optional-icon[data-v-4acfb71a] {
  color: #2ecc71;
}
.cookie-icon[data-v-4acfb71a] {
  color: #f39c12;
}
.sharing-icon[data-v-4acfb71a] {
  color: #9b59b6;
}
.acceptance-section[data-v-4acfb71a] {
  padding: 30px;
  margin-top: 40px;
  text-align: center;
  background-color: #f8f9fa;
  border-radius: 8px;
}
.action-buttons[data-v-4acfb71a] {
  margin-top: 20px;
}
.accept-btn[data-v-4acfb71a],
.decline-btn[data-v-4acfb71a] {
  padding: 12px 25px;
  margin: 0 10px;
  font-weight: 500;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  transition: all 0.3s;
}
.accept-btn[data-v-4acfb71a] {
  color: white;
  background-color: #2ecc71;
}
.accept-btn[data-v-4acfb71a]:hover {
  background-color: #27ae60;
}
.decline-btn[data-v-4acfb71a] {
  color: white;
  background-color: #e74c3c;
}
.decline-btn[data-v-4acfb71a]:hover {
  background-color: #c0392b;
}
.privacy-footer[data-v-4acfb71a] {
  padding: 20px;
  font-size: 1.9rem;
  color: #7f8c8d;
  text-align: center;
  border-top: 1px solid #eaeaea;
}
@media (max-width: 768px) {
.privacy-policy-container[data-v-4acfb71a] {
    /* padding: 15px; */
}
.info-card[data-v-4acfb71a],
  .cookie-card[data-v-4acfb71a],
  .sharing-card[data-v-4acfb71a] {
    flex-direction: column;
}
.info-icon[data-v-4acfb71a],
  .cookie-icon[data-v-4acfb71a],
  .sharing-icon[data-v-4acfb71a] {
    margin-right: 0;
    margin-bottom: 10px;
}
.action-buttons[data-v-4acfb71a] {
    display: flex;
    flex-direction: column;
}
.accept-btn[data-v-4acfb71a],
  .decline-btn[data-v-4acfb71a] {
    width: 100%;
    margin: 5px 0;
}
}


/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.privacy-policy-container[data-v-ed11d5df] {
  max-width: 900px;
  /* padding: 20px; */
  margin: 0 auto;
  font-family: "Roboto", sans-serif;
  line-height: 1.6;
  color: #333333;
}
.privacy-header[data-v-ed11d5df] {
  padding-bottom: 20px;
  margin-bottom: 30px;
  text-align: center;
  border-bottom: 1px solid #eaeaea;
}
.privacy-header h1[data-v-ed11d5df] {
  margin-bottom: 10px;
  font-size: 2.5rem;
  color: #2c3e50;
}
.last-updated[data-v-ed11d5df] {
  font-size: 0.9rem;
  color: #7f8c8d;
}
.privacy-content[data-v-ed11d5df] {
  margin-bottom: 40px;
}
.company-info[data-v-ed11d5df] {
  padding: 20px;
  margin-bottom: 20px;
  background-color: #f8f9fa;
  border-radius: 8px;
}
.company-info h2[data-v-ed11d5df] {
  margin-bottom: 10px;
  color: #3498db;
}
.notice-box[data-v-ed11d5df] {
  padding: 15px;
  margin: 20px 0;
  background-color: #fff8e1;
  border-left: 4px solid #ffc107;
}
.policy-section[data-v-ed11d5df] {
  margin-bottom: 40px;
}
.policy-section h2[data-v-ed11d5df] {
  padding-bottom: 10px;
  margin-bottom: 20px;
  color: #2c3e50;
  border-bottom: 2px solid #3498db;
}
.definition-card[data-v-ed11d5df],
.info-card[data-v-ed11d5df],
.cookie-card[data-v-ed11d5df],
.sharing-card[data-v-ed11d5df] {
  display: flex;
  align-items: flex-start;
  padding: 20px;
  margin-bottom: 20px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.definition-card h3[data-v-ed11d5df],
.info-content h3[data-v-ed11d5df] {
  margin-top: 0;
  color: #3498db;
}
.info-icon[data-v-ed11d5df],
.cookie-icon[data-v-ed11d5df],
.sharing-icon[data-v-ed11d5df] {
  padding-top: 3px;
  margin-right: 15px;
  font-size: 24px;
}
.essential-icon[data-v-ed11d5df] {
  color: #e74c3c;
}
.optional-icon[data-v-ed11d5df] {
  color: #2ecc71;
}
.cookie-icon[data-v-ed11d5df] {
  color: #f39c12;
}
.sharing-icon[data-v-ed11d5df] {
  color: #9b59b6;
}
.acceptance-section[data-v-ed11d5df] {
  padding: 30px;
  margin-top: 40px;
  text-align: center;
  background-color: #f8f9fa;
  border-radius: 8px;
}
.action-buttons[data-v-ed11d5df] {
  margin-top: 20px;
}
.accept-btn[data-v-ed11d5df],
.decline-btn[data-v-ed11d5df] {
  padding: 12px 25px;
  margin: 0 10px;
  font-weight: 500;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  transition: all 0.3s;
}
.accept-btn[data-v-ed11d5df] {
  color: white;
  background-color: #2ecc71;
}
.accept-btn[data-v-ed11d5df]:hover {
  background-color: #27ae60;
}
.decline-btn[data-v-ed11d5df] {
  color: white;
  background-color: #e74c3c;
}
.decline-btn[data-v-ed11d5df]:hover {
  background-color: #c0392b;
}
.privacy-footer[data-v-ed11d5df] {
  padding: 20px;
  font-size: 1.9rem;
  color: #7f8c8d;
  text-align: center;
  border-top: 1px solid #eaeaea;
}
@media (max-width: 768px) {
.privacy-policy-container[data-v-ed11d5df] {
    /* padding: 15px; */
}
.info-card[data-v-ed11d5df],
  .cookie-card[data-v-ed11d5df],
  .sharing-card[data-v-ed11d5df] {
    flex-direction: column;
}
.info-icon[data-v-ed11d5df],
  .cookie-icon[data-v-ed11d5df],
  .sharing-icon[data-v-ed11d5df] {
    margin-right: 0;
    margin-bottom: 10px;
}
.action-buttons[data-v-ed11d5df] {
    display: flex;
    flex-direction: column;
}
.accept-btn[data-v-ed11d5df],
  .decline-btn[data-v-ed11d5df] {
    width: 100%;
    margin: 5px 0;
}
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.container[data-v-7a6d548c] {
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  margin: 0 auto;
  font-size: 13px !important;
  /* margin-top: 30px; */
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}
h1[data-v-7a6d548c],
h2[data-v-7a6d548c],
h3[data-v-7a6d548c] {
  color: #333333;
}
p[data-v-7a6d548c] {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 1.6;
  color: #555555;
}
ul[data-v-7a6d548c] {
  margin-bottom: 20px;
  margin-left: 4px;
  list-style-type: disc;
}
li[data-v-7a6d548c] {
  font-size: 16px;
  color: #444444;
}
.section-title[data-v-7a6d548c] {
  margin-top: 20px;
  font-size: 13px;
  font-weight: bold;
  color: #222222;
}
.important[data-v-7a6d548c] {
  font-size: 16px;
  font-weight: bold;
  color: #141414;
}
.note[data-v-7a6d548c] {
  margin-bottom: 20px;
  font-size: 14px;
  font-style: italic;
  color: #444444;
}
.footer[data-v-7a6d548c] {
  padding: 10px;
  margin-top: 40px;
  color: #ffffff;
  text-align: center;
  background-color: #222222;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.container[data-v-9c3f016e] {
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  margin: 0 auto;
  font-size: 13px !important;
  /* margin-top: 30px; */
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}
h1[data-v-9c3f016e],
h2[data-v-9c3f016e],
h3[data-v-9c3f016e] {
  color: #333333;
}
p[data-v-9c3f016e] {
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 1.6;
  color: #555555;
}
ul[data-v-9c3f016e] {
  margin-bottom: 20px;
  margin-left: 4px;
  list-style-type: disc;
}
li[data-v-9c3f016e] {
  font-size: 16px;
  color: #555555;
}
.section-title[data-v-9c3f016e] {
  margin-top: 20px;
  font-size: 13px;
  font-weight: bold;
  color: #222222;
}
.important[data-v-9c3f016e] {
  font-size: 16px;
  font-weight: bold;
  color: #141414;
}
.note[data-v-9c3f016e] {
  margin-bottom: 20px;
  font-size: 14px;
  font-style: italic;
  color: #888888;
}
.footer[data-v-9c3f016e] {
  padding: 10px;
  margin-top: 40px;
  color: #ffffff;
  text-align: center;
  background-color: #222222;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.container[data-v-997f33a5] {
  box-sizing: border-box;
  padding: 6px;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 1.6;
  color: #333333;
  background-color: #f4f4f9;
}
h1[data-v-997f33a5],
h2[data-v-997f33a5] {
  margin-bottom: 15px;
  font-size: 20px;
  color: #2d3e50;
}
p[data-v-997f33a5] {
  margin-bottom: 15px;
  font-size: 12px;
  color: #555555;
  text-align: justify;
}
ul[data-v-997f33a5] {
  margin-left: 20px;
}
ul li[data-v-997f33a5] {
  margin-bottom: 10px;
}
.important[data-v-997f33a5] {
  padding: 10px;
  margin-bottom: 20px;
  background-color: #f9e6e6;
  border-left: 5px solid #f44336;
}
.section[data-v-997f33a5] {
  margin-bottom: 30px;
}
.footer[data-v-997f33a5] {
  margin-top: 30px;
  font-size: 10px;
  color: #aaaaaa;
  text-align: center;
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.container-syl[data-v-e5139176] {
  padding: 0;
  margin: 0;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: var(--dark);
}
[data-v-e5139176]:root {
  --primary: #2c3e50;
  --secondary: #3498db;
  --accent: #e74c3c;
  --light: #ecf0f1;
  --dark: #2c3e50;
  --gray: #95a5a6;
}
.protocol-item[data-v-e5139176] {
  padding: 6px;
  margin-bottom: 6px;
  background-color: #e7e5e5;
  border-radius: 10px;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
}
.container[data-v-e5139176] {
  box-sizing: border-box;
  max-width: 1000px;
  padding: 20px;
  margin: 0 auto;
  background: white;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
header[data-v-e5139176] {
  padding: 10px 0;
  margin-bottom: 20px;
  color: rgb(80, 79, 79);
  text-align: center;
  background-color: var(--primary);
}
h1[data-v-e5139176] {
  margin: 0;
  font-size: 3.4rem;
}
h2[data-v-e5139176] {
  padding-bottom: 5px;
  margin-top: 30px;
  color: var(--secondary);
  border-bottom: 2px solid var(--light);
}
h3[data-v-e5139176] {
  margin-top: 25px;
  color: var(--primary);
}
.important-note[data-v-e5139176] {
  padding: 15px;
  margin: 20px 0;
  background-color: #fff8e1;
  border-left: 4px solid #ffc107;
}
.warning-box[data-v-e5139176] {
  padding: 15px;
  margin: 20px 0;
  background-color: #ffebee;
  border-left: 4px solid var(--accent);
}
ul[data-v-e5139176] {
  padding-left: 20px;
}
li[data-v-e5139176] {
  margin-bottom: 10px;
}
.highlight[data-v-e5139176] {
  padding: 2px 4px;
  background-color: rgba(52, 152, 219, 0.1);
  border-radius: 3px;
}
footer[data-v-e5139176] {
  padding: 20px 0;
  margin-top: 40px;
  font-size: 2.8rem;
  color: var(--gray);
  text-align: center;
  border-top: 1px solid var(--light);
}
@media (max-width: 768px) {
.container[data-v-e5139176] {
    padding: 15px;
}
h1[data-v-e5139176] {
    font-size: 3.48rem;
}
}/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
*[data-v-dcada33c] {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
body[data-v-dcada33c] {
  margin: 0;
  font-family: Arial, sans-serif;
  line-height: 1.6;
  color: #333333;
  background-color: #f8f8f8;
}
.container[data-v-dcada33c] {
  max-width: 1200px;
  padding: 40px;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
header[data-v-dcada33c] {
  margin-bottom: 30px;
  text-align: center;
}
header h1[data-v-dcada33c] {
  font-size: 24px;
  color: #2c3e50;
}
header p[data-v-dcada33c] {
  font-size: 14px;
  color: #7f8c8d;
}
section h2[data-v-dcada33c] {
  margin-top: 30px;
  font-size: 18px;
  color: #2c3e50;
}
section p[data-v-dcada33c],
section ul[data-v-dcada33c] {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.8;
}
ul[data-v-dcada33c] {
  padding-left: 20px;
  list-style-type: disc;
}
footer[data-v-dcada33c] {
  margin-top: 50px;
  font-size: 16px;
  color: #7f8c8d;
  text-align: center;
}
footer p[data-v-dcada33c] {
  margin-top: 10px;
}


/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.container-syl[data-v-f76d57a0] {
  padding: 0;
  margin: 0;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: var(--dark);
}
.terms-container[data-v-f76d57a0] {
  max-width: 1000px;
  /* padding: 20px; */
  margin: 0 auto;
  font-family: "Roboto", sans-serif;
  line-height: 1.6;
  color: #333333;
}
.terms-header[data-v-f76d57a0] {
  padding-bottom: 20px;
  margin-bottom: 30px;
  text-align: center;
  border-bottom: 1px solid #eaeaea;
}
.terms-header h1[data-v-f76d57a0] {
  margin-bottom: 10px;
  font-size: 2.5rem;
  color: #2c3e50;
}
.last-updated[data-v-f76d57a0] {
  font-size: 0.9rem;
  color: #7f8c8d;
}
.terms-content[data-v-f76d57a0] {
  margin-bottom: 40px;
}
.company-info[data-v-f76d57a0] {
  padding: 20px;
  margin-bottom: 20px;
  background-color: #f8f9fa;
  border-radius: 8px;
}
.company-info h2[data-v-f76d57a0] {
  margin-bottom: 10px;
  color: #3498db;
}
.language-note[data-v-f76d57a0] {
  display: flex;
  align-items: center;
  padding: 15px;
  margin-bottom: 20px;
  background-color: #e3f2fd;
  border-radius: 8px;
}
.language-note i[data-v-f76d57a0] {
  margin-right: 15px;
  font-size: 24px;
  color: #1976d2;
}
.important-notice[data-v-f76d57a0] {
  padding: 20px;
  margin: 30px 0;
  background-color: #fff3e0;
  border-left: 4px solid #ffa000;
  border-radius: 0 8px 8px 0;
}
.notice-header[data-v-f76d57a0] {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.notice-header i[data-v-f76d57a0] {
  margin-right: 10px;
  font-size: 24px;
  color: #ff6d00;
}
.notice-header h2[data-v-f76d57a0] {
  margin: 0;
  color: #e65100;
}
.warning-list[data-v-f76d57a0] {
  padding: 0;
  list-style-type: none;
}
.warning-list li[data-v-f76d57a0] {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}
.warning-list i[data-v-f76d57a0] {
  margin-top: 6px;
  margin-right: 10px;
  font-size: 10px;
  color: #e53935;
}
.risk-disclosure[data-v-f76d57a0] {
  margin: 40px 0;
}
.risk-disclosure h2[data-v-f76d57a0] {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  margin-bottom: 20px;
  color: #2c3e50;
  border-bottom: 2px solid #3498db;
}
.risk-disclosure i[data-v-f76d57a0] {
  margin-right: 10px;
  color: #3498db;
}
.warning-card[data-v-f76d57a0] {
  display: flex;
  padding: 15px;
  margin: 20px 0;
  background-color: #ffebee;
  border-radius: 8px;
}
.warning-icon[data-v-f76d57a0] {
  margin-right: 15px;
  font-size: 24px;
  color: #e53935;
}
.user-responsibilities[data-v-f76d57a0] {
  margin: 40px 0;
}
.user-responsibilities h2[data-v-f76d57a0] {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  margin-bottom: 20px;
  color: #2c3e50;
  border-bottom: 2px solid #3498db;
}
.user-responsibilities i[data-v-f76d57a0] {
  margin-right: 10px;
  color: #3498db;
}
.responsibility-cards[data-v-f76d57a0] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
  margin-top: 20px;
}
.responsibility-card[data-v-f76d57a0] {
  padding: 20px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s;
}
.responsibility-card[data-v-f76d57a0]:hover {
  transform: translateY(-5px);
}
.card-icon[data-v-f76d57a0] {
  margin-bottom: 10px;
  font-size: 24px;
  color: #3498db;
}
.responsibility-card h3[data-v-f76d57a0] {
  margin-top: 0;
  color: #2c3e50;
}
.prohibited-uses[data-v-f76d57a0] {
  margin: 40px 0;
}
.prohibited-uses h2[data-v-f76d57a0] {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  margin-bottom: 20px;
  color: #2c3e50;
  border-bottom: 2px solid #3498db;
}
.prohibited-uses i[data-v-f76d57a0] {
  margin-right: 10px;
  color: #3498db;
}
.prohibited-item[data-v-f76d57a0] {
  display: flex;
  align-items: flex-start;
  padding: 15px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 8px;
}
.prohibited-icon[data-v-f76d57a0] {
  margin-right: 15px;
  font-size: 24px;
  color: #e53935;
}
.acceptance-section[data-v-f76d57a0] {
  padding: 30px;
  margin-top: 40px;
  text-align: center;
  background-color: #f8f9fa;
  border-radius: 8px;
}
.action-buttons[data-v-f76d57a0] {
  margin-top: 20px;
}
.accept-btn[data-v-f76d57a0],
.decline-btn[data-v-f76d57a0] {
  padding: 12px 25px;
  margin: 0 10px;
  font-weight: 500;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  transition: all 0.3s;
}
.accept-btn[data-v-f76d57a0] {
  color: white;
  background-color: #2ecc71;
}
.accept-btn[data-v-f76d57a0]:hover {
  background-color: #27ae60;
}
.decline-btn[data-v-f76d57a0] {
  color: white;
  background-color: #e74c3c;
}
.decline-btn[data-v-f76d57a0]:hover {
  background-color: #c0392b;
}
.terms-footer[data-v-f76d57a0] {
  padding: 20px;
  font-size: 1.9rem;
  color: #7f8c8d;
  text-align: center;
  border-top: 1px solid #eaeaea;
}
@media (max-width: 768px) {
.terms-container[data-v-f76d57a0] {
    /* padding: 15px; */
}
.responsibility-cards[data-v-f76d57a0] {
    grid-template-columns: 1fr;
}
.action-buttons[data-v-f76d57a0] {
    display: flex;
    flex-direction: column;
}
.accept-btn[data-v-f76d57a0],
  .decline-btn[data-v-f76d57a0] {
    width: 100%;
    margin: 5px 0;
}
.prohibited-item[data-v-f76d57a0] {
    flex-direction: column;
}
.prohibited-icon[data-v-f76d57a0] {
    margin-bottom: 10px;
}
}


/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.container-syl[data-v-92f36669] {
  padding: 0;
  margin: 0;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: var(--dark);
}
.terms-container[data-v-92f36669] {
  max-width: 1000px;
  /* padding: 20px; */
  margin: 0 auto;
  font-family: "Roboto", sans-serif;
  line-height: 1.6;
  color: #333333;
}
.terms-header[data-v-92f36669] {
  padding-bottom: 20px;
  margin-bottom: 30px;
  text-align: center;
  border-bottom: 1px solid #eaeaea;
}
.terms-header h1[data-v-92f36669] {
  margin-bottom: 10px;
  font-size: 2.5rem;
  color: #2c3e50;
}
.last-updated[data-v-92f36669] {
  font-size: 0.9rem;
  color: #7f8c8d;
}
.terms-content[data-v-92f36669] {
  margin-bottom: 40px;
}
.company-info[data-v-92f36669] {
  padding: 20px;
  margin-bottom: 20px;
  background-color: #f8f9fa;
  border-radius: 8px;
}
.company-info h2[data-v-92f36669] {
  margin-bottom: 10px;
  color: #3498db;
}
.language-note[data-v-92f36669] {
  display: flex;
  align-items: center;
  padding: 15px;
  margin-bottom: 20px;
  background-color: #e3f2fd;
  border-radius: 8px;
}
.language-note i[data-v-92f36669] {
  margin-right: 15px;
  font-size: 24px;
  color: #1976d2;
}
.important-notice[data-v-92f36669] {
  padding: 20px;
  margin: 30px 0;
  background-color: #fff3e0;
  border-left: 4px solid #ffa000;
  border-radius: 0 8px 8px 0;
}
.notice-header[data-v-92f36669] {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.notice-header i[data-v-92f36669] {
  margin-right: 10px;
  font-size: 24px;
  color: #ff6d00;
}
.notice-header h2[data-v-92f36669] {
  margin: 0;
  color: #e65100;
}
.warning-list[data-v-92f36669] {
  padding: 0;
  list-style-type: none;
}
.warning-list li[data-v-92f36669] {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}
.warning-list i[data-v-92f36669] {
  margin-top: 6px;
  margin-right: 10px;
  font-size: 10px;
  color: #e53935;
}
.risk-disclosure[data-v-92f36669] {
  margin: 40px 0;
}
.risk-disclosure h2[data-v-92f36669] {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  margin-bottom: 20px;
  color: #2c3e50;
  border-bottom: 2px solid #3498db;
}
.risk-disclosure i[data-v-92f36669] {
  margin-right: 10px;
  color: #3498db;
}
.warning-card[data-v-92f36669] {
  display: flex;
  padding: 15px;
  margin: 20px 0;
  background-color: #ffebee;
  border-radius: 8px;
}
.warning-icon[data-v-92f36669] {
  margin-right: 15px;
  font-size: 24px;
  color: #e53935;
}
.user-responsibilities[data-v-92f36669] {
  margin: 40px 0;
}
.user-responsibilities h2[data-v-92f36669] {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  margin-bottom: 20px;
  color: #2c3e50;
  border-bottom: 2px solid #3498db;
}
.user-responsibilities i[data-v-92f36669] {
  margin-right: 10px;
  color: #3498db;
}
.responsibility-cards[data-v-92f36669] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
  margin-top: 20px;
}
.responsibility-card[data-v-92f36669] {
  padding: 20px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s;
}
.responsibility-card[data-v-92f36669]:hover {
  transform: translateY(-5px);
}
.card-icon[data-v-92f36669] {
  margin-bottom: 10px;
  font-size: 24px;
  color: #3498db;
}
.responsibility-card h3[data-v-92f36669] {
  margin-top: 0;
  color: #2c3e50;
}
.prohibited-uses[data-v-92f36669] {
  margin: 40px 0;
}
.prohibited-uses h2[data-v-92f36669] {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  margin-bottom: 20px;
  color: #2c3e50;
  border-bottom: 2px solid #3498db;
}
.prohibited-uses i[data-v-92f36669] {
  margin-right: 10px;
  color: #3498db;
}
.prohibited-item[data-v-92f36669] {
  display: flex;
  align-items: flex-start;
  padding: 15px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 8px;
}
.prohibited-icon[data-v-92f36669] {
  margin-right: 15px;
  font-size: 24px;
  color: #e53935;
}
.acceptance-section[data-v-92f36669] {
  padding: 30px;
  margin-top: 40px;
  text-align: center;
  background-color: #f8f9fa;
  border-radius: 8px;
}
.action-buttons[data-v-92f36669] {
  margin-top: 20px;
}
.accept-btn[data-v-92f36669],
.decline-btn[data-v-92f36669] {
  padding: 12px 25px;
  margin: 0 10px;
  font-weight: 500;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  transition: all 0.3s;
}
.accept-btn[data-v-92f36669] {
  color: white;
  background-color: #2ecc71;
}
.accept-btn[data-v-92f36669]:hover {
  background-color: #27ae60;
}
.decline-btn[data-v-92f36669] {
  color: white;
  background-color: #e74c3c;
}
.decline-btn[data-v-92f36669]:hover {
  background-color: #c0392b;
}
.terms-footer[data-v-92f36669] {
  padding: 20px;
  font-size: 1.9rem;
  color: #7f8c8d;
  text-align: center;
  border-top: 1px solid #eaeaea;
}
@media (max-width: 768px) {
.terms-container[data-v-92f36669] {
    /* padding: 15px; */
}
.responsibility-cards[data-v-92f36669] {
    grid-template-columns: 1fr;
}
.action-buttons[data-v-92f36669] {
    display: flex;
    flex-direction: column;
}
.accept-btn[data-v-92f36669],
  .decline-btn[data-v-92f36669] {
    width: 100%;
    margin: 5px 0;
}
.prohibited-item[data-v-92f36669] {
    flex-direction: column;
}
.prohibited-icon[data-v-92f36669] {
    margin-bottom: 10px;
}
}