@charset "UTF-8";
/* .container-fluid {
  padding-right: 0;
  padding-left: 0;
}

.row {
  margin-left: 0;
  margin-right: 0;
}

body {
  color: #151515;
  font-family: Didact Gothic;
}

.mt-300 {
  margin-top: 15.625vw;
}

.mt-200 {
  margin-top: 10.4166666667vw;
}

.mt-160 {
  margin-top: 8.3333333333vw;
}

.mt-120 {
  margin-top: 6.25vw;
}

.mt-80 {
  margin-top: 4.1666666667vw;
}

.mt-60 {
  margin-top: 3.125vw;
}

.mt-40 {
  margin-top: 2.0833333333vw;
}

.mb-120 {
  margin-bottom: 6.25vw;
}

.mb-40 {
  margin-bottom: 2.0833333333vw;
}

.mb-20 {
  margin-bottom: 1.0416666667vw;
}

.mt-20 {
  margin-top: 1.0416666667vw;
}

@media (max-width: 750px) {
  .mt-300 {
    margin-top: 40vw;
  }

  .mt-200 {
    margin-top: 26.6666666667vw;
  }

  .mt-160 {
    margin-top: 21.3333333333vw;
  }

  .mt-120 {
    margin-top: 16vw;
  }

  .mt-80 {
    margin-top: 10.6666666667vw;
  }

  .mt-60 {
    margin-top: 8vw;
  }

  .mt-40 {
    margin-top: 5.3333333333vw;
  }

  .mb-120 {
    margin-bottom: 16vw;
  }

  .mb-40 {
    margin-bottom: 5.3333333333vw;
  }

  .mb-20 {
    margin-bottom: 2.6666666667vw;
  }

  .mt-20 {
    margin-top: 2.6666666667vw;
  }
}
.font-Poppins-Black { font-family: Poppins-Black; }
.font-Poppins-Bold { font-family: Poppins-Bold; }
.font-Poppins-ExtraBold { font-family: Poppins-ExtraBold; }
.font-Poppins-Light { font-family: Poppins-Light; }
.font-Poppins-Medium { font-family: Poppins-Medium; }
.font-Poppins-Regular { font-family: Poppins-Regular; }
.font-Poppins-SemiBold { font-family: Poppins-SemiBold; }
.text-color-666 {
  color: #666;
}
.text-color-999 {
  color: #999;
}
.text-color-161616 {
  color: #161616;
}
.font-12px {
    font-size: 0.84vw;
}
.font-14px {
    font-size: 1vw;
}
.font-16px {
    font-size: 1.045vw;
}
.font-18px {
    font-size: 1.035vw;
}
.font-20px {
    font-size: 1.3vw;
}
.font-22px {
    font-size: 1.445vw;
}
.font-24px {
    font-size: 1.567vw;
}
.font-28px {
    font-size: 1.615vw;
}
.font-30px { font-size: 2.06vw; }
.font-32px {
    font-size: 2.083vw;
}
.font-40px {
    font-size: 2.5vw;
}
.font-48px {
    font-size: 2.917vw;
}
.font-50px { font-size: 3.2633vw; }
.font-56px {
    font-size: 3.333vw;
}
.font-60px { font-size: 3.86vw; }
.font-64px {
    font-size: 3.75vw;
}
.font-70px { font-size: 4.35vw; }
.font-72px {
    font-size: 4.167vw;
}
.font-74px { font-size: 4.268vw; }
.font-76px { font-size: 4.370vw; }
.font-78px { font-size: 4.435vw; }
.font-80px {
    font-size: 4.583vw;
}
@media (max-width: 768px) {
    .font-12px { font-size: 1.68vw; }
    .font-14px { font-size: 2vw; }
    .font-16px { font-size: 2.29vw; }
    .font-18px { font-size: 2.07vw; }
    .font-20px { font-size: 2.81vw; }
    .font-22px { font-size: 3vw; }
    .font-24px { font-size: 3.333vw; }
    .font-28px { font-size: 3.23vw; }
    .font-30px { font-size: 4.12vw; }
    .font-32px { font-size: 4.367vw; }
    .font-40px { font-size: 5vw; }
    .font-48px { font-size: 5.938vw; }
    .font-50px { font-size: 6.85vw; }
    .font-56px {
        font-size: 6.667vw;
    }
    .font-60px { font-size: 7.72vw; }
    .font-64px {
        font-size: 7.5vw;
    }
    .font-70px { font-size: 8.7vw; }
    .font-72px {
        font-size: 8.333vw;
    }
    .font-74px { font-size: 8.543vw; }
    .font-76px { font-size: 8.753vw; }
    .font-78px { font-size: 8.87vw; }
    .font-80px {
        font-size: 9.167vw;
    }
}
.bajie-article-title {
  font-size: 3.6458333333vw;
  line-height: 5.2083333333vw;
  font-weight: bold;
  font-family: Merriweather;
}

@media (max-width: 1200px) {
  .bajie-article-title {
    font-size: 40px;
    line-height: 60px;
  }
}
@media (max-width: 750px) {
  .bajie-article-title {
    font-size: 5.3333333333vw;
    line-height: 8vw;
  }
}
.bajie-article-text {
  font-size: 28px;
  line-height: 36px;
  font-weight: 400;
  color: #444444;
}

@media (max-width: 750px) {
  .bajie-article-text {
    font-size: 3.7333333333vw;
    line-height: 6.1333333333vw;
  }
}
.bajie-article-note {
  font-size: 30px;
  line-height: 36px;
  font-weight: 600;
}

@media (max-width: 750px) {
  .bajie-article-note {
    font-size: 4.2666666667vw;
    line-height: 5.3333333333vw;
  }
}
.divide-dashed-line {
  border-bottom: 1px dashed #707070;
}

* {
  scroll-behavior: smooth;
}

.theme-color {
  color: #444444 !important;
}

.theme-color-bg {
  background-color: #81E688;
}

.theme-color-bg-32 {
  background-color: rgba(33, 185, 124, 0.32);
}

.theme-color-bg-20 {
  background-color: rgba(33, 185, 124, 0.2);
}

.theme-color-bg-10 {
  background-color: rgba(33, 185, 124, 0.1);
}

.font-white {
  color: #fff;
}

.navbar-bajie {
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -moz-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

@media (max-width: 1200px) {
  .navbar-bajie {
    width: 100vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.navbar-bajie-white {
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.16);
}

.navbar-collapse-bajie {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.logo {
  width: 290px;
  height: auto;
  margin-right: 7px;
}

@media (max-width: 1400px) {
  .logo {
    width: 250px;
  }
}
@media (max-width: 768px) {
  .logo {
    width: 38.5vw;
    margin-right: 1.3333333333vw;
  }
}
.name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 28px;
  font-weight: bold;
  color: #81E688;
}

@media (max-width: 1400px) {
  .name {
    font-size: 25px;
  }
}
@media (max-width: 750px) {
  .name {
    font-size: 3.7333333333vw;
    font-weight: bold;
    color: #81E688;
  }
}
.navbar-toggle-icon {
  width: 44px;
  height: 44px;
}

@media (max-width: 750px) {
  .navbar-toggle-icon {
    width: 8.8vw;
    height: 8.8vw;
  }
}
.navbar-nav-bajie {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.navbar-nav-bajie .nav-link-bajie {
  font-size: 22px;
  font-weight: bold;
  padding: 0 10px;
  text-decoration: none;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
  color: #151515;
}

.navbar-nav-bajie .nav-link-bajie:hover {
  color: #81E688;
}

@media (max-width: 1400px) {
  .navbar-nav-bajie .nav-item {
    padding: 24px 0;
  }

  .navbar-nav-bajie .nav-link-bajie {
    font-size: 18px;
  }
}
@media (max-width: 750px) {
  .navbar-nav-bajie .nav-item {
    padding: 3.2vw 0;
  }

  .navbar-nav-bajie .nav-link-bajie {
    font-size: 4vw;
    padding: 0 1.3333333333vw;
  }
} */
.banner {
  padding-top: 120px;
}

.banner .banner-info .banner-info-title {
  font-size: 3.6458333333vw;
  line-height: 4.5833333333vw;
  font-weight: bold;
  font-family: Merriweather;
  margin: 0;
}

.banner .banner-info .banner-info-subtitle {
  font-size: 2.0833333333vw;
  line-height: 4.5833333333vw;
  font-family: Merriweather;
}

.banner .banner-info .banner-info-descs .banner-info-desc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.banner .banner-info .banner-info-descs .banner-info-desc .banner-info-desc-icon {
  width: 2.6041666667vw;
  margin-right: 0.8333333333vw;
}

.banner .banner-info .banner-info-descs .banner-info-desc .banner-info-desc-text {
  font-size: 1.4583333333vw;
  line-height: 1.875vw;
  font-weight: 400;
  color: #151515;
}

.banner .banner-info .banner-info-stores {
  position: relative;
}

.banner .banner-info .banner-info-stores .banner-info-store-google,
.banner .banner-info .banner-info-stores .banner-info-store-appstore {
  width: 10.9375vw;
  position: absolute;
  top: 4.6875vw;
}

.banner .banner-info .banner-info-stores .banner-info-store-google {
  left: 0;
}

.banner .banner-info .banner-info-stores .banner-info-store-appstore {
  left: 13.0208333333vw;
}

.banner .banner-img {
  width: 45.8854166667vw;
}

@media (max-width: 750px) {
  .banner {
    padding-top: 21.3333333333vw;
  }

  .banner .banner-info {
    padding-bottom: 20vw;
  }

  .banner .banner-info .banner-info-title {
    font-size: 9.3333333333vw;
    line-height: 11.7333333333vw;
  }

  .banner .banner-info .banner-info-subtitle {
    font-size: 5.3333333333vw;
    line-height: 11.7333333333vw;
  }

  .banner .banner-info .banner-info-descs .banner-info-desc {
    margin-bottom: 2.6666666667vw;
  }

  .banner .banner-info .banner-info-descs .banner-info-desc .banner-info-desc-icon {
    width: 6.6666666667vw;
    margin-right: 2.1333333333vw;
  }

  .banner .banner-info .banner-info-descs .banner-info-desc .banner-info-desc-text {
    font-size: 4vw;
    line-height: 5.0666666667vw;
  }

  .banner .banner-info .banner-info-stores .banner-info-store-google,
.banner .banner-info .banner-info-stores .banner-info-store-appstore {
    width: 34.6666666667vw;
  }

  .banner .banner-info .banner-info-stores .banner-info-store-google {
    left: 8.8vw;
  }

  .banner .banner-info .banner-info-stores .banner-info-store-appstore {
    left: 48.1333333333vw;
  }

  .banner .banner-img {
    width: 100%;
  }
}
.operation .operation-img {
  width: 41.3020833333vw;
  display: block;
  margin: 0 auto;
}

.operation .operation-descs .operation-desc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.operation .operation-descs .operation-desc .operation-desc-icon {
  width: 2.6041666667vw;
  margin-right: 0.8333333333vw;
}

.operation .operation-descs .operation-desc .operation-desc-text {
  font-size: 1.4583333333vw;
  line-height: 1.875vw;
  color: #151515;
}

@media (max-width: 750px) {
  .operation .operation-img {
    width: 100%;
  }

  .operation .operation-descs .operation-desc {
    display: block;
    margin-bottom: 4vw;
  }

  .operation .operation-descs .operation-desc .operation-desc-icon {
    width: 6.6666666667vw;
  }

  .operation .operation-descs .operation-desc .operation-desc-text {
    font-size: 4vw;
    line-height: 4.8vw;
  }
}
.payment {
  padding-top: 3.125vw;
}

.payment .payment-methods-title {
  height: 7.8125vw;
  font-size: 1.5625vw;
  line-height: 2.3958333333vw;
  font-weight: bold;
  font-family: Merriweather;
}

.payment .payment-methods .payment-method-item {
  height: 2.6041666667vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.payment .payment-methods .payment-method-item .payment-method-item-img {
  width: 1.6666666667vw;
  margin-right: 0.8333333333vw;
}

.payment .payment-methods .payment-method-item .payment-method-item-text {
  font-size: 1.0416666667vw;
  color: #151515;
  font-weight: 400;
}
@media (max-width: 750px) {
  .payment {
    padding-top: 0;
  }

  .payment .payment-methods-title {
    margin-top: 5.3333333333vw;
    margin-bottom: 2.6666666667vw;
    font-size: 4.2666666667vw;
    text-align: center;
  }

  .payment .payment-methods .payment-method-item {
    margin-bottom: 6.6666666667vw;
  }

  .payment .payment-methods .payment-method-item .payment-method-item-img {
    width: 4.2666666667vw;
  }

  .payment .payment-methods .payment-method-item .payment-method-item-text {
    font-size: 3.2vw;
  }
}
.maintenance .maintenance-items .maintenance-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5625vw;
  margin-bottom: 1.25vw;
  border: 1px solid #81E688;
  border-radius: 0.5208333333vw;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.maintenance .maintenance-items .maintenance-item .maintenance-item-img,
.maintenance .maintenance-items .maintenance-item .maintenance-item-imghover {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 3.75vw;
  height: 3.75vw;
  margin-right: 2.0833333333vw;
}

.maintenance .maintenance-items .maintenance-item .maintenance-item-imghover {
  display: none;
}

.maintenance .maintenance-items .maintenance-item .maintenance-item-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.maintenance .maintenance-items .maintenance-item .maintenance-item-text div {
  font-size: 1.4583333333vw;
  line-height: 1.875vw;
}

.maintenance .maintenance-items .maintenance-item:hover {
  background-color: #81E688;
  color: #fff;
}

.maintenance .maintenance-items .maintenance-item:hover .maintenance-item-img {
  display: none;
}

.maintenance .maintenance-items .maintenance-item:hover .maintenance-item-imghover {
  display: block;
}

@media (max-width: 750px) {
  .maintenance .maintenance-items {
    margin-top: 5.3333333333vw;
  }

  .maintenance .maintenance-items .maintenance-item {
    margin-bottom: 3.2vw;
    padding: 4vw;
    border-radius: 1.3333333333vw;
  }

  .maintenance .maintenance-items .maintenance-item .maintenance-item-img,
.maintenance .maintenance-items .maintenance-item .maintenance-item-imghover {
    width: 9.6vw;
    height: 9.6vw;
    border-radius: 0.4vw;
  }

  .maintenance .maintenance-items .maintenance-item .maintenance-item-text div {
    font-size: 4vw;
    line-height: 4.8vw;
  }
}
.advantages .advantage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5625vw;
  margin-bottom: 1.25vw;
  border-radius: 0.5208333333vw;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.advantages .advantage .advantage-bar {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 0.3125vw;
  height: 4.1666666667vw;
  margin-right: 2.0833333333vw;
  background: #81E688;
  border-radius: 0.15625vw;
}

.advantages .advantage .advantage-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.advantages .advantage .advantage-text div {
  font-size: 1.4583333333vw;
  line-height: 1.875vw;
}

.advantages .advantage .advantage-subtext {
  font-size: 0.9375vw;
  line-height: 1.875vw;
}

.advantages .advantage:hover {
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
}

@media (max-width: 750px) {
  .advantages {
    margin-top: 5.3333333333vw;
  }

  .advantages .advantage {
    margin-bottom: 3.2vw;
    padding: 4vw;
    border-radius: 1.3333333333vw;
    border: 1px solid #81E688;
  }

  .advantages .advantage .advantage-bar {
    width: 0.8vw;
    height: 10.6666666667vw;
    border-radius: 0.4vw;
  }

  .advantages .advantage .advantage-text div {
    font-size: 4vw;
    line-height: 4.8vw;
  }

  .advantages .advantage .advantage-subtext {
    font-size: 2.4vw;
    line-height: 4.8vw;
  }
}
.getapp {
  padding: 4.5833333333vw 0;
}

.getapp .getapp-left .getapp-left-img {
  width: 29.5833333333vw;
}

.getapp .getapp-left .getapp-left-imgphone {
  display: none;
}

.getapp .getapp-ways .getapp-way {
  margin-top: 1.3020833333vw;
}

.getapp .getapp-ways .getapp-way .getapp-way-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.getapp .getapp-ways .getapp-way .getapp-way-info .getapp-way-info-img {
  width: 6.5625vw;
  margin-right: 1.25vw;
}

.getapp .getapp-ways .getapp-way .getapp-way-info .getapp-way-info-text {
  font-size: 1.4583333333vw;
  line-height: 2.0833333333vw;
}

.getapp .getapp-ways .getapp-way .getapp-way-stores {
  position: relative;
  height: 6.25vw;
}

.getapp .getapp-ways .getapp-way .getapp-way-stores .getapp-way-store-google,
.getapp .getapp-ways .getapp-way .getapp-way-stores .getapp-way-store-apple {
  position: absolute;
  width: 10.9375vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.getapp .getapp-ways .getapp-way .getapp-way-stores .getapp-way-store-google {
  left: 7.8125vw;
}

.getapp .getapp-ways .getapp-way .getapp-way-stores .getapp-way-store-apple {
  left: 20.8333333333vw;
}

@media (max-width: 750px) {
  .getapp .getapp-left {
    position: relative;
  }

  .getapp .getapp-left .getapp-left-img {
    display: none;
  }

  .getapp .getapp-left .getapp-left-imgphone {
    width: 100%;
    display: block;
  }

  .getapp .getapp-ways {
    background-color: #e7f7f1;
  }

  .getapp .getapp-ways .getapp-way {
    margin-top: 6.6666666667vw;
  }

  .getapp .getapp-ways .getapp-way .getapp-way-info .getapp-way-info-img {
    width: 16.8vw;
    margin-right: 3.2vw;
  }

  .getapp .getapp-ways .getapp-way .getapp-way-info .getapp-way-info-text {
    font-size: 3.7333333333vw;
    line-height: 5.3333333333vw;
  }

  .getapp .getapp-ways .getapp-way .getapp-way-stores {
    height: 16vw;
  }

  .getapp .getapp-ways .getapp-way .getapp-way-stores .getapp-way-store-google,
.getapp .getapp-ways .getapp-way .getapp-way-stores .getapp-way-store-apple {
    width: 28vw;
  }

  .getapp .getapp-ways .getapp-way .getapp-way-stores .getapp-way-store-google {
    left: 12.4vw;
  }

  .getapp .getapp-ways .getapp-way .getapp-way-stores .getapp-way-store-apple {
    left: 52.4vw;
  }
}