:root {
  --van-swipe-indicator-size: 6px;
  --van-swipe-indicator-margin: var(--van-padding-sm);
  --van-swipe-indicator-active-opacity: 1;
  --van-swipe-indicator-inactive-opacity: .3;
  --van-swipe-indicator-active-background-color: var(--van-primary-color);
  --van-swipe-indicator-inactive-background-color: var(--van-border-color)
}

.van-swipe {
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
  cursor: grab;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.van-swipe__track {
  display: flex;
  height: 100%
}

.van-swipe__track--vertical {
  flex-direction: column
}

.van-swipe__indicators {
  position: absolute;
  bottom: var(--van-swipe-indicator-margin);
  left: 50%;
  display: flex;
  transform: translate(-50%)
}

.van-swipe__indicators--vertical {
  top: 50%;
  bottom: auto;
  left: var(--van-swipe-indicator-margin);
  flex-direction: column;
  transform: translateY(-50%)
}

.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child) {
  margin-bottom: var(--van-swipe-indicator-size)
}

.van-swipe__indicator {
  width: var(--van-swipe-indicator-size);
  height: var(--van-swipe-indicator-size);
  background-color: var(--van-swipe-indicator-inactive-background-color);
  border-radius: 100%;
  opacity: var(--van-swipe-indicator-inactive-opacity);
  transition: opacity var(--van-animation-duration-fast), background-color var(--van-animation-duration-fast)
}

.van-swipe__indicator:not(:last-child) {
  margin-right: var(--van-swipe-indicator-size)
}

.van-swipe__indicator--active {
  background-color: var(--van-swipe-indicator-active-background-color);
  opacity: var(--van-swipe-indicator-active-opacity)
}

.van-swipe-item {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: 100%
}

.help_main[data-v-a0cb6588] {
  color: #000;
  background: #fff;
  border-bottom: 1px solid rgba(58, 58, 71, .5)
}

.help_main[data-v-a0cb6588] .van-nav-bar__title {
  color: #000
}

.login_main[data-v-a0cb6588] {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0;
  text-align: center;
  color: #262626;
  background: transparent
}

.english_wrap[data-v-a0cb6588] {
  width: 110px;
  height: 25px;
  border-radius: 20px;
  background: #a7dee9
}

.lang-image[data-v-a0cb6588] {
  display: block;
  width: 40px
}

.my-bar3[data-v-a0cb6588] {
  background: #fff;
  border-bottom: 1px solid rgba(58, 58, 71, .5)
}

.logo-image[data-v-a0cb6588] {
  display: block;
  width: 80px
}

.mr-15[data-v-a0cb6588] {
  margin-right: 15px
}

.logo-image1[data-v-a0cb6588] {
  display: block;
  width: 80px
}

.left-text[data-v-a0cb6588] {
  color: #fff;
  font-family: Arial;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  padding-left: 10px
}

.home-container[data-v-4db827a8] {
  height: 100vh;
  overflow-y: auto;
  background-image: url(../img/bg6.d9fe5c24.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%
}

.main-section[data-v-4db827a8] {
  box-sizing: border-box;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px
}

.notice-wrap[data-v-4db827a8] {
  box-sizing: border-box;
  width: 100%;
  height: 25px;
  border-radius: 5px;
  border: 1px solid #00f2ea;
  background: #fff;
  margin-top: 15px
}

.notice-line[data-v-4db827a8] {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 25px
}

.notice-wrap[data-v-4db827a8] .van-swipe,
.notice-wrap[data-v-4db827a8] .van-swipe-item {
  height: 25px
}

.congrats[data-v-4db827a8] {
  padding-left: 15px;
  color: #333;
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}

.total-line[data-v-4db827a8] {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  margin-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 4px;
  background-color: #fff;
  border: 2px solid #00f2ea
}

.balance-name[data-v-4db827a8] {
  padding-right: 10px;
  border-right: 1px dashed rgba(0, 0, 0, .25);
  font-size: 12px
}

.balance-money[data-v-4db827a8],
.balance-name[data-v-4db827a8] {
  color: #000;
  font-family: Arial;
  font-style: normal;
  font-weight: 700;
  line-height: normal
}

.balance-money[data-v-4db827a8] {
  padding-left: 15px;
  padding-right: 8px;
  text-align: center;
  font-size: 20px
}

.balance-unit[data-v-4db827a8] {
  color: #000;
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal
}

.service-title[data-v-4db827a8] {
  color: #fff;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  margin-top: 15px;
  margin-bottom: 10px
}

.service-list[data-v-4db827a8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%
}

.service-line[data-v-4db827a8] {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 48%;
  padding: 0 15px;
  height: 42px;
  border-radius: 5px;
  background-color: #ff004f;
  border-left: 2px solid #ff004f;
  border-bottom: 2px solid #ff004f;
  border-right: 2px solid #00f2ea;
  border-top: 2px solid #00f2ea
}

.service-text[data-v-4db827a8] {
  white-space: nowrap;
  padding-left: 10px;
  color: #fff;
  font-family: Arial;
  font-size: 14px;
  font-style: normal;
  font-weight: 700
}

.swipe-line[data-v-4db827a8] {
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  background: #fff;
  padding-left: 18px;
  padding-right: 18px;
  border-radius: 4px;
  border: 2px solid #ff004f
}

.swipe-left[data-v-4db827a8],
.swipe-line[data-v-4db827a8] {
  display: flex;
  align-items: center
}

.swipe-desc[data-v-4db827a8] {
  padding-left: 40px
}

.swipe-name[data-v-4db827a8] {
  font-size: 12px;
  font-weight: 700
}

.swipe-name[data-v-4db827a8],
.swipe-unit[data-v-4db827a8] {
  color: #000;
  font-family: Arial;
  font-style: normal;
  line-height: normal
}

.swipe-unit[data-v-4db827a8] {
  font-size: 10px;
  font-weight: 400
}

.swipe-right[data-v-4db827a8] {
  display: flex;
  align-items: center
}

.swipe-money[data-v-4db827a8] {
  padding-right: 30px;
  color: #000;
  text-align: right;
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal
}

.swipe-icon[data-v-4db827a8] {
  display: block;
  width: 8px;
  height: 16px
}

.products-list[data-v-4db827a8] {
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  padding-bottom: 80px
}

.container-full[data-v-4db827a8] {
  margin-bottom: 15px
}

.goods-line[data-v-4db827a8] {
  width: 120px;
  background-color: #fff;
  padding-bottom: 10px;
  border-radius: 5px;
  margin-right: 15px
}

.notice-image[data-v-4db827a8] {
  display: block;
  width: 120px;
  height: 120px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px
}

.goods-name[data-v-4db827a8] {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #161616;
  font-size: 12px
}

.goods-money[data-v-4db827a8],
.goods-name[data-v-4db827a8] {
  padding-left: 8px;
  margin-top: 5px;
  font-family: Arial;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}

.goods-money[data-v-4db827a8] {
  color: #ff004f;
  font-size: 10px
}

.video-list[data-v-4db827a8] {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  overflow-x: auto
}

.video-line[data-v-4db827a8] {
  width: 165px;
  height: 300px;
  margin-right: 20px
}

.play-wrap[data-v-4db827a8] {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%
}

.bg1[data-v-4db827a8] {
  background-image: url(../img/s1.510490a5.png)
}

.bg2[data-v-4db827a8] {
  background-image: url(../img/s2.0a1ab578.png)
}

.bg3[data-v-4db827a8] {
  background-image: url(../img/s3.93f3bab0.png)
}

.articlePopup[data-v-4db827a8] {
  box-sizing: border-box;
  width: 100%;
  min-height: 200px;
  overflow-y: scroll;
  padding: 20px;
  color: #000
}

.articleContent[data-v-4db827a8] {
  margin-bottom: 60px
}

.btn-cancel-area[data-v-4db827a8] {
  position: absolute;
  bottom: 20px;
  box-sizing: border-box;
  width: 90%
}

.btn-cancel[data-v-4db827a8] {
  box-sizing: border-box;
  width: 120px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  background: #406087
}