.loading-overlay[data-v-178b27bc]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#2e3551;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-overlay .loading-content[data-v-178b27bc]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding-top:32vw;padding-bottom:10.66667vw}.loading-overlay .loading-content .loading-icon[data-v-178b27bc]{width:32vw;height:32vw;margin-bottom:2.13333vw}.loading-overlay .loading-content .loading-icon img[data-v-178b27bc]{width:100%;height:100%;filter:brightness(0) invert(1)}.loading-overlay .loading-content .loading-title[data-v-178b27bc]{color:#fff;font-size:6.4vw;font-weight:500;margin:2.13333vw 0 auto}.loading-overlay .loading-content .loading-brand[data-v-178b27bc]{margin-bottom:3.73333vw;width:14.93333vw;height:14.93333vw;animation:spin-178b27bc 3s linear}.loading-overlay .loading-content .loading-brand img[data-v-178b27bc]{width:100%;height:100%}.loading-overlay .loading-content .byinux[data-v-178b27bc]{font-size:5.33333vw;color:#fff;text-align:center}.loading-overlay .mask-container[data-v-178b27bc]{position:fixed;right:0;bottom:0;width:100vw;height:156vw;background:url(../../static/img/mask.b0fe4a3b.png) no-repeat center center;background-size:100% 100%}@keyframes spin-178b27bc{to{transform:rotate(360deg)}}
.tab-bar[data-v-daf0e754]{display:flex;justify-content:space-around;height:16.8vw;background-color:#fff;box-shadow:0px 0.53333vw 2.13333vw rgba(0,0,0,.25);z-index:100;flex-shrink:0}.tab-item[data-v-daf0e754]{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.tab-item.disabled[data-v-daf0e754]{opacity:.5;pointer-events:none}.tab-item .icon[data-v-daf0e754]{width:6.4vw;height:6.4vw;margin-bottom:1.6vw}.tab-item .icon img[data-v-daf0e754]{width:100%;height:100%}.tab-item .desc[data-v-daf0e754]{color:#9f9f9f;font-size:3.2vw;line-height:4vw}.active .desc[data-v-daf0e754]{color:#2e3551}.popupBottom[data-v-daf0e754]{padding:2.66667vw 5.33333vw 5.33333vw 5.33333vw}.popupBottom .title[data-v-daf0e754]{text-align:center;font-weight:700;font-size:5.33333vw;line-height:6.4vw;color:#0f1f3c;margin-bottom:5.33333vw}.popupBottom ul[data-v-daf0e754]{list-style:none;width:100%;--columns: 5;--gap: 4.8vw;display:grid;grid-template-columns:repeat(var(--columns), 1fr);gap:var(--gap)}.popupBottom li[data-v-daf0e754]{width:13.86667vw;font-size:2.13333vw;display:flex;flex-direction:column;align-items:center;cursor:pointer}.popupBottom li.selected .itemIcon[data-v-daf0e754]{background:#2e3551}.popupBottom li.selected .itemDesc[data-v-daf0e754]{color:#2e3551;font-weight:bold}.popupBottom li .itemIcon[data-v-daf0e754]{width:13.86667vw;height:13.86667vw;border-radius:3.2vw;background:rgba(15,31,60,.1);display:flex;align-items:center;justify-content:center;transition:background-color .2s ease-in-out}.popupBottom li .itemIcon .icon[data-v-daf0e754]{width:6.4vw;height:6.4vw}.popupBottom li .itemDesc[data-v-daf0e754]{font-size:3.2vw;color:rgba(0,0,0,.4);margin-top:1.06667vw;line-height:3.73333vw;transition:color .2s ease-in-out}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* .van-overlay {
  z-index: 10000 !important;
} */
.van-popover__action {
  width: auto !important;
  text-align: left !important;
}
.van-popover__action-text {
  text-align: left !important;
  justify-content: flex-start !important;
}
[v-cloak] {
  display: none;
}
body {
  overflow: hidden;
}
body,
body #app {
  overflow: hidden
}
#app,
body,
html {
  height: 100%;
  padding: 0;
  margin: 0
}
#app {
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  overflow: hidden;
}
.plantbox {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column
}
.layoutWrapper {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
}
main {
  flex: 1;
  overflow: hidden auto;
  position: relative;
}
.main_other {
  display: flex;
  flex-direction: column;
}
.my-wrapper {
  padding: 13.6vw 3.2vw 3.2vw 3.2vw;
}
body {
  background-color: #ffffff;
}
.page-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* src/assets/css/fonts.css */
@font-face {
    font-family: 'Inter-Bold';
    src: url(../../static/fonts/Inter-Bold.d759e235.otf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Inter-Regular';
    src: url(../../static/fonts/Inter-Regular.76e872bc.otf) format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'Inter-Semi Bold';
    src: url(../../static/fonts/Inter-SemiBold.ef2dede4.otf) format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'Work Sans-Bold';
    src: url(../../static/fonts/WorkSans-Bold.9420922e.ttf) format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'Work Sans-Regular';
    src: url(../../static/fonts/WorkSans-Regular.e9569dcf.ttf) format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url(../../static/fonts/Roboto-Bold.ee7b96fa.ttf) format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'Barlow-Bold';
    src: url(../../static/fonts/Barlow-Bold.bd8fbb38.otf) format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'Barlow-Regular';
    src: url(../../static/fonts/Barlow-Regular.8198537e.otf) format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'Poppins-SemiBold';
    src: url(../../static/fonts/Poppins-SemiBold.b0b3d360.otf) format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'Poppins-Regular';
    src: url(../../static/fonts/Poppins-Regular.de2dd933.otf) format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'Barlow-Medium';
    src: url(../../static/fonts/Barlow-Medium.d815b987.otf) format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'Inter-Medium';
    src: url(../../static/fonts/Inter_Medium.4591e900.ttf) format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'Inter-Black';
    src: url(../../static/fonts/Inter_Black.23923412.ttf) format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'BarlowCondensed-SemiBold';
    src: url(../../static/fonts/BarlowCondensed-SemiBold.6917d6f7.ttf) format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'Barlow-SemiBold';
    src: url(../../static/fonts/Barlow-SemiBold.d8e8ba5e.ttf) format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Medium';
    src: url(../../static/fonts/Roboto-Medium.9745415b.ttf) format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'Barlow-Black';
    src: url(../../static/fonts/Barlow-Black.5c29ed17.ttf) format('truetype');
    font-style: normal;
}
.barlowBlack{
    font-family: 'Barlow-Black';
}
.robotMedium{
    font-family: 'Roboto-Medium';
}
.barlowSemiBold{
    font-family: 'Barlow-SemiBold';
}
.barlowCondensedSemiBold{
    font-family: 'BarlowCondensed-SemiBold';
}
.poppinsSemi{
    font-family: 'Poppins-SemiBold';
}
.poppinsRegular{
    font-family: 'Poppins-Regular';
}
.barlowRegular{
    font-family: 'Barlow-Regular';
}
.barlowMedium{
    font-family: 'Barlow-Medium';
}
.barlowBold{
    font-family: 'Barlow-Bold';
}
.interMedium{
    font-family: 'Inter-Medium';
}
.interBlack{
    font-family: 'Inter-Black';
}
.interRegular {
    font-family: 'Inter-Regular', sans-serif;
}
.interBold {
    font-family: 'Inter-Bold', sans-serif;
}
.interSemi{
    font-family: 'Inter-Semi Bold';
}
.sansBold{
    font-family: 'Work Sans-Bold';
}
.sansRegular{
    font-family: 'Work Sans-Regular';
}
.robotoBold{
    font-family: 'Roboto-Bold';
}

.price-wrapper .amount[data-v-370fb0eb] {
  position: relative;
  display: inline-block;
}
.price-wrapper .currency-symbol[data-v-370fb0eb] {
  margin-right: 0.26667vw;
  display: inline-block;
}
.price-wrapper .integer-part[data-v-370fb0eb] {
  font-size: var(--integer-size);
}
.price-wrapper .decimals[data-v-370fb0eb] {
  color: #666;
  position: relative;
  margin-left: 1px;
  font-size: var(--decimal-size);
  top: calc(var(--decimal-offset) * -1);
}

