@charset "UTF-8";













.layout-page {
  height: 100vh;
  font-size: 14px;
  background-color: var(--panel-1, #2a2a38);
  color: var(--text-color, #9fa6b5);
  background-image: url("background.png");
  background-size: cover;
  background-repeat: no-repeat
}

.layout-page {
  height: 100% !important
}

uni-page-body {
  height: 100%
}

@font-face {
  font-family: rbt;
  src: url("Roboto-Regular.327362a7.ttf")
}

table {
  border-collapse: collapse
}

table th,
table td {
  border-color: inherit
}

body {
  font-family: rbt !important
}

p {
  margin: 0
}

uni-input {
  background: transparent;
  border: none
}

ul {
  padding: 0;
  margin: 0;
  list-style: none
}

.d-flex {
  display: flex
}

.d-inline-flex {
  display: inline-flex
}

.d-inline {
  display: inline
}

.d-inline-block {
  display: inline-block
}

.d-block {
  display: block
}

.justify-center {
  justify-content: center
}

.justify-between {
  justify-content: space-between
}

.justify-around {
  justify-content: space-around
}

.justify-start {
  justify-content: flex-start
}

.justify-end {
  justify-content: flex-end
}

.align-center {
  align-items: center
}

.align-stretch {
  align-items: stretch
}

.align-start {
  align-items: flex-start
}

.align-end {
  align-items: flex-end
}

.flex-fill {
  flex: 1
}

.flex-col {
  flex-direction: column
}

.flex-row {
  flex-direction: row
}

.flex-wrap {
  flex-wrap: wrap
}

.flex-shrink {
  flex-shrink: 0
}

.float-r {
  float: right
}

.float-l {
  float: left
}

.clear::after {
  display: block;
  content: "";
  clear: both
}

.fn-xs {
  font-size: 10px
}

.fn-sm {
  font-size: 12px
}

.fn-md {
  font-size: 14px
}

.fn-lg {
  font-size: 16px
}

.fn-bold {
  font-weight: 600
}

.fn-center {
  text-align: center
}

.fn-left {
  text-align: start
}

.fn-right {
  text-align: end
}

.fn-middle {
  vertical-align: middle
}

.fn-wrap {
  white-space: normal;
  word-break: break-word
}

.fn-nowrap {
  white-space: nowrap
}

.fn-10 {
  font-size: 10px
}

.fn-11 {
  font-size: 11px
}

.fn-12 {
  font-size: 12px
}

.fn-13 {
  font-size: 13px
}

.fn-14 {
  font-size: 14px
}

.fn-15 {
  font-size: 15px
}

.fn-16 {
  font-size: 16px
}

.fn-17 {
  font-size: 17px
}

.fn-18 {
  font-size: 18px
}

.fn-19 {
  font-size: 19px
}

.fn-20 {
  font-size: 20px
}

.fn-21 {
  font-size: 21px
}

.fn-22 {
  font-size: 22px
}

.fn-23 {
  font-size: 23px
}

.fn-24 {
  font-size: 24px
}

.fn-25 {
  font-size: 25px
}

.fn-26 {
  font-size: 26px
}

.fn-27 {
  font-size: 27px
}

.fn-28 {
  font-size: 28px
}

.fn-29 {
  font-size: 29px
}

.fn-30 {
  font-size: 30px
}

.fn-31 {
  font-size: 31px
}

.fn-32 {
  font-size: 32px
}

.fn-33 {
  font-size: 33px
}

.fn-34 {
  font-size: 34px
}

.fn-35 {
  font-size: 35px
}

.fn-36 {
  font-size: 36px
}

.fn-37 {
  font-size: 37px
}

.fn-38 {
  font-size: 38px
}

.fn-39 {
  font-size: 39px
}

.fn-40 {
  font-size: 40px
}

.eps-1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden
}

.eps-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

.eps-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden
}

.eps-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden
}

.color-default {
  color: var(--text-color, #9fa6b5)
}

.color-plain {
  color: var(--plain, #fff)
}

.bg-plain {
  background-color: var(--plain, #fff)
}

.border-plain::after {
  border-color: var(--plain, #fff) !important
}

.border-plain-original {
  border-color: var(--plain, #fff) !important
}

.color-dark {
  color: #000
}

.bg-dark {
  background-color: #000
}

.border-dark::after {
  border-color: #000 !important
}

.border-dark-original {
  border-color: #000 !important
}

.color-light {
  color: var(--light, #333)
}

.bg-light {
  background-color: var(--light, #333)
}

.border-light::after {
  border-color: var(--light, #333) !important
}

.border-light-original {
  border-color: var(--light, #333) !important
}

.color-gray-1 {
  color: #f7f8fa
}

.bg-gray-1 {
  background-color: #f7f8fa
}

.border-gray-1::after {
  border-color: #f7f8fa !important
}

.border-gray-1-original {
  border-color: #f7f8fa !important
}

.color-gray-2 {
  color: #f2f3f5
}

.bg-gray-2 {
  background-color: #f2f3f5
}

.border-gray-2::after {
  border-color: #f2f3f5 !important
}

.border-gray-2-original {
  border-color: #f2f3f5 !important
}

.color-gray-3 {
  color: #ebedf0
}

.bg-gray-3 {
  background-color: #ebedf0
}

.border-gray-3::after {
  border-color: #ebedf0 !important
}

.border-gray-3-original {
  border-color: #ebedf0 !important
}

.color-gray-4 {
  color: #dcdee0
}

.bg-gray-4 {
  background-color: #dcdee0
}

.border-gray-4::after {
  border-color: #dcdee0 !important
}

.border-gray-4-original {
  border-color: #dcdee0 !important
}

.color-gray-5 {
  color: #c8c9cc
}

.bg-gray-5 {
  background-color: #c8c9cc
}

.border-gray-5::after {
  border-color: #c8c9cc !important
}

.border-gray-5-original {
  border-color: #c8c9cc !important
}

.color-gray-6 {
  color: #888894
}

.bg-gray-6 {
  background-color: #888894
}

.border-gray-6::after {
  border-color: #888894 !important
}

.border-gray-6-original {
  border-color: #888894 !important
}

.color-gray-7 {
  color: #646566
}

.bg-gray-7 {
  background-color: #646566
}

.border-gray-7::after {
  border-color: #646566 !important
}

.border-gray-7-original {
  border-color: #646566 !important
}

.color-gray-8 {
  color: #323233
}

.bg-gray-8 {
  background-color: #323233
}

.border-gray-8::after {
  border-color: #323233 !important
}

.border-gray-8-original {
  border-color: #323233 !important
}

.color-gray-9 {
  color: #202635
}

.bg-gray-9 {
  background-color: #202635
}

.border-gray-9::after {
  border-color: #202635 !important
}

.border-gray-9-original {
  border-color: #202635 !important
}

.color-danger {
  color: #ce5b67
}

.bg-danger {
  background-color: #ce5b67
}

.border-danger::after {
  border-color: #ce5b67 !important
}

.border-danger-original {
  border-color: #ce5b67 !important
}

.color-primary {
  color: #1989fa
}

.bg-primary {
  background-color: #1989fa
}

.border-primary::after {
  border-color: #1989fa !important
}

.border-primary-original {
  border-color: #1989fa !important
}

.color-warning {
  color: #ff976a
}

.bg-warning {
  background-color: #ff976a
}

.border-warning::after {
  border-color: #ff976a !important
}

.border-warning-original {
  border-color: #ff976a !important
}

.color-yellows {
  color: #f8b936
}

.bg-yellows {
  background-color: #f8b936
}

.border-yellows::after {
  border-color: #f8b936 !important
}

.border-yellows-original {
  border-color: #f8b936 !important
}

.color-warning-dark {
  color: #ed6a0c
}

.bg-warning-dark {
  background-color: #ed6a0c
}

.border-warning-dark::after {
  border-color: #ed6a0c !important
}

.border-warning-dark-original {
  border-color: #ed6a0c !important
}

.color-warning-light {
  color: #fffbe8
}

.bg-warning-light {
  background-color: #fffbe8
}

.border-warning-light::after {
  border-color: #fffbe8 !important
}

.border-warning-light-original {
  border-color: #fffbe8 !important
}

.color-success {
  color: #60c08c
}

.bg-success {
  background-color: #60c08c
}

.border-success::after {
  border-color: #60c08c !important
}

.border-success-original {
  border-color: #60c08c !important
}

.color-buy {
  color: #60c08c
}

.bg-buy {
  background-color: #60c08c
}

.border-buy::after {
  border-color: #60c08c !important
}

.border-buy-original {
  border-color: #60c08c !important
}

.color-sell {
  color: #ea3131
}

.bg-sell {
  background-color: #ea3131
}

.border-sell::after {
  border-color: #ea3131 !important
}

.border-sell-original {
  border-color: #ea3131 !important
}

.color-other {
  color: #f6c927
}

.bg-other {
  background-color: #f6c927
}

.border-other::after {
  border-color: #f6c927 !important
}

.border-other-original {
  border-color: #f6c927 !important
}

.color-theme-1 {
  color: #ceb359
}

.bg-theme-1 {
  background-color: #ceb359
}

.border-theme-1::after {
  border-color: #ceb359 !important
}

.border-theme-1-original {
  border-color: #ceb359 !important
}

.color-theme-2 {
  color: #f0c947
}

.bg-theme-2 {
  background-color: #f0c947
}

.border-theme-2::after {
  border-color: #f0c947 !important
}

.border-theme-2-original {
  border-color: #f0c947 !important
}

.color-theme-3 {
  color: #fff
}

.bg-theme-3 {
  background-color: #fff
}

.border-theme-3::after {
  border-color: #fff !important
}

.border-theme-3-original {
  border-color: #fff !important
}

.color-theme-4 {
  color: #f6c927
}

.bg-theme-4 {
  background-color: #f6c927
}

.border-theme-4::after {
  border-color: #f6c927 !important
}

.border-theme-4-original {
  border-color: #f6c927 !important
}

.color-panel {
  color: var(--panel, #36332c)
}

.bg-panel {
  background-color: var(--panel, #36332c)
}

.border-panel::after {
  border-color: var(--panel, #36332c) !important
}

.border-panel-original {
  border-color: var(--panel, #36332c) !important
}

.color-panel-1 {
  color: var(--panel-1, #2a2a38)
}

.bg-panel-1 {
  background-color: var(--panel-1, #2a2a38)
}

.border-panel-1::after {
  border-color: var(--panel-1, #2a2a38) !important
}

.border-panel-1-original {
  border-color: var(--panel-1, #2a2a38) !important
}

.color-panel-2 {
  color: var(--panel-2, #343445)
}

.bg-panel-2 {
  background-color: var(--panel-2, #343445)
}

.border-panel-2::after {
  border-color: var(--panel-2, #343445) !important
}

.border-panel-2-original {
  border-color: var(--panel-2, #343445) !important
}

.color-panel-3 {
  color: var(--panel-3, #393948)
}

.bg-panel-3 {
  background-color: var(--panel-3, #393948)
}

.border-panel-3::after {
  border-color: var(--panel-3, #393948) !important
}

.border-panel-3-original {
  border-color: var(--panel-3, #393948) !important
}

.color-panel-4 {
  color: var(--panel-4, #484859)
}

.bg-panel-4 {
  background-color: var(--panel-4, #484859)
}

.border-panel-4::after {
  border-color: var(--panel-4, #484859) !important
}

.border-panel-4-original {
  border-color: var(--panel-4, #484859) !important
}

.color-panel-5 {
  color: #202635
}

.bg-panel-5 {
  background-color: #202635
}

.border-panel-5::after {
  border-color: #202635 !important
}

.border-panel-5-original {
  border-color: #202635 !important
}

.color-panel-6 {
  color: #646566
}

.bg-panel-6 {
  background-color: #646566
}

.border-panel-6::after {
  border-color: #646566 !important
}

.border-panel-6-original {
  border-color: #646566 !important
}

.color-panel-7 {
  color: #2b2b2b
}

.bg-panel-7 {
  background-color: #2b2b2b
}

.border-panel-7::after {
  border-color: #2b2b2b !important
}

.border-panel-7-original {
  border-color: #2b2b2b !important
}

.color-form-panel-4 {
  color: var(--form-panel-4, #484859)
}

.bg-form-panel-4 {
  background-color: var(--form-panel-4, #484859)
}

.border-form-panel-4::after {
  border-color: var(--form-panel-4, #484859) !important
}

.border-form-panel-4-original {
  border-color: var(--form-panel-4, #484859) !important
}

.color-form-panel-3 {
  color: var(--form-panel-3, #393948)
}

.bg-form-panel-3 {
  background-color: var(--form-panel-3, #393948)
}

.border-form-panel-3::after {
  border-color: var(--form-panel-3, #393948) !important
}

.border-form-panel-3-original {
  border-color: var(--form-panel-3, #393948) !important
}

.color-form-panel-5 {
  color: var(--form-panel-5, #2b2b2b)
}

.bg-form-panel-5 {
  background-color: var(--form-panel-5, #2b2b2b)
}

.border-form-panel-5::after {
  border-color: var(--form-panel-5, #2b2b2b) !important
}

.border-form-panel-5-original {
  border-color: var(--form-panel-5, #2b2b2b) !important
}

.color-form-panel-6 {
  color: var(--form-panel-6, #101010)
}

.bg-form-panel-6 {
  background-color: var(--form-panel-6, #101010)
}

.border-form-panel-6::after {
  border-color: var(--form-panel-6, #101010) !important
}

.border-form-panel-6-original {
  border-color: var(--form-panel-6, #101010) !important
}

.color-form-panel-7 {
  color: var(--form-panel-7, #2b2b2b)
}

.bg-form-panel-7 {
  background-color: var(--form-panel-7, #2b2b2b)
}

.border-form-panel-7::after {
  border-color: var(--form-panel-7, #2b2b2b) !important
}

.border-form-panel-7-original {
  border-color: var(--form-panel-7, #2b2b2b) !important
}

.color-tab-nav {
  color: var(--tab-nav, #31313f)
}

.bg-tab-nav {
  background-color: var(--tab-nav, #31313f)
}

.border-tab-nav::after {
  border-color: var(--tab-nav, #31313f) !important
}

.border-tab-nav-original {
  border-color: var(--tab-nav, #31313f) !important
}

.bg-dark-transparent {
  background: rgba(0, 0, 0, .1)
}

.bg-gray-1-transparent {
  background: rgba(247, 248, 250, .1)
}

.bg-gray-2-transparent {
  background: rgba(242, 243, 245, .1)
}

.bg-gray-3-transparent {
  background: rgba(235, 237, 240, .1)
}

.bg-gray-4-transparent {
  background: rgba(220, 222, 224, .1)
}

.bg-gray-5-transparent {
  background: rgba(200, 201, 204, .1)
}

.bg-gray-6-transparent {
  background: rgba(136, 136, 148, .1)
}

.bg-gray-7-transparent {
  background: rgba(100, 101, 102, .1)
}

.bg-gray-8-transparent {
  background: rgba(50, 50, 51, .1)
}

.bg-gray-9-transparent {
  background: rgba(32, 38, 53, .1)
}

.bg-danger-transparent {
  background: rgba(206, 91, 103, .1)
}

.bg-primary-transparent {
  background: rgba(25, 137, 250, .1)
}

.bg-warning-transparent {
  background: rgba(255, 151, 106, .1)
}

.bg-yellows-transparent {
  background: rgba(248, 185, 54, .1)
}

.bg-warning-dark-transparent {
  background: rgba(237, 106, 12, .1)
}

.bg-warning-light-transparent {
  background: rgba(255, 251, 232, .1)
}

.bg-success-transparent {
  background: rgba(96, 192, 140, .1)
}

.bg-buy-transparent {
  background: rgba(96, 192, 140, .1)
}

.bg-sell-transparent {
  background: rgba(234, 49, 49, .1)
}

.bg-other-transparent {
  background: rgba(246, 201, 39, .1)
}

.bg-theme-1-transparent {
  background: rgba(206, 179, 89, .1)
}

.bg-theme-2-transparent {
  background: rgba(240, 201, 71, .1)
}

.bg-panel-5-transparent {
  background: rgba(32, 38, 53, .1)
}

.bg-panel-6-transparent {
  background: rgba(100, 101, 102, .1)
}

.border {
  position: relative
}

.border::after {
  position: absolute;
  box-sizing: border-box;
  display: block;
  content: " ";
  pointer-events: none;
  border-radius: inherit;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  -webkit-transform: scale(.5);
  transform: scale(.5);
  border: 1px solid var(--border-color, #49495f)
}

.bg-gradient-blue {
  background: linear-gradient(315deg, #4048ef, #5a7bef)
}

.bg-gradient-red {
  background: linear-gradient(270deg, #f15887, #fe9b86)
}

.bg-gradient-green {
  background: linear-gradient(328deg, #2fad66, #9de686)
}

.border-original {
  border: 1.02px solid var(--border-color, #49495f)
}

.border-original-0 {
  border-width: 0
}

.border-t {
  position: relative
}

.border-t::after {
  position: absolute;
  box-sizing: border-box;
  display: block;
  content: " ";
  pointer-events: none;
  border-radius: inherit;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  -webkit-transform: scale(.5);
  transform: scale(.5);
  border-top: 1px solid var(--border-color, #49495f)
}

.border-t-original {
  border-top: 1.02px solid var(--border-color, #49495f)
}

.border-t-0::after {
  border-top: 0 !important
}

.border-t-original-0 {
  border-top: 0 !important
}

.border-r {
  position: relative
}

.border-r::after {
  position: absolute;
  box-sizing: border-box;
  display: block;
  content: " ";
  pointer-events: none;
  border-radius: inherit;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  -webkit-transform: scale(.5);
  transform: scale(.5);
  border-right: 1px solid var(--border-color, #49495f)
}

.border-r-original {
  border-right: 1.02px solid var(--border-color, #49495f)
}

.border-r-0::after {
  border-right: 0 !important
}

.border-r-original-0 {
  border-right: 0 !important
}

.border-b {
  position: relative
}

.border-b::after {
  position: absolute;
  box-sizing: border-box;
  display: block;
  content: " ";
  pointer-events: none;
  border-radius: inherit;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  -webkit-transform: scale(.5);
  transform: scale(.5);
  border-bottom: 1px solid var(--border-color, #49495f)
}

.border-b-original {
  border-bottom: 1.02px solid var(--border-color, #49495f)
}

.border-b-0::after {
  border-bottom: 0 !important
}

.border-b-original-0 {
  border-bottom: 0 !important
}

.border-l {
  position: relative
}

.border-l::after {
  position: absolute;
  box-sizing: border-box;
  display: block;
  content: " ";
  pointer-events: none;
  border-radius: inherit;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  -webkit-transform: scale(.5);
  transform: scale(.5);
  border-left: 1px solid var(--border-color, #49495f)
}

.border-l-original {
  border-left: 1.02px solid var(--border-color, #49495f)
}

.border-l-0::after {
  border-left: 0 !important
}

.border-l-original-0 {
  border-left: 0 !important
}

.rounded {
  border-radius: 20px
}

.rounded-xs {
  border-radius: 6px
}

.rounded-sm {
  border-radius: 14px
}

.rounded-md {
  border-radius: 20px
}

.rounded-lg {
  border-radius: 26px
}

.rounded-max {
  border-radius: 50%
}

.rounded-tl-xs {
  border-top-left-radius: 6px
}

.rounded-tl-sm {
  border-top-left-radius: 14px
}

.rounded-tl-md {
  border-top-left-radius: 20px
}

.rounded-tl-lg {
  border-top-left-radius: 26px
}

.rounded-tl-max {
  border-top-left-radius: 50%
}

.rounded-tr-xs {
  border-top-right-radius: 6px
}

.rounded-tr-sm {
  border-top-right-radius: 14px
}

.rounded-tr-md {
  border-top-right-radius: 20px
}

.rounded-tr-lg {
  border-top-right-radius: 26px
}

.rounded-tr-max {
  border-top-right-radius: 50%
}

.rounded-br-xs {
  border-bottom-right-radius: 6px
}

.rounded-br-sm {
  border-bottom-right-radius: 14px
}

.rounded-br-md {
  border-bottom-right-radius: 20px
}

.rounded-br-lg {
  border-bottom-right-radius: 26px
}

.rounded-br-max {
  border-bottom-right-radius: 50%
}

.rounded-bl-xs {
  border-bottom-left-radius: 6px
}

.rounded-bl-sm {
  border-bottom-left-radius: 14px
}

.rounded-bl-md {
  border-bottom-left-radius: 20px
}

.rounded-bl-lg {
  border-bottom-left-radius: 26px
}

.rounded-bl-max {
  border-bottom-left-radius: 50%
}

.m-base {
  margin: 4px !important
}

.m-x-base {
  margin-left: 4px !important;
  margin-right: 4px !important
}

.m-y-base {
  margin-top: 4px !important;
  margin-bottom: 4px !important
}

.m-t-base {
  margin-top: 4px !important
}

.m-r-base {
  margin-right: 4px !important
}

.m-b-base {
  margin-bottom: 4px !important
}

.m-l-base {
  margin-left: 4px !important
}

.p-base {
  padding: 4px !important
}

.p-x-base {
  padding-left: 4px !important;
  padding-right: 4px !important
}

.p-y-base {
  padding-top: 4px !important;
  padding-bottom: 4px !important
}

.p-t-base {
  padding-top: 4px !important
}

.p-r-base {
  padding-right: 4px !important
}

.p-b-base {
  padding-bottom: 4px !important
}

.p-l-base {
  padding-left: 4px !important
}

.m-xs {
  margin: 6px !important
}

.m-x-xs {
  margin-left: 6px !important;
  margin-right: 6px !important
}

.m-y-xs {
  margin-top: 6px !important;
  margin-bottom: 6px !important
}

.m-t-xs {
  margin-top: 6px !important
}

.m-r-xs {
  margin-right: 6px !important
}

.m-b-xs {
  margin-bottom: 6px !important
}

.m-l-xs {
  margin-left: 6px !important
}

.p-xs {
  padding: 6px !important
}

.p-x-xs {
  padding-left: 6px !important;
  padding-right: 6px !important
}

.p-y-xs {
  padding-top: 6px !important;
  padding-bottom: 6px !important
}

.p-t-xs {
  padding-top: 6px !important
}

.p-r-xs {
  padding-right: 6px !important
}

.p-b-xs {
  padding-bottom: 6px !important
}

.p-l-xs {
  padding-left: 6px !important
}

.m-ms {
  margin: 8px !important
}

.m-x-ms {
  margin-left: 8px !important;
  margin-right: 8px !important
}

.m-y-ms {
  margin-top: 8px !important;
  margin-bottom: 8px !important
}

.m-t-ms {
  margin-top: 8px !important
}

.m-r-ms {
  margin-right: 8px !important
}

.m-b-ms {
  margin-bottom: 8px !important
}

.m-l-ms {
  margin-left: 8px !important
}

.p-ms {
  padding: 8px !important
}

.p-x-ms {
  padding-left: 8px !important;
  padding-right: 8px !important
}

.p-y-ms {
  padding-top: 8px !important;
  padding-bottom: 8px !important
}

.p-t-ms {
  padding-top: 8px !important
}

.p-r-ms {
  padding-right: 8px !important
}

.p-b-ms {
  padding-bottom: 8px !important
}

.p-l-ms {
  padding-left: 8px !important
}

.m-sm {
  margin: 12px !important
}

.m-x-sm {
  margin-left: 12px !important;
  margin-right: 12px !important
}

.m-y-sm {
  margin-top: 12px !important;
  margin-bottom: 12px !important
}

.m-t-sm {
  margin-top: 12px !important
}

.m-r-sm {
  margin-right: 12px !important
}

.m-b-sm {
  margin-bottom: 12px !important
}

.m-l-sm {
  margin-left: 12px !important
}

.p-sm {
  padding: 12px !important
}

.p-x-sm {
  padding-left: 12px !important;
  padding-right: 12px !important
}

.p-y-sm {
  padding-top: 12px !important;
  padding-bottom: 12px !important
}

.p-t-sm {
  padding-top: 12px !important
}

.p-r-sm {
  padding-right: 12px !important
}

.p-b-sm {
  padding-bottom: 12px !important
}

.p-l-sm {
  padding-left: 12px !important
}

.m-md {
  margin: 15px !important
}

.m-x-md {
  margin-left: 15px !important;
  margin-right: 15px !important
}

.m-y-md {
  margin-top: 15px !important;
  margin-bottom: 15px !important
}

.m-t-md {
  margin-top: 15px !important
}

.m-r-md {
  margin-right: 15px !important
}

.m-b-md {
  margin-bottom: 15px !important
}

.m-l-md {
  margin-left: 15px !important
}

.p-md {
  padding: 15px !important
}

.p-x-md {
  padding-left: 15px !important;
  padding-right: 15px !important
}

.p-y-md {
  padding-top: 15px !important;
  padding-bottom: 15px !important
}

.p-t-md {
  padding-top: 15px !important
}

.p-r-md {
  padding-right: 15px !important
}

.p-b-md {
  padding-bottom: 15px !important
}

.p-l-md {
  padding-left: 15px !important
}

.m-lg {
  margin: 20px !important
}

.m-x-lg {
  margin-left: 20px !important;
  margin-right: 20px !important
}

.m-y-lg {
  margin-top: 20px !important;
  margin-bottom: 20px !important
}

.m-t-lg {
  margin-top: 20px !important
}

.m-r-lg {
  margin-right: 20px !important
}

.m-b-lg {
  margin-bottom: 20px !important
}

.m-l-lg {
  margin-left: 20px !important
}

.p-lg {
  padding: 20px !important
}

.p-x-lg {
  padding-left: 20px !important;
  padding-right: 20px !important
}

.p-y-lg {
  padding-top: 20px !important;
  padding-bottom: 20px !important
}

.p-t-lg {
  padding-top: 20px !important
}

.p-r-lg {
  padding-right: 20px !important
}

.p-b-lg {
  padding-bottom: 20px !important
}

.p-l-lg {
  padding-left: 20px !important
}

.m-xl {
  margin: 25px !important
}

.m-x-xl {
  margin-left: 25px !important;
  margin-right: 25px !important
}

.m-y-xl {
  margin-top: 25px !important;
  margin-bottom: 25px !important
}

.m-t-xl {
  margin-top: 25px !important
}

.m-r-xl {
  margin-right: 25px !important
}

.m-b-xl {
  margin-bottom: 25px !important
}

.m-l-xl {
  margin-left: 25px !important
}

.p-xl {
  padding: 25px !important
}

.p-x-xl {
  padding-left: 25px !important;
  padding-right: 25px !important
}

.p-y-xl {
  padding-top: 25px !important;
  padding-bottom: 25px !important
}

.p-t-xl {
  padding-top: 25px !important
}

.p-r-xl {
  padding-right: 25px !important
}

.p-b-xl {
  padding-bottom: 25px !important
}

.p-l-xl {
  padding-left: 25px !important
}

.m-x-auto {
  margin-left: auto;
  margin-right: auto
}

.m-l-auto {
  margin-left: auto
}

.m-r-auto {
  margin-right: auto
}

.box-size {
  box-sizing: border-box
}

.w-1 {
  width: 1px
}

.min-w-1 {
  min-width: 1px
}

.max-w-1 {
  max-width: 1px
}

.h-1 {
  height: 1px
}

.min-h-1 {
  min-height: 1px
}

.max-h-1 {
  max-height: 1px
}

.w-2 {
  width: 2px
}

.min-w-2 {
  min-width: 2px
}

.max-w-2 {
  max-width: 2px
}

.h-2 {
  height: 2px
}

.min-h-2 {
  min-height: 2px
}

.max-h-2 {
  max-height: 2px
}

.w-3 {
  width: 3px
}

.min-w-3 {
  min-width: 3px
}

.max-w-3 {
  max-width: 3px
}

.h-3 {
  height: 3px
}

.min-h-3 {
  min-height: 3px
}

.max-h-3 {
  max-height: 3px
}

.w-4 {
  width: 4px
}

.min-w-4 {
  min-width: 4px
}

.max-w-4 {
  max-width: 4px
}

.h-4 {
  height: 4px
}

.min-h-4 {
  min-height: 4px
}

.max-h-4 {
  max-height: 4px
}

.w-5 {
  width: 5px
}

.min-w-5 {
  min-width: 5px
}

.max-w-5 {
  max-width: 5px
}

.h-5 {
  height: 5px
}

.min-h-5 {
  min-height: 5px
}

.max-h-5 {
  max-height: 5px
}

.w-6 {
  width: 6px
}

.min-w-6 {
  min-width: 6px
}

.max-w-6 {
  max-width: 6px
}

.h-6 {
  height: 6px
}

.min-h-6 {
  min-height: 6px
}

.max-h-6 {
  max-height: 6px
}

.w-7 {
  width: 7px
}

.min-w-7 {
  min-width: 7px
}

.max-w-7 {
  max-width: 7px
}

.h-7 {
  height: 7px
}

.min-h-7 {
  min-height: 7px
}

.max-h-7 {
  max-height: 7px
}

.w-8 {
  width: 8px
}

.min-w-8 {
  min-width: 8px
}

.max-w-8 {
  max-width: 8px
}

.h-8 {
  height: 8px
}

.min-h-8 {
  min-height: 8px
}

.max-h-8 {
  max-height: 8px
}

.w-9 {
  width: 9px
}

.min-w-9 {
  min-width: 9px
}

.max-w-9 {
  max-width: 9px
}

.h-9 {
  height: 9px
}

.min-h-9 {
  min-height: 9px
}

.max-h-9 {
  max-height: 9px
}

.w-10 {
  width: 10px
}

.min-w-10 {
  min-width: 10px
}

.max-w-10 {
  max-width: 10px
}

.h-10 {
  height: 10px
}

.min-h-10 {
  min-height: 10px
}

.max-h-10 {
  max-height: 10px
}

.w-11 {
  width: 11px
}

.min-w-11 {
  min-width: 11px
}

.max-w-11 {
  max-width: 11px
}

.h-11 {
  height: 11px
}

.min-h-11 {
  min-height: 11px
}

.max-h-11 {
  max-height: 11px
}

.w-12 {
  width: 12px
}

.min-w-12 {
  min-width: 12px
}

.max-w-12 {
  max-width: 12px
}

.h-12 {
  height: 12px
}

.min-h-12 {
  min-height: 12px
}

.max-h-12 {
  max-height: 12px
}

.w-13 {
  width: 13px
}

.min-w-13 {
  min-width: 13px
}

.max-w-13 {
  max-width: 13px
}

.h-13 {
  height: 13px
}

.min-h-13 {
  min-height: 13px
}

.max-h-13 {
  max-height: 13px
}

.w-14 {
  width: 14px
}

.min-w-14 {
  min-width: 14px
}

.max-w-14 {
  max-width: 14px
}

.h-14 {
  height: 14px
}

.min-h-14 {
  min-height: 14px
}

.max-h-14 {
  max-height: 14px
}

.w-15 {
  width: 15px
}

.min-w-15 {
  min-width: 15px
}

.max-w-15 {
  max-width: 15px
}

.h-15 {
  height: 15px
}

.min-h-15 {
  min-height: 15px
}

.max-h-15 {
  max-height: 15px
}

.w-16 {
  width: 16px
}

.min-w-16 {
  min-width: 16px
}

.max-w-16 {
  max-width: 16px
}

.h-16 {
  height: 16px
}

.min-h-16 {
  min-height: 16px
}

.max-h-16 {
  max-height: 16px
}

.w-17 {
  width: 17px
}

.min-w-17 {
  min-width: 17px
}

.max-w-17 {
  max-width: 17px
}

.h-17 {
  height: 17px
}

.min-h-17 {
  min-height: 17px
}

.max-h-17 {
  max-height: 17px
}

.w-18 {
  width: 18px
}

.min-w-18 {
  min-width: 18px
}

.max-w-18 {
  max-width: 18px
}

.h-18 {
  height: 18px
}

.min-h-18 {
  min-height: 18px
}

.max-h-18 {
  max-height: 18px
}

.w-19 {
  width: 19px
}

.min-w-19 {
  min-width: 19px
}

.max-w-19 {
  max-width: 19px
}

.h-19 {
  height: 19px
}

.min-h-19 {
  min-height: 19px
}

.max-h-19 {
  max-height: 19px
}

.w-20 {
  width: 20px
}

.min-w-20 {
  min-width: 20px
}

.max-w-20 {
  max-width: 20px
}

.h-20 {
  height: 20px
}

.min-h-20 {
  min-height: 20px
}

.max-h-20 {
  max-height: 20px
}

.w-21 {
  width: 21px
}

.min-w-21 {
  min-width: 21px
}

.max-w-21 {
  max-width: 21px
}

.h-21 {
  height: 21px
}

.min-h-21 {
  min-height: 21px
}

.max-h-21 {
  max-height: 21px
}

.w-22 {
  width: 22px
}

.min-w-22 {
  min-width: 22px
}

.max-w-22 {
  max-width: 22px
}

.h-22 {
  height: 22px
}

.min-h-22 {
  min-height: 22px
}

.max-h-22 {
  max-height: 22px
}

.w-23 {
  width: 23px
}

.min-w-23 {
  min-width: 23px
}

.max-w-23 {
  max-width: 23px
}

.h-23 {
  height: 23px
}

.min-h-23 {
  min-height: 23px
}

.max-h-23 {
  max-height: 23px
}

.w-24 {
  width: 24px
}

.min-w-24 {
  min-width: 24px
}

.max-w-24 {
  max-width: 24px
}

.h-24 {
  height: 24px
}

.min-h-24 {
  min-height: 24px
}

.max-h-24 {
  max-height: 24px
}

.w-25 {
  width: 25px
}

.min-w-25 {
  min-width: 25px
}

.max-w-25 {
  max-width: 25px
}

.h-25 {
  height: 25px
}

.min-h-25 {
  min-height: 25px
}

.max-h-25 {
  max-height: 25px
}

.w-26 {
  width: 26px
}

.min-w-26 {
  min-width: 26px
}

.max-w-26 {
  max-width: 26px
}

.h-26 {
  height: 26px
}

.min-h-26 {
  min-height: 26px
}

.max-h-26 {
  max-height: 26px
}

.w-27 {
  width: 27px
}

.min-w-27 {
  min-width: 27px
}

.max-w-27 {
  max-width: 27px
}

.h-27 {
  height: 27px
}

.min-h-27 {
  min-height: 27px
}

.max-h-27 {
  max-height: 27px
}

.w-28 {
  width: 28px
}

.min-w-28 {
  min-width: 28px
}

.max-w-28 {
  max-width: 28px
}

.h-28 {
  height: 28px
}

.min-h-28 {
  min-height: 28px
}

.max-h-28 {
  max-height: 28px
}

.w-29 {
  width: 29px
}

.min-w-29 {
  min-width: 29px
}

.max-w-29 {
  max-width: 29px
}

.h-29 {
  height: 29px
}

.min-h-29 {
  min-height: 29px
}

.max-h-29 {
  max-height: 29px
}

.w-30 {
  width: 30px
}

.min-w-30 {
  min-width: 30px
}

.max-w-30 {
  max-width: 30px
}

.h-30 {
  height: 30px
}

.min-h-30 {
  min-height: 30px
}

.max-h-30 {
  max-height: 30px
}

.w-31 {
  width: 31px
}

.min-w-31 {
  min-width: 31px
}

.max-w-31 {
  max-width: 31px
}

.h-31 {
  height: 31px
}

.min-h-31 {
  min-height: 31px
}

.max-h-31 {
  max-height: 31px
}

.w-32 {
  width: 32px
}

.min-w-32 {
  min-width: 32px
}

.max-w-32 {
  max-width: 32px
}

.h-32 {
  height: 32px
}

.min-h-32 {
  min-height: 32px
}

.max-h-32 {
  max-height: 32px
}

.w-33 {
  width: 33px
}

.min-w-33 {
  min-width: 33px
}

.max-w-33 {
  max-width: 33px
}

.h-33 {
  height: 33px
}

.min-h-33 {
  min-height: 33px
}

.max-h-33 {
  max-height: 33px
}

.w-34 {
  width: 34px
}

.min-w-34 {
  min-width: 34px
}

.max-w-34 {
  max-width: 34px
}

.h-34 {
  height: 34px
}

.min-h-34 {
  min-height: 34px
}

.max-h-34 {
  max-height: 34px
}

.w-35 {
  width: 35px
}

.min-w-35 {
  min-width: 35px
}

.max-w-35 {
  max-width: 35px
}

.h-35 {
  height: 35px
}

.min-h-35 {
  min-height: 35px
}

.max-h-35 {
  max-height: 35px
}

.w-36 {
  width: 36px
}

.min-w-36 {
  min-width: 36px
}

.max-w-36 {
  max-width: 36px
}

.h-36 {
  height: 36px
}

.min-h-36 {
  min-height: 36px
}

.max-h-36 {
  max-height: 36px
}

.w-37 {
  width: 37px
}

.min-w-37 {
  min-width: 37px
}

.max-w-37 {
  max-width: 37px
}

.h-37 {
  height: 37px
}

.min-h-37 {
  min-height: 37px
}

.max-h-37 {
  max-height: 37px
}

.w-38 {
  width: 38px
}

.min-w-38 {
  min-width: 38px
}

.max-w-38 {
  max-width: 38px
}

.h-38 {
  height: 38px
}

.min-h-38 {
  min-height: 38px
}

.max-h-38 {
  max-height: 38px
}

.w-39 {
  width: 39px
}

.min-w-39 {
  min-width: 39px
}

.max-w-39 {
  max-width: 39px
}

.h-39 {
  height: 39px
}

.min-h-39 {
  min-height: 39px
}

.max-h-39 {
  max-height: 39px
}

.w-40 {
  width: 40px
}

.min-w-40 {
  min-width: 40px
}

.max-w-40 {
  max-width: 40px
}

.h-40 {
  height: 40px
}

.min-h-40 {
  min-height: 40px
}

.max-h-40 {
  max-height: 40px
}

.w-41 {
  width: 41px
}

.min-w-41 {
  min-width: 41px
}

.max-w-41 {
  max-width: 41px
}

.h-41 {
  height: 41px
}

.min-h-41 {
  min-height: 41px
}

.max-h-41 {
  max-height: 41px
}

.w-42 {
  width: 42px
}

.min-w-42 {
  min-width: 42px
}

.max-w-42 {
  max-width: 42px
}

.h-42 {
  height: 42px
}

.min-h-42 {
  min-height: 42px
}

.max-h-42 {
  max-height: 42px
}

.w-43 {
  width: 43px
}

.min-w-43 {
  min-width: 43px
}

.max-w-43 {
  max-width: 43px
}

.h-43 {
  height: 43px
}

.min-h-43 {
  min-height: 43px
}

.max-h-43 {
  max-height: 43px
}

.w-44 {
  width: 44px
}

.min-w-44 {
  min-width: 44px
}

.max-w-44 {
  max-width: 44px
}

.h-44 {
  height: 44px
}

.min-h-44 {
  min-height: 44px
}

.max-h-44 {
  max-height: 44px
}

.w-45 {
  width: 45px
}

.min-w-45 {
  min-width: 45px
}

.max-w-45 {
  max-width: 45px
}

.h-45 {
  height: 45px
}

.min-h-45 {
  min-height: 45px
}

.max-h-45 {
  max-height: 45px
}

.w-46 {
  width: 46px
}

.min-w-46 {
  min-width: 46px
}

.max-w-46 {
  max-width: 46px
}

.h-46 {
  height: 46px
}

.min-h-46 {
  min-height: 46px
}

.max-h-46 {
  max-height: 46px
}

.w-47 {
  width: 47px
}

.min-w-47 {
  min-width: 47px
}

.max-w-47 {
  max-width: 47px
}

.h-47 {
  height: 47px
}

.min-h-47 {
  min-height: 47px
}

.max-h-47 {
  max-height: 47px
}

.w-48 {
  width: 48px
}

.min-w-48 {
  min-width: 48px
}

.max-w-48 {
  max-width: 48px
}

.h-48 {
  height: 48px
}

.min-h-48 {
  min-height: 48px
}

.max-h-48 {
  max-height: 48px
}

.w-49 {
  width: 49px
}

.min-w-49 {
  min-width: 49px
}

.max-w-49 {
  max-width: 49px
}

.h-49 {
  height: 49px
}

.min-h-49 {
  min-height: 49px
}

.max-h-49 {
  max-height: 49px
}

.w-50 {
  width: 50px
}

.min-w-50 {
  min-width: 50px
}

.max-w-50 {
  max-width: 50px
}

.h-50 {
  height: 50px
}

.min-h-50 {
  min-height: 50px
}

.max-h-50 {
  max-height: 50px
}

.w-51 {
  width: 51px
}

.min-w-51 {
  min-width: 51px
}

.max-w-51 {
  max-width: 51px
}

.h-51 {
  height: 51px
}

.min-h-51 {
  min-height: 51px
}

.max-h-51 {
  max-height: 51px
}

.w-52 {
  width: 52px
}

.min-w-52 {
  min-width: 52px
}

.max-w-52 {
  max-width: 52px
}

.h-52 {
  height: 52px
}

.min-h-52 {
  min-height: 52px
}

.max-h-52 {
  max-height: 52px
}

.w-53 {
  width: 53px
}

.min-w-53 {
  min-width: 53px
}

.max-w-53 {
  max-width: 53px
}

.h-53 {
  height: 53px
}

.min-h-53 {
  min-height: 53px
}

.max-h-53 {
  max-height: 53px
}

.w-54 {
  width: 54px
}

.min-w-54 {
  min-width: 54px
}

.max-w-54 {
  max-width: 54px
}

.h-54 {
  height: 54px
}

.min-h-54 {
  min-height: 54px
}

.max-h-54 {
  max-height: 54px
}

.w-55 {
  width: 55px
}

.min-w-55 {
  min-width: 55px
}

.max-w-55 {
  max-width: 55px
}

.h-55 {
  height: 55px
}

.min-h-55 {
  min-height: 55px
}

.max-h-55 {
  max-height: 55px
}

.w-56 {
  width: 56px
}

.min-w-56 {
  min-width: 56px
}

.max-w-56 {
  max-width: 56px
}

.h-56 {
  height: 56px
}

.min-h-56 {
  min-height: 56px
}

.max-h-56 {
  max-height: 56px
}

.w-57 {
  width: 57px
}

.min-w-57 {
  min-width: 57px
}

.max-w-57 {
  max-width: 57px
}

.h-57 {
  height: 57px
}

.min-h-57 {
  min-height: 57px
}

.max-h-57 {
  max-height: 57px
}

.w-58 {
  width: 58px
}

.min-w-58 {
  min-width: 58px
}

.max-w-58 {
  max-width: 58px
}

.h-58 {
  height: 58px
}

.min-h-58 {
  min-height: 58px
}

.max-h-58 {
  max-height: 58px
}

.w-59 {
  width: 59px
}

.min-w-59 {
  min-width: 59px
}

.max-w-59 {
  max-width: 59px
}

.h-59 {
  height: 59px
}

.min-h-59 {
  min-height: 59px
}

.max-h-59 {
  max-height: 59px
}

.w-60 {
  width: 60px
}

.min-w-60 {
  min-width: 60px
}

.max-w-60 {
  max-width: 60px
}

.h-60 {
  height: 60px
}

.min-h-60 {
  min-height: 60px
}

.max-h-60 {
  max-height: 60px
}

.w-61 {
  width: 61px
}

.min-w-61 {
  min-width: 61px
}

.max-w-61 {
  max-width: 61px
}

.h-61 {
  height: 61px
}

.min-h-61 {
  min-height: 61px
}

.max-h-61 {
  max-height: 61px
}

.w-62 {
  width: 62px
}

.min-w-62 {
  min-width: 62px
}

.max-w-62 {
  max-width: 62px
}

.h-62 {
  height: 62px
}

.min-h-62 {
  min-height: 62px
}

.max-h-62 {
  max-height: 62px
}

.w-63 {
  width: 63px
}

.min-w-63 {
  min-width: 63px
}

.max-w-63 {
  max-width: 63px
}

.h-63 {
  height: 63px
}

.min-h-63 {
  min-height: 63px
}

.max-h-63 {
  max-height: 63px
}

.w-64 {
  width: 64px
}

.min-w-64 {
  min-width: 64px
}

.max-w-64 {
  max-width: 64px
}

.h-64 {
  height: 64px
}

.min-h-64 {
  min-height: 64px
}

.max-h-64 {
  max-height: 64px
}

.w-65 {
  width: 65px
}

.min-w-65 {
  min-width: 65px
}

.max-w-65 {
  max-width: 65px
}

.h-65 {
  height: 65px
}

.min-h-65 {
  min-height: 65px
}

.max-h-65 {
  max-height: 65px
}

.w-66 {
  width: 66px
}

.min-w-66 {
  min-width: 66px
}

.max-w-66 {
  max-width: 66px
}

.h-66 {
  height: 66px
}

.min-h-66 {
  min-height: 66px
}

.max-h-66 {
  max-height: 66px
}

.w-67 {
  width: 67px
}

.min-w-67 {
  min-width: 67px
}

.max-w-67 {
  max-width: 67px
}

.h-67 {
  height: 67px
}

.min-h-67 {
  min-height: 67px
}

.max-h-67 {
  max-height: 67px
}

.w-68 {
  width: 68px
}

.min-w-68 {
  min-width: 68px
}

.max-w-68 {
  max-width: 68px
}

.h-68 {
  height: 68px
}

.min-h-68 {
  min-height: 68px
}

.max-h-68 {
  max-height: 68px
}

.w-69 {
  width: 69px
}

.min-w-69 {
  min-width: 69px
}

.max-w-69 {
  max-width: 69px
}

.h-69 {
  height: 69px
}

.min-h-69 {
  min-height: 69px
}

.max-h-69 {
  max-height: 69px
}

.w-70 {
  width: 70px
}

.min-w-70 {
  min-width: 70px
}

.max-w-70 {
  max-width: 70px
}

.h-70 {
  height: 70px
}

.min-h-70 {
  min-height: 70px
}

.max-h-70 {
  max-height: 70px
}

.w-71 {
  width: 71px
}

.min-w-71 {
  min-width: 71px
}

.max-w-71 {
  max-width: 71px
}

.h-71 {
  height: 71px
}

.min-h-71 {
  min-height: 71px
}

.max-h-71 {
  max-height: 71px
}

.w-72 {
  width: 72px
}

.min-w-72 {
  min-width: 72px
}

.max-w-72 {
  max-width: 72px
}

.h-72 {
  height: 72px
}

.min-h-72 {
  min-height: 72px
}

.max-h-72 {
  max-height: 72px
}

.w-73 {
  width: 73px
}

.min-w-73 {
  min-width: 73px
}

.max-w-73 {
  max-width: 73px
}

.h-73 {
  height: 73px
}

.min-h-73 {
  min-height: 73px
}

.max-h-73 {
  max-height: 73px
}

.w-74 {
  width: 74px
}

.min-w-74 {
  min-width: 74px
}

.max-w-74 {
  max-width: 74px
}

.h-74 {
  height: 74px
}

.min-h-74 {
  min-height: 74px
}

.max-h-74 {
  max-height: 74px
}

.w-75 {
  width: 75px
}

.min-w-75 {
  min-width: 75px
}

.max-w-75 {
  max-width: 75px
}

.h-75 {
  height: 75px
}

.min-h-75 {
  min-height: 75px
}

.max-h-75 {
  max-height: 75px
}

.w-76 {
  width: 76px
}

.min-w-76 {
  min-width: 76px
}

.max-w-76 {
  max-width: 76px
}

.h-76 {
  height: 76px
}

.min-h-76 {
  min-height: 76px
}

.max-h-76 {
  max-height: 76px
}

.w-77 {
  width: 77px
}

.min-w-77 {
  min-width: 77px
}

.max-w-77 {
  max-width: 77px
}

.h-77 {
  height: 77px
}

.min-h-77 {
  min-height: 77px
}

.max-h-77 {
  max-height: 77px
}

.w-78 {
  width: 78px
}

.min-w-78 {
  min-width: 78px
}

.max-w-78 {
  max-width: 78px
}

.h-78 {
  height: 78px
}

.min-h-78 {
  min-height: 78px
}

.max-h-78 {
  max-height: 78px
}

.w-79 {
  width: 79px
}

.min-w-79 {
  min-width: 79px
}

.max-w-79 {
  max-width: 79px
}

.h-79 {
  height: 79px
}

.min-h-79 {
  min-height: 79px
}

.max-h-79 {
  max-height: 79px
}

.w-80 {
  width: 80px
}

.min-w-80 {
  min-width: 80px
}

.max-w-80 {
  max-width: 80px
}

.h-80 {
  height: 80px
}

.min-h-80 {
  min-height: 80px
}

.max-h-80 {
  max-height: 80px
}

.w-81 {
  width: 81px
}

.min-w-81 {
  min-width: 81px
}

.max-w-81 {
  max-width: 81px
}

.h-81 {
  height: 81px
}

.min-h-81 {
  min-height: 81px
}

.max-h-81 {
  max-height: 81px
}

.w-82 {
  width: 82px
}

.min-w-82 {
  min-width: 82px
}

.max-w-82 {
  max-width: 82px
}

.h-82 {
  height: 82px
}

.min-h-82 {
  min-height: 82px
}

.max-h-82 {
  max-height: 82px
}

.w-83 {
  width: 83px
}

.min-w-83 {
  min-width: 83px
}

.max-w-83 {
  max-width: 83px
}

.h-83 {
  height: 83px
}

.min-h-83 {
  min-height: 83px
}

.max-h-83 {
  max-height: 83px
}

.w-84 {
  width: 84px
}

.min-w-84 {
  min-width: 84px
}

.max-w-84 {
  max-width: 84px
}

.h-84 {
  height: 84px
}

.min-h-84 {
  min-height: 84px
}

.max-h-84 {
  max-height: 84px
}

.w-85 {
  width: 85px
}

.min-w-85 {
  min-width: 85px
}

.max-w-85 {
  max-width: 85px
}

.h-85 {
  height: 85px
}

.min-h-85 {
  min-height: 85px
}

.max-h-85 {
  max-height: 85px
}

.w-86 {
  width: 86px
}

.min-w-86 {
  min-width: 86px
}

.max-w-86 {
  max-width: 86px
}

.h-86 {
  height: 86px
}

.min-h-86 {
  min-height: 86px
}

.max-h-86 {
  max-height: 86px
}

.w-87 {
  width: 87px
}

.min-w-87 {
  min-width: 87px
}

.max-w-87 {
  max-width: 87px
}

.h-87 {
  height: 87px
}

.min-h-87 {
  min-height: 87px
}

.max-h-87 {
  max-height: 87px
}

.w-88 {
  width: 88px
}

.min-w-88 {
  min-width: 88px
}

.max-w-88 {
  max-width: 88px
}

.h-88 {
  height: 88px
}

.min-h-88 {
  min-height: 88px
}

.max-h-88 {
  max-height: 88px
}

.w-89 {
  width: 89px
}

.min-w-89 {
  min-width: 89px
}

.max-w-89 {
  max-width: 89px
}

.h-89 {
  height: 89px
}

.min-h-89 {
  min-height: 89px
}

.max-h-89 {
  max-height: 89px
}

.w-90 {
  width: 90px
}

.min-w-90 {
  min-width: 90px
}

.max-w-90 {
  max-width: 90px
}

.h-90 {
  height: 90px
}

.min-h-90 {
  min-height: 90px
}

.max-h-90 {
  max-height: 90px
}

.w-91 {
  width: 91px
}

.min-w-91 {
  min-width: 91px
}

.max-w-91 {
  max-width: 91px
}

.h-91 {
  height: 91px
}

.min-h-91 {
  min-height: 91px
}

.max-h-91 {
  max-height: 91px
}

.w-92 {
  width: 92px
}

.min-w-92 {
  min-width: 92px
}

.max-w-92 {
  max-width: 92px
}

.h-92 {
  height: 92px
}

.min-h-92 {
  min-height: 92px
}

.max-h-92 {
  max-height: 92px
}

.w-93 {
  width: 93px
}

.min-w-93 {
  min-width: 93px
}

.max-w-93 {
  max-width: 93px
}

.h-93 {
  height: 93px
}

.min-h-93 {
  min-height: 93px
}

.max-h-93 {
  max-height: 93px
}

.w-94 {
  width: 94px
}

.min-w-94 {
  min-width: 94px
}

.max-w-94 {
  max-width: 94px
}

.h-94 {
  height: 94px
}

.min-h-94 {
  min-height: 94px
}

.max-h-94 {
  max-height: 94px
}

.w-95 {
  width: 95px
}

.min-w-95 {
  min-width: 95px
}

.max-w-95 {
  max-width: 95px
}

.h-95 {
  height: 95px
}

.min-h-95 {
  min-height: 95px
}

.max-h-95 {
  max-height: 95px
}

.w-96 {
  width: 96px
}

.min-w-96 {
  min-width: 96px
}

.max-w-96 {
  max-width: 96px
}

.h-96 {
  height: 96px
}

.min-h-96 {
  min-height: 96px
}

.max-h-96 {
  max-height: 96px
}

.w-97 {
  width: 97px
}

.min-w-97 {
  min-width: 97px
}

.max-w-97 {
  max-width: 97px
}

.h-97 {
  height: 97px
}

.min-h-97 {
  min-height: 97px
}

.max-h-97 {
  max-height: 97px
}

.w-98 {
  width: 98px
}

.min-w-98 {
  min-width: 98px
}

.max-w-98 {
  max-width: 98px
}

.h-98 {
  height: 98px
}

.min-h-98 {
  min-height: 98px
}

.max-h-98 {
  max-height: 98px
}

.w-99 {
  width: 99px
}

.min-w-99 {
  min-width: 99px
}

.max-w-99 {
  max-width: 99px
}

.h-99 {
  height: 99px
}

.min-h-99 {
  min-height: 99px
}

.max-h-99 {
  max-height: 99px
}

.w-100 {
  width: 100px
}

.min-w-100 {
  min-width: 100px
}

.max-w-100 {
  max-width: 100px
}

.h-100 {
  height: 100px
}

.min-h-100 {
  min-height: 100px
}

.max-h-100 {
  max-height: 100px
}

.w-1\/12 {
  width: 8.33333%
}

.h-1\/12 {
  height: 8.33333%
}

.w-2\/12 {
  width: 16.66667%
}

.h-2\/12 {
  height: 16.66667%
}

.w-3\/12 {
  width: 25%
}

.h-3\/12 {
  height: 25%
}

.w-4\/12 {
  width: 33.33333%
}

.h-4\/12 {
  height: 33.33333%
}

.w-5\/12 {
  width: 41.66667%
}

.h-5\/12 {
  height: 41.66667%
}

.w-6\/12 {
  width: 50%
}

.h-6\/12 {
  height: 50%
}

.w-7\/12 {
  width: 58.33333%
}

.h-7\/12 {
  height: 58.33333%
}

.w-8\/12 {
  width: 66.66667%
}

.h-8\/12 {
  height: 66.66667%
}

.w-9\/12 {
  width: 75%
}

.h-9\/12 {
  height: 75%
}

.w-10\/12 {
  width: 83.33333%
}

.h-10\/12 {
  height: 83.33333%
}

.w-11\/12 {
  width: 91.66667%
}

.h-11\/12 {
  height: 91.66667%
}

.w-12\/12 {
  width: 100%
}

.h-12\/12 {
  height: 100%
}

.w-max {
  width: 100%
}

.h-max {
  height: 100%
}

.line-height-1 {
  line-height: 1
}

.line-height-2 {
  line-height: 2
}

.line-height-3 {
  line-height: 3
}

.line-height-4 {
  line-height: 4
}

.layout-page {
  display: flex;
  flex-direction: column;
  height: 100vh
}

.layout-main {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  flex: 1
}

@font-face {
  font-family: iconfont;
  src: url("");
  src: url("") format("embedded-opentype"), url("iconfont.f12bd682.woff") format("woff"), url("iconfont.2bf80c88.ttf") format("truetype"), url("") format("svg")
}

.iconfont {
  font-family: iconfont !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.edit-content img {
  max-width: 100%;
  height: auto
}

.overflow-hidden {
  overflow: hidden
}

.overflow-scroll {
  overflow: auto
}

.link-active:active {
  background: var(--panel-1, #2a2a38)
}

.color-white {
  color: #fff
}

.shadow-panel-4 {
  box-shadow: var(--mimicry-shadow)
}

.shadow-panel-nei {
  box-shadow: var(--nei-shadow)
}

.shadow-panel-nei-5 {
  box-shadow: var(--nei-shadow-5)
}

.box-shadow {
  box-shadow: var(--shadow, 0 0 33px 0 rgba(34, 34, 44, .25))
}

.transition-default {
  transition: all .3s
}

uni-navigator {
  display: inline-block
}

.lb-picker-header::before,
.lb-picker-header::after {
  border: none !important
}

.lb-picker-header-actions {
  background-color: var(--panel-3, #393948)
}

.uni-picker-view-indicator::before,
.uni-picker-view-indicator::after {
  border: none !important
}

.lb-picker-content {
  background-color: var(--panel-4, #484859) !important
}

.uni-picker-view-mask {
  background: var(--picker-mask);
  background-position: top, bottom;
  background-size: 100% 102px;
  background-repeat: no-repeat
}

.lb-picker-action-confirm-text {
  color: #60c08c !important
}

.app-nav {
  height: 0
}

.padding-nav {
  padding-top: 0
}

:root {
  --tabs-nav-background-color: transparent;
  --button-plain-background-color: transparent;
  --button-primary-background-color: #60c08c;
  --button-primary-border-color: #60c08c;
  --button-default-background-color: $panel-3;
  --tab-text-color: #888894;
  --button-default-border-color: #49495f;
  --button-default-background-color: transparent
}

.van-toast__loading {
  color: #ceb359
}

.van-nav-bar__left .van-nav-bar__arrow {
  color: var(--text-color, #9fa6b5);
  font-weight: 700
}

.van-hairline--bottom::after {
  border-color: var(--border-color, #49495f)
}

.van-nav-bar__content {
  min-height: var(--nav-bar-height, 44px)
}

.nav-timename .van-tab--active .van-ellipsis {
  font-weight: 700;
  font-size: 16px
}

.nav-timename .van-tabs__line {
  background-color: initial;
  height: 6px
}

.nav-timename .van-tabs__line::before {
  top: -4px !important;
  width: 40px !important;
  height: 20px !important
}

.nav-timename .van-sticky {
  z-index: 1
}

.nav-timename .van-sticky .van-tabs__wrap {
  border-bottom: 1px solid #e0b43c;
  overflow: visible
}

.hg .van-tabs__line::before {
  background: url("") no-repeat !important;
  background-size: 100% 100% !important
}

.hg .van-tab--active .van-ellipsis {
  color: #333 !important
}

.sun .tab-class {
  display: flex;
  justify-content: center;

  border-radius: 20px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center
}

.sun .tab-class .van-ellipsis {
  font-size: 12px;
  line-height: normal;
  padding: 4px 11px;
  margin: 5px 0 15px 0;
  border-radius: 20px;
  background: #2b2b2b
}

.sun .van-tabs__line::before {
  background: url("") no-repeat !important;
  background-size: 100% 100% !important
}

.sun .van-tab--active .van-ellipsis {
  color: #f2f2f2 !important
}

.m-t-md .d-inline-block .rounded-lg .van-button {
  box-shadow: 1px 5px 12px -2px #ef9b7e
}

.m-t-md .d-inline-block .buy-btn .van-button {
  box-shadow: none;
  background: #f6c927;
  border-radius: 5px;
  margin-top: 18px
}

.m-t-md .d-inline-block .buy-btn2 .van-button {
  box-shadow: none;
  background: #f6c927;
  margin-top: 18px
}

.layout-page .van-nav-bar__title {
  color: var(--light, #333)
}

.layout-page .van-nav-bar {
  background-color: initial
}

.layout-page .van-nav-bar.van-hairline--bottom:after {
  border-bottom-width: 0
}

.layout-page .van-popup {
  background-color: #2b2b2b
}

.layout-page .van-popup--left {
  background-image: url("background.png");
  background-size: cover;
  background-repeat: no-repeat
}

.layout-page .van-field__input {
  color: var(--light, #333)
}

.layout-page .van-steps {
  background-color: initial !important
}

.layout-page .van-step__title {
  color: #888
}

.layout-page .van-step__circle {
  width: 14px;
  height: 14px;
  background-color: #ddd !important
}

.layout-page .van-step__line {
  background-color: #ddd !important
}

.layout-page .van-stepper__minus,
.layout-page .van-stepper__plus {
  background-color: var(--panel-3, #393948);
  color: var(--light, #333)
}

.layout-page .van-stepper__input {
  background-color: var(--panel-3, #393948);
  color: var(--light, #333)
}

.layout-page .van-count-down {
  color: var(--light, #333)
}

.layout-page .van-search {
  background-color: initial !important
}

.layout-page .van-search .van-search__content {
  background-color: var(--panel-4, #484859) !important;
  border-radius: 20px
}

.layout-page .van-hairline--bottom:after,
.layout-page .van-hairline--left:after,
.layout-page .van-hairline--right:after,
.layout-page .van-hairline--surround:after,
.layout-page .van-hairline--top-bottom:after,
.layout-page .van-hairline--top:after,
.layout-page .van-hairline:after {
  border-color: var(--border-color)
}

.layout-page .van-tag {
  background-color: initial;
  color: var(--light, #333)
}

.layout-page .van-tab {
  font-size: 14px
}

.layout-page .van-tabs__line {
  background-color: initial;
  height: 6px
}

.layout-page .van-tabs__line::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 1px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 56px;
  height: 4px;
  background-color: var(--nav-tab-active-n, #fff)
}

.layout-page .van-search__action,
.layout-page .van-cell {
  color: var(--light, #333)
}

.layout-page .van-button--default .van-button__text {
  color: var(--text-color, #9fa6b5)
}

.layout-page .van-button--default.van-dialog__confirm .van-button__text {
  color: #1989fa
}

.vant-toast-index {
  position: relative;
  z-index: 99999999
}

.van-picker {
  background-color: var(--panel-4, #484859)
}

.van-picker-column__item {
  color: var(--light, #333)
}

[class*="van-hairline"]::after {
  border-color: var(--border-color, #49495f)
}

.van-number-keyboard__keys {
  color: #202635
}

.vant-popup-index {
  position: fixed;
  z-index: 6
}

.default .van-button {
  color: #000 !important
}

.van-button--yellow {
  height: 50px !important;
  border-radius: 31px !important
}

.van-button--yellow .van-button__text {
  color: #fff !important
}

.layout-page .van-tabs__wrap--scrollable .van-tabs__nav--complete {
  padding-left: 0;
  padding-right: 0
}

.tab-active-class {
  color: #ceb359 !important
}

.woot-widget-bubble.woot-elements--right {
  bottom: 60px
}



.uni-app--showtabbar uni-page-wrapper {
  display: block;
  height: calc(100% - 50px);
  height: calc(100% - 50px - constant(safe-area-inset-bottom));
  height: calc(100% - 50px - env(safe-area-inset-bottom));
}

.uni-app--showtabbar uni-page-wrapper::after {
  content: "";
  display: block;
  width: 100%;
  height: 50px;
  height: calc(50px + constant(safe-area-inset-bottom));
  height: calc(50px + env(safe-area-inset-bottom));
}

.uni-app--showtabbar uni-page-head[uni-page-head-type="default"]~uni-page-wrapper {
  height: calc(100% - 44px - 50px);
  height: calc(100% - 44px - constant(safe-area-inset-top) - 50px - constant(safe-area-inset-bottom));
  height: calc(100% - 44px - env(safe-area-inset-top) - 50px - env(safe-area-inset-bottom));
}



@charset "UTF-8";













.start-page[data-v-d7ba9408] {
  height: 100vh
}

.start-page .img[data-v-d7ba9408] {
  width: 100vw;
  height: 100vh;
  object-fit: cover
}



.uni-app--showtabbar uni-page-wrapper {
  display: block;
  height: calc(100% - 50px);
  height: calc(100% - 50px - constant(safe-area-inset-bottom));
  height: calc(100% - 50px - env(safe-area-inset-bottom));
}

.uni-app--showtabbar uni-page-wrapper::after {
  content: "";
  display: block;
  width: 100%;
  height: 50px;
  height: calc(50px + constant(safe-area-inset-bottom));
  height: calc(50px + env(safe-area-inset-bottom));
}

.uni-app--showtabbar uni-page-head[uni-page-head-type="default"]~uni-page-wrapper {
  height: calc(100% - 44px - 50px);
  height: calc(100% - 44px - constant(safe-area-inset-top) - 50px - constant(safe-area-inset-bottom));
  height: calc(100% - 44px - env(safe-area-inset-top) - 50px - env(safe-area-inset-bottom));
}



.van-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
  -webkit-line-clamp: 2
}

.van-multi-ellipsis--l2,
.van-multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
  -webkit-line-clamp: 3
}

.van-clearfix:after {
  display: table;
  clear: both;
  content: ""
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
  position: relative
}

.van-hairline--bottom:after,
.van-hairline--left:after,
.van-hairline--right:after,
.van-hairline--surround:after,
.van-hairline--top-bottom:after,
.van-hairline--top:after,
.van-hairline:after {
  position: absolute;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: " ";
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #eee;
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.van-hairline--top:after {
  border-top-width: 1px
}

.van-hairline--left:after {
  border-left-width: 1px
}

.van-hairline--right:after {
  border-right-width: 1px
}

.van-hairline--bottom:after {
  border-bottom-width: 1px
}

.van-hairline--top-bottom:after {
  border-width: 1px 0
}

.van-hairline--surround:after {
  border-width: 1px
}

.van-transition {
  transition-timing-function: ease
}

.van-fade-enter-active,
.van-fade-leave-active {
  transition-property: opacity
}

.van-fade-enter,
.van-fade-leave-to {
  opacity: 0
}

.van-fade-down-enter-active,
.van-fade-down-leave-active,
.van-fade-left-enter-active,
.van-fade-left-leave-active,
.van-fade-right-enter-active,
.van-fade-right-leave-active,
.van-fade-up-enter-active,
.van-fade-up-leave-active {
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform
}

.van-fade-up-enter,
.van-fade-up-leave-to {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  opacity: 0
}

.van-fade-down-enter,
.van-fade-down-leave-to {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  opacity: 0
}

.van-fade-left-enter,
.van-fade-left-leave-to {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0
}

.van-fade-right-enter,
.van-fade-right-leave-to {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  opacity: 0
}

.van-slide-down-enter-active,
.van-slide-down-leave-active,
.van-slide-left-enter-active,
.van-slide-left-leave-active,
.van-slide-right-enter-active,
.van-slide-right-leave-active,
.van-slide-up-enter-active,
.van-slide-up-leave-active {
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-property: transform, -webkit-transform
}

.van-slide-up-enter,
.van-slide-up-leave-to {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0)
}

.van-slide-down-enter,
.van-slide-down-leave-to {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0)
}

.van-slide-left-enter,
.van-slide-left-leave-to {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0)
}

.van-slide-right-enter,
.van-slide-right-leave-to {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0)
}



.van-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
  -webkit-line-clamp: 2
}

.van-multi-ellipsis--l2,
.van-multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
  -webkit-line-clamp: 3
}

.van-clearfix:after {
  display: table;
  clear: both;
  content: ""
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
  position: relative
}

.van-hairline--bottom:after,
.van-hairline--left:after,
.van-hairline--right:after,
.van-hairline--surround:after,
.van-hairline--top-bottom:after,
.van-hairline--top:after,
.van-hairline:after {
  position: absolute;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: " ";
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #eee;
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.van-hairline--top:after {
  border-top-width: 1px
}

.van-hairline--left:after {
  border-left-width: 1px
}

.van-hairline--right:after {
  border-right-width: 1px
}

.van-hairline--bottom:after {
  border-bottom-width: 1px
}

.van-hairline--top-bottom:after {
  border-width: 1px 0
}

.van-hairline--surround:after {
  border-width: 1px
}

.van-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .7);
  background-color: var(--overlay-background-color, rgba(0, 0, 0, .7))
}



.van-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
  -webkit-line-clamp: 2
}

.van-multi-ellipsis--l2,
.van-multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
  -webkit-line-clamp: 3
}

.van-clearfix:after {
  display: table;
  clear: both;
  content: ""
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
  position: relative
}

.van-hairline--bottom:after,
.van-hairline--left:after,
.van-hairline--right:after,
.van-hairline--surround:after,
.van-hairline--top-bottom:after,
.van-hairline--top:after,
.van-hairline:after {
  position: absolute;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: " ";
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #eee;
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.van-hairline--top:after {
  border-top-width: 1px
}

.van-hairline--left:after {
  border-left-width: 1px
}

.van-hairline--right:after {
  border-right-width: 1px
}

.van-hairline--bottom:after {
  border-bottom-width: 1px
}

.van-hairline--top-bottom:after {
  border-width: 1px 0
}

.van-hairline--surround:after {
  border-width: 1px
}

.vant-loading-index {
  font-size: 0;
  line-height: 1
}

.van-loading {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #c8c9cc;
  color: var(--loading-spinner-color, #c8c9cc)
}

.van-loading__spinner {
  position: relative;
  box-sizing: border-box;
  width: 30px;
  width: var(--loading-spinner-size, 30px);
  max-width: 100%;
  max-height: 100%;
  height: 30px;
  height: var(--loading-spinner-size, 30px);
  -webkit-animation: van-rotate .8s linear infinite;
  animation: van-rotate .8s linear infinite;
  -webkit-animation: van-rotate var(--loading-spinner-animation-duration, .8s) linear infinite;
  animation: van-rotate var(--loading-spinner-animation-duration, .8s) linear infinite
}

.van-loading__spinner--spinner {
  -webkit-animation-timing-function: steps(12);
  animation-timing-function: steps(12)
}

.van-loading__spinner--circular {
  border: 1px solid transparent;
  border-top-color: initial;
  border-radius: 100%
}

.van-loading__text {
  margin-left: 8px;
  margin-left: var(--padding-xs, 8px);
  color: #969799;
  color: var(--loading-text-color, #969799);
  font-size: 14px;
  font-size: var(--loading-text-font-size, 14px);
  line-height: 20px;
  line-height: var(--loading-text-line-height, 20px)
}

.van-loading__text:empty {
  display: none
}

.van-loading--vertical {
  -webkit-flex-direction: column;
  flex-direction: column
}

.van-loading--vertical .van-loading__text {
  margin: 8px 0 0;
  margin: var(--padding-xs, 8px) 0 0
}

.van-loading__dot {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.van-loading__dot:before {
  display: block;
  width: 2px;
  height: 25%;
  margin: 0 auto;
  background-color: currentColor;
  border-radius: 40%;
  content: " "
}

.van-loading__dot:first-of-type {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  opacity: 1
}

.van-loading__dot:nth-of-type(2) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  opacity: .9375
}

.van-loading__dot:nth-of-type(3) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  opacity: .875
}

.van-loading__dot:nth-of-type(4) {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  opacity: .8125
}

.van-loading__dot:nth-of-type(5) {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  opacity: .75
}

.van-loading__dot:nth-of-type(6) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: .6875
}

.van-loading__dot:nth-of-type(7) {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
  opacity: .625
}

.van-loading__dot:nth-of-type(8) {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
  opacity: .5625
}

.van-loading__dot:nth-of-type(9) {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  opacity: .5
}

.van-loading__dot:nth-of-type(10) {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
  opacity: .4375
}

.van-loading__dot:nth-of-type(11) {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
  opacity: .375
}

.van-loading__dot:nth-of-type(12) {
  -webkit-transform: rotate(1turn);
  transform: rotate(1turn);
  opacity: .3125
}

@-webkit-keyframes van-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes van-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}



.van-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
  -webkit-line-clamp: 2
}

.van-multi-ellipsis--l2,
.van-multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
  -webkit-line-clamp: 3
}

.van-clearfix:after {
  display: table;
  clear: both;
  content: ""
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
  position: relative
}

.van-hairline--bottom:after,
.van-hairline--left:after,
.van-hairline--right:after,
.van-hairline--surround:after,
.van-hairline--top-bottom:after,
.van-hairline--top:after,
.van-hairline:after {
  position: absolute;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: " ";
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #eee;
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.van-hairline--top:after {
  border-top-width: 1px
}

.van-hairline--left:after {
  border-left-width: 1px
}

.van-hairline--right:after {
  border-right-width: 1px
}

.van-hairline--bottom:after {
  border-bottom-width: 1px
}

.van-hairline--top-bottom:after {
  border-width: 1px 0
}

.van-hairline--surround:after {
  border-width: 1px
}

.van-info {
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  line-height: 1.2;
  white-space: nowrap;
  text-align: center;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
  min-width: 16px;
  min-width: var(--info-size, 16px);
  padding: 0 3px;
  padding: var(--info-padding, 0 3px);
  color: #fff;
  color: var(--info-color, #fff);
  font-weight: 500;
  font-weight: var(--info-font-weight, 500);
  font-size: 12px;
  font-size: var(--info-font-size, 12px);
  font-family: -apple-system-font, Helvetica Neue, Arial, sans-serif;
  font-family: var(--info-font-family, -apple-system-font, Helvetica Neue, Arial, sans-serif);
  background-color: #ce5b67;
  background-color: var(--info-background-color, #ce5b67);
  border: 1px solid #fff;
  border: var(--info-border-width, 1px) solid var(--white, #fff);
  border-radius: 16px;
  border-radius: var(--info-size, 16px)
}

.van-info--dot {
  min-width: 0;
  border-radius: 100%;
  width: 8px;
  width: var(--info-dot-size, 8px);
  height: 8px;
  height: var(--info-dot-size, 8px);
  background-color: #ce5b67;
  background-color: var(--info-dot-color, #ce5b67)
}



.van-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
  -webkit-line-clamp: 2
}

.van-multi-ellipsis--l2,
.van-multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
  -webkit-line-clamp: 3
}

.van-clearfix:after {
  display: table;
  clear: both;
  content: ""
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
  position: relative
}

.van-hairline--bottom:after,
.van-hairline--left:after,
.van-hairline--right:after,
.van-hairline--surround:after,
.van-hairline--top-bottom:after,
.van-hairline--top:after,
.van-hairline:after {
  position: absolute;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: " ";
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #eee;
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.van-hairline--top:after {
  border-top-width: 1px
}

.van-hairline--left:after {
  border-left-width: 1px
}

.van-hairline--right:after {
  border-right-width: 1px
}

.van-hairline--bottom:after {
  border-bottom-width: 1px
}

.van-hairline--top-bottom:after {
  border-width: 1px 0
}

.van-hairline--surround:after {
  border-width: 1px
}

@font-face {
  font-weight: 400;
  font-family: vant-icon;
  font-style: normal;
  font-display: auto;
  src: url("vant-icon-d3825a.woff2") format("woff2"), url("vant-icon-d3825a.woff") format("woff"), url("vant-icon-d3825a.ttf") format("truetype")
}

.van-icon {
  position: relative;
  font: normal normal normal 14px/1 vant-icon;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased
}

.van-icon,
.van-icon:before {
  display: inline-block
}

.van-icon-add-o:before {
  content: "\F000"
}

.van-icon-add-square:before {
  content: "\F001"
}

.van-icon-add:before {
  content: "\F002"
}

.van-icon-after-sale:before {
  content: "\F003"
}

.van-icon-aim:before {
  content: "\F004"
}

.van-icon-alipay:before {
  content: "\F005"
}

.van-icon-apps-o:before {
  content: "\F006"
}

.van-icon-arrow-down:before {
  content: "\F007"
}

.van-icon-arrow-left:before {
  content: "\F008"
}

.van-icon-arrow-up:before {
  content: "\F009"
}

.van-icon-arrow:before {
  content: "\F00A"
}

.van-icon-ascending:before {
  content: "\F00B"
}

.van-icon-audio:before {
  content: "\F00C"
}

.van-icon-award-o:before {
  content: "\F00D"
}

.van-icon-award:before {
  content: "\F00E"
}

.van-icon-bag-o:before {
  content: "\F00F"
}

.van-icon-bag:before {
  content: "\F010"
}

.van-icon-balance-list-o:before {
  content: "\F011"
}

.van-icon-balance-list:before {
  content: "\F012"
}

.van-icon-balance-o:before {
  content: "\F013"
}

.van-icon-balance-pay:before {
  content: "\F014"
}

.van-icon-bar-chart-o:before {
  content: "\F015"
}

.van-icon-bars:before {
  content: "\F016"
}

.van-icon-bell:before {
  content: "\F017"
}

.van-icon-bill-o:before {
  content: "\F018"
}

.van-icon-bill:before {
  content: "\F019"
}

.van-icon-birthday-cake-o:before {
  content: "\F01A"
}

.van-icon-bookmark-o:before {
  content: "\F01B"
}

.van-icon-bookmark:before {
  content: "\F01C"
}

.van-icon-browsing-history-o:before {
  content: "\F01D"
}

.van-icon-browsing-history:before {
  content: "\F01E"
}

.van-icon-brush-o:before {
  content: "\F01F"
}

.van-icon-bulb-o:before {
  content: "\F020"
}

.van-icon-bullhorn-o:before {
  content: "\F021"
}

.van-icon-calender-o:before {
  content: "\F022"
}

.van-icon-card:before {
  content: "\F023"
}

.van-icon-cart-circle-o:before {
  content: "\F024"
}

.van-icon-cart-circle:before {
  content: "\F025"
}

.van-icon-cart-o:before {
  content: "\F026"
}

.van-icon-cart:before {
  content: "\F027"
}

.van-icon-cash-back-record:before {
  content: "\F028"
}

.van-icon-cash-on-deliver:before {
  content: "\F029"
}

.van-icon-cashier-o:before {
  content: "\F02A"
}

.van-icon-certificate:before {
  content: "\F02B"
}

.van-icon-chart-trending-o:before {
  content: "\F02C"
}

.van-icon-chat-o:before {
  content: "\F02D"
}

.van-icon-chat:before {
  content: "\F02E"
}

.van-icon-checked:before {
  content: "\F02F"
}

.van-icon-circle:before {
  content: "\F030"
}

.van-icon-clear:before {
  content: "\F031"
}

.van-icon-clock-o:before {
  content: "\F032"
}

.van-icon-clock:before {
  content: "\F033"
}

.van-icon-close:before {
  content: "\F034"
}

.van-icon-closed-eye:before {
  content: "\F035"
}

.van-icon-cluster-o:before {
  content: "\F036"
}

.van-icon-cluster:before {
  content: "\F037"
}

.van-icon-column:before {
  content: "\F038"
}

.van-icon-comment-circle-o:before {
  content: "\F039"
}

.van-icon-comment-circle:before {
  content: "\F03A"
}

.van-icon-comment-o:before {
  content: "\F03B"
}

.van-icon-comment:before {
  content: "\F03C"
}

.van-icon-completed:before {
  content: "\F03D"
}

.van-icon-contact:before {
  content: "\F03E"
}

.van-icon-coupon-o:before {
  content: "\F03F"
}

.van-icon-coupon:before {
  content: "\F040"
}

.van-icon-credit-pay:before {
  content: "\F041"
}

.van-icon-cross:before {
  content: "\F042"
}

.van-icon-debit-pay:before {
  content: "\F043"
}

.van-icon-delete:before {
  content: "\F044"
}

.van-icon-descending:before {
  content: "\F045"
}

.van-icon-description:before {
  content: "\F046"
}

.van-icon-desktop-o:before {
  content: "\F047"
}

.van-icon-diamond-o:before {
  content: "\F048"
}

.van-icon-diamond:before {
  content: "\F049"
}

.van-icon-discount:before {
  content: "\F04A"
}

.van-icon-down:before {
  content: "\F04B"
}

.van-icon-ecard-pay:before {
  content: "\F04C"
}

.van-icon-edit:before {
  content: "\F04D"
}

.van-icon-ellipsis:before {
  content: "\F04E"
}

.van-icon-empty:before {
  content: "\F04F"
}

.van-icon-envelop-o:before {
  content: "\F050"
}

.van-icon-exchange:before {
  content: "\F051"
}

.van-icon-expand-o:before {
  content: "\F052"
}

.van-icon-expand:before {
  content: "\F053"
}

.van-icon-eye-o:before {
  content: "\F054"
}

.van-icon-eye:before {
  content: "\F055"
}

.van-icon-fail:before {
  content: "\F056"
}

.van-icon-failure:before {
  content: "\F057"
}

.van-icon-filter-o:before {
  content: "\F058"
}

.van-icon-fire-o:before {
  content: "\F059"
}

.van-icon-fire:before {
  content: "\F05A"
}

.van-icon-flag-o:before {
  content: "\F05B"
}

.van-icon-flower-o:before {
  content: "\F05C"
}

.van-icon-free-postage:before {
  content: "\F05D"
}

.van-icon-friends-o:before {
  content: "\F05E"
}

.van-icon-friends:before {
  content: "\F05F"
}

.van-icon-gem-o:before {
  content: "\F060"
}

.van-icon-gem:before {
  content: "\F061"
}

.van-icon-gift-card-o:before {
  content: "\F062"
}

.van-icon-gift-card:before {
  content: "\F063"
}

.van-icon-gift-o:before {
  content: "\F064"
}

.van-icon-gift:before {
  content: "\F065"
}

.van-icon-gold-coin-o:before {
  content: "\F066"
}

.van-icon-gold-coin:before {
  content: "\F067"
}

.van-icon-good-job-o:before {
  content: "\F068"
}

.van-icon-good-job:before {
  content: "\F069"
}

.van-icon-goods-collect-o:before {
  content: "\F06A"
}

.van-icon-goods-collect:before {
  content: "\F06B"
}

.van-icon-graphic:before {
  content: "\F06C"
}

.van-icon-home-o:before {
  content: "\F06D"
}

.van-icon-hot-o:before {
  content: "\F06E"
}

.van-icon-hot-sale-o:before {
  content: "\F06F"
}

.van-icon-hot-sale:before {
  content: "\F070"
}

.van-icon-hot:before {
  content: "\F071"
}

.van-icon-hotel-o:before {
  content: "\F072"
}

.van-icon-idcard:before {
  content: "\F073"
}

.van-icon-info-o:before {
  content: "\F074"
}

.van-icon-info:before {
  content: "\F075"
}

.van-icon-invition:before {
  content: "\F076"
}

.van-icon-label-o:before {
  content: "\F077"
}

.van-icon-label:before {
  content: "\F078"
}

.van-icon-like-o:before {
  content: "\F079"
}

.van-icon-like:before {
  content: "\F07A"
}

.van-icon-live:before {
  content: "\F07B"
}

.van-icon-location-o:before {
  content: "\F07C"
}

.van-icon-location:before {
  content: "\F07D"
}

.van-icon-lock:before {
  content: "\F07E"
}

.van-icon-logistics:before {
  content: "\F07F"
}

.van-icon-manager-o:before {
  content: "\F080"
}

.van-icon-manager:before {
  content: "\F081"
}

.van-icon-map-marked:before {
  content: "\F082"
}

.van-icon-medal-o:before {
  content: "\F083"
}

.van-icon-medal:before {
  content: "\F084"
}

.van-icon-more-o:before {
  content: "\F085"
}

.van-icon-more:before {
  content: "\F086"
}

.van-icon-music-o:before {
  content: "\F087"
}

.van-icon-music:before {
  content: "\F088"
}

.van-icon-new-arrival-o:before {
  content: "\F089"
}

.van-icon-new-arrival:before {
  content: "\F08A"
}

.van-icon-new-o:before {
  content: "\F08B"
}

.van-icon-new:before {
  content: "\F08C"
}

.van-icon-newspaper-o:before {
  content: "\F08D"
}

.van-icon-notes-o:before {
  content: "\F08E"
}

.van-icon-orders-o:before {
  content: "\F08F"
}

.van-icon-other-pay:before {
  content: "\F090"
}

.van-icon-paid:before {
  content: "\F091"
}

.van-icon-passed:before {
  content: "\F092"
}

.van-icon-pause-circle-o:before {
  content: "\F093"
}

.van-icon-pause-circle:before {
  content: "\F094"
}

.van-icon-pause:before {
  content: "\F095"
}

.van-icon-peer-pay:before {
  content: "\F096"
}

.van-icon-pending-payment:before {
  content: "\F097"
}

.van-icon-phone-circle-o:before {
  content: "\F098"
}

.van-icon-phone-circle:before {
  content: "\F099"
}

.van-icon-phone-o:before {
  content: "\F09A"
}

.van-icon-phone:before {
  content: "\F09B"
}

.van-icon-photo-o:before {
  content: "\F09C"
}

.van-icon-photo:before {
  content: "\F09D"
}

.van-icon-photograph:before {
  content: "\F09E"
}

.van-icon-play-circle-o:before {
  content: "\F09F"
}

.van-icon-play-circle:before {
  content: "\F0A0"
}

.van-icon-play:before {
  content: "\F0A1"
}

.van-icon-plus:before {
  content: "\F0A2"
}

.van-icon-point-gift-o:before {
  content: "\F0A3"
}

.van-icon-point-gift:before {
  content: "\F0A4"
}

.van-icon-points:before {
  content: "\F0A5"
}

.van-icon-printer:before {
  content: "\F0A6"
}

.van-icon-qr-invalid:before {
  content: "\F0A7"
}

.van-icon-qr:before {
  content: "\F0A8"
}

.van-icon-question-o:before {
  content: "\F0A9"
}

.van-icon-question:before {
  content: "\F0AA"
}

.van-icon-records:before {
  content: "\F0AB"
}

.van-icon-refund-o:before {
  content: "\F0AC"
}

.van-icon-replay:before {
  content: "\F0AD"
}

.van-icon-scan:before {
  content: "\F0AE"
}

.van-icon-search:before {
  content: "\F0AF"
}

.van-icon-send-gift-o:before {
  content: "\F0B0"
}

.van-icon-send-gift:before {
  content: "\F0B1"
}

.van-icon-service-o:before {
  content: "\F0B2"
}

.van-icon-service:before {
  content: "\F0B3"
}

.van-icon-setting-o:before {
  content: "\F0B4"
}

.van-icon-setting:before {
  content: "\F0B5"
}

.van-icon-share:before {
  content: "\F0B6"
}

.van-icon-shop-collect-o:before {
  content: "\F0B7"
}

.van-icon-shop-collect:before {
  content: "\F0B8"
}

.van-icon-shop-o:before {
  content: "\F0B9"
}

.van-icon-shop:before {
  content: "\F0BA"
}

.van-icon-shopping-cart-o:before {
  content: "\F0BB"
}

.van-icon-shopping-cart:before {
  content: "\F0BC"
}

.van-icon-shrink:before {
  content: "\F0BD"
}

.van-icon-sign:before {
  content: "\F0BE"
}

.van-icon-smile-comment-o:before {
  content: "\F0BF"
}

.van-icon-smile-comment:before {
  content: "\F0C0"
}

.van-icon-smile-o:before {
  content: "\F0C1"
}

.van-icon-smile:before {
  content: "\F0C2"
}

.van-icon-star-o:before {
  content: "\F0C3"
}

.van-icon-star:before {
  content: "\F0C4"
}

.van-icon-stop-circle-o:before {
  content: "\F0C5"
}

.van-icon-stop-circle:before {
  content: "\F0C6"
}

.van-icon-stop:before {
  content: "\F0C7"
}

.van-icon-success:before {
  content: "\F0C8"
}

.van-icon-thumb-circle-o:before {
  content: "\F0C9"
}

.van-icon-thumb-circle:before {
  content: "\F0CA"
}

.van-icon-todo-list-o:before {
  content: "\F0CB"
}

.van-icon-todo-list:before {
  content: "\F0CC"
}

.van-icon-tosend:before {
  content: "\F0CD"
}

.van-icon-tv-o:before {
  content: "\F0CE"
}

.van-icon-umbrella-circle:before {
  content: "\F0CF"
}

.van-icon-underway-o:before {
  content: "\F0D0"
}

.van-icon-underway:before {
  content: "\F0D1"
}

.van-icon-upgrade:before {
  content: "\F0D2"
}

.van-icon-user-circle-o:before {
  content: "\F0D3"
}

.van-icon-user-o:before {
  content: "\F0D4"
}

.van-icon-video-o:before {
  content: "\F0D5"
}

.van-icon-video:before {
  content: "\F0D6"
}

.van-icon-vip-card-o:before {
  content: "\F0D7"
}

.van-icon-vip-card:before {
  content: "\F0D8"
}

.van-icon-volume-o:before {
  content: "\F0D9"
}

.van-icon-volume:before {
  content: "\F0DA"
}

.van-icon-wap-home-o:before {
  content: "\F0DB"
}

.van-icon-wap-home:before {
  content: "\F0DC"
}

.van-icon-wap-nav:before {
  content: "\F0DD"
}

.van-icon-warn-o:before {
  content: "\F0DE"
}

.van-icon-warning-o:before {
  content: "\F0DF"
}

.van-icon-warning:before {
  content: "\F0E0"
}

.van-icon-weapp-nav:before {
  content: "\F0E1"
}

.van-icon-wechat:before {
  content: "\F0E2"
}

.van-icon-youzan-shield:before {
  content: "\F0E3"
}

.vant-icon-index {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center
}

.van-icon--image {
  width: 1em;
  height: 1em
}

.van-icon__image {
  width: 100%;
  height: 100%
}

.van-icon__info {
  z-index: 1
}



.van-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
  -webkit-line-clamp: 2
}

.van-multi-ellipsis--l2,
.van-multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
  -webkit-line-clamp: 3
}

.van-clearfix:after {
  display: table;
  clear: both;
  content: ""
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
  position: relative
}

.van-hairline--bottom:after,
.van-hairline--left:after,
.van-hairline--right:after,
.van-hairline--surround:after,
.van-hairline--top-bottom:after,
.van-hairline--top:after,
.van-hairline:after {
  position: absolute;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: " ";
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #eee;
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.van-hairline--top:after {
  border-top-width: 1px
}

.van-hairline--left:after {
  border-left-width: 1px
}

.van-hairline--right:after {
  border-right-width: 1px
}

.van-hairline--bottom:after {
  border-bottom-width: 1px
}

.van-hairline--top-bottom:after {
  border-width: 1px 0
}

.van-hairline--surround:after {
  border-width: 1px
}

.van-toast {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-sizing: initial;
  color: #fff;
  color: var(--toast-text-color, #fff);
  font-size: 14px;
  font-size: var(--toast-font-size, 14px);
  line-height: 20px;
  line-height: var(--toast-line-height, 20px);
  white-space: pre-wrap;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, .7);
  background-color: var(--toast-background-color, rgba(0, 0, 0, .7));
  border-radius: 8px;
  border-radius: var(--toast-border-radius, 8px)
}

.van-toast__container {
  position: fixed;
  top: 50%;
  left: 50%;
  width: -webkit-fit-content;
  width: fit-content;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 70%;
  max-width: var(--toast-max-width, 70%)
}

.van-toast--text {
  min-width: 96px;
  min-width: var(--toast-text-min-width, 96px);
  padding: 8px 12px;
  padding: var(--toast-text-padding, 8px 12px)
}

.van-toast--icon {
  width: 88px;
  width: var(--toast-default-width, 88px);
  min-height: 88px;
  min-height: var(--toast-default-min-height, 88px);
  padding: 16px;
  padding: var(--toast-default-padding, 16px)
}

.van-toast--icon .van-toast__icon {
  font-size: 36px;
  font-size: var(--toast-icon-size, 36px)
}

.van-toast--icon .van-toast__text {
  padding-top: 8px
}

.van-toast__loading {
  margin: 10px 0
}

.van-toast--top {
  -webkit-transform: translateY(-30vh);
  transform: translateY(-30vh)
}

.van-toast--bottom {
  -webkit-transform: translateY(30vh);
  transform: translateY(30vh)
}



.van-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
  -webkit-line-clamp: 2
}

.van-multi-ellipsis--l2,
.van-multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
  -webkit-line-clamp: 3
}

.van-clearfix:after {
  display: table;
  clear: both;
  content: ""
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
  position: relative
}

.van-hairline--bottom:after,
.van-hairline--left:after,
.van-hairline--right:after,
.van-hairline--surround:after,
.van-hairline--top-bottom:after,
.van-hairline--top:after,
.van-hairline:after {
  position: absolute;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: " ";
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #eee;
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.van-hairline--top:after {
  border-top-width: 1px
}

.van-hairline--left:after {
  border-left-width: 1px
}

.van-hairline--right:after {
  border-right-width: 1px
}

.van-hairline--bottom:after {
  border-bottom-width: 1px
}

.van-hairline--top-bottom:after {
  border-width: 1px 0
}

.van-hairline--surround:after {
  border-width: 1px
}

.van-popup {
  position: fixed;
  box-sizing: border-box;
  max-height: 100%;
  overflow-y: auto;
  transition-timing-function: ease;
  -webkit-animation: ease both;
  animation: ease both;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  background-color: var(--popup-background-color, #fff)
}

.van-popup--center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0)
}

.van-popup--center.van-popup--round {
  border-radius: 20px;
  border-radius: var(--popup-round-border-radius, 20px)
}

.van-popup--top {
  top: 0;
  left: 0;
  width: 100%
}

.van-popup--top.van-popup--round {
  border-radius: 0 0 20px 20px;
  border-radius: 0 0 var(--popup-round-border-radius, 20px) var(--popup-round-border-radius, 20px)
}

.van-popup--right {
  top: 50%;
  right: 0;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0)
}

.van-popup--right.van-popup--round {
  border-radius: 20px 0 0 20px;
  border-radius: var(--popup-round-border-radius, 20px) 0 0 var(--popup-round-border-radius, 20px)
}

.van-popup--bottom {
  bottom: 0;
  left: 0;
  width: 100%
}

.van-popup--bottom.van-popup--round {
  border-radius: 20px 20px 0 0;
  border-radius: var(--popup-round-border-radius, 20px) var(--popup-round-border-radius, 20px) 0 0
}

.van-popup--left {
  top: 50%;
  left: 0;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0)
}

.van-popup--left.van-popup--round {
  border-radius: 0 20px 20px 0;
  border-radius: 0 var(--popup-round-border-radius, 20px) var(--popup-round-border-radius, 20px) 0
}

.van-popup--bottom.van-popup--safe {
  padding-bottom: env(safe-area-inset-bottom)
}

.van-popup--safeTop {
  padding-top: env(safe-area-inset-top)
}

.van-popup__close-icon {
  position: absolute;
  z-index: 1;
  z-index: var(--popup-close-icon-z-index, 1);
  color: #969799;
  color: var(--popup-close-icon-color, #969799);
  font-size: 18px;
  font-size: var(--popup-close-icon-size, 18px)
}

.van-popup__close-icon--top-left {
  top: 16px;
  top: var(--popup-close-icon-margin, 16px);
  left: 16px;
  left: var(--popup-close-icon-margin, 16px)
}

.van-popup__close-icon--top-right {
  top: 16px;
  top: var(--popup-close-icon-margin, 16px);
  right: 16px;
  right: var(--popup-close-icon-margin, 16px)
}

.van-popup__close-icon--bottom-left {
  bottom: 16px;
  bottom: var(--popup-close-icon-margin, 16px);
  left: 16px;
  left: var(--popup-close-icon-margin, 16px)
}

.van-popup__close-icon--bottom-right {
  right: 16px;
  right: var(--popup-close-icon-margin, 16px);
  bottom: 16px;
  bottom: var(--popup-close-icon-margin, 16px)
}

.van-popup__close-icon:active {
  opacity: .6
}

.van-scale-enter-active,
.van-scale-leave-active {
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform
}

.van-scale-enter,
.van-scale-leave-to {
  -webkit-transform: translate3d(-50%, -50%, 0) scale(.7);
  transform: translate3d(-50%, -50%, 0) scale(.7);
  opacity: 0
}

.van-fade-enter-active,
.van-fade-leave-active {
  transition-property: opacity
}

.van-fade-enter,
.van-fade-leave-to {
  opacity: 0
}

.van-center-enter-active,
.van-center-leave-active {
  transition-property: opacity
}

.van-center-enter,
.van-center-leave-to {
  opacity: 0
}

.van-bottom-enter-active,
.van-bottom-leave-active,
.van-left-enter-active,
.van-left-leave-active,
.van-right-enter-active,
.van-right-leave-active,
.van-top-enter-active,
.van-top-leave-active {
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-property: transform, -webkit-transform
}

.van-bottom-enter,
.van-bottom-leave-to {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0)
}

.van-top-enter,
.van-top-leave-to {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0)
}

.van-left-enter,
.van-left-leave-to {
  -webkit-transform: translate3d(-100%, -50%, 0);
  transform: translate3d(-100%, -50%, 0)
}

.van-right-enter,
.van-right-leave-to {
  -webkit-transform: translate3d(100%, -50%, 0);
  transform: translate3d(100%, -50%, 0)
}



.van-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
  -webkit-line-clamp: 2
}

.van-multi-ellipsis--l2,
.van-multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
  -webkit-line-clamp: 3
}

.van-clearfix:after {
  display: table;
  clear: both;
  content: ""
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
  position: relative
}

.van-hairline--bottom:after,
.van-hairline--left:after,
.van-hairline--right:after,
.van-hairline--surround:after,
.van-hairline--top-bottom:after,
.van-hairline--top:after,
.van-hairline:after {
  position: absolute;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: " ";
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #eee;
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.van-hairline--top:after {
  border-top-width: 1px
}

.van-hairline--left:after {
  border-left-width: 1px
}

.van-hairline--right:after {
  border-right-width: 1px
}

.van-hairline--bottom:after {
  border-bottom-width: 1px
}

.van-hairline--top-bottom:after {
  border-width: 1px 0
}

.van-hairline--surround:after {
  border-width: 1px
}

.van-goods-action {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  background-color: #fff;
  background-color: var(--goods-action-background-color, #fff)
}

.van-goods-action--safe {
  padding-bottom: env(safe-area-inset-bottom)
}



.van-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
  -webkit-line-clamp: 2
}

.van-multi-ellipsis--l2,
.van-multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
  -webkit-line-clamp: 3
}

.van-clearfix:after {
  display: table;
  clear: both;
  content: ""
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
  position: relative
}

.van-hairline--bottom:after,
.van-hairline--left:after,
.van-hairline--right:after,
.van-hairline--surround:after,
.van-hairline--top-bottom:after,
.van-hairline--top:after,
.van-hairline:after {
  position: absolute;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: " ";
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #eee;
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.van-hairline--top:after {
  border-top-width: 1px
}

.van-hairline--left:after {
  border-left-width: 1px
}

.van-hairline--right:after {
  border-right-width: 1px
}

.van-hairline--bottom:after {
  border-bottom-width: 1px
}

.van-hairline--top-bottom:after {
  border-width: 1px 0
}

.van-hairline--surround:after {
  border-width: 1px
}

.van-button {
  position: relative;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  -webkit-appearance: none;
  -webkit-text-size-adjust: 100%;
  height: 44px;
  height: var(--button-default-height, 44px);
  line-height: 20px;
  line-height: var(--button-line-height, 20px);
  font-size: 16px;
  font-size: var(--button-default-font-size, 16px);
  transition: opacity .2s;
  transition: opacity var(--animation-duration-fast, .2s);
  border-radius: 2px;
  border-radius: var(--button-border-radius, 2px)
}

.van-button:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border: inherit;
  border-radius: inherit;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  content: " ";
  background-color: #000;
  background-color: var(--black, #000);
  border-color: #000;
  border-color: var(--black, #000)
}

.van-button:after {
  border-width: 0
}

.van-button--active:before {
  opacity: .15
}

.van-button--unclickable:after {
  display: none
}

.van-button--default {
  color: #323233;
  color: var(--button-default-color, #323233);
  background: #fff;
  background: var(--button-default-background-color, #fff);
  border: 1px solid #ebedf0;
  border: var(--button-border-width, 1px) solid var(--button-default-border-color, #ebedf0)
}

.van-button--primary {
  color: #fff;
  color: var(--button-primary-color, #fff);
  background: #07c160;
  background: var(--button-primary-background-color, #07c160);
  border: 1px solid #07c160;
  border: var(--button-border-width, 1px) solid var(--button-primary-border-color, #07c160)
}

.van-button--info {
  color: #fff;
  color: var(--button-info-color, #fff);
  background: #1989fa;
  background: var(--button-info-background-color, #1989fa);
  border: 1px solid #1989fa;
  border: var(--button-border-width, 1px) solid var(--button-info-border-color, #1989fa)
}

.van-button--danger {
  color: #fff;
  color: var(--button-danger-color, #fff);
  background: #ce5b67;
  background: var(--button-danger-background-color, #ce5b67);
  border: 1px solid #ce5b67;
  border: var(--button-border-width, 1px) solid var(--button-danger-border-color, #ce5b67)
}

.van-button--warning {
  color: #fff;
  color: var(--button-warning-color, #fff);
  background: #ff976a;
  background: var(--button-warning-background-color, #ff976a);
  border: 1px solid #ff976a;
  border: var(--button-border-width, 1px) solid var(--button-warning-border-color, #ff976a)
}

.van-button--plain {
  background: #fff;
  background: var(--button-plain-background-color, #fff)
}

.van-button--plain.van-button--primary {
  color: #07c160;
  color: var(--button-primary-background-color, #07c160)
}

.van-button--plain.van-button--info {
  color: #1989fa;
  color: var(--button-info-background-color, #1989fa)
}

.van-button--plain.van-button--danger {
  color: #ce5b67;
  color: var(--button-danger-background-color, #ce5b67)
}

.van-button--plain.van-button--warning {
  color: #ff976a;
  color: var(--button-warning-background-color, #ff976a)
}

.van-button--large {
  width: 100%;
  height: 50px;
  height: var(--button-large-height, 50px)
}

.van-button--normal {
  padding: 0 15px;
  font-size: 14px;
  font-size: var(--button-normal-font-size, 14px)
}

.van-button--small {
  min-width: 60px;
  min-width: var(--button-small-min-width, 60px);
  height: 30px;
  height: var(--button-small-height, 30px);
  padding: 0 8px;
  padding: 0 var(--padding-xs, 8px);
  font-size: 12px;
  font-size: var(--button-small-font-size, 12px)
}

.van-button--mini {
  display: inline-block;
  min-width: 50px;
  min-width: var(--button-mini-min-width, 50px);
  height: 22px;
  height: var(--button-mini-height, 22px);
  font-size: 10px;
  font-size: var(--button-mini-font-size, 10px)
}

.van-button--mini+.van-button--mini {
  margin-left: 5px
}

.van-button--block {
  display: -webkit-flex;
  display: flex;
  width: 100%
}

.van-button--round {
  border-radius: 999px;
  border-radius: var(--button-round-border-radius, 999px)
}

.van-button--square {
  border-radius: 0
}

.van-button--disabled {
  opacity: .5;
  opacity: var(--button-disabled-opacity, .5)
}

.van-button__text {
  display: inline
}

.van-button__icon+.van-button__text:not(:empty),
.van-button__loading-text {
  margin-left: 4px
}

.van-button__icon {
  min-width: 1em;
  line-height: inherit !important;
  vertical-align: top
}

.van-button--hairline {
  padding-top: 1px;
  border-width: 0
}

.van-button--hairline:after {
  border-color: inherit;
  border-width: 1px;
  border-radius: 4px;
  border-radius: calc(var(--button-border-radius, 2px)*2)
}

.van-button--hairline.van-button--round:after {
  border-radius: 999px;
  border-radius: var(--button-round-border-radius, 999px)
}

.van-button--hairline.van-button--square:after {
  border-radius: 0
}



.van-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
  -webkit-line-clamp: 2
}

.van-multi-ellipsis--l2,
.van-multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
  -webkit-line-clamp: 3
}

.van-clearfix:after {
  display: table;
  clear: both;
  content: ""
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
  position: relative
}

.van-hairline--bottom:after,
.van-hairline--left:after,
.van-hairline--right:after,
.van-hairline--surround:after,
.van-hairline--top-bottom:after,
.van-hairline--top:after,
.van-hairline:after {
  position: absolute;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: " ";
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #eee;
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.van-hairline--top:after {
  border-top-width: 1px
}

.van-hairline--left:after {
  border-left-width: 1px
}

.van-hairline--right:after {
  border-right-width: 1px
}

.van-hairline--bottom:after {
  border-bottom-width: 1px
}

.van-hairline--top-bottom:after {
  border-width: 1px 0
}

.van-hairline--surround:after {
  border-width: 1px
}

.vant-goods-action-button-index {
  -webkit-flex: 1;
  flex: 1
}

.van-goods-action-button {
  --button-warning-background-color: linear-gradient(90deg, #ffd01e, #ff8917);
  --button-warning-background-color: var(--goods-action-button-warning-color, linear-gradient(90deg, #ffd01e, #ff8917));
  --button-danger-background-color: linear-gradient(90deg, #ff6034, #ce5b67);
  --button-danger-background-color: var(--goods-action-button-danger-color, linear-gradient(90deg, #ff6034, #ce5b67));
  --button-default-height: 40px;
  --button-default-height: var(--goods-action-button-height, 40px);
  --button-line-height: 20px;
  --button-line-height: var(--goods-action-button-line-height, 20px);
  --button-plain-background-color: #fff;
  --button-plain-background-color: var(--goods-action-button-plain-color, #fff);
  display: block;
  --button-border-width: 0
}

.van-goods-action-button--first {
  margin-left: 5px;
  --button-border-radius: 20px 0 0 20px;
  --button-border-radius: var(--goods-action-button-border-radius, 20px) 0 0 var(--goods-action-button-border-radius, 20px)
}

.van-goods-action-button--last {
  margin-right: 5px;
  --button-border-radius: 0 20px 20px 0;
  --button-border-radius: 0 var(--goods-action-button-border-radius, 20px) var(--goods-action-button-border-radius, 20px) 0
}

.van-goods-action-button--first.van-goods-action-button--last {
  --button-border-radius: 20px;
  --button-border-radius: var(--goods-action-button-border-radius, 20px)
}

.van-goods-action-button--plain {
  --button-border-width: 1px
}

.van-goods-action-button__inner {
  width: 100%;
  font-weight: 500 !important;
  font-weight: var(--font-weight-bold, 500) !important
}

@media (max-width:321px) {
  .van-goods-action-button {
    font-size: 13px
  }
}



.van-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
  -webkit-line-clamp: 2
}

.van-multi-ellipsis--l2,
.van-multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
  -webkit-line-clamp: 3
}

.van-clearfix:after {
  display: table;
  clear: both;
  content: ""
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
  position: relative
}

.van-hairline--bottom:after,
.van-hairline--left:after,
.van-hairline--right:after,
.van-hairline--surround:after,
.van-hairline--top-bottom:after,
.van-hairline--top:after,
.van-hairline:after {
  position: absolute;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: " ";
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #eee;
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.van-hairline--top:after {
  border-top-width: 1px
}

.van-hairline--left:after {
  border-left-width: 1px
}

.van-hairline--right:after {
  border-right-width: 1px
}

.van-hairline--bottom:after {
  border-bottom-width: 1px
}

.van-hairline--top-bottom:after {
  border-width: 1px 0
}

.van-hairline--surround:after {
  border-width: 1px
}

.van-dialog {
  top: 45% !important;
  overflow: hidden;
  width: 320px;
  width: var(--dialog-width, 320px);
  font-size: 16px;
  font-size: var(--dialog-font-size, 16px);
  border-radius: 16px;
  border-radius: var(--dialog-border-radius, 16px);
  background-color: #fff;
  background-color: var(--dialog-background-color, #fff)
}

@media (max-width:321px) {
  .van-dialog {
    width: 90%;
    width: var(--dialog-small-screen-width, 90%)
  }
}

.van-dialog__header {
  text-align: center;
  padding-top: 24px;
  padding-top: var(--dialog-header-padding-top, 24px);
  font-weight: 500;
  font-weight: var(--dialog-header-font-weight, 500);
  line-height: 24px;
  line-height: var(--dialog-header-line-height, 24px)
}

.van-dialog__header--isolated {
  padding: 24px 0;
  padding: var(--dialog-header-isolated-padding, 24px 0)
}

.van-dialog__message {
  overflow-y: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
  font-size: 14px;
  font-size: var(--dialog-message-font-size, 14px);
  line-height: 20px;
  line-height: var(--dialog-message-line-height, 20px);
  max-height: 60vh;
  max-height: var(--dialog-message-max-height, 60vh);
  padding: 24px;
  padding: var(--dialog-message-padding, 24px)
}

.van-dialog__message-text {
  word-wrap: break-word
}

.van-dialog__message--hasTitle {
  padding-top: 8px;
  padding-top: var(--dialog-has-title-message-padding-top, 8px);
  color: #646566;
  color: var(--dialog-has-title-message-text-color, #646566)
}

.van-dialog__message--round-button {
  padding-bottom: 16px;
  color: #323233
}

.van-dialog__message--left {
  text-align: left
}

.van-dialog__message--right {
  text-align: right
}

.van-dialog__footer {
  display: -webkit-flex;
  display: flex
}

.van-dialog__footer--round-button {
  position: relative !important;
  padding: 8px 24px 16px !important
}

.van-dialog__button {
  -webkit-flex: 1;
  flex: 1
}

.van-dialog__cancel,
.van-dialog__confirm {
  border: 0 !important
}

.van-dialog-bounce-enter {
  -webkit-transform: translate3d(-50%, -50%, 0) scale(.7);
  transform: translate3d(-50%, -50%, 0) scale(.7);
  opacity: 0
}

.van-dialog-bounce-leave-active {
  -webkit-transform: translate3d(-50%, -50%, 0) scale(.9);
  transform: translate3d(-50%, -50%, 0) scale(.9);
  opacity: 0
}



.van-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
  -webkit-line-clamp: 2
}

.van-multi-ellipsis--l2,
.van-multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
  -webkit-line-clamp: 3
}

.van-clearfix:after {
  display: table;
  clear: both;
  content: ""
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
  position: relative
}

.van-hairline--bottom:after,
.van-hairline--left:after,
.van-hairline--right:after,
.van-hairline--surround:after,
.van-hairline--top-bottom:after,
.van-hairline--top:after,
.van-hairline:after {
  position: absolute;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: " ";
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #eee;
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.van-hairline--top:after {
  border-top-width: 1px
}

.van-hairline--left:after {
  border-left-width: 1px
}

.van-hairline--right:after {
  border-right-width: 1px
}

.van-hairline--bottom:after {
  border-bottom-width: 1px
}

.van-hairline--top-bottom:after {
  border-width: 1px 0
}

.van-hairline--surround:after {
  border-width: 1px
}

.van-nav-bar {
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  height: 44px;
  height: var(--nav-bar-height, 44px);
  line-height: 44px;
  line-height: var(--nav-bar-height, 44px);
  background-color: #fff;
  background-color: var(--nav-bar-background-color, #fff)
}

.van-nav-bar,
.van-nav-bar__content {
  position: relative
}

.van-nav-bar__text {
  display: inline-block;
  vertical-align: middle;
  margin: 0 -16px;
  margin: 0 -var(--padding-md, 16px);
  padding: 0 16px;
  padding: 0 var(--padding-md, 16px);
  color: #1989fa;
  color: var(--nav-bar-text-color, #1989fa)
}

.van-nav-bar__text--hover {
  background-color: #f2f3f5;
  background-color: var(--active-color, #f2f3f5)
}

.van-nav-bar__arrow {
  vertical-align: middle;
  font-size: 16px;
  font-size: var(--nav-bar-arrow-size, 16px);
  color: #1989fa;
  color: var(--nav-bar-text-color, #1989fa)
}

.van-nav-bar__arrow+.van-nav-bar__text {
  margin-left: -20px;
  padding-left: 25px
}

.van-nav-bar--fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%
}

.van-nav-bar__title {
  max-width: 60%;
  margin: 0 auto;
  color: #323233;
  color: var(--nav-bar-title-text-color, #323233);
  font-weight: 500;
  font-weight: var(--font-weight-bold, 500);
  font-size: 16px;
  font-size: var(--nav-bar-title-font-size, 16px)
}

.van-nav-bar__left,
.van-nav-bar__right {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 14px;
  font-size: var(--font-size-md, 14px)
}

.van-nav-bar__left {
  left: 16px;
  left: var(--padding-md, 16px)
}

.van-nav-bar__right {
  right: 16px;
  right: var(--padding-md, 16px)
}



@charset "UTF-8";













.lb-picker-column[data-v-1cabf200] {
  height: 34px;
  display: flex;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  flex-direction: row;
  align-items: center;
  justify-content: center
}

.lb-picker-column-label[data-v-1cabf200] {
  font-size: 16px;
  text-align: center;
  text-overflow: ellipsis;
  transition-property: color;
  transition-duration: .3s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}



@charset "UTF-8";













.lb-picker-column[data-v-287c473c] {
  height: 34px;
  display: flex;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  flex-direction: row;
  align-items: center;
  justify-content: center
}

.lb-picker-column-label[data-v-287c473c] {
  font-size: 16px;
  text-align: center;
  text-overflow: ellipsis;
  transition-property: color;
  transition-duration: .3s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}



@charset "UTF-8";













.lb-picker-column[data-v-2741dde8] {
  height: 34px;
  display: flex;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  flex-direction: row;
  align-items: center;
  justify-content: center
}

.lb-picker-column-label[data-v-2741dde8] {
  font-size: 16px;
  text-align: center;
  text-overflow: ellipsis;
  transition-property: color;
  transition-duration: .3s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}



@charset "UTF-8";













.lb-picker[data-v-4a512f3e] {
  position: relative
}

.lb-picker-mask[data-v-4a512f3e] {
  background-color: transparent;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0
}

.lb-picker-mask-animation[data-v-4a512f3e] {
  transition-property: background-color;
  transition-duration: .3s
}

.lb-picker-container[data-v-4a512f3e] {
  position: relative
}

.lb-picker-container-fixed[data-v-4a512f3e] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  overflow: hidden
}

.lb-picker-container-animation[data-v-4a512f3e] {
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: .3s
}

.lb-picker-container-show[data-v-4a512f3e] {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.lb-picker-header[data-v-4a512f3e] {
  position: relative;
  background-color: #fff;
  box-sizing: border-box
}

.lb-picker-header-actions[data-v-4a512f3e] {
  height: 45px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap
}

.lb-picker-header[data-v-4a512f3e]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 1px;
  clear: both;
  border-bottom: 1px solid #e5e5e5;
  color: #e5e5e5;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

.lb-picker-header[data-v-4a512f3e]::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  clear: both;
  border-bottom: 1px solid #e5e5e5;
  color: #e5e5e5;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

.lb-picker-action[data-v-4a512f3e] {
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center
}

.lb-picker-action-item[data-v-4a512f3e] {
  text-align: center;
  height: 45px;
  display: flex;
  align-items: center
}

.lb-picker-action-cancel-text[data-v-4a512f3e] {
  font-size: 16px;
  color: #999
}

.lb-picker-action-confirm-text[data-v-4a512f3e] {
  font-size: 16px;
  color: #007aff
}

.lb-picker-content[data-v-4a512f3e] {
  position: relative;
  background-color: #fff
}

.lb-picker-content-main[data-v-4a512f3e] {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column
}

.lb-picker-loading[data-v-4a512f3e],
.lb-picker-empty[data-v-4a512f3e] {
  display: flex;
  justify-content: center;
  align-items: center
}

.lb-picker-empty-text[data-v-4a512f3e] {
  color: #999;
  font-size: 16px
}

.lb-picker-loading-img[data-v-4a512f3e] {
  width: 25px;
  height: 25px;
  -webkit-animation: rotating-data-v-4a512f3e 2s linear infinite;
  animation: rotating-data-v-4a512f3e 2s linear infinite
}

@-webkit-keyframes rotating-data-v-4a512f3e {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes rotating-data-v-4a512f3e {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}



.van-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
  -webkit-line-clamp: 2
}

.van-multi-ellipsis--l2,
.van-multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
  -webkit-line-clamp: 3
}

.van-clearfix:after {
  display: table;
  clear: both;
  content: ""
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
  position: relative
}

.van-hairline--bottom:after,
.van-hairline--left:after,
.van-hairline--right:after,
.van-hairline--surround:after,
.van-hairline--top-bottom:after,
.van-hairline--top:after,
.van-hairline:after {
  position: absolute;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: " ";
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #eee;
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.van-hairline--top:after {
  border-top-width: 1px
}

.van-hairline--left:after {
  border-left-width: 1px
}

.van-hairline--right:after {
  border-right-width: 1px
}

.van-hairline--bottom:after {
  border-bottom-width: 1px
}

.van-hairline--top-bottom:after {
  border-width: 1px 0
}

.van-hairline--surround:after {
  border-width: 1px
}

.van-sticky {
  position: relative
}

.van-sticky-wrap--fixed {
  position: fixed;
  right: 0;
  left: 0
}



.van-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
  -webkit-line-clamp: 2
}

.van-multi-ellipsis--l2,
.van-multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
  -webkit-line-clamp: 3
}

.van-clearfix:after {
  display: table;
  clear: both;
  content: ""
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
  position: relative
}

.van-hairline--bottom:after,
.van-hairline--left:after,
.van-hairline--right:after,
.van-hairline--surround:after,
.van-hairline--top-bottom:after,
.van-hairline--top:after,
.van-hairline:after {
  position: absolute;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: " ";
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #eee;
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.van-hairline--top:after {
  border-top-width: 1px
}

.van-hairline--left:after {
  border-left-width: 1px
}

.van-hairline--right:after {
  border-right-width: 1px
}

.van-hairline--bottom:after {
  border-bottom-width: 1px
}

.van-hairline--top-bottom:after {
  border-width: 1px 0
}

.van-hairline--surround:after {
  border-width: 1px
}

.van-tabs {
  position: relative;
  -webkit-tap-highlight-color: transparent
}

.van-tabs__wrap {
  display: -webkit-flex;
  display: flex;
  overflow: hidden
}

.van-tabs__wrap--scrollable .van-tab {
  -webkit-flex: 0 0 22%;
  flex: 0 0 22%
}

.van-tabs__wrap--scrollable .van-tab--complete {
  -webkit-flex: 1 0 auto !important;
  flex: 1 0 auto !important;
  padding: 0 12px
}

.van-tabs__wrap--scrollable .van-tabs__nav--complete {
  padding-right: 8px;
  padding-left: 8px
}

.van-tabs__scroll {
  background-color: #fff;
  background-color: var(--tabs-nav-background-color, #fff)
}

.van-tabs__scroll--line {
  box-sizing: initial;
  height: calc(100% + 15px)
}

.van-tabs__scroll--card {
  margin: 0 16px;
  margin: 0 var(--padding-md, 16px)
}

.van-tabs__scroll::-webkit-scrollbar {
  display: none
}

.van-tabs__nav {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-user-select: none;
  user-select: none
}

.van-tabs__nav--card {
  box-sizing: border-box;
  height: 30px;
  height: var(--tabs-card-height, 30px);
  border: 1px solid #ce5b67;
  border: var(--border-width-base, 1px) solid var(--tabs-default-color, #ce5b67);
  border-radius: 2px;
  border-radius: var(--border-radius-sm, 2px)
}

.van-tabs__nav--card .van-tab {
  color: #ce5b67;
  color: var(--tabs-default-color, #ce5b67);
  line-height: 28px;
  line-height: calc(var(--tabs-card-height, 30px) - 2*var(--border-width-base, 1px));
  border-right: 1px solid #ce5b67;
  border-right: var(--border-width-base, 1px) solid var(--tabs-default-color, #ce5b67)
}

.van-tabs__nav--card .van-tab:last-child {
  border-right: none
}

.van-tabs__nav--card .van-tab.van-tab--active {
  color: #fff;
  color: var(--white, #fff);
  background-color: #ce5b67;
  background-color: var(--tabs-default-color, #ce5b67)
}

.van-tabs__nav--card .van-tab--disabled {
  color: #c8c9cc;
  color: var(--tab-disabled-text-color, #c8c9cc)
}

.van-tabs__line {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: 3px;
  height: var(--tabs-bottom-bar-height, 3px);
  border-radius: 3px;
  border-radius: var(--tabs-bottom-bar-height, 3px);
  background-color: #ce5b67;
  background-color: var(--tabs-bottom-bar-color, #ce5b67)
}

.van-tabs__track {
  position: relative;
  width: 100%;
  height: 100%
}

.van-tabs__track--animated {
  display: -webkit-flex;
  display: flex;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-property: transform, -webkit-transform
}

.van-tabs__content {
  overflow: hidden
}

.van-tabs--line .van-tabs__wrap {
  height: 44px;
  height: var(--tabs-line-height, 44px)
}

.van-tabs--card .van-tabs__wrap {
  height: 30px;
  height: var(--tabs-card-height, 30px)
}

.van-tab {
  position: relative;
  -webkit-flex: 1;
  flex: 1;
  box-sizing: border-box;
  min-width: 0;
  padding: 0 5px;
  text-align: center;
  cursor: pointer;
  color: #646566;
  color: var(--tab-text-color, #646566);
  font-size: 14px;
  font-size: var(--tab-font-size, 14px);
  line-height: 44px;
  line-height: var(--tabs-line-height, 44px)
}

.van-tab--active {
  font-weight: 500;
  font-weight: var(--font-weight-bold, 500)
}

.van-tab--disabled {
  color: #c8c9cc;
  color: var(--tab-disabled-text-color, #c8c9cc)
}

.van-tab__title__info {
  position: relative !important;
  top: -1px !important;
  display: inline-block;
  -webkit-transform: translateX(0) !important;
  transform: translateX(0) !important
}



.van-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
  -webkit-line-clamp: 2
}

.van-multi-ellipsis--l2,
.van-multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
  -webkit-line-clamp: 3
}

.van-clearfix:after {
  display: table;
  clear: both;
  content: ""
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
  position: relative
}

.van-hairline--bottom:after,
.van-hairline--left:after,
.van-hairline--right:after,
.van-hairline--surround:after,
.van-hairline--top-bottom:after,
.van-hairline--top:after,
.van-hairline:after {
  position: absolute;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: " ";
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #eee;
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.van-hairline--top:after {
  border-top-width: 1px
}

.van-hairline--left:after {
  border-left-width: 1px
}

.van-hairline--right:after {
  border-right-width: 1px
}

.van-hairline--bottom:after {
  border-bottom-width: 1px
}

.van-hairline--top-bottom:after {
  border-width: 1px 0
}

.van-hairline--surround:after {
  border-width: 1px
}

.vant-tab-index {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 100%
}

.van-tab__pane,
:host {
  box-sizing: border-box
}

.van-tab__pane {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

.van-tab__pane--active {
  height: auto
}

.van-tab__pane--inactive {
  height: 0;
  overflow: visible
}



.container[data-v-fe0925d0] {
  width: 30px;
  height: 30px;
  position: relative
}

.container.loading1[data-v-fe0925d0] {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.container .shape[data-v-fe0925d0] {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 1px
}

.container .shape.shape1[data-v-fe0925d0] {
  left: 0;
  background-color: #1890ff
}

.container .shape.shape2[data-v-fe0925d0] {
  right: 0;
  background-color: #91cb74
}

.container .shape.shape3[data-v-fe0925d0] {
  bottom: 0;
  background-color: #fac858
}

.container .shape.shape4[data-v-fe0925d0] {
  bottom: 0;
  right: 0;
  background-color: #e66
}

.loading1 .shape1[data-v-fe0925d0] {
  -webkit-animation: animation1shape1-data-v-fe0925d0 .5s ease 0s infinite alternate;
  animation: animation1shape1-data-v-fe0925d0 .5s ease 0s infinite alternate
}

@-webkit-keyframes animation1shape1-data-v-fe0925d0 {
  from {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translate(16px, 16px);
    transform: translate(16px, 16px)
  }
}

@keyframes animation1shape1-data-v-fe0925d0 {
  from {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translate(16px, 16px);
    transform: translate(16px, 16px)
  }
}

.loading1 .shape2[data-v-fe0925d0] {
  -webkit-animation: animation1shape2-data-v-fe0925d0 .5s ease 0s infinite alternate;
  animation: animation1shape2-data-v-fe0925d0 .5s ease 0s infinite alternate
}

@-webkit-keyframes animation1shape2-data-v-fe0925d0 {
  from {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translate(-16px, 16px);
    transform: translate(-16px, 16px)
  }
}

@keyframes animation1shape2-data-v-fe0925d0 {
  from {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translate(-16px, 16px);
    transform: translate(-16px, 16px)
  }
}

.loading1 .shape3[data-v-fe0925d0] {
  -webkit-animation: animation1shape3-data-v-fe0925d0 .5s ease 0s infinite alternate;
  animation: animation1shape3-data-v-fe0925d0 .5s ease 0s infinite alternate
}

@-webkit-keyframes animation1shape3-data-v-fe0925d0 {
  from {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translate(16px, -16px);
    transform: translate(16px, -16px)
  }
}

@keyframes animation1shape3-data-v-fe0925d0 {
  from {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translate(16px, -16px);
    transform: translate(16px, -16px)
  }
}

.loading1 .shape4[data-v-fe0925d0] {
  -webkit-animation: animation1shape4-data-v-fe0925d0 .5s ease 0s infinite alternate;
  animation: animation1shape4-data-v-fe0925d0 .5s ease 0s infinite alternate
}

@-webkit-keyframes animation1shape4-data-v-fe0925d0 {
  from {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translate(-16px, -16px);
    transform: translate(-16px, -16px)
  }
}

@keyframes animation1shape4-data-v-fe0925d0 {
  from {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translate(-16px, -16px);
    transform: translate(-16px, -16px)
  }
}



.container[data-v-2ef93b2c] {
  width: 30px;
  height: 30px;
  position: relative
}

.container.loading2[data-v-2ef93b2c] {
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg)
}

.container.loading2 .shape[data-v-2ef93b2c] {
  border-radius: 5px
}

.container.loading2[data-v-2ef93b2c] {
  -webkit-animation: rotation 1s infinite;
  animation: rotation 1s infinite
}

.container .shape[data-v-2ef93b2c] {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 1px
}

.container .shape.shape1[data-v-2ef93b2c] {
  left: 0;
  background-color: #1890ff
}

.container .shape.shape2[data-v-2ef93b2c] {
  right: 0;
  background-color: #91cb74
}

.container .shape.shape3[data-v-2ef93b2c] {
  bottom: 0;
  background-color: #fac858
}

.container .shape.shape4[data-v-2ef93b2c] {
  bottom: 0;
  right: 0;
  background-color: #e66
}

.loading2 .shape1[data-v-2ef93b2c] {
  -webkit-animation: animation2shape1-data-v-2ef93b2c .5s ease 0s infinite alternate;
  animation: animation2shape1-data-v-2ef93b2c .5s ease 0s infinite alternate
}

@-webkit-keyframes animation2shape1-data-v-2ef93b2c {
  from {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translate(20px, 20px);
    transform: translate(20px, 20px)
  }
}

@keyframes animation2shape1-data-v-2ef93b2c {
  from {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translate(20px, 20px);
    transform: translate(20px, 20px)
  }
}

.loading2 .shape2[data-v-2ef93b2c] {
  -webkit-animation: animation2shape2-data-v-2ef93b2c .5s ease 0s infinite alternate;
  animation: animation2shape2-data-v-2ef93b2c .5s ease 0s infinite alternate
}

@-webkit-keyframes animation2shape2-data-v-2ef93b2c {
  from {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translate(-20px, 20px);
    transform: translate(-20px, 20px)
  }
}

@keyframes animation2shape2-data-v-2ef93b2c {
  from {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translate(-20px, 20px);
    transform: translate(-20px, 20px)
  }
}

.loading2 .shape3[data-v-2ef93b2c] {
  -webkit-animation: animation2shape3-data-v-2ef93b2c .5s ease 0s infinite alternate;
  animation: animation2shape3-data-v-2ef93b2c .5s ease 0s infinite alternate
}

@-webkit-keyframes animation2shape3-data-v-2ef93b2c {
  from {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translate(20px, -20px);
    transform: translate(20px, -20px)
  }
}

@keyframes animation2shape3-data-v-2ef93b2c {
  from {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translate(20px, -20px);
    transform: translate(20px, -20px)
  }
}

.loading2 .shape4[data-v-2ef93b2c] {
  -webkit-animation: animation2shape4-data-v-2ef93b2c .5s ease 0s infinite alternate;
  animation: animation2shape4-data-v-2ef93b2c .5s ease 0s infinite alternate
}

@-webkit-keyframes animation2shape4-data-v-2ef93b2c {
  from {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translate(-20px, -20px);
    transform: translate(-20px, -20px)
  }
}

@keyframes animation2shape4-data-v-2ef93b2c {
  from {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translate(-20px, -20px);
    transform: translate(-20px, -20px)
  }
}



.container[data-v-4e1c1bfa] {
  width: 30px;
  height: 30px;
  position: relative
}

.container.loading3[data-v-4e1c1bfa] {
  -webkit-animation: rotation 1s infinite;
  animation: rotation 1s infinite
}

.container.loading3 .shape1[data-v-4e1c1bfa] {
  border-top-left-radius: 10px
}

.container.loading3 .shape2[data-v-4e1c1bfa] {
  border-top-right-radius: 10px
}

.container.loading3 .shape3[data-v-4e1c1bfa] {
  border-bottom-left-radius: 10px
}

.container.loading3 .shape4[data-v-4e1c1bfa] {
  border-bottom-right-radius: 10px
}

.container .shape[data-v-4e1c1bfa] {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 1px
}

.container .shape.shape1[data-v-4e1c1bfa] {
  left: 0;
  background-color: #1890ff
}

.container .shape.shape2[data-v-4e1c1bfa] {
  right: 0;
  background-color: #91cb74
}

.container .shape.shape3[data-v-4e1c1bfa] {
  bottom: 0;
  background-color: #fac858
}

.container .shape.shape4[data-v-4e1c1bfa] {
  bottom: 0;
  right: 0;
  background-color: #e66
}

.loading3 .shape1[data-v-4e1c1bfa] {
  -webkit-animation: animation3shape1-data-v-4e1c1bfa .5s ease 0s infinite alternate;
  animation: animation3shape1-data-v-4e1c1bfa .5s ease 0s infinite alternate
}

@-webkit-keyframes animation3shape1-data-v-4e1c1bfa {
  from {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translate(5px, 5px);
    transform: translate(5px, 5px)
  }
}

@keyframes animation3shape1-data-v-4e1c1bfa {
  from {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translate(5px, 5px);
    transform: translate(5px, 5px)
  }
}

.loading3 .shape2[data-v-4e1c1bfa] {
  -webkit-animation: animation3shape2-data-v-4e1c1bfa .5s ease 0s infinite alternate;
  animation: animation3shape2-data-v-4e1c1bfa .5s ease 0s infinite alternate
}

@-webkit-keyframes animation3shape2-data-v-4e1c1bfa {
  from {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translate(-5px, 5px);
    transform: translate(-5px, 5px)
  }
}

@keyframes animation3shape2-data-v-4e1c1bfa {
  from {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translate(-5px, 5px);
    transform: translate(-5px, 5px)
  }
}

.loading3 .shape3[data-v-4e1c1bfa] {
  -webkit-animation: animation3shape3-data-v-4e1c1bfa .5s ease 0s infinite alternate;
  animation: animation3shape3-data-v-4e1c1bfa .5s ease 0s infinite alternate
}

@-webkit-keyframes animation3shape3-data-v-4e1c1bfa {
  from {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translate(5px, -5px);
    transform: translate(5px, -5px)
  }
}

@keyframes animation3shape3-data-v-4e1c1bfa {
  from {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translate(5px, -5px);
    transform: translate(5px, -5px)
  }
}

.loading3 .shape4[data-v-4e1c1bfa] {
  -webkit-animation: animation3shape4-data-v-4e1c1bfa .5s ease 0s infinite alternate;
  animation: animation3shape4-data-v-4e1c1bfa .5s ease 0s infinite alternate
}

@-webkit-keyframes animation3shape4-data-v-4e1c1bfa {
  from {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translate(-5px, -5px);
    transform: translate(-5px, -5px)
  }
}

@keyframes animation3shape4-data-v-4e1c1bfa {
  from {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translate(-5px, -5px);
    transform: translate(-5px, -5px)
  }
}



.container[data-v-37562626] {
  width: 30px;
  height: 30px;
  position: relative
}

.container.loading5 .shape[data-v-37562626] {
  width: 15px;
  height: 15px
}

.container .shape[data-v-37562626] {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 1px
}

.container .shape.shape1[data-v-37562626] {
  left: 0;
  background-color: #1890ff
}

.container .shape.shape2[data-v-37562626] {
  right: 0;
  background-color: #91cb74
}

.container .shape.shape3[data-v-37562626] {
  bottom: 0;
  background-color: #fac858
}

.container .shape.shape4[data-v-37562626] {
  bottom: 0;
  right: 0;
  background-color: #e66
}

.loading5 .shape1[data-v-37562626] {
  animation: animation5shape1-data-v-37562626 2s ease 0s infinite reverse
}

@-webkit-keyframes animation5shape1-data-v-37562626 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  25% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px)
  }

  50% {
    -webkit-transform: translate(15px, 15px);
    transform: translate(15px, 15px)
  }

  75% {
    -webkit-transform: translate(15px);
    transform: translate(15px)
  }
}

@keyframes animation5shape1-data-v-37562626 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  25% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px)
  }

  50% {
    -webkit-transform: translate(15px, 15px);
    transform: translate(15px, 15px)
  }

  75% {
    -webkit-transform: translate(15px);
    transform: translate(15px)
  }
}

.loading5 .shape2[data-v-37562626] {
  animation: animation5shape2-data-v-37562626 2s ease 0s infinite reverse
}

@-webkit-keyframes animation5shape2-data-v-37562626 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  25% {
    -webkit-transform: translate(-15px);
    transform: translate(-15px)
  }

  50% {
    -webkit-transform: translate(-15px, 15px);
    transform: translate(-15px, 15px)
  }

  75% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px)
  }
}

@keyframes animation5shape2-data-v-37562626 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  25% {
    -webkit-transform: translate(-15px);
    transform: translate(-15px)
  }

  50% {
    -webkit-transform: translate(-15px, 15px);
    transform: translate(-15px, 15px)
  }

  75% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px)
  }
}

.loading5 .shape3[data-v-37562626] {
  animation: animation5shape3-data-v-37562626 2s ease 0s infinite reverse
}

@-webkit-keyframes animation5shape3-data-v-37562626 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  25% {
    -webkit-transform: translate(15px);
    transform: translate(15px)
  }

  50% {
    -webkit-transform: translate(15px, -15px);
    transform: translate(15px, -15px)
  }

  75% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
  }
}

@keyframes animation5shape3-data-v-37562626 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  25% {
    -webkit-transform: translate(15px);
    transform: translate(15px)
  }

  50% {
    -webkit-transform: translate(15px, -15px);
    transform: translate(15px, -15px)
  }

  75% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
  }
}

.loading5 .shape4[data-v-37562626] {
  animation: animation5shape4-data-v-37562626 2s ease 0s infinite reverse
}

@-webkit-keyframes animation5shape4-data-v-37562626 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  25% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
  }

  50% {
    -webkit-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px)
  }

  75% {
    -webkit-transform: translate(-15px);
    transform: translate(-15px)
  }
}

@keyframes animation5shape4-data-v-37562626 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  25% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
  }

  50% {
    -webkit-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px)
  }

  75% {
    -webkit-transform: translate(-15px);
    transform: translate(-15px)
  }
}



.container[data-v-6e5d9c90] {
  width: 30px;
  height: 30px;
  position: relative
}

.container.loading6[data-v-6e5d9c90] {
  -webkit-animation: rotation 1s infinite;
  animation: rotation 1s infinite
}

.container.loading6 .shape[data-v-6e5d9c90] {
  width: 12px;
  height: 12px;
  border-radius: 2px
}

.container .shape[data-v-6e5d9c90] {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 1px
}

.container .shape.shape1[data-v-6e5d9c90] {
  left: 0;
  background-color: #1890ff
}

.container .shape.shape2[data-v-6e5d9c90] {
  right: 0;
  background-color: #91cb74
}

.container .shape.shape3[data-v-6e5d9c90] {
  bottom: 0;
  background-color: #fac858
}

.container .shape.shape4[data-v-6e5d9c90] {
  bottom: 0;
  right: 0;
  background-color: #e66
}

.loading6 .shape1[data-v-6e5d9c90] {
  -webkit-animation: animation6shape1-data-v-6e5d9c90 2s linear 0s infinite normal;
  animation: animation6shape1-data-v-6e5d9c90 2s linear 0s infinite normal
}

@-webkit-keyframes animation6shape1-data-v-6e5d9c90 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  25% {
    -webkit-transform: translateY(18px);
    transform: translateY(18px)
  }

  50% {
    -webkit-transform: translate(18px, 18px);
    transform: translate(18px, 18px)
  }

  75% {
    -webkit-transform: translate(18px);
    transform: translate(18px)
  }
}

@keyframes animation6shape1-data-v-6e5d9c90 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  25% {
    -webkit-transform: translateY(18px);
    transform: translateY(18px)
  }

  50% {
    -webkit-transform: translate(18px, 18px);
    transform: translate(18px, 18px)
  }

  75% {
    -webkit-transform: translate(18px);
    transform: translate(18px)
  }
}

.loading6 .shape2[data-v-6e5d9c90] {
  -webkit-animation: animation6shape2-data-v-6e5d9c90 2s linear 0s infinite normal;
  animation: animation6shape2-data-v-6e5d9c90 2s linear 0s infinite normal
}

@-webkit-keyframes animation6shape2-data-v-6e5d9c90 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  25% {
    -webkit-transform: translate(-18px);
    transform: translate(-18px)
  }

  50% {
    -webkit-transform: translate(-18px, 18px);
    transform: translate(-18px, 18px)
  }

  75% {
    -webkit-transform: translateY(18px);
    transform: translateY(18px)
  }
}

@keyframes animation6shape2-data-v-6e5d9c90 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  25% {
    -webkit-transform: translate(-18px);
    transform: translate(-18px)
  }

  50% {
    -webkit-transform: translate(-18px, 18px);
    transform: translate(-18px, 18px)
  }

  75% {
    -webkit-transform: translateY(18px);
    transform: translateY(18px)
  }
}

.loading6 .shape3[data-v-6e5d9c90] {
  -webkit-animation: animation6shape3-data-v-6e5d9c90 2s linear 0s infinite normal;
  animation: animation6shape3-data-v-6e5d9c90 2s linear 0s infinite normal
}

@-webkit-keyframes animation6shape3-data-v-6e5d9c90 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  25% {
    -webkit-transform: translate(18px);
    transform: translate(18px)
  }

  50% {
    -webkit-transform: translate(18px, -18px);
    transform: translate(18px, -18px)
  }

  75% {
    -webkit-transform: translateY(-18px);
    transform: translateY(-18px)
  }
}

@keyframes animation6shape3-data-v-6e5d9c90 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  25% {
    -webkit-transform: translate(18px);
    transform: translate(18px)
  }

  50% {
    -webkit-transform: translate(18px, -18px);
    transform: translate(18px, -18px)
  }

  75% {
    -webkit-transform: translateY(-18px);
    transform: translateY(-18px)
  }
}

.loading6 .shape4[data-v-6e5d9c90] {
  -webkit-animation: animation6shape4-data-v-6e5d9c90 2s linear 0s infinite normal;
  animation: animation6shape4-data-v-6e5d9c90 2s linear 0s infinite normal
}

@-webkit-keyframes animation6shape4-data-v-6e5d9c90 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  25% {
    -webkit-transform: translateY(-18px);
    transform: translateY(-18px)
  }

  50% {
    -webkit-transform: translate(-18px, -18px);
    transform: translate(-18px, -18px)
  }

  75% {
    -webkit-transform: translate(-18px);
    transform: translate(-18px)
  }
}

@keyframes animation6shape4-data-v-6e5d9c90 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  25% {
    -webkit-transform: translateY(-18px);
    transform: translateY(-18px)
  }

  50% {
    -webkit-transform: translate(-18px, -18px);
    transform: translate(-18px, -18px)
  }

  75% {
    -webkit-transform: translate(-18px);
    transform: translate(-18px)
  }
}



.chartsview[data-v-06f9c5d4] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center
}

.charts-font[data-v-06f9c5d4] {
  font-size: 14px;
  color: #ccc;
  margin-top: 10px
}

.charts-error[data-v-06f9c5d4] {
  width: 128px;
  height: 128px;
  background: url("");
  background-position: 50%
}



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



@charset "UTF-8";













.verity-text[data-v-fe8267ae] {
  margin: 0 11px 0 auto
}

.my-swipe[data-v-fe8267ae] {
  height: 150px
}

.my-swipe .van-image[data-v-fe8267ae] {
  padding: 0 18px;
  box-sizing: border-box
}

.my-swipe .van-image[data-v-fe8267ae] img.van-image__img {
  border-radius: 9px !important
}

.notice-swipe[data-v-fe8267ae] {
  height: 24px
}

.nav2 .color-gray-6[data-v-fe8267ae] {
  color: #f8a12e
}

.stock-swipe .stock-index[data-v-fe8267ae] {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative
}

.stock-swipe .stock-index .stock-item-3[data-v-fe8267ae] {
  padding: 3px 0
}

.personalCenter-main .personalCenter-top[data-v-fe8267ae] {
  box-sizing: border-box
}

.personalCenter-main .personalCenter-top .theme-switch[data-v-fe8267ae] {
  padding: 5% 0
}

.personalCenter-main .personalCenter-top .theme-switch .v-switch[data-v-fe8267ae] {
  display: block;
  position: relative;
  height: 20px;
  width: 50px;
  background: rgba(96, 192, 140, .2);
  overflow: hidden
}

.personalCenter-main .personalCenter-top .theme-switch .v-switch .icon[data-v-fe8267ae] {
  position: absolute;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: inherit;
  transition: left .3s
}

.personalCenter-main .personalCenter-top .theme-switch .v-switch .icon .left[data-v-fe8267ae],
.personalCenter-main .personalCenter-top .theme-switch .v-switch .icon .right[data-v-fe8267ae] {
  position: absolute;
  width: 50px;
  height: 100%;
  top: 0;
  box-sizing: border-box;
  text-align: center
}

.personalCenter-main .personalCenter-top .theme-switch .v-switch .icon .left.left[data-v-fe8267ae],
.personalCenter-main .personalCenter-top .theme-switch .v-switch .icon .right.left[data-v-fe8267ae] {
  right: 0;
  padding-right: 20px
}

.personalCenter-main .personalCenter-top .theme-switch .v-switch .icon .left.right[data-v-fe8267ae],
.personalCenter-main .personalCenter-top .theme-switch .v-switch .icon .right.right[data-v-fe8267ae] {
  padding-left: 20px;
  left: 0
}

.personalCenter-main .personalCenter-top .theme-switch .v-switch .icon[data-v-fe8267ae] {
  left: 0
}

.personalCenter-main .personalCenter-top .theme-switch .v-switch .active.icon[data-v-fe8267ae] {
  left: 30px
}

.personalCenter-main .personalCenter-top .information[data-v-fe8267ae] {
  display: flex;
  align-items: flex-start
}

.personalCenter-main .personalCenter-top .information .inf-head-img[data-v-fe8267ae] {
  border-radius: 50%;
  margin-right: 4%
}

.personalCenter-main .personalCenter-top .information .inf-rig[data-v-fe8267ae] {
  display: flex;
  flex-direction: column;
  letter-spacing: 1px;
  flex: 1
}

.personalCenter-main .personalCenter-top .information .inf-rig span[data-v-fe8267ae]:first-child {
  font-weight: 600;
  margin-bottom: 2px
}

.personalCenter-main .personalCenter-top .information .inf-rig .inf-rig-cent[data-v-fe8267ae] {
  padding: 0 0 4px
}

.personalCenter-main .personalCenter-top .information .inf-rig .vip-grade[data-v-fe8267ae] {
  display: flex;
  align-items: center;
  justify-content: flex-end
}

.personalCenter-main .personalCenter-top .information .inf-rig .vip-grade .progress-bar[data-v-fe8267ae] {
  width: 50%
}

.personalCenter-main .personalCenter-top .information .inf-rig .vip-grade .progress-img[data-v-fe8267ae] {
  padding: 0 5px
}

.personalCenter-main .personalCenter-center[data-v-fe8267ae] {
  padding: 20px 10px 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.personalCenter-main .personalCenter-center .personalCenter-bom[data-v-fe8267ae] {
  padding-top: 30px
}

.personalCenter-main .personalCenter-center .personalCenter-bom .available-money[data-v-fe8267ae] {
  margin: 10px 0 0;
  height: 60%;
  background: rgba(100, 101, 102, .2);
  border-radius: 0 7px 7px 7px;
  align-items: center;
  padding: 6px 5px
}

.user-icon[data-v-fe8267ae] {
  font-size: 50px
}

.epss-1[data-v-fe8267ae] {
  overflow: hidden;
  text-overflow: ellipsis
}

.lists[data-v-fe8267ae] {
  display: flex
}

.lists .lists-1[data-v-fe8267ae] {
  margin: 0 5px
}

.logout[data-v-fe8267ae] {
  width: 80%;
  height: 36px;
  line-height: 36px;
  margin: 0 auto;
  background: #2b2b2b
}

.logout[data-v-fe8267ae] .van-button--default {
  border: none;
  background-color: #2b2b2b
}

.goLogin[data-v-fe8267ae] {
  padding: 5px 15px;
  border: 1px solid #ceb359
}

.p-y-xxs[data-v-fe8267ae] {
  padding: 3px 0
}

.m-t-xxs[data-v-fe8267ae] {
  margin-top: 8px
}

.m-b-20[data-v-fe8267ae] {
  margin-bottom: 20px
}

.m-b-10[data-v-fe8267ae] {
  margin-bottom: 10px
}

.bg-box-per[data-v-fe8267ae] {
  box-shadow: 0 5px 10px #c6c0dc;
  border-radius: 50%
}

.bg-box-blue[data-v-fe8267ae] {
  box-shadow: 0 5px 10px #aed6e2;
  border-radius: 50%
}

.bg-box-red[data-v-fe8267ae] {
  box-shadow: 0 5px 10px #d7aec0;
  border-radius: 50%
}

.bg-box-yellow[data-v-fe8267ae] {
  box-shadow: 0 5px 10px #e1d2a3;
  border-radius: 50%
}

.color-white[data-v-fe8267ae] {
  color: #fff
}

.bor5-active[data-v-fe8267ae] {
  border-bottom: 5px solid #f0c947
}

.w-40[data-v-fe8267ae] {
  width: 40%
}

[data-v-fe8267ae] .van-tabs__line {
  display: none
}

[data-v-fe8267ae] .custom-class.van-sticky {
  display: none
}

.bor5[data-v-fe8267ae] {
  position: relative
}

.bor5[data-v-fe8267ae]:before {
  position: absolute;
  content: "";
  bottom: -10px;
  left: 20%;
  width: 60%;
  height: 2px;
  border-radius: 10px;
  background-color: #f0c947
}

[data-v-fe8267ae] .uni-swiper-dot {
  width: 5px !important;
  height: 5px !important;
  border-radius: 5px;
  background: var(--light, #333) !important;
  opacity: .2
}

[data-v-fe8267ae] .uni-swiper-dots {
  bottom: 6px !important
}

[data-v-fe8267ae] uni-swiper .uni-swiper-slides {
  overflow: hidden
}

[data-v-fe8267ae] uni-swiper .uni-swiper-wrapper {
  overflow: inherit
}

[data-v-fe8267ae] .uni-swiper-dot-active {
  background: #fff !important;
  opacity: 1
}

.charts-box[data-v-fe8267ae] {
  width: 100%;
  height: 50px
}

.chartsview[data-v-fe8267ae] {
  height: 100%
}

.positions[data-v-fe8267ae] {
  position: relative
}

.posi[data-v-fe8267ae] {
  position: absolute;
  right: 0;
  top: 6px
}

.posil[data-v-fe8267ae] {
  position: absolute;
  left: 0;
  top: 0
}

.scale[data-v-fe8267ae] {
  -webkit-transform: scale(.8);
  transform: scale(.8)
}

.fn-9[data-v-fe8267ae] {
  font-size: 9px
}

.bg-c[data-v-fe8267ae] {
  background: #2b2b2b
}

.p-y-10[data-v-fe8267ae] {
  padding-top: 10px;
  padding-bottom: 13px
}

.m-r-9[data-v-fe8267ae] {
  margin-right: 9px
}

.m-r-9[data-v-fe8267ae]:last-child {
  margin-right: 0
}

.m-r-28[data-v-fe8267ae] {
  margin-right: 28px
}

.nav_bar_icon[data-v-fe8267ae] {
  width: 24px;
  height: 24px
}



@charset "UTF-8";













.dropWrap[data-v-51b048f6] {
  box-sizing: border-box;
  width: 100%;
  height: 26px;
  font-size: 12px;
  color: var(--light, #333);
  padding: 4px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.dropWrap .sanjiao[data-v-51b048f6] {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid var(--light, #333);
  border-bottom: 5px solid transparent;
  -webkit-transform: translateY(3px);
  transform: translateY(3px)
}

.dropdown[data-v-51b048f6] {
  position: absolute;
  width: 100%;
  z-index: 100
}

.dropdown .ul[data-v-51b048f6] {
  width: 100%;
  position: relative;
  z-index: 101;
  list-style: none;
  border-radius: 2px;
  background-color: var(--panel-4, #484859);
  padding-left: 0;
  box-shadow: 3px 3px 5px hsla(0, 0%, 47.8%, .2);
  transition: all .2s;
  height: 0;
  overflow: hidden
}

.dropdown .ul .li[data-v-51b048f6] {
  box-sizing: border-box;
  color: var(--light, #333);
  height: 30px;
  border-bottom: 1px solid var(--panel-4, #484859);
  font-size: 13px;
  line-height: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.dropdown .ul .li[data-v-51b048f6]:last-child {
  border-bottom: none
}

.dropdown .show[data-v-51b048f6] {
  height: calc(var(--i) * 30px)
}

.dropdown .dropdown-mask[data-v-51b048f6] {
  top: 0;
  left: 0;
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  pointer-events: auto
}

.dropdown .undropdown-mask[data-v-51b048f6] {
  pointer-events: none
}

.active[data-v-51b048f6] {
  background-color: var(--panel-2, #343445);
  color: #ceb359 !important
}



.van-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
  -webkit-line-clamp: 2
}

.van-multi-ellipsis--l2,
.van-multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
  -webkit-line-clamp: 3
}

.van-clearfix:after {
  display: table;
  clear: both;
  content: ""
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
  position: relative
}

.van-hairline--bottom:after,
.van-hairline--left:after,
.van-hairline--right:after,
.van-hairline--surround:after,
.van-hairline--top-bottom:after,
.van-hairline--top:after,
.van-hairline:after {
  position: absolute;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: " ";
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #eee;
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.van-hairline--top:after {
  border-top-width: 1px
}

.van-hairline--left:after {
  border-left-width: 1px
}

.van-hairline--right:after {
  border-right-width: 1px
}

.van-hairline--bottom:after {
  border-bottom-width: 1px
}

.van-hairline--top-bottom:after {
  border-width: 1px 0
}

.van-hairline--surround:after {
  border-width: 1px
}

.van-stepper {
  font-size: 0
}

.van-stepper__minus,
.van-stepper__plus {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin: 1px;
  vertical-align: middle;
  border: 0;
  background-color: #f2f3f5;
  background-color: var(--stepper-background-color, #f2f3f5);
  color: #323233;
  color: var(--stepper-button-icon-color, #323233);
  width: 28px;
  width: var(--stepper-input-height, 28px);
  height: 28px;
  height: var(--stepper-input-height, 28px);
  padding: 4px;
  padding: var(--padding-base, 4px)
}

.van-stepper__minus:before,
.van-stepper__plus:before {
  width: 9px;
  height: 1px
}

.van-stepper__minus:after,
.van-stepper__plus:after {
  width: 1px;
  height: 9px
}

.van-stepper__minus:after,
.van-stepper__minus:before,
.van-stepper__plus:after,
.van-stepper__plus:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: currentColor;
  content: ""
}

.van-stepper__minus--hover,
.van-stepper__plus--hover {
  background-color: #e8e8e8;
  background-color: var(--stepper-active-color, #e8e8e8)
}

.van-stepper__minus--disabled,
.van-stepper__plus--disabled {
  color: #c8c9cc;
  color: var(--stepper-button-disabled-icon-color, #c8c9cc)
}

.van-stepper__minus--disabled,
.van-stepper__minus--disabled.van-stepper__minus--hover,
.van-stepper__minus--disabled.van-stepper__plus--hover,
.van-stepper__plus--disabled,
.van-stepper__plus--disabled.van-stepper__minus--hover,
.van-stepper__plus--disabled.van-stepper__plus--hover {
  background-color: #f7f8fa;
  background-color: var(--stepper-button-disabled-color, #f7f8fa)
}

.van-stepper__minus {
  border-radius: 4px 0 0 4px;
  border-radius: var(--stepper-border-radius, 4px) 0 0 var(--stepper-border-radius, 4px)
}

.van-stepper__minus:after {
  display: none
}

.van-stepper__plus {
  border-radius: 0 4px 4px 0;
  border-radius: 0 var(--stepper-border-radius, 4px) var(--stepper-border-radius, 4px) 0
}

.van-stepper__input {
  display: inline-block;
  box-sizing: border-box;
  min-height: 0;
  margin: 1px;
  padding: 1px;
  text-align: center;
  vertical-align: middle;
  border: 0;
  border-width: 1px 0;
  border-radius: 0;
  -webkit-appearance: none;
  font-size: 14px;
  font-size: var(--stepper-input-font-size, 14px);
  color: #323233;
  color: var(--stepper-input-text-color, #323233);
  background-color: #f2f3f5;
  background-color: var(--stepper-background-color, #f2f3f5);
  width: 32px;
  width: var(--stepper-input-width, 32px);
  height: 28px;
  height: var(--stepper-input-height, 28px)
}

.van-stepper__input--disabled {
  color: #c8c9cc;
  color: var(--stepper-input-disabled-text-color, #c8c9cc);
  background-color: #f2f3f5;
  background-color: var(--stepper-input-disabled-background-color, #f2f3f5)
}



@charset "UTF-8";













uni-input[data-v-f13197d8] {
  color: inherit;
  font-size: inherit;
  text-align: inherit;
  width: auto;
  min-width: 0
}



@charset "UTF-8";













.theme[data-v-55e84f12] uni-button {
  background: #ceb359;
  color: #fff;
  border: 1px solid #ceb359
}

.blue[data-v-55e84f12] uni-button {
  background: linear-gradient(315deg, #4048ef, #5a7bef);
  color: #fff;
  border: none;
  border-radius: inherit
}

.green[data-v-55e84f12] uni-button {
  background: #60c08c;
  color: #fff;
  border: none;
  border-radius: inherit
}

.gold[data-v-55e84f12] uni-button {
  background: #f6c927;
  color: #fff;
  border: none;
  border-radius: inherit
}

.gold-b[data-v-55e84f12] uni-button {
  background: transparent;
  color: #deb23c !important;
  border: 1px solid #deb23c;
  border-radius: 15px 15px 15px 15px
}

.green-plain[data-v-55e84f12] uni-button {
  background: transparent;
  color: #60c08c;
  border: 1px solid #60c08c;
  border-radius: inherit;
  padding-left: 2px;
  padding-right: 2px
}

.yellow-plain[data-v-55e84f12] uni-button {
  background: #deb23c;
  border-radius: 11px;
  box-sizing: border-box;
  line-height: 12px;
  padding: 5px 10px;
  font-size: 10px;
  font-weight: 400;
  color: #fff
}

.red[data-v-55e84f12] uni-button {
  background: #ce5b67;
  color: #fff;
  border: none;
  border-radius: inherit
}

.orange[data-v-55e84f12] uni-button {
  background: linear-gradient(180deg, #ef9b7e 0, #ea673e);
  color: #fff;
  border: none;
  border-radius: inherit
}

.yellow[data-v-55e84f12] uni-button {
  background: linear-gradient(90deg, #f6c769 0, #f9ba44);
  color: #000 !important;
  border: none;
  border-radius: inherit
}



@charset "UTF-8";













.chart-box[data-v-79645a9e] {
  height: 100%
}



@charset "UTF-8";













.dep-list[data-v-4391b170] {
  max-height: 456px
}

.dep-list .row[data-v-4391b170] {
  position: relative
}

.dep-list .row .proagess[data-v-4391b170] {
  position: absolute;
  right: 0;
  top: 0;
  transition: width .3s
}

.rotatebox[data-v-4391b170] {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.rotatebox .rotateZ[data-v-4391b170] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}



@charset "UTF-8";













.custom-button[data-v-4367de0e] {
  min-width: 26px;
  color: #fff;
  line-height: 18px;
  text-align: center;
  border-radius: 100px
}

[data-v-4367de0e] .van-stepper {
  display: flex;
  justify-content: space-between
}

[data-v-4367de0e] .van-stepper .minus-class,
[data-v-4367de0e] .van-stepper .input-class,
[data-v-4367de0e] .van-stepper .plus-class {
  background: var(--form-panel-4, #484859)
}

[data-v-4367de0e] .van-stepper .input-class {
  background-color: initial !important
}

.dep-list .row[data-v-4367de0e] {
  position: relative
}

.dep-list .row .proagess[data-v-4367de0e] {
  position: absolute;
  right: 0;
  top: 0;
  transition: width .3s
}

[data-v-4367de0e] .van-step--horizontal .van-step__circle-container {
  background-color: initial
}

[data-v-4367de0e] .van-step--horizontal .van-step__circle-container .van-icon-checked {
  width: 14px;
  height: 14px;
  position: relative;
  background: rgba(96, 192, 140, .7);
  font-size: 0;
  display: block;
  border-radius: 20px;
  bottom: 9px
}

[data-v-4367de0e] .van-step--horizontal .van-step__circle-container .van-icon-checked::after {
  content: "";
  display: block;
  font-size: 0;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #60c08c;
  border-radius: 20px
}

[data-v-4367de0e] .van-step--horizontal .van-step__line {
  bottom: 8px
}

.trade-list tr[data-v-4367de0e]:nth-of-type(2n-1) {
  box-shadow: var(--shadow, 0 0 33px 0 rgba(34, 34, 44, .25));
  border-radius: 6px
}

.trade-list tr:nth-of-type(2n-1) td[data-v-4367de0e] {
  background: var(--panel-3, #393948)
}

[data-v-4367de0e] .van-stepper {
  background: #101010;
  border-radius: 5px;
  overflow: hidden;
  padding: 4px;
  font-weight: 700
}

[data-v-4367de0e] .plus-class {
  background: #2b2b2b;
  border-radius: 5px
}

[data-v-4367de0e] .minus-class {
  background: #2b2b2b;
  border-radius: 5px
}

[data-v-4367de0e] .van-stepper__input {
  background-color: var(--form-panel-3, #393948) !important
}

.p-y-xxs[data-v-4367de0e] {
  padding: 4px 0
}

.p-y-2[data-v-4367de0e] {
  padding: 2px 6px;
  border-radius: 3px
}

.p-y-7[data-v-4367de0e] {
  padding: 7px 0
}

.bg-green[data-v-4367de0e] {
  background-color: #60c08c
}

.bg-red[data-v-4367de0e] {
  background-color: #ce5b67
}

.bg-gold[data-v-4367de0e] {
  background: #f6c927
}

.bor5[data-v-4367de0e] {
  border-top: 5px solid var(--border-color, #49495f)
}

.w-50[data-v-4367de0e] {
  width: 48%
}

.w-23[data-v-4367de0e] {
  width: 22%
}

.fa[data-v-4367de0e] {
  position: fixed;
  top: 0;
  z-index: 2;
  width: 100%;
  box-sizing: border-box
}

.tixing1[data-v-4367de0e] {
  width: 49%;
  height: 35px;
  border-radius: 5px;


  box-shadow: inset -2px -3px 6px -4px #000
}

.tixing2[data-v-4367de0e] {
  width: 49%;
  height: 35px;
  border-radius: 6px;



  box-shadow: inset 2px 2px 5px -4px #000
}

.tixingtxt[data-v-4367de0e] {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 100%
}

.borders[data-v-4367de0e] {
  border: 1px solid var(--form-panel-4, #484859) !important
}

.active[data-v-4367de0e] {
  border-color: #ceb359 !important
}

.h-110[data-v-4367de0e] {
  height: 110px
}

.h-25[data-v-4367de0e] {
  height: 25px
}

.bg-c[data-v-4367de0e] {
  background: #2b2b2b
}

.b-r-5[data-v-4367de0e] {
  border-radius: 5px
}

.color-fff[data-v-4367de0e] {
  color: #fff
}

.w-100[data-v-4367de0e] {
  width: 100%
}

.m-y-10[data-v-4367de0e] {
  margin-top: 10px;
  margin-bottom: 10px
}

.m-b-15[data-v-4367de0e] {
  margin-bottom: 15px
}

.m-b-8[data-v-4367de0e] {
  margin-bottom: 8px
}

.suatuss[data-v-4367de0e] {
  padding: 0 !important;
  text-align: center;
  line-height: 36px;
  padding: 5px 10px
}

.suatuss.color-sell[data-v-4367de0e] {
  background: #d46262;
  color: #fff
}

.suatuss.color-buy[data-v-4367de0e] {
  background: #39cc77;
  color: #fff
}

.h-114[data-v-4367de0e] {
  height: 114px
}

.w-184[data-v-4367de0e] {
  width: 184px
}



.van-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
  -webkit-line-clamp: 2
}

.van-multi-ellipsis--l2,
.van-multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
  -webkit-line-clamp: 3
}

.van-clearfix:after {
  display: table;
  clear: both;
  content: ""
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
  position: relative
}

.van-hairline--bottom:after,
.van-hairline--left:after,
.van-hairline--right:after,
.van-hairline--surround:after,
.van-hairline--top-bottom:after,
.van-hairline--top:after,
.van-hairline:after {
  position: absolute;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: " ";
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #eee;
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.van-hairline--top:after {
  border-top-width: 1px
}

.van-hairline--left:after {
  border-left-width: 1px
}

.van-hairline--right:after {
  border-right-width: 1px
}

.van-hairline--bottom:after {
  border-bottom-width: 1px
}

.van-hairline--top-bottom:after {
  border-width: 1px 0
}

.van-hairline--surround:after {
  border-width: 1px
}

.van-cell {
  position: relative;
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 16px;
  padding: var(--cell-vertical-padding, 10px) var(--cell-horizontal-padding, 16px);
  font-size: 14px;
  font-size: var(--cell-font-size, 14px);
  line-height: 24px;
  line-height: var(--cell-line-height, 24px);
  color: #323233;
  color: var(--cell-text-color, #323233);
  background-color: #fff;
  background-color: var(--cell-background-color, #fff)
}

.van-cell:after {
  position: absolute;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: " ";
  pointer-events: none;
  top: auto;
  right: 16px;
  bottom: 0;
  left: 16px;
  border-bottom: 1px solid #ebedf0;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

.van-cell--borderless:after {
  display: none
}

.van-cell-group {
  background-color: #fff;
  background-color: var(--cell-background-color, #fff)
}

.van-cell__label {
  margin-top: 3px;
  margin-top: var(--cell-label-margin-top, 3px);
  font-size: 12px;
  font-size: var(--cell-label-font-size, 12px);
  line-height: 18px;
  line-height: var(--cell-label-line-height, 18px);
  color: #969799;
  color: var(--cell-label-color, #969799)
}

.van-cell__value {
  overflow: hidden;
  text-align: right;
  vertical-align: middle;
  color: #969799;
  color: var(--cell-value-color, #969799)
}

.van-cell__title,
.van-cell__value {
  -webkit-flex: 1;
  flex: 1
}

.van-cell__title:empty,
.van-cell__value:empty {
  display: none
}

.van-cell__left-icon-wrap,
.van-cell__right-icon-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  height: 24px;
  height: var(--cell-line-height, 24px);
  font-size: 16px;
  font-size: var(--cell-icon-size, 16px)
}

.van-cell__left-icon-wrap {
  margin-right: 5px
}

.van-cell__right-icon-wrap {
  margin-left: 5px;
  color: #969799;
  color: var(--cell-right-icon-color, #969799)
}

.van-cell__left-icon {
  vertical-align: middle
}

.van-cell__left-icon,
.van-cell__right-icon {
  line-height: 24px;
  line-height: var(--cell-line-height, 24px)
}

.van-cell--clickable.van-cell--hover {
  background-color: #f2f3f5;
  background-color: var(--cell-active-color, #f2f3f5)
}

.van-cell--required {
  overflow: visible
}

.van-cell--required:before {
  position: absolute;
  content: "*";
  left: 8px;
  left: var(--padding-xs, 8px);
  font-size: 14px;
  font-size: var(--cell-font-size, 14px);
  color: #ce5b67;
  color: var(--cell-required-color, #ce5b67)
}

.van-cell--center {
  -webkit-align-items: center;
  align-items: center
}

.van-cell--large {
  padding-top: 12px;
  padding-top: var(--cell-large-vertical-padding, 12px);
  padding-bottom: 12px;
  padding-bottom: var(--cell-large-vertical-padding, 12px)
}

.van-cell--large .van-cell__title {
  font-size: 16px;
  font-size: var(--cell-large-title-font-size, 16px)
}

.van-cell--large .van-cell__value {
  font-size: 16px;
  font-size: var(--cell-large-value-font-size, 16px)
}

.van-cell--large .van-cell__label {
  font-size: 14px;
  font-size: var(--cell-large-label-font-size, 14px)
}



.van-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
  -webkit-line-clamp: 2
}

.van-multi-ellipsis--l2,
.van-multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
  -webkit-line-clamp: 3
}

.van-clearfix:after {
  display: table;
  clear: both;
  content: ""
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
  position: relative
}

.van-hairline--bottom:after,
.van-hairline--left:after,
.van-hairline--right:after,
.van-hairline--surround:after,
.van-hairline--top-bottom:after,
.van-hairline--top:after,
.van-hairline:after {
  position: absolute;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: " ";
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #eee;
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.van-hairline--top:after {
  border-top-width: 1px
}

.van-hairline--left:after {
  border-left-width: 1px
}

.van-hairline--right:after {
  border-right-width: 1px
}

.van-hairline--bottom:after {
  border-bottom-width: 1px
}

.van-hairline--top-bottom:after {
  border-width: 1px 0
}

.van-hairline--surround:after {
  border-width: 1px
}

.van-field {
  --cell-icon-size: 16px;
  --cell-icon-size: var(--field-icon-size, 16px)
}

.van-field__label {
  color: #646566;
  color: var(--field-label-color, #646566)
}

.van-field__label--disabled {
  color: #c8c9cc;
  color: var(--field-disabled-text-color, #c8c9cc)
}

.van-field__body {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}

.van-field__body--textarea {
  padding: 3.6px 0;
  line-height: 1.2em
}

.van-field__body--textarea,
.van-field__input {
  box-sizing: border-box;
  min-height: 24px;
  min-height: var(--cell-line-height, 24px)
}

.van-field__input {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: inherit;
  text-align: left;
  background-color: initial;
  border: 0;
  resize: none;
  color: #323233;
  color: var(--field-input-text-color, #323233);
  height: 24px;
  height: var(--cell-line-height, 24px)
}

.van-field__input--textarea {
  height: 18px;
  height: var(--field-text-area-min-height, 18px);
  min-height: 18px;
  min-height: var(--field-text-area-min-height, 18px)
}

.van-field__input--error {
  color: #ce5b67;
  color: var(--field-input-error-text-color, #ce5b67)
}

.van-field__input--disabled {
  background-color: initial;
  opacity: 1;
  color: #c8c9cc;
  color: var(--field-input-disabled-text-color, #c8c9cc)
}

.van-field__input--center {
  text-align: center
}

.van-field__input--right {
  text-align: right
}

.van-field__placeholder {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  pointer-events: none;
  color: #c8c9cc;
  color: var(--field-placeholder-text-color, #c8c9cc)
}

.van-field__placeholder--error {
  color: #ce5b67;
  color: var(--field-error-message-color, #ce5b67)
}

.van-field__icon-root {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  min-height: 24px;
  min-height: var(--cell-line-height, 24px)
}

.van-field__clear-root,
.van-field__icon-container {
  line-height: inherit;
  vertical-align: middle;
  padding: 0 8px;
  padding: 0 var(--padding-xs, 8px);
  margin-right: -8px;
  margin-right: -var(--padding-xs, 8px)
}

.van-field__button,
.van-field__clear-root,
.van-field__icon-container {
  -webkit-flex-shrink: 0;
  flex-shrink: 0
}

.van-field__clear-root {
  font-size: 16px;
  font-size: var(--field-clear-icon-size, 16px);
  color: #c8c9cc;
  color: var(--field-clear-icon-color, #c8c9cc)
}

.van-field__icon-container {
  font-size: 16px;
  font-size: var(--field-icon-size, 16px);
  color: #969799;
  color: var(--field-icon-container-color, #969799)
}

.van-field__icon-container:empty {
  display: none
}

.van-field__button {
  padding-left: 8px;
  padding-left: var(--padding-xs, 8px)
}

.van-field__button:empty {
  display: none
}

.van-field__error-message {
  text-align: left;
  font-size: 12px;
  font-size: var(--field-error-message-text-font-size, 12px);
  color: #ce5b67;
  color: var(--field-error-message-color, #ce5b67)
}

.van-field__error-message--center {
  text-align: center
}

.van-field__error-message--right {
  text-align: right
}

.van-field__word-limit {
  text-align: right;
  margin-top: 4px;
  margin-top: var(--padding-base, 4px);
  color: #646566;
  color: var(--field-word-limit-color, #646566);
  font-size: 12px;
  font-size: var(--field-word-limit-font-size, 12px);
  line-height: 16px;
  line-height: var(--field-word-limit-line-height, 16px)
}

.van-field__word-num {
  display: inline
}

.van-field__word-num--full {
  color: #ce5b67;
  color: var(--field-word-num-full-color, #ce5b67)
}



.van-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
  -webkit-line-clamp: 2
}

.van-multi-ellipsis--l2,
.van-multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
  -webkit-line-clamp: 3
}

.van-clearfix:after {
  display: table;
  clear: both;
  content: ""
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
  position: relative
}

.van-hairline--bottom:after,
.van-hairline--left:after,
.van-hairline--right:after,
.van-hairline--surround:after,
.van-hairline--top-bottom:after,
.van-hairline--top:after,
.van-hairline:after {
  position: absolute;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: " ";
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #eee;
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.van-hairline--top:after {
  border-top-width: 1px
}

.van-hairline--left:after {
  border-left-width: 1px
}

.van-hairline--right:after {
  border-right-width: 1px
}

.van-hairline--bottom:after {
  border-bottom-width: 1px
}

.van-hairline--top-bottom:after {
  border-width: 1px 0
}

.van-hairline--surround:after {
  border-width: 1px
}

.van-search {
  -webkit-align-items: center;
  align-items: center;
  box-sizing: border-box;
  padding: 10px 12px;
  padding: var(--search-padding, 10px 12px)
}

.van-search,
.van-search__content {
  display: -webkit-flex;
  display: flex
}

.van-search__content {
  -webkit-flex: 1;
  flex: 1;
  padding-left: 8px;
  padding-left: var(--padding-xs, 8px);
  border-radius: 2px;
  border-radius: var(--border-radius-sm, 2px);
  background-color: #f7f8fa;
  background-color: var(--search-background-color, #f7f8fa)
}

.van-search__content--round {
  border-radius: 17px;
  border-radius: calc(var(--search-input-height, 34px)/2)
}

.van-search__label {
  padding: 0 5px;
  padding: var(--search-label-padding, 0 5px);
  font-size: 14px;
  font-size: var(--search-label-font-size, 14px);
  line-height: 34px;
  line-height: var(--search-input-height, 34px);
  color: #323233;
  color: var(--search-label-color, #323233)
}

.van-search__field {
  -webkit-flex: 1;
  flex: 1
}

.van-search__field__left-icon {
  color: #969799;
  color: var(--search-left-icon-color, #969799)
}

.van-search--withaction {
  padding-right: 0
}

.van-search__action {
  padding: 0 8px;
  padding: var(--search-action-padding, 0 8px);
  font-size: 14px;
  font-size: var(--search-action-font-size, 14px);
  line-height: 34px;
  line-height: var(--search-input-height, 34px);
  color: #323233;
  color: var(--search-action-text-color, #323233)
}

.van-search__action--hover {
  background-color: #f2f3f5;
  background-color: var(--active-color, #f2f3f5)
}



@charset "UTF-8";













.table-list tr:nth-of-type(2n-1) td[data-v-46f5c72b] {
  background: var(--panel-3, #393948)
}

[data-v-46f5c72b] .van-tabs__line::before {
  width: 35px;
  height: 2px;
  border-radius: 5px;
  background-color: #ceb359
}

table[data-v-46f5c72b] {
  border-collapse: collapse
}

.w-40[data-v-46f5c72b] {
  width: 40%
}

.w-30[data-v-46f5c72b] {
  width: 30%
}

.w-30[data-v-46f5c72b] {
  width: 30%
}



.van-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
  -webkit-line-clamp: 2
}

.van-multi-ellipsis--l2,
.van-multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
  -webkit-line-clamp: 3
}

.van-clearfix:after {
  display: table;
  clear: both;
  content: ""
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
  position: relative
}

.van-hairline--bottom:after,
.van-hairline--left:after,
.van-hairline--right:after,
.van-hairline--surround:after,
.van-hairline--top-bottom:after,
.van-hairline--top:after,
.van-hairline:after {
  position: absolute;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: " ";
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #eee;
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.van-hairline--top:after {
  border-top-width: 1px
}

.van-hairline--left:after {
  border-left-width: 1px
}

.van-hairline--right:after {
  border-right-width: 1px
}

.van-hairline--bottom:after {
  border-bottom-width: 1px
}

.van-hairline--top-bottom:after {
  border-width: 1px 0
}

.van-hairline--surround:after {
  border-width: 1px
}

.van-circle {
  position: relative;
  display: inline-block;
  text-align: center
}

.van-circle__text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #323233;
  color: var(--circle-text-color, #323233)
}



.van-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
  -webkit-line-clamp: 2
}

.van-multi-ellipsis--l2,
.van-multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
  -webkit-line-clamp: 3
}

.van-clearfix:after {
  display: table;
  clear: both;
  content: ""
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
  position: relative
}

.van-hairline--bottom:after,
.van-hairline--left:after,
.van-hairline--right:after,
.van-hairline--surround:after,
.van-hairline--top-bottom:after,
.van-hairline--top:after,
.van-hairline:after {
  position: absolute;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: " ";
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #eee;
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.van-hairline--top:after {
  border-top-width: 1px
}

.van-hairline--left:after {
  border-left-width: 1px
}

.van-hairline--right:after {
  border-right-width: 1px
}

.van-hairline--bottom:after {
  border-bottom-width: 1px
}

.van-hairline--top-bottom:after {
  border-width: 1px 0
}

.van-hairline--surround:after {
  border-width: 1px
}

.van-steps {
  overflow: hidden;
  background-color: #fff;
  background-color: var(--steps-background-color, #fff)
}

.van-steps--horizontal {
  padding: 10px
}

.van-steps--horizontal .van-step__wrapper {
  position: relative;
  display: -webkit-flex;
  display: flex;
  overflow: hidden
}

.van-steps--vertical {
  padding-left: 10px
}

.van-steps--vertical .van-step__wrapper {
  padding: 0 0 0 20px
}

.van-step {
  position: relative;
  -webkit-flex: 1;
  flex: 1;
  font-size: 14px;
  font-size: var(--step-font-size, 14px);
  color: #969799;
  color: var(--step-text-color, #969799)
}

.van-step--finish {
  color: #323233;
  color: var(--step-finish-text-color, #323233)
}

.van-step__circle {
  border-radius: 50%;
  width: 5px;
  width: var(--step-circle-size, 5px);
  height: 5px;
  height: var(--step-circle-size, 5px);
  background-color: #969799;
  background-color: var(--step-circle-color, #969799)
}

.van-step--horizontal {
  padding-bottom: 14px
}

.van-step--horizontal:first-child .van-step__title {
  -webkit-transform: none;
  transform: none
}

.van-step--horizontal:first-child .van-step__circle-container {
  padding: 0 8px 0 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0)
}

.van-step--horizontal:last-child {
  position: absolute;
  right: 0;
  width: auto
}

.van-step--horizontal:last-child .van-step__title {
  text-align: right;
  -webkit-transform: none;
  transform: none
}

.van-step--horizontal:last-child .van-step__circle-container {
  right: 0;
  padding: 0 0 0 8px;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0)
}

.van-step--horizontal .van-step__circle-container {
  position: absolute;
  bottom: 6px;
  z-index: 1;
  -webkit-transform: translate3d(-50%, 50%, 0);
  transform: translate3d(-50%, 50%, 0);
  background-color: #fff;
  background-color: var(--white, #fff);
  padding: 0 8px;
  padding: 0 var(--padding-xs, 8px)
}

.van-step--horizontal .van-step__title {
  display: inline-block;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  font-size: 12px;
  font-size: var(--step-horizontal-title-font-size, 12px)
}

.van-step--horizontal .van-step__line {
  position: absolute;
  right: 0;
  bottom: 6px;
  left: 0;
  height: 1px;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
  background-color: #ebedf0;
  background-color: var(--step-line-color, #ebedf0)
}

.van-step--horizontal.van-step--process {
  color: #323233;
  color: var(--step-process-text-color, #323233)
}

.van-step--horizontal.van-step--process .van-step__icon {
  display: block;
  line-height: 1;
  font-size: 12px;
  font-size: var(--step-icon-size, 12px)
}

.van-step--vertical {
  padding: 10px 10px 10px 0;
  line-height: 18px
}

.van-step--vertical:after {
  border-bottom-width: 1px
}

.van-step--vertical:last-child:after {
  border-bottom-width: none
}

.van-step--vertical:first-child:before {
  position: absolute;
  top: 0;
  left: -15px;
  z-index: 1;
  width: 1px;
  height: 20px;
  content: "";
  background-color: #fff;
  background-color: var(--white, #fff)
}

.van-step--vertical .van-step__circle,
.van-step--vertical .van-step__icon,
.van-step--vertical .van-step__line {
  position: absolute;
  top: 19px;
  left: -14px;
  z-index: 2;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0)
}

.van-step--vertical .van-step__icon {
  line-height: 1;
  font-size: 12px;
  font-size: var(--step-icon-size, 12px)
}

.van-step--vertical .van-step__line {
  z-index: 1;
  width: 1px;
  height: 100%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  background-color: #ebedf0;
  background-color: var(--step-line-color, #ebedf0)
}



@charset "UTF-8";













[data-v-2af30f18] uni-canvas {
  width: 130px;
  height: 130px
}

[data-v-2af30f18] .van-step--finish {
  color: var(--light, #333)
}

[data-v-2af30f18] .van-step--vertical:first-child::before {
  background: transparent
}

[data-v-2af30f18] .van-steps {
  background-color: var(--panel-4, #484859)
}

[data-v-2af30f18] .van-step--vertical .van-step__circle-container {
  background-color: initial
}

[data-v-2af30f18] .van-step--vertical .van-step__circle-container .van-icon-checked {
  width: 14px;
  height: 14px;
  background: rgba(96, 192, 140, .7);
  font-size: 0;
  display: block;
  border-radius: 20px
}

[data-v-2af30f18] .van-step--vertical .van-step__circle-container .van-icon-checked::after {
  content: "";
  display: block;
  font-size: 0;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #60c08c;
  border-radius: 20px
}

.layout-main[data-v-2af30f18] {
  color: var(--text-color, #9fa6b5)
}

.pop[data-v-2af30f18] {
  padding: 50px 20px 30px
}

.bg-c[data-v-2af30f18] {
  background: #2b2b2b
}

.bg-b[data-v-2af30f18] {
  background: #000
}

.green-dot[data-v-2af30f18] {
  width: 4px;
  height: 4px;
  background: #39cc77;
  border-radius: 50%;
  opacity: 1
}

.nav_bar_icon[data-v-2af30f18] {
  width: 20px;
  height: 20px
}



.van-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
  -webkit-line-clamp: 2
}

.van-multi-ellipsis--l2,
.van-multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
  -webkit-line-clamp: 3
}

.van-clearfix:after {
  display: table;
  clear: both;
  content: ""
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
  position: relative
}

.van-hairline--bottom:after,
.van-hairline--left:after,
.van-hairline--right:after,
.van-hairline--surround:after,
.van-hairline--top-bottom:after,
.van-hairline--top:after,
.van-hairline:after {
  position: absolute;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: " ";
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #eee;
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.van-hairline--top:after {
  border-top-width: 1px
}

.van-hairline--left:after {
  border-left-width: 1px
}

.van-hairline--right:after {
  border-right-width: 1px
}

.van-hairline--bottom:after {
  border-bottom-width: 1px
}

.van-hairline--top-bottom:after {
  border-width: 1px 0
}

.van-hairline--surround:after {
  border-width: 1px
}

.van-checkbox {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none
}

.van-checkbox__icon-wrap,
.van-checkbox__label {
  line-height: 20px;
  line-height: var(--checkbox-size, 20px)
}

.van-checkbox__icon-wrap {
  -webkit-flex: none;
  flex: none
}

.van-checkbox__icon {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-sizing: border-box;
  width: 1em;
  height: 1em;
  color: transparent;
  text-align: center;
  transition-property: color, border-color, background-color;
  font-size: 20px;
  font-size: var(--checkbox-size, 20px);
  border: 1px solid #c8c9cc;
  border: 1px solid var(--checkbox-border-color, #c8c9cc);
  transition-duration: .2s;
  transition-duration: var(--checkbox-transition-duration, .2s)
}

.van-checkbox__icon--round {
  border-radius: 100%
}

.van-checkbox__icon--checked {
  color: #fff;
  color: var(--white, #fff);
  background-color: #1989fa;
  background-color: var(--checkbox-checked-icon-color, #1989fa);
  border-color: #1989fa;
  border-color: var(--checkbox-checked-icon-color, #1989fa)
}

.van-checkbox__icon--disabled {
  background-color: #ebedf0;
  background-color: var(--checkbox-disabled-background-color, #ebedf0);
  border-color: #c8c9cc;
  border-color: var(--checkbox-disabled-icon-color, #c8c9cc)
}

.van-checkbox__icon--disabled.van-checkbox__icon--checked {
  color: #c8c9cc;
  color: var(--checkbox-disabled-icon-color, #c8c9cc)
}

.van-checkbox__label {
  word-wrap: break-word;
  margin-left: 10px;
  margin-left: var(--checkbox-label-margin, 10px);
  color: #323233;
  color: var(--checkbox-label-color, #323233)
}

.van-checkbox__label--left {
  float: left;
  margin: 0 10px 0 0;
  margin: 0 var(--checkbox-label-margin, 10px) 0 0
}

.van-checkbox__label--disabled {
  color: #c8c9cc;
  color: var(--checkbox-disabled-label-color, #c8c9cc)
}

.van-checkbox__label:empty {
  margin: 0
}



@charset "UTF-8";













.tabs-main[data-v-743899f4] .van-tabs {
  width: 100%
}

.tabs-main[data-v-743899f4] .van-tabs__content {
  flex: 1;
  overflow: hidden
}

.tabs-main[data-v-743899f4] .van-pull-refresh {
  height: calc(100vh - 200px);
  overflow-y: auto
}

.tabs-main[data-v-743899f4] .van-cell {
  background: transparent
}

.tabs-main[data-v-743899f4] .van-cell::after {
  border-width: 0
}

.tabs-main[data-v-743899f4] .van-cell__left-icon {
  color: #fff
}

.bgb3[data-v-743899f4] {
  background: url("") no-repeat;
  background-size: 100% auto;
  background-position: 100% 100%
}

.bgb3.bgb3-white[data-v-743899f4] {
  background-image: url("")
}

.bgb3_n[data-v-743899f4] {
  background: url("") no-repeat;
  background-size: 100% auto;
  background-position: 100% 100%
}

.bgb3_n.bgb3-white[data-v-743899f4] {
  background-image: url("")
}

.bgb4[data-v-743899f4] {
  background: url("") no-repeat;
  background-size: 100% auto;
  background-position: 100% 100%
}

.pos[data-v-743899f4] {
  position: relative
}

.posa[data-v-743899f4] {
  position: absolute
}

.rounded-ms[data-v-743899f4] {
  border-radius: 10px
}

.p-y-xxs[data-v-743899f4] {
  padding: 5px 0
}

.w-33[data-v-743899f4] {
  width: 30%
}

.w-50[data-v-743899f4] {
  width: 50%
}

.wallet[data-v-743899f4] {
  border-radius: 30px
}

.text-none[data-v-743899f4] {
  text-decoration: none
}

[data-v-743899f4] .van-cell {
  background-color: var(--panel-3, #393948)
}

[data-v-743899f4] .van-cell {
  background-color: initial;
  padding: 0 10px
}

[data-v-743899f4] .van-cell::after {
  border: none
}

.border-right[data-v-743899f4] {
  border-right: 1px solid #fff
}

.bg-c[data-v-743899f4] {
  background: #2b2b2b
}

.color-theme-3[data-v-743899f4] {
  color: #fff
}

.bg-panel-4[data-v-743899f4] {
  background: #f6c927
}



.content[data-v-10ec8335] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.echarts[data-v-10ec8335] {
  margin-top: 100px;
  width: 100%;
  height: 300px
}



.van-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
  -webkit-line-clamp: 2
}

.van-multi-ellipsis--l2,
.van-multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
  -webkit-line-clamp: 3
}

.van-clearfix:after {
  display: table;
  clear: both;
  content: ""
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
  position: relative
}

.van-hairline--bottom:after,
.van-hairline--left:after,
.van-hairline--right:after,
.van-hairline--surround:after,
.van-hairline--top-bottom:after,
.van-hairline--top:after,
.van-hairline:after {
  position: absolute;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: " ";
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #eee;
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.van-hairline--top:after {
  border-top-width: 1px
}

.van-hairline--left:after {
  border-left-width: 1px
}

.van-hairline--right:after {
  border-right-width: 1px
}

.van-hairline--bottom:after {
  border-bottom-width: 1px
}

.van-hairline--top-bottom:after {
  border-width: 1px 0
}

.van-hairline--surround:after {
  border-width: 1px
}

.van-count-down {
  color: #323233;
  color: var(--count-down-text-color, #323233);
  font-size: 14px;
  font-size: var(--count-down-font-size, 14px);
  line-height: 20px;
  line-height: var(--count-down-line-height, 20px)
}



@charset "UTF-8";













.nav-tab .chart-box[data-v-72e9e62a] {
  position: relative
}

.nav-tab .chart-box .chart[data-v-72e9e62a] {
  height: 300px
}

.nav-tab .chart-box .top[data-v-72e9e62a] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}

[data-v-72e9e62a] .van-count-down {
  font-size: 12px;
  color: var(--text-color, #9fa6b5)
}

.trend .btn[data-v-72e9e62a] {
  border-radius: 20px
}

.bg-green[data-v-72e9e62a] {
  background-color: #e9f6f0
}

.bg-red[data-v-72e9e62a] {
  background-color: #fcf0f1
}

.bgb-green[data-v-72e9e62a] {
  background-color: #1e3a44
}

.bgb-red[data-v-72e9e62a] {
  background-color: #302736
}

.col-or[data-v-72e9e62a] {
  color: #f6c927 !important
}

.bg-b[data-v-72e9e62a] {
  background: #ff7171
}

.bg-t[data-v-72e9e62a] {
  background: #39cc77;
  border-right: 5px solid #2b2b2b
}

.bg-left[data-v-72e9e62a] {
  -webkit-transform: perspective(12px) scale(1.1, 1.3) rotateX(5deg);
  transform: perspective(12px) scale(1.1, 1.3) rotateX(5deg);
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
  background: #ff7171
}

.bg[data-v-72e9e62a] {
  background: linear-gradient(90deg, #fcf0f1, #e9f6f0)
}

.bgb[data-v-72e9e62a] {
  background: linear-gradient(90deg, #1e2e3f, #302736)
}

.p-y-xxs[data-v-72e9e62a] {
  padding: 3px 0
}

.layout-page .van-swipe[data-v-72e9e62a],
.layout-page .van-tab--active[data-v-72e9e62a] {
  color: var(--light, #333) !important
}

.bg-c[data-v-72e9e62a] {
  background: #2b2b2b
}

.bgb-new[data-v-72e9e62a] {
  background: rgba(255, 113, 113, .4)
}

.col-fff[data-v-72e9e62a] {
  color: #fff
}

.bg-panel-3[data-v-72e9e62a] {
  background-color: #2b2b2b
}

.triangle[data-v-72e9e62a] {
  position: absolute;
  right: -13px;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #39cc77;
  border-style: solid;
  border-width: 50px 0 0 14px
}

.triangle2[data-v-72e9e62a] {
  position: absolute;
  right: -13px;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #ff7171;
  border-style: solid;
  border-width: 50px 0 0 14px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.p-relative[data-v-72e9e62a] {
  position: relative
}



.bing-progress[data-v-1f7ec6e8] {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  overflow: hidden
}

.bp-marea[data-v-1f7ec6e8] {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  flex-direction: row;
  align-items: center;
  text-align: center;
  justify-content: space-around;
  background-color: transparent;
  z-index: 6
}

.bp-mview[data-v-1f7ec6e8],
.bp-handle[data-v-1f7ec6e8] {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  justify-content: center;
  z-index: 5;
  overflow: hidden
}

.bp-handle-text[data-v-1f7ec6e8] {
  text-align: center;
  z-index: 5;
  overflow: hidden
}

.bp-bar_max[data-v-1f7ec6e8] {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0;
  padding: 0;
  z-index: 1;
  overflow: hidden
}

.bp-bar_active[data-v-1f7ec6e8] {
  position: absolute;
  z-index: 3;
  overflow: hidden
}

.bp-bar_sub_active[data-v-1f7ec6e8] {
  position: absolute;
  z-index: 2;
  overflow: hidden
}

.bp-value[data-v-1f7ec6e8] {
  position: absolute;
  text-align: center;
  overflow: hidden;
  z-index: 4
}



.van-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
  -webkit-line-clamp: 2
}

.van-multi-ellipsis--l2,
.van-multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
  -webkit-line-clamp: 3
}

.van-clearfix:after {
  display: table;
  clear: both;
  content: ""
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
  position: relative
}

.van-hairline--bottom:after,
.van-hairline--left:after,
.van-hairline--right:after,
.van-hairline--surround:after,
.van-hairline--top-bottom:after,
.van-hairline--top:after,
.van-hairline:after {
  position: absolute;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: " ";
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #eee;
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.van-hairline--top:after {
  border-top-width: 1px
}

.van-hairline--left:after {
  border-left-width: 1px
}

.van-hairline--right:after {
  border-right-width: 1px
}

.van-hairline--bottom:after {
  border-bottom-width: 1px
}

.van-hairline--top-bottom:after {
  border-width: 1px 0
}

.van-hairline--surround:after {
  border-width: 1px
}

.van-empty {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 32px 0
}

.van-empty__image {
  width: 160px;
  height: 160px
}

.van-empty__image__img {
  width: 100%;
  height: 100%
}

.van-empty__description {
  margin-top: 16px;
  padding: 0 60px;
  color: #969799;
  font-size: 14px;
  line-height: 20px
}

.van-empty__bottom {
  margin-top: 24px
}



@charset "UTF-8";













[data-v-1768f498] .van-step--horizontal .van-step__circle-container {
  background-color: initial
}

[data-v-1768f498] .van-step--horizontal .van-step__circle-container .van-icon-checked {
  width: 14px;
  height: 14px;
  position: relative;
  background: rgba(96, 192, 140, .7);
  font-size: 0;
  display: block;
  border-radius: 20px;
  bottom: 9px
}

[data-v-1768f498] .van-step--horizontal .van-step__circle-container .van-icon-checked::after {
  content: "";
  display: block;
  font-size: 0;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #60c08c;
  border-radius: 20px
}

[data-v-1768f498] .van-step--horizontal .van-step__line {
  bottom: 8px
}

[data-v-1768f498] .van-stepper {
  display: flex;
  justify-content: space-between
}

[data-v-1768f498] .van-stepper .minus-class,
[data-v-1768f498] .van-stepper .input-class,
[data-v-1768f498] .van-stepper .plus-class {
  background: var(--form-panel-4, #484859)
}

.span[data-v-1768f498] {
  display: block;
  width: 70%;
  display: flex;
  flex-wrap: wrap
}

.span span[data-v-1768f498] {
  width: 100%;
  display: block
}

.span-next[data-v-1768f498] {
  width: 30%
}

.w-60[data-v-1768f498] {
  width: 60%
}

.w-30[data-v-1768f498] {
  width: 30%
}

.p-y-xxs[data-v-1768f498] {
  padding: 5px 0
}

.p-y-2[data-v-1768f498] {
  padding: 2px 5px;
  border-radius: 3px
}

[data-v-1768f498] .el-slider__stop {
  width: 5px;
  height: 10px;
  border-radius: 0;
  top: -2px;
  background-color: var(--form-panel-4, #484859)
}

.w-50[data-v-1768f498] {
  width: 48%
}

.h-100[data-v-1768f498] {
  height: 100%
}

.bor5[data-v-1768f498] {
  border-bottom: 5px solid var(--border-color, #49495f)
}

.bor5-active[data-v-1768f498] {
  border-bottom: 5px solid #f0c947
}

[data-v-1768f498] .van-stepper {
  background-color: var(--form-panel-3, #393948);
  border-radius: 50px;
  overflow: hidden;
  padding: 7px;
  font-weight: 700
}

[data-v-1768f498] .plus-class {
  background-color: var(--panel-4, #484859) !important;
  border-radius: 50%
}

[data-v-1768f498] .minus-class {
  background-color: var(--panel-4, #484859) !important;
  border-radius: 50%
}

[data-v-1768f498] .van-stepper__input {
  background-color: var(--form-panel-3, #393948) !important
}

.fa[data-v-1768f498] {
  position: fixed;
  top: 0;
  z-index: 2;
  width: 100%;
  box-sizing: border-box
}

.w-25[data-v-1768f498] {
  width: 25%
}

.w-75[data-v-1768f498] {
  width: 75%
}



@charset "UTF-8";













[data-v-27f0c606] .van-step--horizontal .van-step__circle-container {
  background-color: initial
}

[data-v-27f0c606] .van-step--horizontal .van-step__circle-container .van-icon-checked {
  width: 14px;
  height: 14px;
  position: relative;
  background: rgba(96, 192, 140, .7);
  font-size: 0;
  display: block;
  border-radius: 20px;
  bottom: 9px
}

[data-v-27f0c606] .van-step--horizontal .van-step__circle-container .van-icon-checked::after {
  content: "";
  display: block;
  font-size: 0;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #60c08c;
  border-radius: 20px
}

[data-v-27f0c606] .van-step--horizontal .van-step__line {
  bottom: 8px
}

[data-v-27f0c606] .van-stepper {
  display: flex;
  justify-content: space-between
}

[data-v-27f0c606] .van-stepper .minus-class,
[data-v-27f0c606] .van-stepper .input-class,
[data-v-27f0c606] .van-stepper .plus-class {
  background: var(--form-panel-4, #484859)
}

.back_f[data-v-27f0c606] {
  background-color: #f4f3f8
}

.tixing1[data-v-27f0c606] {
  width: 49.5%;
  height: 36px;
  border-radius: 6px;
  -webkit-transform: perspective(12px) scale(1.1, 1.3) rotateX(-5deg);
  transform: perspective(12px) scale(1.1, 1.3) rotateX(-5deg);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  box-shadow: inset -2px -3px 6px -4px #000
}

.tixing2[data-v-27f0c606] {
  width: 49.5%;
  height: 36px;
  border-radius: 6px;
  -webkit-transform: perspective(12px) scale(1.1, 1.3) rotateX(5deg);
  transform: perspective(12px) scale(1.1, 1.3) rotateX(5deg);
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;

  box-shadow: inset 2px 2px 5px -4px #000
}

.tixingtxt[data-v-27f0c606] {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  text-align: center;
  line-height: 35px
}

.span[data-v-27f0c606] {
  display: block;
  width: 70%;
  display: flex;
  flex-wrap: wrap
}

.span span[data-v-27f0c606] {
  width: 100%;
  display: block
}

.span-next[data-v-27f0c606] {
  width: 30%
}

.w-60[data-v-27f0c606] {
  width: 60%
}

.w-30[data-v-27f0c606] {
  width: 30%
}

.w-40[data-v-27f0c606] {
  width: 40%
}

.w-20[data-v-27f0c606] {
  width: 20%
}

.p-y-xxs[data-v-27f0c606] {
  padding: 3px 0
}

.p-y-2[data-v-27f0c606] {
  padding: 2px 6px;
  border-radius: 3px
}

[data-v-27f0c606] .el-slider__stop {
  width: 5px;
  height: 10px;
  border-radius: 0;
  top: -2px;
  background-color: var(--form-panel-4, #484859)
}

.w-50[data-v-27f0c606] {
  width: 48%
}

.h-100[data-v-27f0c606] {
  height: 100%
}

.bor5[data-v-27f0c606] {
  border-bottom: 4px solid var(--border-color, #49495f)
}

.bor5-active[data-v-27f0c606] {
  border-bottom: 4px solid #f0c947;
  position: relative;
  top: 4px
}

[data-v-27f0c606] .van-stepper {
  background-color: var(--form-panel-3, #393948);
  border-radius: 50px;
  overflow: hidden;
  padding: 3px;
  font-weight: 700
}

[data-v-27f0c606] .plus-class {
  background-color: var(--panel-4, #484859) !important;
  border-radius: 50%
}

[data-v-27f0c606] .minus-class {
  background-color: var(--panel-4, #484859) !important;
  border-radius: 50%
}

[data-v-27f0c606] .van-stepper__input {
  background-color: var(--form-panel-3, #393948) !important
}

.fa[data-v-27f0c606] {
  position: fixed;
  top: 0;
  z-index: 2;
  width: 100%;
  box-sizing: border-box
}

.w-23[data-v-27f0c606] {
  width: 22%
}

.w-25[data-v-27f0c606] {
  width: 25%
}

.w-75[data-v-27f0c606] {
  width: 75%
}

.w-33[data-v-27f0c606] {
  width: 27%
}

.w-50[data-v-27f0c606] {
  width: 50%
}

.t-no[data-v-27f0c606] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.h-120[data-v-27f0c606] {
  height: 120px
}

.borders[data-v-27f0c606] {
  border: 1px solid var(--form-panel-4, #484859) !important
}

.active[data-v-27f0c606] {
  border-color: #ceb359 !important
}

.icon[data-v-27f0c606] {
  position: absolute;
  right: 0
}

.positions[data-v-27f0c606] {
  position: relative
}

.canvas uni-canvas[data-v-27f0c606] {
  margin: 50px auto 0 auto;
  -webkit-transform: scale(.8);
  transform: scale(.8)
}

.foot[data-v-27f0c606] {
  width: 100%;
  position: fixed;
  z-index: 100;
  bottom: 0;
  background-color: #2c2f3a;
  color: #000
}

.autowidth[data-v-27f0c606] {
  margin: 0 auto
}

.bg-lin[data-v-27f0c606] {
  background: linear-gradient(90deg, #f6c769, #f3b644)
}

.border-bb[data-v-27f0c606] {
  border-top: 3px solid #000;
  color: #969696
}

[data-v-27f0c606] .share.vant-popup-index {
  z-index: 100
}

.footer[data-v-27f0c606] {
  z-index: 0
}

.posi[data-v-27f0c606] {
  position: relative
}

.w-40[data-v-27f0c606] {
  width: 45%
}

.bg-c[data-v-27f0c606] {
  background: #2b2b2b
}

.bg-form-panel-6[data-v-27f0c606] {
  background: #101010
}

.border-c[data-v-27f0c606] {
  border: 1px solid #deb23c
}

.h-114[data-v-27f0c606] {
  height: 114px
}

.w-184[data-v-27f0c606] {
  width: 184px
}



@charset "UTF-8";













.data-list .row[data-v-72e7b4e0]:first-of-type {
  margin-right: 12px
}



@charset "UTF-8";













.bg-c[data-v-922cda90] {
  background: #2b2b2b
}



@charset "UTF-8";













.m-y-mini[data-v-5c398002] {
  margin-top: 5px;
  margin-bottom: 5px
}

.canvas uni-canvas[data-v-5c398002] {
  margin: 50px auto 0 auto;
  -webkit-transform: scale(.8);
  transform: scale(.8)
}

.foot[data-v-5c398002] {
  width: 100%;
  position: fixed;
  z-index: 100;
  bottom: 0;
  background-color: #2c2f3a;
  color: #000
}

.autowidth[data-v-5c398002] {
  margin: 0 auto
}

.bg-lin[data-v-5c398002] {
  background: linear-gradient(90deg, #f6c769, #f3b644)
}

.border-bb[data-v-5c398002] {
  border-top: 3px solid #000;
  color: #969696
}

[data-v-5c398002] .share.vant-popup-index {
  z-index: 100
}

.bg-c[data-v-5c398002] {
  background: #2b2b2b
}



.van-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
  -webkit-line-clamp: 2
}

.van-multi-ellipsis--l2,
.van-multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
  -webkit-line-clamp: 3
}

.van-clearfix:after {
  display: table;
  clear: both;
  content: ""
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
  position: relative
}

.van-hairline--bottom:after,
.van-hairline--left:after,
.van-hairline--right:after,
.van-hairline--surround:after,
.van-hairline--top-bottom:after,
.van-hairline--top:after,
.van-hairline:after {
  position: absolute;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: " ";
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #eee;
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.van-hairline--top:after {
  border-top-width: 1px
}

.van-hairline--left:after {
  border-left-width: 1px
}

.van-hairline--right:after {
  border-right-width: 1px
}

.van-hairline--bottom:after {
  border-bottom-width: 1px
}

.van-hairline--top-bottom:after {
  border-width: 1px 0
}

.van-hairline--surround:after {
  border-width: 1px
}

.van-row:after {
  display: table;
  clear: both;
  content: ""
}



.van-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.van-multi-ellipsis--l2 {
  -webkit-line-clamp: 2
}

.van-multi-ellipsis--l2,
.van-multi-ellipsis--l3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical
}

.van-multi-ellipsis--l3 {
  -webkit-line-clamp: 3
}

.van-clearfix:after {
  display: table;
  clear: both;
  content: ""
}

.van-hairline,
.van-hairline--bottom,
.van-hairline--left,
.van-hairline--right,
.van-hairline--surround,
.van-hairline--top,
.van-hairline--top-bottom {
  position: relative
}

.van-hairline--bottom:after,
.van-hairline--left:after,
.van-hairline--right:after,
.van-hairline--surround:after,
.van-hairline--top-bottom:after,
.van-hairline--top:after,
.van-hairline:after {
  position: absolute;
  box-sizing: border-box;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: " ";
  pointer-events: none;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  border: 0 solid #eee;
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.van-hairline--top:after {
  border-top-width: 1px
}

.van-hairline--left:after {
  border-left-width: 1px
}

.van-hairline--right:after {
  border-right-width: 1px
}

.van-hairline--bottom:after {
  border-bottom-width: 1px
}

.van-hairline--top-bottom:after {
  border-width: 1px 0
}

.van-hairline--surround:after {
  border-width: 1px
}

.van-col {
  float: left;
  box-sizing: border-box
}

.van-col--1 {
  width: 4.16666667%
}

.van-col--offset-1 {
  margin-left: 4.16666667%
}

.van-col--2 {
  width: 8.33333333%
}

.van-col--offset-2 {
  margin-left: 8.33333333%
}

.van-col--3 {
  width: 12.5%
}

.van-col--offset-3 {
  margin-left: 12.5%
}

.van-col--4 {
  width: 16.66666667%
}

.van-col--offset-4 {
  margin-left: 16.66666667%
}

.van-col--5 {
  width: 20.83333333%
}

.van-col--offset-5 {
  margin-left: 20.83333333%
}

.van-col--6 {
  width: 25%
}

.van-col--offset-6 {
  margin-left: 25%
}

.van-col--7 {
  width: 29.16666667%
}

.van-col--offset-7 {
  margin-left: 29.16666667%
}

.van-col--8 {
  width: 33.33333333%
}

.van-col--offset-8 {
  margin-left: 33.33333333%
}

.van-col--9 {
  width: 37.5%
}

.van-col--offset-9 {
  margin-left: 37.5%
}

.van-col--10 {
  width: 41.66666667%
}

.van-col--offset-10 {
  margin-left: 41.66666667%
}

.van-col--11 {
  width: 45.83333333%
}

.van-col--offset-11 {
  margin-left: 45.83333333%
}

.van-col--12 {
  width: 50%
}

.van-col--offset-12 {
  margin-left: 50%
}

.van-col--13 {
  width: 54.16666667%
}

.van-col--offset-13 {
  margin-left: 54.16666667%
}

.van-col--14 {
  width: 58.33333333%
}

.van-col--offset-14 {
  margin-left: 58.33333333%
}

.van-col--15 {
  width: 62.5%
}

.van-col--offset-15 {
  margin-left: 62.5%
}

.van-col--16 {
  width: 66.66666667%
}

.van-col--offset-16 {
  margin-left: 66.66666667%
}

.van-col--17 {
  width: 70.83333333%
}

.van-col--offset-17 {
  margin-left: 70.83333333%
}

.van-col--18 {
  width: 75%
}

.van-col--offset-18 {
  margin-left: 75%
}

.van-col--19 {
  width: 79.16666667%
}

.van-col--offset-19 {
  margin-left: 79.16666667%
}

.van-col--20 {
  width: 83.33333333%
}

.van-col--offset-20 {
  margin-left: 83.33333333%
}

.van-col--21 {
  width: 87.5%
}

.van-col--offset-21 {
  margin-left: 87.5%
}

.van-col--22 {
  width: 91.66666667%
}

.van-col--offset-22 {
  margin-left: 91.66666667%
}

.van-col--23 {
  width: 95.83333333%
}

.van-col--offset-23 {
  margin-left: 95.83333333%
}

.van-col--24 {
  width: 100%
}

.van-col--offset-24 {
  margin-left: 100%
}



@charset "UTF-8";













[data-v-a583fab2] .van-step--horizontal .van-step__circle-container {
  background-color: initial
}

[data-v-a583fab2] .van-step--horizontal .van-step__circle-container .van-icon-checked {
  width: 14px;
  height: 14px;
  position: relative;
  background: rgba(96, 192, 140, .7);
  font-size: 0;
  display: block;
  border-radius: 20px;
  bottom: 9px
}

[data-v-a583fab2] .van-step--horizontal .van-step__circle-container .van-icon-checked::after {
  content: "";
  display: block;
  font-size: 0;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #60c08c;
  border-radius: 20px
}

[data-v-a583fab2] .van-step--horizontal .van-step__line {
  bottom: 8px
}

[data-v-a583fab2] .van-stepper {
  display: flex;
  justify-content: space-between
}

[data-v-a583fab2] .van-stepper .minus-class,
[data-v-a583fab2] .van-stepper .input-class,
[data-v-a583fab2] .van-stepper .plus-class {
  background: var(--form-panel-4, #484859)
}

.back_f[data-v-a583fab2] {
  background-color: #f4f3f8
}

.tixing1[data-v-a583fab2] {
  width: 49.5%;
  height: 36px;
  border-radius: 6px;
  -webkit-transform: perspective(12px) scale(1.1, 1.3) rotateX(-5deg);
  transform: perspective(12px) scale(1.1, 1.3) rotateX(-5deg);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  box-shadow: inset -2px -3px 6px -4px #000
}

.tixing2[data-v-a583fab2] {
  width: 49.5%;
  height: 36px;
  border-radius: 6px;
  -webkit-transform: perspective(12px) scale(1.1, 1.3) rotateX(5deg);
  transform: perspective(12px) scale(1.1, 1.3) rotateX(5deg);
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;

  box-shadow: inset 2px 2px 5px -4px #000
}

.tixingtxt[data-v-a583fab2] {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  text-align: center;
  line-height: 35px
}

.span[data-v-a583fab2] {
  display: block;
  width: 70%;
  display: flex;
  flex-wrap: wrap
}

.span span[data-v-a583fab2] {
  width: 100%;
  display: block
}

.span-next[data-v-a583fab2] {
  width: 30%
}

.w-60[data-v-a583fab2] {
  width: 60%
}

.w-30[data-v-a583fab2] {
  width: 30%
}

.w-40[data-v-a583fab2] {
  width: 40%
}

.w-20[data-v-a583fab2] {
  width: 20%
}

.p-y-xxs[data-v-a583fab2] {
  padding: 3px 0
}

.p-y-2[data-v-a583fab2] {
  padding: 2px 6px;
  border-radius: 3px
}

[data-v-a583fab2] .el-slider__stop {
  width: 5px;
  height: 10px;
  border-radius: 0;
  top: -2px;
  background-color: var(--form-panel-4, #484859)
}

.w-50[data-v-a583fab2] {
  width: 48%
}

.h-100[data-v-a583fab2] {
  height: 100%
}

[data-v-a583fab2] .van-stepper {
  background-color: var(--form-panel-3, #393948);
  border-radius: 50px;
  overflow: hidden;
  padding: 3px;
  font-weight: 700
}

[data-v-a583fab2] .plus-class {
  background-color: var(--panel-4, #484859) !important;
  border-radius: 50%
}

[data-v-a583fab2] .minus-class {
  background-color: var(--panel-4, #484859) !important;
  border-radius: 50%
}

[data-v-a583fab2] .van-stepper__input {
  background-color: var(--form-panel-3, #393948) !important
}

.fa[data-v-a583fab2] {
  position: fixed;
  top: 0;
  z-index: 2;
  width: 100%;
  box-sizing: border-box
}

.w-23[data-v-a583fab2] {
  width: 22%
}

.w-25[data-v-a583fab2] {
  width: 25%
}

.w-75[data-v-a583fab2] {
  width: 75%
}

.w-33[data-v-a583fab2] {
  width: 27%
}

.w-50[data-v-a583fab2] {
  width: 50%
}

.t-no[data-v-a583fab2] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.h-120[data-v-a583fab2] {
  height: 120px
}

.borders[data-v-a583fab2] {
  border: 1px solid var(--form-panel-4, #484859) !important
}

.active[data-v-a583fab2] {
  border-color: #ceb359 !important
}

.icon[data-v-a583fab2] {
  position: absolute;
  right: 0
}

.positions[data-v-a583fab2] {
  position: relative
}

.canvas uni-canvas[data-v-a583fab2] {
  margin: 50px auto 0 auto;
  -webkit-transform: scale(.8);
  transform: scale(.8)
}

.foot[data-v-a583fab2] {
  width: 100%;
  position: fixed;
  z-index: 100;
  bottom: 0;
  background-color: #2c2f3a;
  color: #000
}

.autowidth[data-v-a583fab2] {
  margin: 0 auto
}

.bg-lin[data-v-a583fab2] {
  background: linear-gradient(90deg, #f6c769, #f3b644)
}

.border-bb[data-v-a583fab2] {
  border-top: 3px solid #000;
  color: #969696
}

[data-v-a583fab2] .share.vant-popup-index {
  z-index: 100
}

.footer[data-v-a583fab2] {
  z-index: 0
}

.posi[data-v-a583fab2] {
  position: relative
}

.w-40[data-v-a583fab2] {
  width: 45%
}

.sec[data-v-a583fab2] {
  display: inline-block;
  width: 28%;
  margin: .15rem
}

.d-flex[data-v-a583fab2] {
  flex-wrap: wrap
}

.bg-lin[data-v-a583fab2] {
  color: #121212
}

.mycrcl[data-v-a583fab2] {
  margin: 0 0 0 2.9rem
}

[data-v-a583fab2] .van-circle__text {
  color: #e5fef5;
  width: auto;
  padding-left: 20%
}

.bg-c[data-v-a583fab2] {
  background: #2b2b2b
}

.bg-form-panel-6[data-v-a583fab2] {
  background: #101010
}

.rounded-10[data-v-a583fab2] {
  border-radius: 10px
}

.h-114[data-v-a583fab2] {
  height: 114px
}

.w-184[data-v-a583fab2] {
  width: 184px
}



@charset "UTF-8";













.footer[data-v-56957af4] {
  box-shadow: var(--tab-nav-shadow, 0 -7px 20px 0 rgba(37, 37, 48, .83));
  position: relative;
  z-index: 5
}

.router-link-active[data-v-56957af4] {
  color: #ceb359
}

.mode[data-v-56957af4] {
  position: fixed;
  z-index: 1000000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  background: rgba(0, 0, 0, .5);
  font-size: 16px;
  box-sizing: border-box
}

.mode img[data-v-56957af4] {
  width: 95%;
  height: auto;
  box-sizing: border-box
}

.p-x-50[data-v-56957af4] {
  padding: 0 50px
}