page {
  --red: #e54d42;
  --orange: #f37b1d;
  --yellow: #fbbd08;
  --olive: #8dc63f;
  --green: #39b54a;
  --cyan: #1cbbb4;
  --blue: #0081ff;
  --purple: #6739b6;
  --mauve: #9c26b0;
  --pink: #e03997;
  --brown: #a5673f;
  --grey: #8799a3;
  --black: #333333;
  --darkGray: #666666;
  --gray: #aaaaaa;
  --ghostWhite: #f1f1f1;
  --white: #ffffff;
  --redLight: #fadbd9;
  --orangeLight: #fde6d2;
  --yellowLight: #fef2ce;
  --oliveLight: #e8f4d9;
  --greenLight: #d7f0db;
  --cyanLight: #d2f1f0;
  --blueLight: #cce6ff;
  --purpleLight: #e1d7f0;
  --mauveLight: #ebd4ef;
  --pinkLight: #f9d7ea;
  --brownLight: #ede1d9;
  --greyLight: #e7ebed;
  --gradualRed: linear-gradient(45deg, #f43f3b, #ec008c);
  --gradualOrange: linear-gradient(45deg, #ff9700, #ed1c24);
  --gradualGreen: linear-gradient(45deg, #39b54a, #8dc63f);
  --gradualPurple: linear-gradient(45deg, #9000ff, #5e00ff);
  --gradualPink: linear-gradient(45deg, #ec008c, #6739b6);
  --gradualBlue: linear-gradient(45deg, #0081ff, #1cbbb4);
  --ShadowSize: 6rpx 6rpx 8rpx;
  --redShadow: rgba(204, 69, 59, 0.2);
  --orangeShadow: rgba(217, 109, 26, 0.2);
  --yellowShadow: rgba(224, 170, 7, 0.2);
  --oliveShadow: rgba(124, 173, 55, 0.2);
  --greenShadow: rgba(48, 156, 63, 0.2);
  --cyanShadow: rgba(28, 187, 180, 0.2);
  --blueShadow: rgba(0, 102, 204, 0.2);
  --purpleShadow: rgba(88, 48, 156, 0.2);
  --mauveShadow: rgba(133, 33, 150, 0.2);
  --pinkShadow: rgba(199, 50, 134, 0.2);
  --brownShadow: rgba(140, 88, 53, 0.2);
  --greyShadow: rgba(114, 130, 138, 0.2);
  --grayShadow: rgba(114, 130, 138, 0.2);
  --blackShadow: rgba(26, 26, 26, 0.2);
  background-color: var(--ghostWhite);
  font-size: 28rpx;
  color: var(--black);
  font-family: Helvetica Neue,Helvetica,sans-serif
}
button,
image,
input,
label,
navigator,
scroll-view,
swiper,
textarea,
view {
  box-sizing: border-box
}
.radius {
  border-radius: 6rpx
}
.round {
  border-radius: 5000rpx
}
image {
  max-width: 100%;
  display: inline-block;
  position: relative;
  z-index: 0
}
.bg-red {
  background-color: var(--red);
  color: var(--white)
}
.bg-orange {
  background-color: var(--orange);
  color: var(--white)
}
.bg-yellow {
  background-color: var(--yellow);
  color: var(--black)
}
.bg-olive {
  background-color: var(--olive);
  color: var(--white)
}
.bg-green {
  background-color: var(--green);
  color: var(--white)
}
.bg-cyan {
  background-color: var(--cyan);
  color: var(--white)
}
.bg-blue {
  background-color: var(--blue);
  color: var(--white)
}
.bg-purple {
  background-color: var(--purple);
  color: var(--white)
}
.bg-mauve {
  background-color: var(--mauve);
  color: var(--white)
}
.bg-pink {
  background-color: var(--pink);
  color: var(--white)
}
.bg-brown {
  background-color: var(--brown);
  color: var(--white)
}
.bg-grey {
  background-color: var(--grey);
  color: var(--white)
}
.bg-gray {
  background-color: #f0f0f0;
  color: var(--black)
}
.bg-black {
  background-color: var(--black);
  color: var(--white)
}
.bg-white {
  background-color: var(--white);
  color: var(--darkGray)
}
.bg-red.light {
  color: var(--red);
  background-color: var(--redLight)
}
.bg-orange.light {
  color: var(--orange);
  background-color: var(--orangeLight)
}
.bg-yellow.light {
  color: var(--yellow);
  background-color: var(--yellowLight)
}
.bg-olive.light {
  color: var(--olive);
  background-color: var(--oliveLight)
}
.bg-green.light {
  color: var(--green);
  background-color: var(--greenLight)
}
.bg-cyan.light {
  color: var(--cyan);
  background-color: var(--cyanLight)
}
.bg-blue.light {
  color: var(--blue);
  background-color: var(--blueLight)
}
.bg-purple.light {
  color: var(--purple);
  background-color: var(--purpleLight)
}
.bg-mauve.light {
  color: var(--mauve);
  background-color: var(--mauveLight)
}
.bg-pink.light {
  color: var(--pink);
  background-color: var(--pinkLight)
}
.bg-brown.light {
  color: var(--brown);
  background-color: var(--brownLight)
}
.bg-gradual-red {
  background-image: var(--gradualRed);
  color: var(--white)
}
.bg-gradual-orange {
  background-image: var(--gradualOrange);
  color: var(--white)
}
.bg-gradual-green {
  background-image: var(--gradualGreen);
  color: var(--white)
}
.bg-gradual-purple {
  background-image: var(--gradualPurple);
  color: var(--white)
}
.bg-gradual-pink {
  background-image: var(--gradualPink);
  color: var(--white)
}
.bg-gradual-blue {
  background-image: var(--gradualBlue);
  color: var(--white)
}
.flex {
  display: -ms-flexbox;
  display: flex
}
.basis-xs {
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%
}
.basis-sm {
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%
}
.basis-df {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%
}
.basis-lg {
  -ms-flex-preferred-size: 60%;
  flex-basis: 60%
}
.basis-xl {
  -ms-flex-preferred-size: 80%;
  flex-basis: 80%
}
.flex-sub {
  -ms-flex: 1;
  flex: 1
}
.flex-twice {
  -ms-flex: 2;
  flex: 2
}
.flex-treble {
  -ms-flex: 3;
  flex: 3
}
.flex-direction {
  -ms-flex-direction: column;
  flex-direction: column
}
.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.align-start {
  -ms-flex-align: start;
  align-items: flex-start
}
.align-end {
  -ms-flex-align: end;
  align-items: flex-end
}
.align-center {
  -ms-flex-align: center;
  align-items: center
}
.align-stretch {
  -ms-flex-align: stretch;
  align-items: stretch
}
.self-start {
  -ms-flex-item-align: start;
  align-self: flex-start
}
.self-center {
  -ms-flex-item-align: flex-center;
  align-self: flex-center
}
.self-end {
  -ms-flex-item-align: end;
  align-self: flex-end
}
.self-stretch {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch
}
.align-stretch {
  -ms-flex-align: stretch;
  align-items: stretch
}
.justify-start {
  -ms-flex-pack: start;
  justify-content: flex-start
}
.justify-end {
  -ms-flex-pack: end;
  justify-content: flex-end
}
.justify-center {
  -ms-flex-pack: center;
  justify-content: center
}
.justify-between {
  -ms-flex-pack: justify;
  justify-content: space-between
}
.justify-around {
  -ms-flex-pack: distribute;
  justify-content: space-around
}
.margin-0 {
  margin: 0
}
.margin-xs {
  margin: 10rpx
}
.margin-sm {
  margin: 20rpx
}
.margin {
  margin: 30rpx
}
.margin-lg {
  margin: 40rpx
}
.margin-xl {
  margin: 50rpx
}
.margin-top-xs {
  margin-top: 10rpx
}
.margin-top-sm {
  margin-top: 20rpx
}
.margin-top {
  margin-top: 30rpx
}
.margin-top-lg {
  margin-top: 40rpx
}
.margin-top-xl {
  margin-top: 50rpx
}
.margin-right-xs {
  margin-right: 10rpx
}
.margin-right-sm {
  margin-right: 20rpx
}
.margin-right {
  margin-right: 30rpx
}
.margin-right-lg {
  margin-right: 40rpx
}
.margin-right-xl {
  margin-right: 50rpx
}
.margin-bottom-xs {
  margin-bottom: 10rpx
}
.margin-bottom-sm {
  margin-bottom: 20rpx
}
.margin-bottom {
  margin-bottom: 30rpx
}
.margin-bottom-lg {
  margin-bottom: 40rpx
}
.margin-bottom-xl {
  margin-bottom: 50rpx
}
.margin-left-xs {
  margin-left: 10rpx
}
.margin-left-sm {
  margin-left: 20rpx
}
.margin-left {
  margin-left: 30rpx
}
.margin-left-lg {
  margin-left: 40rpx
}
.margin-left-xl {
  margin-left: 50rpx
}
.margin-lr-xs {
  margin-left: 10rpx;
  margin-right: 10rpx
}
.margin-lr-sm {
  margin-left: 20rpx;
  margin-right: 20rpx
}
.margin-lr {
  margin-left: 30rpx;
  margin-right: 30rpx
}
.margin-lr-lg {
  margin-left: 40rpx;
  margin-right: 40rpx
}
.margin-lr-xl {
  margin-left: 50rpx;
  margin-right: 50rpx
}
.margin-tb-xs {
  margin-top: 10rpx;
  margin-bottom: 10rpx
}
.margin-tb-sm {
  margin-top: 20rpx;
  margin-bottom: 20rpx
}
.margin-tb {
  margin-top: 30rpx;
  margin-bottom: 30rpx
}
.margin-tb-lg {
  margin-top: 40rpx;
  margin-bottom: 40rpx
}
.margin-tb-xl {
  margin-top: 50rpx;
  margin-bottom: 50rpx
}
.padding-0 {
  padding: 0
}
.padding-xs {
  padding: 10rpx
}
.padding-sm {
  padding: 20rpx
}
.padding {
  padding: 30rpx
}
.padding-lg {
  padding: 40rpx
}
.padding-xl {
  padding: 50rpx
}
.padding-top-xs {
  padding-top: 10rpx
}
.padding-top-sm {
  padding-top: 20rpx
}
.padding-top {
  padding-top: 30rpx
}
.padding-top-lg {
  padding-top: 40rpx
}
.padding-top-xl {
  padding-top: 50rpx
}
.padding-right-xs {
  padding-right: 10rpx
}
.padding-right-sm {
  padding-right: 20rpx
}
.padding-right {
  padding-right: 30rpx
}
.padding-right-lg {
  padding-right: 40rpx
}
.padding-right-xl {
  padding-right: 50rpx
}
.padding-bottom-xs {
  padding-bottom: 10rpx
}
.padding-bottom-sm {
  padding-bottom: 20rpx
}
.padding-bottom {
  padding-bottom: 30rpx
}
.padding-bottom-lg {
  padding-bottom: 40rpx
}
.padding-bottom-xl {
  padding-bottom: 50rpx
}
.padding-left-xs {
  padding-left: 10rpx
}
.padding-left-sm {
  padding-left: 20rpx
}
.padding-left {
  padding-left: 30rpx
}
.padding-left-lg {
  padding-left: 40rpx
}
.padding-left-xl {
  padding-left: 50rpx
}
.padding-lr-xs {
  padding-left: 10rpx;
  padding-right: 10rpx
}
.padding-lr-sm {
  padding-left: 20rpx;
  padding-right: 20rpx
}
.padding-lr {
  padding-left: 30rpx;
  padding-right: 30rpx
}
.padding-lr-lg {
  padding-left: 40rpx;
  padding-right: 40rpx
}
.padding-lr-xl {
  padding-left: 50rpx;
  padding-right: 50rpx
}
.padding-tb-xs {
  padding-top: 10rpx;
  padding-bottom: 10rpx
}
.padding-tb-sm {
  padding-top: 20rpx;
  padding-bottom: 20rpx
}
.padding-tb {
  padding-top: 30rpx;
  padding-bottom: 30rpx
}
.padding-tb-lg {
  padding-top: 40rpx;
  padding-bottom: 40rpx
}
.padding-tb-xl {
  padding-top: 50rpx;
  padding-bottom: 50rpx
}
.cf::after,
.cf::before {
  content: " ";
  display: table
}
.cf::after {
  clear: both
}
.fl {
  float: left
}
.fr {
  float: right
}
.text-xs {
  font-size: 20rpx
}
.text-sm {
  font-size: 24rpx
}
.text-df {
  font-size: 28rpx
}
.text-lg {
  font-size: 32rpx
}
.text-xl {
  font-size: 36rpx
}
.text-xxl {
  font-size: 44rpx
}
.text-sl {
  font-size: 80rpx
}
.text-xsl {
  font-size: 120rpx
}
.text-Abc {
  text-transform: Capitalize
}
.text-ABC {
  text-transform: Uppercase
}
.text-abc {
  text-transform: Lowercase
}
.text-price::before {
  content: "¥";
  font-size: 80%;
  margin-right: 4rpx
}
.text-cut {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}
.text-bold {
  font-weight: 700
}
.text-center {
  text-align: center
}
.text-content {
  line-height: 1.6
}
.text-left {
  text-align: left
}
.text-right {
  text-align: right
}
.line-red,
.lines-red,
.text-red {
  color: var(--red)
}
.line-orange,
.lines-orange,
.text-orange {
  color: var(--orange)
}
.line-yellow,
.lines-yellow,
.text-yellow {
  color: var(--yellow)
}
.line-olive,
.lines-olive,
.text-olive {
  color: var(--olive)
}
.line-green,
.lines-green,
.text-green {
  color: var(--green)
}
.line-cyan,
.lines-cyan,
.text-cyan {
  color: var(--cyan)
}
.line-blue,
.lines-blue,
.text-blue {
  color: var(--blue)
}
.line-purple,
.lines-purple,
.text-purple {
  color: var(--purple)
}
.line-mauve,
.lines-mauve,
.text-mauve {
  color: var(--mauve)
}
.line-pink,
.lines-pink,
.text-pink {
  color: var(--pink)
}
.line-brown,
.lines-brown,
.text-brown {
  color: var(--brown)
}
.line-grey,
.lines-grey,
.text-grey {
  color: var(--grey)
}
.line-gray,
.lines-gray,
.text-gray {
  color: var(--gray)
}
.line-black,
.lines-black,
.text-black {
  color: var(--black)
}
.line-white,
.lines-white,
.text-white {
  color: var(--white)
}
.cu-form-group {
  background-color: #fff;
  padding: 1rpx 30rpx;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: 100rpx;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.cu-form-group + .cu-form-group {
  border-top: 1rpx solid #eee
}
.cu-form-group .title {
  text-align: justify;
  padding-right: 30rpx;
  font-size: 30rpx;
  position: relative;
  height: 60rpx;
  line-height: 60rpx
}
.cu-form-group input {
  -ms-flex: 1;
  flex: 1;
  font-size: 30rpx;
  color: #555;
  padding-right: 20rpx
}
.cu-form-group > text[class*=cuIcon-] {
  font-size: 36rpx;
  padding: 0;
  box-sizing: border-box
}
.cu-form-group textarea {
  margin: 32rpx 0 30rpx;
  height: 4.6em;
  width: 100%;
  line-height: 1.2em;
  -ms-flex: 1;
  flex: 1;
  font-size: 28rpx;
  padding: 0
}
.cu-form-group.align-start .title {
  height: 1em;
  margin-top: 32rpx;
  line-height: 1em
}
.cu-form-group picker {
  -ms-flex: 1;
  flex: 1;
  padding-right: 40rpx;
  overflow: hidden;
  position: relative
}
.cu-form-group picker .picker {
  line-height: 100rpx;
  font-size: 28rpx;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-align: right
}
.cu-form-group picker::after {
  font-family: cuIcon;
  display: block;
  content: "\e6a3";
  position: absolute;
  font-size: 34rpx;
  color: #8799a3;
  line-height: 100rpx;
  width: 60rpx;
  text-align: center;
  top: 0;
  bottom: 0;
  right: -20rpx;
  margin: auto
}
.cu-form-group textarea[disabled],
.cu-form-group textarea[disabled] .placeholder {
  color: transparent
}