.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-none {
  float: none !important;
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-table-row {
  display: table-row !important;
}
.d-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: flex !important;
}
.d-flex-inline {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: inline-flex !important;
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}
.abs-top-left,
.abs-left-top {
  position: absolute;
  top: 0;
  left: 0;
}
.abs-top-right,
.abs-right-top {
  position: absolute;
  top: 0;
  right: 0;
}
.abs-bottom-left,
.abs-left-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
}
.abs-bottom-right,
.abs-right-bottom {
  position: absolute;
  right: 0;
  bottom: 0;
}
.abs-top {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.abs-bottom {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}
.abs-left {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.abs-right {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.abs-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.abs-center-y {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.abs-center-x {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.abs-fill {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-justify {
  text-align: justify !important;
}
.text-xxxl {
  font-size: 0.48rem !important;
  line-height: 0.68rem !important;
}
.text-xxlb {
  font-size: 0.42rem !important;
  line-height: 0.62rem !important;
}
.text-xxl {
  font-size: 0.38rem !important;
  line-height: 0.58rem !important;
}
.text-xl {
  font-size: 0.36rem !important;
  line-height: 0.56rem !important;
}
.text-lb {
  font-size: 0.32rem !important;
  line-height: 0.52rem !important;
}
.text-l {
  font-size: 0.32rem !important;
  line-height: 0.48rem !important;
}
.text-l {
  padding-top: 0.02rem;
  padding-bottom: 0.02rem;
}
.text-m {
  font-size: 0.28rem !important;
  line-height: 0.44rem !important;
}
.text-m {
  padding-top: 0.02rem;
  padding-bottom: 0.02rem;
}
.text-s {
  font-size: 0.24rem !important;
  line-height: 0.32rem !important;
}
.text-s {
  padding-top: 0.06rem;
  padding-bottom: 0.06rem;
}
.text-xs {
  font-size: 0.2rem !important;
  line-height: 0.28rem !important;
}
.text-xs {
  padding-top: 0.06rem;
  padding-bottom: 0.06rem;
}
.text-darkest {
  color: #000 !important;
}
.text-darkest-inverse {
  color: #ffffff !important;
}
.text-darker {
  color: #222 !important;
}
.text-darker-inverse {
  color: #ffffff !important;
}
.text-default {
  color: #505050 !important;
}
.text-default-inverse {
  color: rgba(255, 255, 255, 0.8) !important;
}
.text-light {
  color: #999 !important;
}
.text-light-inverse {
  color: rgba(255, 255, 255, 0.6) !important;
}
.text-price {
  color: #ff7528 !important;
}
.text-medium {
  font-weight: 500 !important;
}
.text-regular {
  font-weight: normal !important;
}
.global-android .text-medium {
  font-weight: 400 !important;
  -webkit-text-stroke: 0.008rem currentColor !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-pre {
  white-space: pre !important;
}
.text-pre-line {
  white-space: pre-line !important;
}
.text-hide {
  font-size: 0;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.margin-top-xl {
  margin-top: 0.4rem !important;
}
.margin-bottom-xl {
  margin-bottom: 0.4rem !important;
}
.pad-top-xl {
  padding-top: 0.4rem !important;
}
.pad-bottom-xl {
  padding-bottom: 0.4rem !important;
}
.margin-top-l {
  margin-top: 0.3rem !important;
}
.margin-bottom-l {
  margin-bottom: 0.3rem !important;
}
.pad-top-l {
  padding-top: 0.3rem !important;
}
.pad-bottom-l {
  padding-bottom: 0.3rem !important;
}
.margin-top-m {
  margin-top: 0.2rem !important;
}
.margin-bottom-m {
  margin-bottom: 0.2rem !important;
}
.pad-top-m {
  padding-top: 0.2rem !important;
}
.pad-bottom-m {
  padding-bottom: 0.2rem !important;
}
.margin-top-s {
  margin-top: 0.1rem !important;
}
.margin-bottom-s {
  margin-bottom: 0.1rem !important;
}
.pad-top-s {
  padding-top: 0.1rem !important;
}
.pad-bottom-s {
  padding-bottom: 0.1rem !important;
}
.margin-left-xl {
  margin-left: 0.4rem !important;
}
.margin-right-xl {
  margin-right: 0.4rem !important;
}
.pad-left-xl {
  padding-left: 0.4rem !important;
}
.pad-right-xl {
  padding-right: 0.4rem !important;
}
.margin-left-l {
  margin-left: 0.3rem !important;
}
.margin-right-l {
  margin-right: 0.3rem !important;
}
.pad-left-l {
  padding-left: 0.3rem !important;
}
.pad-right-l {
  padding-right: 0.3rem !important;
}
.margin-left-m {
  margin-left: 0.2rem !important;
}
.margin-right-m {
  margin-right: 0.2rem !important;
}
.pad-left-m {
  padding-left: 0.2rem !important;
}
.pad-right-m {
  padding-right: 0.2rem !important;
}
.margin-left-s {
  margin-left: 0.14rem !important;
}
.margin-right-s {
  margin-right: 0.14rem !important;
}
.pad-left-s {
  padding-left: 0.14rem !important;
}
.pad-right-s {
  padding-right: 0.14rem !important;
}
.margin-left-xs {
  margin-left: 0.1rem !important;
}
.margin-right-xs {
  margin-right: 0.1rem !important;
}
.pad-left-xs {
  padding-left: 0.1rem !important;
}
.pad-right-xs {
  padding-right: 0.1rem !important;
}
.margin-left-xxs {
  margin-left: 0.04rem !important;
}
.margin-right-xxs {
  margin-right: 0.04rem !important;
}
.pad-left-xxs {
  padding-left: 0.04rem !important;
}
.pad-right-xxs {
  padding-right: 0.04rem !important;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.scrollbar-invisible {
  padding-bottom: 0.6rem;
  margin-top: -0.6rem;
  -webkit-transform: translateY(0.6rem);
          transform: translateY(0.6rem);
}
.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
          flex-direction: row !important;
}
.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}
.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
          flex-direction: column !important;
}
.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}
.justify-content-start {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
          justify-content: flex-start !important;
}
.justify-content-end {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
          justify-content: flex-end !important;
}
.justify-content-center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
          justify-content: center !important;
}
.justify-content-between {
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
          justify-content: space-between !important;
}
.justify-content-around {
  -webkit-justify-content: space-around !important;
          justify-content: space-around !important;
}
.align-items-start {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
          align-items: flex-start !important;
}
.align-items-end {
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
          align-items: flex-end !important;
}
.align-items-center {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.align-items-baseline {
  -webkit-box-align: baseline !important;
  -webkit-align-items: baseline !important;
          align-items: baseline !important;
}
.align-items-stretch {
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
          align-items: stretch !important;
}
.align-self-auto {
  -webkit-align-self: auto !important;
          align-self: auto !important;
}
.align-self-start {
  -webkit-align-self: flex-start !important;
          align-self: flex-start !important;
}
.align-self-end {
  -webkit-align-self: flex-end !important;
          align-self: flex-end !important;
}
.align-self-center {
  -webkit-align-self: center !important;
          align-self: center !important;
}
.align-self-baseline {
  -webkit-align-self: baseline !important;
          align-self: baseline !important;
}
.align-self-stretch {
  -webkit-align-self: stretch !important;
          align-self: stretch !important;
}
.flex-fill {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 100% !important;
          flex: 1 1 100% !important;
}
.flex-1 {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 !important;
          flex: 1 !important;
}
.flex-auto {
  -webkit-box-flex: 1 !important;
  -webkit-flex: auto !important;
          flex: auto !important;
}
.flex-grow-0 {
  -webkit-box-flex: 0 !important;
  -webkit-flex-grow: 0 !important;
          flex-grow: 0 !important;
}
.flex-grow-1 {
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
          flex-grow: 1 !important;
}
.flex-shrink-0 {
  -webkit-flex-shrink: 0 !important;
          flex-shrink: 0 !important;
}
.flex-shrink-1 {
  -webkit-flex-shrink: 1 !important;
          flex-shrink: 1 !important;
}
.m-auto {
  margin: auto !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
.flex-wrap {
  -webkit-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
}
.flex-nowrap {
  -webkit-flex-wrap: nowrap !important;
          flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  -webkit-flex-wrap: wrap-reverse !important;
          flex-wrap: wrap-reverse !important;
}
.align-content-start {
  -webkit-align-content: flex-start !important;
          align-content: flex-start !important;
}
.align-content-end {
  -webkit-align-content: flex-end !important;
          align-content: flex-end !important;
}
.align-content-center {
  -webkit-align-content: center !important;
          align-content: center !important;
}
.align-content-between {
  -webkit-align-content: space-between !important;
          align-content: space-between !important;
}
.align-content-around {
  -webkit-align-content: space-around !important;
          align-content: space-around !important;
}
.align-content-stretch {
  -webkit-align-content: stretch !important;
          align-content: stretch !important;
}
.clearfix {
  zoom: 1;
}
.clearfix::before,
.clearfix::after {
  display: table;
  content: '';
}
.clearfix::after {
  clear: both;
}
.border-top {
  border-top: none;
  position: relative;
}
.border-top::after {
  content: "";
  display: block;
  height: 0.02rem;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #e8e8e8;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
  z-index: 1;
}
.border-bottom {
  border-bottom: none;
  position: relative;
}
.border-bottom::after {
  content: "";
  display: block;
  height: 0.02rem;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #e8e8e8;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
  z-index: 1;
}
.border-left {
  border-left: none;
  position: relative;
}
.border-left::after {
  content: "";
  display: block;
  width: 0.02rem;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: #e8e8e8;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transform: scaleX(0.5);
          transform: scaleX(0.5);
  z-index: 1;
}
.border-right {
  border-right: none;
  position: relative;
}
.border-right::after {
  content: "";
  display: block;
  width: 0.02rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #e8e8e8;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transform: scaleX(0.5);
          transform: scaleX(0.5);
  z-index: 1;
}
.border {
  position: relative;
  border: none;
}
.border::after {
  content: "";
  display: block;
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0.02rem solid #e8e8e8;
  border-radius: 0;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  box-sizing: border-box;
  pointer-events: none;
}
@media (color-index: 48) {
  body:not(.global-debug):not(.m-site) .border-top {
    border-top: none;
    position: relative;
  }
  body:not(.global-debug):not(.m-site) .border-top::after {
    content: "";
    display: block;
    height: 0.02rem;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #1f1f1f;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
    z-index: 1;
  }
}
@media (color: 48842621) {
  body:not(.global-debug):not(.m-site) .border-top {
    border-top: none;
    position: relative;
  }
  body:not(.global-debug):not(.m-site) .border-top::after {
    content: "";
    display: block;
    height: 0.02rem;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #1f1f1f;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
    z-index: 1;
  }
}
@media (color-index: 48) {
  body:not(.global-debug):not(.m-site) .border-top {
    border-top: none;
    position: relative;
  }
  body:not(.global-debug):not(.m-site) .border-top::after {
    content: "";
    display: block;
    height: 0.02rem;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #1f1f1f;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
    z-index: 1;
  }
}
@media (color: 48842621) {
  body:not(.global-debug):not(.m-site) .border-top {
    border-top: none;
    position: relative;
  }
  body:not(.global-debug):not(.m-site) .border-top::after {
    content: "";
    display: block;
    height: 0.02rem;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #1f1f1f;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
    z-index: 1;
  }
}
@media (prefers-color-scheme: dark) {
  body:not(.global-debug):not(.m-site) .border-top {
    border-top: none;
    position: relative;
  }
  body:not(.global-debug):not(.m-site) .border-top::after {
    content: "";
    display: block;
    height: 0.02rem;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #1f1f1f;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
    z-index: 1;
  }
}
.radius-s.border {
  border-radius: 0.04rem;
  position: relative;
  border: none;
}
.radius-s.border::after {
  content: "";
  display: block;
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0.02rem solid #e8e8e8;
  border-radius: 0.08rem;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  box-sizing: border-box;
  pointer-events: none;
}
.radius-m.border {
  border-radius: 0.08rem;
  position: relative;
  border: none;
}
.radius-m.border::after {
  content: "";
  display: block;
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0.02rem solid #e8e8e8;
  border-radius: 0.16rem;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  box-sizing: border-box;
  pointer-events: none;
}
.radius-l.border {
  border-radius: 0.16rem;
  position: relative;
  border: none;
}
.radius-l.border::after {
  content: "";
  display: block;
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0.02rem solid #e8e8e8;
  border-radius: 0.32rem;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  box-sizing: border-box;
  pointer-events: none;
}
.radius-circle.border {
  border-radius: 100%;
  position: relative;
  border: none;
}
.radius-circle.border::after {
  content: "";
  display: block;
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0.02rem solid #e8e8e8;
  border-radius: 200%;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  box-sizing: border-box;
  pointer-events: none;
}
.radius-s {
  border-radius: 0.04rem !important;
}
.radius-top-left-s {
  border-top-left-radius: 0.04rem !important;
}
.radius-top-right-s {
  border-top-right-radius: 0.04rem !important;
}
.radius-bottom-left-s {
  border-bottom-left-radius: 0.04rem !important;
}
.radius-bottom-right-s {
  border-bottom-right-radius: 0.04rem !important;
}
.radius-m {
  border-radius: 0.08rem !important;
}
.radius-top-left-m {
  border-top-left-radius: 0.08rem !important;
}
.radius-top-right-m {
  border-top-right-radius: 0.08rem !important;
}
.radius-bottom-left-m {
  border-bottom-left-radius: 0.08rem !important;
}
.radius-bottom-right-m {
  border-bottom-right-radius: 0.08rem !important;
}
.radius-l {
  border-radius: 0.16rem !important;
}
.radius-top-left-l {
  border-top-left-radius: 0.16rem !important;
}
.radius-top-right-l {
  border-top-right-radius: 0.16rem !important;
}
.radius-bottom-left-l {
  border-bottom-left-radius: 0.16rem !important;
}
.radius-bottom-right-l {
  border-bottom-right-radius: 0.16rem !important;
}
.radius-xl {
  border-radius: 0.24rem !important;
}
.radius-top-left-xl {
  border-top-left-radius: 0.24rem !important;
}
.radius-top-right-xl {
  border-top-right-radius: 0.24rem !important;
}
.radius-bottom-left-xl {
  border-bottom-left-radius: 0.24rem !important;
}
.radius-bottom-right-xl {
  border-bottom-right-radius: 0.24rem !important;
}
.radius-circle {
  border-radius: 100% !important;
}
.radius-top-left-circle {
  border-top-left-radius: 100% !important;
}
.radius-top-right-circle {
  border-top-right-radius: 100% !important;
}
.radius-bottom-left-circle {
  border-bottom-left-radius: 100% !important;
}
.radius-bottom-right-circle {
  border-bottom-right-radius: 100% !important;
}
.word-line-1,
.word-line-2,
.word-line-3,
.word-line-4,
.word-line-5,
.word-line-6,
.word-line-7,
.word-line-8,
.word-line-9,
.word-line-10 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  white-space: normal;
}
.word-line-1 {
  word-break: break-all;
}
.word-line-2 {
  -webkit-line-clamp: 2;
}
.word-line-3 {
  -webkit-line-clamp: 3;
}
.word-line-4 {
  -webkit-line-clamp: 4;
}
.word-line-5 {
  -webkit-line-clamp: 5;
}
.word-line-6 {
  -webkit-line-clamp: 6;
}
.word-line-7 {
  -webkit-line-clamp: 7;
}
.word-line-8 {
  -webkit-line-clamp: 8;
}
.word-line-9 {
  -webkit-line-clamp: 9;
}
.word-line-10 {
  -webkit-line-clamp: 10;
}
.inline-clamp,
.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}
.bg-pic {
  background-color: #f8f8f8 !important;
}
.bg-tab {
  background-color: #f2f2f2 !important;
}
.bg-card {
  background-color: #FFFFFF !important;
}
.bg-body {
  background-color: #f2f2f2 !important;
}
.object-contain {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.object-cover {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.object-fill {
  -o-object-fit: fill !important;
     object-fit: fill !important;
}
.object-none {
  -o-object-fit: none !important;
     object-fit: none !important;
}
.object-scale-down {
  -o-object-fit: scale-down !important;
     object-fit: scale-down !important;
}
.grid::before,
.grid::after {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.grid-xl {
  margin-right: 0;
  margin-left: -0.4rem;
}
.grid-cell-x-xl {
  padding-right: 0;
  padding-left: 0.4rem;
}
.grid-cell-y-xl {
  margin-top: 0.4rem;
}
.grid-l {
  margin-right: 0;
  margin-left: -0.3rem;
}
.grid-cell-x-l {
  padding-right: 0;
  padding-left: 0.3rem;
}
.grid-cell-y-l {
  margin-top: 0.3rem;
}
.grid-m {
  margin-right: 0;
  margin-left: -0.2rem;
}
.grid-cell-x-m {
  padding-right: 0;
  padding-left: 0.2rem;
}
.grid-cell-y-m {
  margin-top: 0.2rem;
}
.grid-s {
  margin-right: 0;
  margin-left: -0.14rem;
}
.grid-cell-x-s {
  padding-right: 0;
  padding-left: 0.14rem;
}
.grid-cell-y-s {
  margin-top: 0.14rem;
}
.grid-xs {
  margin-right: 0;
  margin-left: -0.1rem;
}
.grid-cell-x-xs {
  padding-right: 0;
  padding-left: 0.1rem;
}
.grid-cell-y-xs {
  margin-top: 0.1rem;
}
.grid-xxs {
  margin-right: 0;
  margin-left: -0.04rem;
}
.grid-cell-x-xxs {
  padding-right: 0;
  padding-left: 0.04rem;
}
.grid-cell-y-xxs {
  margin-top: 0.04rem;
}
.grid-cell {
  min-height: 0.02rem;
}
.grid-cell-12 {
  box-sizing: border-box;
  width: 100%;
}
.grid-cell-11 {
  box-sizing: border-box;
  width: 91.66666667%;
}
.grid-cell-10 {
  box-sizing: border-box;
  width: 83.33333333%;
}
.grid-cell-9 {
  box-sizing: border-box;
  width: 75%;
}
.grid-cell-8 {
  box-sizing: border-box;
  width: 66.66666667%;
}
.grid-cell-7 {
  box-sizing: border-box;
  width: 58.33333333%;
}
.grid-cell-6 {
  box-sizing: border-box;
  width: 50%;
}
.grid-cell-5 {
  box-sizing: border-box;
  width: 41.66666667%;
}
.grid-cell-4 {
  box-sizing: border-box;
  width: 33.33333333%;
}
.grid-cell-3 {
  box-sizing: border-box;
  width: 25%;
}
.grid-cell-2 {
  box-sizing: border-box;
  width: 16.66666667%;
}
.grid-cell-1 {
  box-sizing: border-box;
  width: 8.33333333%;
}
body {
  --cs-font-size: 1;
}
/*
* 【 色阶 】
* 说明：按照类别 - 级别，分为10级，0为最浅，9为最深
* 扩展：只列出目前在用的色阶，其余保留色阶会在设计评估通过后，在这里添加（组件库维护同学添加）
* 使用：业务同学通过引入 less 变量的方式取用，eg: color: @red-5
*/
.armor-image {
  width: 100%;
  font-size: 0;
  position: relative;
}
.armor-image img {
  width: 100%;
  height: 100%;
}
.armor-image .ratio-img {
  position: absolute;
  top: 0;
  left: 0;
}
@-webkit-keyframes loading-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loading-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.comp-loading .loading-icon {
  width: 0.56rem;
  height: 0.56rem;
  -webkit-animation: loading-rotate 1s linear;
          animation: loading-rotate 1s linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  margin: 0 auto;
}
.ug-comp-modal {
  font-size: 0.28rem;
  display: none;
}
@-webkit-keyframes modalIn {
  from {
    -webkit-transform: scale(0) translate(-50%, -50%);
            transform: scale(0) translate(-50%, -50%);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
    opacity: 1;
  }
}
@keyframes modalIn {
  from {
    -webkit-transform: scale(0) translate(-50%, -50%);
            transform: scale(0) translate(-50%, -50%);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
    opacity: 1;
  }
}
@-webkit-keyframes modalOut {
  0% {
    -webkit-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
    opacity: 1;
  }
  30% {
    -webkit-transform: scale(1.1) translate(-50%, -50%);
            transform: scale(1.1) translate(-50%, -50%);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0) translate(-50%, -50%);
            transform: scale(0) translate(-50%, -50%);
    opacity: 0;
  }
}
@keyframes modalOut {
  0% {
    -webkit-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
    opacity: 1;
  }
  30% {
    -webkit-transform: scale(1.1) translate(-50%, -50%);
            transform: scale(1.1) translate(-50%, -50%);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0) translate(-50%, -50%);
            transform: scale(0) translate(-50%, -50%);
    opacity: 0;
  }
}
.ug-comp-modal.visible {
  display: block;
}
.ug-comp-modal-dialog {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  padding: 0.4rem;
  background: rgba(0, 0, 0, 0.45);
}
.ug-comp-modal-dialog-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  will-change: transform, opacity;
  -webkit-animation: modalOut 0.3s forwards;
          animation: modalOut 0.3s forwards;
  width: 5.82rem;
  padding: 0.4rem;
  background: #ffffff;
  border-radius: 0.32rem;
  text-align: center;
}
.ug-comp-modal-dialog-content .dialog-title {
  font-size: 0.36rem;
}
.ug-comp-modal-dialog-content .content {
  color: rgba(33, 27, 0, 0.6);
  margin: 0.24rem 0 0.4rem;
}
.ug-comp-modal-dialog-content .action-btn-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.ug-comp-modal-dialog-content .action-btn {
  width: 2.34rem;
  height: 0.88rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  border-radius: 0.44rem;
}
.ug-comp-modal-dialog-content .action-btn.cancel-wrapper {
  background: #f5f5f5;
  color: rgba(33, 27, 0, 0.6);
  margin-right: 0.34rem;
}
.ug-comp-modal-dialog-content .action-btn.ok-wrapper {
  background: #ffd300;
}
.ug-comp-modal-dialog-content .action-btn.ok-wrapper.only {
  width: 5.02rem;
}
.ug-comp-modal-dialog-content.active {
  -webkit-animation: modalIn 0.4s cubic-bezier(0.125, 1.275, 0.775, 1.175) forwards;
          animation: modalIn 0.4s cubic-bezier(0.125, 1.275, 0.775, 1.175) forwards;
}
.comp-fly-from-bottom-mask {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 100;
}
.comp-fly-from-bottom-mask.show {
  display: block;
}
.comp-fly-from-bottom {
  -webkit-transition: -webkit-transform ease-in-out 0.3s;
  transition: -webkit-transform ease-in-out 0.3s;
  transition: transform ease-in-out 0.3s;
  transition: transform ease-in-out 0.3s, -webkit-transform ease-in-out 0.3s;
  position: fixed;
  top: 2rem;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 101;
  background: #fff;
  -webkit-overflow-scrolling: touch;
}
.comp-toast {
  display: none;
}
@-webkit-keyframes toastIn {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes toastIn {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes toastOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  30% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
}
@keyframes toastOut {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  30% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
}
.comp-toast.visible {
  display: block;
}
.comp-toast-dialog {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.comp-toast-dialog-content {
  will-change: transform, opacity;
  -webkit-animation: toastIn 0.3s forwards;
          animation: toastIn 0.3s forwards;
  min-width: 4.6rem;
  padding: 0.36rem 0.4rem;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 0.16rem;
  text-align: center;
}
.comp-toast-dialog-content .children {
  color: #fff;
  font-size: 0.32rem;
}
.woody-ui-touch-feedback {
  -webkit-user-select: none;
             -moz-user-select: none;
          user-select: none;
  -webkit-transition: -webkit-transform 380ms ease-out;
  transition: -webkit-transform 380ms ease-out;
  transition: transform 380ms ease-out;
  transition: transform 380ms ease-out, -webkit-transform 380ms ease-out;
}
.woody-ui-touch-feedback.zoom-in {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}
.woody-ui-touch-feedback.zoom-out {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.woody-ui-touch-feedback.opacity {
  opacity: 0.4;
}
.woody-ui-touch-feedback .loading-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  height: 100%;
}
.woody-ui-touch-feedback .loading-wrapper .loading-icon {
  width: 0.4rem;
  height: 0.4rem;
}
.woody-ui-touch-feedback-disabled {
  background: #d8d8d8 !important;
  color: #ffffff !important;
}
.armor-input {
  position: relative;
  background: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  padding: 0.2rem 0.32rem;
}
.armor-input .icon {
  width: 0.4rem;
  margin-right: 0.08rem;
}
.armor-input .input-label {
  width: 1.2rem;
  font-size: 0.32rem;
  color: black;
  font-weight: bold;
}
.armor-input .input-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  border-radius: 0.48rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}
.armor-input svg {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0.32rem;
  width: 0.4rem;
  height: 0.4rem;
}
.armor-input input {
  width: 100%;
  font-size: 0.32rem;
  line-height: 0.32rem;
  font-weight: 400;
  padding: 0.22rem 0;
  -webkit-user-select: auto;
             -moz-user-select: auto;
          user-select: auto;
}
.armor-input input::-webkit-input-placeholder {
  color: rgba(33, 27, 0, 0.2);
}
.armor-input input::-moz-placeholder {
  color: rgba(33, 27, 0, 0.2);
}
.armor-input input::placeholder {
  color: rgba(33, 27, 0, 0.2);
}
.armor-input input:focus {
  outline: none;
}
.armor-input .verify-code {
  width: 2.04rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: 0.26rem;
  color: #452400;
  font-weight: bold;
}
.pay-verify-component {
  width: 2.04rem;
  height: 0.88rem;
  background: #ffd300;
  border-radius: 0.44rem;
  line-height: 0.9rem;
  font-weight: 500;
  text-align: center;
  font-size: 0.28rem;
}
.pay-verify-component-not-valid {
  color: rgba(33, 27, 0, 0.6);
  background: #f5f5f5;
}
.pay-verify-component-bounce {
  color: #452400 !important;
}
.pay-verify-component-bounce {
  -webkit-animation: breath 1s ease-in-out infinite;
          animation: breath 1s ease-in-out infinite;
}
@-webkit-keyframes breath {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.13);
            transform: scale(1.13);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes breath {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.13);
            transform: scale(1.13);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.armor-swiper {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.armor-swiper .armor-swiper-wrapper {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.armor-swiper .armor-swiper-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  height: 100%;
}
.armor-swiper .armor-swiper-nav {
  line-height: 0.08rem;
  width: 100%;
  position: absolute;
  pointer-events: none;
}
.armor-swiper .armor-swiper-nav-item {
  display: inline-block;
  margin: 0 0.06rem;
  height: 0.08rem;
  width: 0.08rem;
  border-radius: 50%;
  vertical-align: middle;
}
.cs-view-block {
  display: block;
}
.cs-view-inline-block {
  display: inline-block;
}
.cs-view-webkit-box {
  display: -webkit-box;
}
.cs-config-provider {
  position: relative;
}
.cs-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.cs-flex-item-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}
.cs-flex-item-auto {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
          flex: auto;
}
.cs-flex-item-none {
  -webkit-box-flex: 0;
  -webkit-flex: none;
          flex: none;
}
.cs-flex-item-fill {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
          flex: 1 1 100%;
}
.cs-scroller {
  overflow: hidden;
}
.cs-scroller-wrap {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
}
.cs-scroller-wrap::-webkit-scrollbar {
  display: none;
}
.cs-scroller-item:last-child {
  margin-right: 0.34rem;
}
.cs-scroller-load-more {
  display: inline-block !important;
}
.cs-scroller-load-more {
  width: 2.18rem;
  height: 100%;
  position: absolute;
  top: -0.6rem;
  bottom: 0;
  margin: auto;
  text-align: center;
}
.cs-scroller-load-more-icon {
  display: inline-block;
  width: calc(0.84rem * var(--cs-font-size));
  height: calc(0.84rem * var(--cs-font-size));
}
.d-flex > .cs-scroller-item {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.d-flex > .cs-scroller-item:last-child {
  position: relative;
  margin-right: 0;
}
.d-flex > .cs-scroller-load-more {
  position: relative;
  top: 0;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}
.d-flex > .cs-scroller-load-more::after {
  display: none;
}

* {
  -webkit-text-size-adjust: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
             -moz-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
}
html {
  font-family: -apple-system, helvetica, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  height: 100%;
}
body {
  margin: 0;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  word-break: break-all;
  word-wrap: break-word;
}
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style-type: none;
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}
p {
  margin: 0;
}
button {
  padding: 0;
}
a {
  color: inherit;
  text-decoration: none;
  background-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}
a:active,
a:hover {
  outline: 0;
}
img {
  border: 0;
  width: 100%;
  height: 100%;
}
svg:not(:root) {
  overflow: hidden;
}
::-webkit-scrollbar {
  display: none;
}
button,
input {
  outline: none;
  border: 0;
}

.armor-image{width:100%;font-size:0;position:relative}.armor-image img{width:100%;height:100%}.armor-image .ratio-img{position:absolute;top:0;left:0}
@-webkit-keyframes loading-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.comp-loading .loading-icon{width:0.56rem;height:0.56rem;-webkit-animation:loading-rotate 1s linear;animation:loading-rotate 1s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;margin:0 auto}
.ug-comp-modal{font-size:0.28rem;display:none}@-webkit-keyframes modalIn{0%{-webkit-transform:scale(0) translate(-50%,-50%);transform:scale(0) translate(-50%,-50%);opacity:0}to{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}}@keyframes modalIn{0%{-webkit-transform:scale(0) translate(-50%,-50%);transform:scale(0) translate(-50%,-50%);opacity:0}to{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}}@-webkit-keyframes modalOut{0%{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}30%{-webkit-transform:scale(1.1) translate(-50%,-50%);transform:scale(1.1) translate(-50%,-50%);opacity:1}to{-webkit-transform:scale(0) translate(-50%,-50%);transform:scale(0) translate(-50%,-50%);opacity:0}}@keyframes modalOut{0%{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}30%{-webkit-transform:scale(1.1) translate(-50%,-50%);transform:scale(1.1) translate(-50%,-50%);opacity:1}to{-webkit-transform:scale(0) translate(-50%,-50%);transform:scale(0) translate(-50%,-50%);opacity:0}}.ug-comp-modal.visible{display:block}.ug-comp-modal-dialog{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;padding:0.4rem;background:rgba(0,0,0,.45)}.ug-comp-modal-dialog-content{position:absolute;top:50%;left:50%;-webkit-transform-origin:0 0;transform-origin:0 0;will-change:transform,opacity;-webkit-animation:modalOut .3s forwards;animation:modalOut .3s forwards;width:5.82rem;padding:0.4rem;background:#fff;border-radius:0.32rem;text-align:center}.ug-comp-modal-dialog-content .dialog-title{font-size:0.36rem}.ug-comp-modal-dialog-content .content{color:rgba(33,27,0,.6);margin:0.24rem 0 0.4rem}.ug-comp-modal-dialog-content .action-btn,.ug-comp-modal-dialog-content .action-btn-area{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.ug-comp-modal-dialog-content .action-btn{width:2.34rem;height:0.88rem;-webkit-box-align:center;-webkit-align-items:center;align-items:center;border-radius:0.44rem}.ug-comp-modal-dialog-content .action-btn.cancel-wrapper{background:#f5f5f5;color:rgba(33,27,0,.6);margin-right:0.34rem}.ug-comp-modal-dialog-content .action-btn.ok-wrapper{background:#ffd300}.ug-comp-modal-dialog-content .action-btn.ok-wrapper.only{width:5.02rem}.ug-comp-modal-dialog-content.active{-webkit-animation:modalIn .4s cubic-bezier(.125,1.275,.775,1.175) forwards;animation:modalIn .4s cubic-bezier(.125,1.275,.775,1.175) forwards}
.woody-ui-touch-feedback{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-transition:-webkit-transform .38s ease-out;transition:-webkit-transform .38s ease-out;transition:transform .38s ease-out;transition:transform .38s ease-out, -webkit-transform .38s ease-out;transition:transform .38s ease-out,-webkit-transform .38s ease-out}.woody-ui-touch-feedback.zoom-in{-webkit-transform:scale(1.15);transform:scale(1.15)}.woody-ui-touch-feedback.zoom-out{-webkit-transform:scale(.9);transform:scale(.9)}.woody-ui-touch-feedback.opacity{opacity:.4}.woody-ui-touch-feedback .loading-wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:100%}.woody-ui-touch-feedback .loading-wrapper .loading-icon{width:0.4rem;height:0.4rem}.woody-ui-touch-feedback-disabled{background:#d8d8d8!important;color:#fff!important}
.comp-fly-from-bottom-mask{display:none;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.4);z-index:100}.comp-fly-from-bottom-mask.show{display:block}.comp-fly-from-bottom{-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out, -webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;position:fixed;top:2rem;bottom:0;left:0;right:0;z-index:101;background:#fff;-webkit-overflow-scrolling:touch}
.comp-toast{display:none}@-webkit-keyframes toastIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes toastIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.comp-toast.visible{display:block}.comp-toast-dialog{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.comp-toast-dialog-content{will-change:transform,opacity;-webkit-animation:toastIn .3s forwards;animation:toastIn .3s forwards;min-width:4.6rem;padding:0.36rem 0.4rem;background:rgba(0,0,0,.7);border-radius:0.16rem;text-align:center}.comp-toast-dialog-content .children{color:#fff;font-size:0.32rem}
.armor-input{position:relative;background:#fff;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;padding:0.2rem 0.32rem}.armor-input .icon{width:0.4rem;margin-right:0.08rem}.armor-input .input-label{width:1.2rem;font-size:0.32rem;color:#000;font-weight:700}.armor-input .input-wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;border-radius:0.48rem;-webkit-box-flex:1;-webkit-flex:1;flex:1}.armor-input svg{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0.32rem;width:0.4rem;height:0.4rem}.armor-input input{width:100%;font-size:0.32rem;line-height:0.32rem;font-weight:400;padding:0.22rem 0;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.armor-input input::-webkit-input-placeholder{color:rgba(33,27,0,.2)}.armor-input input::-moz-placeholder{color:rgba(33,27,0,.2)}.armor-input input::-webkit-input-placeholder{color:rgba(33,27,0,.2)}.armor-input input::placeholder{color:rgba(33,27,0,.2)}.armor-input input:focus{outline:none}.armor-input .verify-code{width:2.04rem;-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;margin-left:0.26rem;color:#452400;font-weight:700}
.pay-verify-component{width:2.04rem;height:0.88rem;background:#ffd300;border-radius:0.44rem;line-height:0.9rem;font-weight:500;text-align:center;font-size:0.28rem}.pay-verify-component-not-valid{color:rgba(33,27,0,.6);background:#f5f5f5}.pay-verify-component-bounce{color:#452400!important}.pay-verify-component-bounce{-webkit-animation:breath 1s ease-in-out infinite;animation:breath 1s ease-in-out infinite}@-webkit-keyframes breath{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.13);transform:scale(1.13)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes breath{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.13);transform:scale(1.13)}to{-webkit-transform:scale(1);transform:scale(1)}}
.armor-swiper{position:relative;overflow:hidden;z-index:1}.armor-swiper .armor-swiper-wrapper{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:flex;position:relative;width:100%;height:100%;z-index:1;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-property:transform,-webkit-transform;-webkit-transform:translateZ(0);transform:translateZ(0)}.armor-swiper .armor-swiper-item{-webkit-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;width:100%;height:100%}.armor-swiper .armor-swiper-nav{line-height:0.08rem;width:100%;position:absolute;pointer-events:none}.armor-swiper .armor-swiper-nav-item{display:inline-block;margin:0 0.06rem;height:0.08rem;width:0.08rem;border-radius:50%;vertical-align:middle}
.cs-view-block{display:block}.cs-view-inline-block{display:inline-block}.cs-view-webkit-box{display:-webkit-box}
.cs-config-provider{position:relative}
.cs-flex{display:-webkit-box;display:-webkit-flex;display:flex}.cs-flex-item-1{-webkit-box-flex:1;-webkit-flex:1;flex:1}.cs-flex-item-auto{-webkit-box-flex:1;-webkit-flex:auto;flex:auto}.cs-flex-item-none{-webkit-box-flex:0;-webkit-flex:none;flex:none}.cs-flex-item-fill{-webkit-box-flex:1;-webkit-flex:1 1 100%;flex:1 1 100%}
.cs-scroller{overflow:hidden}.cs-scroller-wrap{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}.cs-scroller-wrap::-webkit-scrollbar{display:none}.cs-scroller-item:last-child{margin-right:0.34rem}.cs-scroller-load-more{display:inline-block!important}.cs-scroller-load-more{width:2.18rem;height:100%;position:absolute;top:-0.6rem;bottom:0;margin:auto;text-align:center}.cs-scroller-load-more-icon{display:inline-block;width:calc(0.84rem * var(--cs-font-size));height:calc(0.84rem * var(--cs-font-size))}.d-flex>.cs-scroller-item{-webkit-flex-shrink:0;flex-shrink:0}.d-flex>.cs-scroller-item:last-child{position:relative;margin-right:0}.d-flex>.cs-scroller-load-more{position:relative;top:0;height:auto;margin-top:0;margin-bottom:0}.d-flex>.cs-scroller-load-more:after{display:none}