.ls--dropdown[data-v-3e701f38] {
  position: relative;
  z-index: 1000;
  display: inline-block;
}

.ls--dropdown .ls--dropdown-menu[data-v-3e701f38] {
  box-shadow: 0 0.02415rem 0.16908rem 0 rgba(13, 5, 9, 0.15);
  background: #fff;
  position: absolute;
  top: 100%;
  margin-top: 0.16103rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 0.08052rem 0;
  text-align: center;
  min-width: 1.61031rem;
  border-radius: 0.07246rem;
}

.ls--dropdown .ls--dropdown-menu .ls--dropdown-menu-item[data-v-3e701f38] {
  padding: 0.16103rem 0;
  font-size: 0.22544rem;
  color: #2e88e7;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.ls--dropdown
  .ls--dropdown-menu
  .ls--dropdown-menu-item[data-v-3e701f38]:hover {
  background: rgba(46, 136, 231, 0.1);
}

.ls--dropdown.top .ls--dropdown-menu[data-v-3e701f38] {
  box-shadow: 0 -0.02415rem 0.16908rem 0 rgba(13, 5, 9, 0.15);
  position: absolute;
  top: auto;
  bottom: 100%;
  margin-bottom: 0.04831rem;
}

.ls-select-lng[data-v-53a6bb22] {
  vertical-align: middle;
  position: relative;
  display: inline-block;
}

.ls-select-lng select[data-v-53a6bb22] {
  -webkit-appearance: none;
  appearance: none;
}

.ls-select-lng label[data-v-53a6bb22] {
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
  font-size: 0.43478rem;
  margin-right: 0.08052rem;
  cursor: pointer;
}

.ls-select-lng select[data-v-53a6bb22] {
  display: inline-block;
  vertical-align: middle;
  border: none;
  font-size: 0.33816rem;
  outline: none;
  background: none;
  cursor: pointer;
}

.ls-select-lng select[data-v-53a6bb22]:active,
.ls-select-lng select[data-v-53a6bb22]:focus-visible,
.ls-select-lng select[data-v-53a6bb22]:hover {
  border: none;
}

.ls-select-lng .caret[data-v-53a6bb22] {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.07246rem;
  vertical-align: middle;
  border-top: 0.12077rem solid;
  border-right: 0.12077rem solid transparent;
  border-left: 0.12077rem solid transparent;
}

.ls-select-lng.mobile.lng-size-small label[data-v-53a6bb22] {
  font-size: 0.41868rem;
}

.ls-select-lng.mobile.lng-size-small select[data-v-53a6bb22] {
  font-size: 0.31401rem;
}

.ls-select-lng.pc label[data-v-53a6bb22] {
  font-size: 0.25765rem;
  margin-right: 0.08052rem;
}

.ls-select-lng.pc .ls--icon[data-v-53a6bb22] {
  font-size: 0.27375rem;
  display: inline-block;
  vertical-align: middle;
}

.ls-select-lng.pc .show-text[data-v-53a6bb22] {
  font-size: 0.19324rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.08052rem;
}

.ls-select-lng.pc select[data-v-53a6bb22] {
  font-size: 0.19324rem;
}

.ls-select-lng.pc .caret[data-v-53a6bb22] {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.04831rem;
  vertical-align: middle;
  border-top: 0.08052rem solid;
  border-right: 0.08052rem solid transparent;
  border-left: 0.08052rem solid transparent;
}

.ls-select-lng .ls--select-lng-content[data-v-53a6bb22] {
  min-width: 1.61031rem;
  text-align: left;
  color: var(--text-color);
}

.ls-select-lng .ls--select-lng-content[data-v-53a6bb22]:hover {
  color: var(--hover-color);
}

.ls-select-lng .ls--dropdown.ls--select-lng-dro .ls--dropdown-menu {
  width: 1.77134rem;
}

.ls-select-lng
  .ls--dropdown.ls--select-lng-dro
  .ls--dropdown-menu
  .ls--dropdown-menu-item {
  color: #666;
}

.ls-select-lng
  .ls--dropdown.ls--select-lng-dro
  .ls--dropdown-menu
  .ls--dropdown-menu-item:hover {
  color: #2e88e7;
}

footer[data-v-69b572ac] {
  padding: 0 0.38647rem;
  background: #fff;
}

footer .content[data-v-69b572ac] {
  padding: 0.61192rem 1.0306rem;
}

footer .content.topline[data-v-69b572ac] {
  border-top: 0.02415rem solid #d1dce4;
}

footer .content h3[data-v-69b572ac] {
  font-size: 0.28986rem;
  color: #333;
  font-weight: 700;
  margin-bottom: 0.16103rem;
  text-align: left;
}

footer .fleft[data-v-69b572ac] {
  float: left;
  width: 50%;
  text-align: left;
}

footer .fleft .bflogo[data-v-69b572ac] {
  font-size: 0.30596rem;
}

footer .fleft .bflogo img[data-v-69b572ac] {
  width: 1.75523rem;
  height: 0.46699rem;
  display: inline-block;
  vertical-align: middle;
}

footer .fleft .bflogo span[data-v-69b572ac] {
  font-size: 0.30596rem;
  color: #333;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.16103rem;
}

footer .fleft .contact[data-v-69b572ac] {
  color: #747e8b;
  line-height: 0;
  margin-top: 0.32206rem;
}

footer .fleft .contact .subtitle[data-v-69b572ac] {
  font-size: 0.19324rem;
  display: inline-block;
  vertical-align: middle;
}

footer .fleft .contact a[data-v-69b572ac] {
  width: 0.37037rem;
  height: 0.37037rem;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.06441rem;
}

footer .fleft .contact img[data-v-69b572ac] {
  display: block;
  font-size: 0;
}

footer .fleft .copyright[data-v-69b572ac] {
  font-size: 0.19324rem;
  color: #747e8b;
  margin-top: 0.32206rem;
}

footer .fright[data-v-69b572ac] {
  float: right;
  width: 50%;
  font-size: 0.19324rem;
}

footer .fright .fritem[data-v-69b572ac] {
  float: left;
  width: 33%;
  padding: 0 0.24155rem;
}

footer .fright .fritem.lng[data-v-69b572ac] {
  text-align: left;
}

footer .fright.noLng[data-v-69b572ac] {
  width: 40%;
}

footer .fright.noLng .fritem[data-v-69b572ac] {
  width: 50%;
}

footer .down-platform .btn-down[data-v-69b572ac] {
  display: block;
  color: #747e8b;
  opacity: 0.8;
  text-decoration: none;
  font-size: 0.19324rem;
  text-align: left;
  line-height: 0.45089rem;
}

footer .down-platform .btn-down[data-v-69b572ac]:hover {
  opacity: 1;
}

footer .about[data-v-69b572ac] {
  text-align: left;
  min-width: 2.01288rem;
}

footer .about a[data-v-69b572ac] {
  display: block;
  color: #747e8b;
  opacity: 0.8;
  text-decoration: none;
  font-size: 0.19324rem;
  text-align: left;
  line-height: 0.45089rem;
}

footer .about a[data-v-69b572ac]:hover {
  opacity: 1;
}

footer .lng-select[data-v-69b572ac] {
  text-align: left;
  line-height: 0.45089rem;
}

.promoter[data-v-20b622f5] {
  position: relative;
  background: #fff;
  color: #fff;
}

header[data-v-20b622f5] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: left;
  padding: 0.48309rem;
  padding-left: 1.28824rem;
  z-index: 2;
}

header img[data-v-20b622f5] {
  width: 2.38325rem;
  height: 0.57971rem;
  display: inline-block;
  vertical-align: middle;
}

header span[data-v-20b622f5] {
  font-size: 0.32206rem;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  margin-left: 0.16103rem;
}

.main[data-v-20b622f5] {
  padding: 0.96618rem 1.28824rem 1.12721rem;
  text-align: left;
  position: relative;
}

.main h1[data-v-20b622f5] {
  font-size: 0.70048rem;
  margin-top: 0.48309rem;
  margin-bottom: 0.32206rem;
  color: #fff;
  font-weight: 700;
}

.main h1 strong[data-v-20b622f5] {
  color: #ffef01;
  font-weight: 700;
}

.main h4[data-v-20b622f5] {
  font-size: 0.38647rem;
  margin: 0.32206rem 0 0.16103rem;
}

.main .line[data-v-20b622f5] {
  display: block;
  width: 1.28824rem;
  height: 0.12882rem;
  background: #ffef01;
}

.main .recomend[data-v-20b622f5] {
  font-size: 0.22544rem;
  line-height: 0.32206rem;
  margin-top: 0.32206rem;
}

.main .qrcode[data-v-20b622f5] {
  width: 4.17069rem;
  height: 5.09662rem;
  display: block;
  margin-right: 0.32206rem;
  margin-top: 0.48309rem;
}

.main .main-left[data-v-20b622f5] {
  width: 50%;
  float: left;
  position: relative;
}

.main .main-right[data-v-20b622f5] {
  width: 50%;
  float: right;
  position: relative;
}

.main .main-right img[data-v-20b622f5] {
  width: 100%;
  display: block;
  margin-top: 0.72464rem;
  position: absolute;
  top: 0;
  left: 0;
}

.bg[data-v-20b622f5] {
  width: 100%;
  height: 100%;
  background: url(../img/home_bg_pc.c4ac6b37.png) 100% 0 no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.introduce[data-v-20b622f5] {
  padding: 0.48309rem 0;
  margin-top: 1.28824rem;
  color: #333;
  padding-bottom: 1.61031rem;
  text-align: center;
}

.introduce .intr-item[data-v-20b622f5] {
  padding: 0.32206rem;
  padding-right: 2.0934rem;
  box-shadow: 0 0.03221rem 0.19324rem 0 rgba(0, 0, 0, 0.1);
  position: relative;
  border-radius: 0.32206rem;
  text-align: left;
  display: inline-block;
  width: 6.03865rem;
  height: 2.02899rem;
  min-height: 2.14171rem;
  margin-right: 0.72464rem;
  vertical-align: top;
}

.introduce .intr-item h3[data-v-20b622f5] {
  font-size: 0.35427rem;
  margin: 0;
  margin-bottom: 0.16103rem;
}

.introduce .intr-item p[data-v-20b622f5] {
  font-size: 0.19324rem;
  color: #666;
  line-height: 1.6;
}

.introduce .intr-item img[data-v-20b622f5] {
  width: 1.562rem;
  height: 1.25604rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0.24155rem;
}

.introduce .intr-item[data-v-20b622f5]:last-child {
  margin-right: 0;
}
@media screen and (max-width: 1200px) {

  .introduce[data-v-20b622f5] {
    padding: 0.48309rem 0;
    margin-top: 1.28824rem;
    color: #333;
    padding-bottom: 1.61031rem;
    text-align: center;
  }

  .introduce .intr-item[data-v-20b622f5] {
    padding: 0.24155rem;
    padding-right: 1.20773rem;
    box-shadow: 0 0.03221rem 0.19324rem 0 rgba(0, 0, 0, 0.1);
    position: relative;
    border-radius: 0.32206rem;
    text-align: left;
    display: inline-block;
    width: 28%;
    height: 2.0934rem;
    vertical-align: top;
  }

  .introduce .intr-item h3[data-v-20b622f5] {
    font-size: 0.27375rem;
    margin: 0;
    margin-bottom: 0.16103rem;
  }

  .introduce .intr-item p[data-v-20b622f5] {
    font-size: 0.09662rem;
    color: #666;
    line-height: 1.6;
  }

  .introduce .intr-item img[data-v-20b622f5] {
    width: 1.11111rem;
    height: 0.94203rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0.24155rem;
  }

  .introduce .intr-item[data-v-20b622f5]:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 900px) {

  .introduce[data-v-20b622f5] {
    padding: 0.48309rem 0;
    margin-top: 1.28824rem;
    color: #333;
    padding-bottom: 1.61031rem;
    text-align: center;
  }

  .introduce .intr-item[data-v-20b622f5] {
    padding: 0.24155rem;
    padding-right: 1.20773rem;
    box-shadow: 0 0.03221rem 0.19324rem 0 rgba(0, 0, 0, 0.1);
    position: relative;
    border-radius: 0.32206rem;
    text-align: left;
    display: inline-block;
    width: 27%;
    height: 2.49597rem;
    vertical-align: top;
  }

  .introduce .intr-item h3[data-v-20b622f5] {
    font-size: 0.27375rem;
    margin: 0;
    margin-bottom: 0.16103rem;
  }

  .introduce .intr-item p[data-v-20b622f5] {
    font-size: 0.09662rem;
    color: #666;
    line-height: 1.6;
  }

  .introduce .intr-item img[data-v-20b622f5] {
    width: 1.11111rem;
    height: 0.94203rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0.24155rem;
  }

  .introduce .intr-item[data-v-20b622f5]:last-child {
    margin-right: 0;
  }
}
