@charset "UTF-8";
.page-main[data-v-fe3939dc] {
  width: 100%;
  max-width: 38.25rem;
  margin: 0 auto;
}
.slide-leave-active[data-v-fe3939dc],
.slide-enter-active[data-v-fe3939dc] {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.slide-enter[data-v-fe3939dc],
.slide-leave-to[data-v-fe3939dc] {
  max-height: 0;
  opacity: 0;
}
.slide-enter-to[data-v-fe3939dc],
.slide-leave[data-v-fe3939dc] {
  max-height: 3.13rem;
  opacity: 1;
}
.swiper-pagination-bullet[data-v-fe3939dc] {
  width: 0.63rem;
  height: 0.63rem;
  margin: 0 0.5rem !important;
}
@media screen and (max-width: 1024px) {
.page-main[data-v-fe3939dc] {
    width: 88%;
}
.swiper-pagination-bullet[data-v-fe3939dc] {
    width: 9px;
    height: 9px;
    margin: 0 0.5rem 0 0 !important;
}
.swiper-pagination-bullet[data-v-fe3939dc]:nth-last-child(1) {
    margin-right: 0 !important;
}
}
/* 超出一行省略号显示 */
/* 超出${line}行省略号显示 */
/* 美化占位符 placeholder 样式 */
/* 隐藏滚动条 */
.swiper-pagination[data-v-fe3939dc] {
  position: absolute;
  left: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  height: 1.38rem;
  line-height: 1.38rem;
  background-color: white;
  border-radius: 1.53rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.swiper[data-v-fe3939dc] {
  width: 100%;
  height: 100%;
  --swiper-theme-color: #163049;
}
.swiper .swiper-slide[data-v-fe3939dc] {
  position: relative;
  height: 100%;
}
.swiper .swiper-slide.prebooking[data-v-fe3939dc] {
  border-top: 1px solid #c29d5c;
}
.swiper .swiper-slide.prebooking .signup-btn .singup-desc.title[data-v-fe3939dc] {
  font-size: 1.88rem;
  line-height: 2.19rem;
  margin-bottom: 1.09rem;
  max-width: 15.63rem;
}
.swiper .swiper-slide.prebooking .signup-btn .singup-desc.subtitle[data-v-fe3939dc] {
  max-width: 12.5rem;
}
.swiper .swiper-slide.prebooking .signup-btn .singup-desc.btn-text[data-v-fe3939dc] {
  color: #c29d5c;
  cursor: pointer;
}
.swiper .swiper-slide.gigsky[data-v-fe3939dc] {
  border-top: 1px solid #c29d5c;
}
.swiper .swiper-slide.gigsky .signup-btn .singup-desc.title[data-v-fe3939dc] {
  font-size: 1.88rem;
  line-height: 2.19rem;
  margin-bottom: 1.09rem;
}
.swiper .swiper-slide.gigsky .signup-btn .singup-desc.subtitle[data-v-fe3939dc] {
  max-width: 21.88rem;
}
.swiper .swiper-slide.gigsky .signup-btn .singup-desc.btn-text[data-v-fe3939dc] {
  color: #c29d5c;
  cursor: pointer;
}
.swiper .swiper-slide .img-item[data-v-fe3939dc] {
  width: 100%;
}
.swiper .swiper-slide .benefit-offer-img[data-v-fe3939dc] {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.swiper .swiper-slide .crave-total-benefits-box[data-v-fe3939dc] {
  position: absolute;
  top: 50%;
  box-sizing: border-box;
  padding: 0 0 0 6.25rem;
}
.swiper .swiper-slide .crave-total-benefits-box .crave-total-benefits-desc[data-v-fe3939dc] {
  font-family: Open Sans, sans-serif;
  font-size: 0.88rem;
  font-style: normal;
  font-weight: 600;
  max-width: 31.25rem;
  margin-bottom: 1.31rem;
  line-height: 1.19rem;
  color: #fff;
}
.swiper .swiper-slide .crave-total-benefits-box .btn[data-v-fe3939dc] {
  font-family: Open Sans, sans-serif;
  font-size: 0.94rem;
  font-style: normal;
  font-weight: 600;
  box-sizing: border-box;
  padding: 10px 2rem;
  line-height: 1.25rem;
  color: #fff;
  cursor: pointer;
  background: #c29d5c;
  -webkit-filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.35));
          filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.35));
  border-radius: 5px;
}
.swiper .swiper-slide .signup-btn[data-v-fe3939dc],
.swiper .swiper-slide .store-btn[data-v-fe3939dc],
.swiper .swiper-slide .mfa-btn[data-v-fe3939dc] {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  box-sizing: border-box;
  padding: 0 0 0 6.25rem;
}
.swiper .swiper-slide .signup-btn .singup-desc[data-v-fe3939dc],
.swiper .swiper-slide .store-btn .singup-desc[data-v-fe3939dc],
.swiper .swiper-slide .mfa-btn .singup-desc[data-v-fe3939dc] {
  font-family: Open Sans, sans-serif;
  font-size: 0.88rem;
  font-style: normal;
  font-weight: 600;
  max-width: 24.38rem;
  margin-bottom: 1.31rem;
  line-height: 1.19rem;
  color: #fff;
}
.swiper .swiper-slide .signup-btn .singup-mfa-title[data-v-fe3939dc],
.swiper .swiper-slide .store-btn .singup-mfa-title[data-v-fe3939dc],
.swiper .swiper-slide .mfa-btn .singup-mfa-title[data-v-fe3939dc] {
  font-family: Open Sans, sans-serif;
  font-size: 1.56rem;
  font-style: normal;
  font-weight: 600;
  max-width: 21.25rem;
  line-height: 1.88rem;
  margin-bottom: 0.63rem;
  color: #fff;
}
.swiper .swiper-slide .signup-btn .singup-mfa-desc[data-v-fe3939dc],
.swiper .swiper-slide .store-btn .singup-mfa-desc[data-v-fe3939dc],
.swiper .swiper-slide .mfa-btn .singup-mfa-desc[data-v-fe3939dc] {
  font-family: Open Sans, sans-serif;
  font-size: 0.88rem;
  font-style: normal;
  font-weight: 400;
  max-width: 24.38rem;
  margin-bottom: 1.31rem;
  line-height: 1.19rem;
  color: #fff;
}
.swiper .swiper-slide .signup-btn .singup-mfa-btn[data-v-fe3939dc],
.swiper .swiper-slide .store-btn .singup-mfa-btn[data-v-fe3939dc],
.swiper .swiper-slide .mfa-btn .singup-mfa-btn[data-v-fe3939dc] {
  font-family: Open Sans, sans-serif;
  font-size: 0.94rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem;
  cursor: pointer;
  color: #c29d5c;
}
.swiper .swiper-slide .signup-btn .btn[data-v-fe3939dc],
.swiper .swiper-slide .store-btn .btn[data-v-fe3939dc],
.swiper .swiper-slide .mfa-btn .btn[data-v-fe3939dc] {
  font-family: Open Sans, sans-serif;
  font-size: 0.94rem;
  font-style: normal;
  font-weight: 600;
  box-sizing: border-box;
  padding: 10px 2rem;
  line-height: 1.25rem;
  color: #fff;
  cursor: pointer;
  background: #c29d5c;
  -webkit-filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.35));
          filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.35));
  border-radius: 5px;
}
.swiper .swiper-slide .store-btn[data-v-fe3939dc] {
  background-image: none;
}
.swiper .swiper-slide .store-btn .store-desc[data-v-fe3939dc] {
  font-family: Open Sans, sans-serif;
  font-size: 0.88rem;
  font-style: normal;
  font-weight: 600;
  max-width: 24.03rem;
  margin-bottom: 0.47rem;
  line-height: 1.19rem;
  color: #fff;
}
.swiper .swiper-slide .store-btn .store-desc1[data-v-fe3939dc] {
  font-family: Open Sans, sans-serif;
  font-size: 0.88rem;
  font-style: normal;
  font-weight: 400;
  max-width: 24.03rem;
  margin-bottom: 0.47rem;
  line-height: 1.19rem;
  color: #fff;
}
.swiper .swiper-slide .store-btn .store-desc2[data-v-fe3939dc] {
  font-family: Open Sans, sans-serif;
  font-size: 0.63rem;
  font-style: normal;
  font-weight: 500;
  max-width: 14rem;
  margin-bottom: 1.56rem;
  line-height: 0.75rem;
  color: #fff;
}
.swiper .swiper-slide .store-btn .store-app button[data-v-fe3939dc] {
  width: 3.94rem;
  height: 1.19rem;
  cursor: pointer;
  background: #000;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 4px;
}
.swiper .swiper-slide .store-btn .store-app .appstore[data-v-fe3939dc] {
  margin-right: 7px;
  background-image: url(../../static/img/appstore-black.aca8fe9d.svg);
}
.swiper .swiper-slide .store-btn .store-app .googleplay[data-v-fe3939dc] {
  background-image: url(../../static/img/googleplay-black.11629bf2.svg);
}
.swiper .swiper-slide .store-btn .store-app .appstore2[data-v-fe3939dc] {
  margin-right: 7px;
  background-image: url(../../static/img/appstore3.75095a29.svg);
}
.swiper .swiper-slide .store-btn .store-app .googleplay2[data-v-fe3939dc] {
  background-image: url(../../static/img/googleplay3.e7e14a64.svg);
}
@media screen and (max-width: 1024px) {
.swiper-pagination[data-v-fe3939dc] {
    position: absolute;
    left: 50%;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: auto;
    height: 0.63rem;
    padding: 5px 12px;
    background-color: white;
    border-radius: 1.53rem;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.swiper[data-v-fe3939dc] {
    width: 100%;
    height: 100%;
    --swiper-theme-color: #163049;
}
.swiper .swiper-slide-bg[data-v-fe3939dc] {
    background: -webkit-linear-gradient(left, #c29d5c -40%, #d4ba8d 100%);
    background: linear-gradient(90deg, #c29d5c -40%, #d4ba8d 100%);
}
.swiper .swiper-slide-bg img[data-v-fe3939dc] {
    position: absolute;
    right: -16% !important;
    bottom: 0;
}
.swiper .swiper-slide[data-v-fe3939dc] {
    position: relative;
    height: 100%;
    overflow: hidden;
}
.swiper .swiper-slide.prebooking .signup-btn .singup-desc.title[data-v-fe3939dc] {
    width: 100%;
    font-size: 0.88rem;
    line-height: 1.25rem;
    margin-bottom: 8px;
}
.swiper .swiper-slide.prebooking .signup-btn .singup-desc.subtitle[data-v-fe3939dc] {
    width: 70%;
}
.swiper .swiper-slide.gigsky .signup-btn .singup-desc.title[data-v-fe3939dc] {
    width: 100%;
    font-size: 0.88rem;
    line-height: 1.25rem;
    margin-bottom: 8px;
}
.swiper .swiper-slide.gigsky .signup-btn .singup-desc.subtitle[data-v-fe3939dc] {
    width: 100%;
}
.swiper .swiper-slide .img-item[data-v-fe3939dc] {
    position: absolute;
    right: 0%;
    width: 170%;
    height: 100%;
    object-fit: cover;
}
.swiper .swiper-slide .img-item.prebooking[data-v-fe3939dc] {
    width: 100%;
}
.swiper .swiper-slide .img-item.img-item-mobile[data-v-fe3939dc] {
    width: 100%;
}
.swiper .swiper-slide .img-banner-visa-promotion[data-v-fe3939dc] {
    width: 100%;
}
.swiper .swiper-slide .content-fill[data-v-fe3939dc] {
    object-fit: fill;
}
.swiper .swiper-slide .benefit-offer-img[data-v-fe3939dc] {
    position: initial;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.swiper .swiper-slide .crave-total-benefits-box[data-v-fe3939dc] {
    position: absolute;
    top: 45%;
    padding: 0 0.63rem;
}
.swiper .swiper-slide .crave-total-benefits-box .crave-total-benefits-desc[data-v-fe3939dc] {
    font-family: Open Sans, sans-serif;
    font-size: 0.44rem;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 12px;
    line-height: 0.56rem;
    color: #fff;
}
.swiper .swiper-slide .crave-total-benefits-box .btn[data-v-fe3939dc] {
    font-family: Open Sans, sans-serif;
    font-size: 0.56rem;
    font-style: normal;
    font-weight: 600;
    width: 100%;
    max-width: 10.94rem;
    box-sizing: border-box;
    height: 1.44rem;
    padding: 11px 0;
    line-height: 0.78rem;
    color: #fff;
    cursor: pointer;
    background: #c29d5c;
    -webkit-filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.35));
            filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.35));
    border-radius: 5px;
}
.swiper .swiper-slide .signup-btn[data-v-fe3939dc],
  .swiper .swiper-slide .store-btn[data-v-fe3939dc],
  .swiper .swiper-slide .mfa-btn[data-v-fe3939dc] {
    box-sizing: border-box;
    top: 20%;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    padding: 0 0.63rem;
}
.swiper .swiper-slide .signup-btn .singup-desc[data-v-fe3939dc],
  .swiper .swiper-slide .store-btn .singup-desc[data-v-fe3939dc],
  .swiper .swiper-slide .mfa-btn .singup-desc[data-v-fe3939dc] {
    font-family: Open Sans, sans-serif;
    font-size: 0.44rem;
    font-style: normal;
    font-weight: 600;
    width: 88%;
    margin-bottom: 12px;
    line-height: 0.56rem;
    color: #fff;
}
.swiper .swiper-slide .signup-btn .singup-mfa-title[data-v-fe3939dc],
  .swiper .swiper-slide .store-btn .singup-mfa-title[data-v-fe3939dc],
  .swiper .swiper-slide .mfa-btn .singup-mfa-title[data-v-fe3939dc] {
    font-family: Open Sans, sans-serif;
    font-size: 0.63rem;
    font-style: normal;
    font-weight: 600;
    width: 88%;
    line-height: 0.78rem;
    margin-bottom: 0.63rem;
    color: #fff;
}
.swiper .swiper-slide .signup-btn .singup-mfa-desc[data-v-fe3939dc],
  .swiper .swiper-slide .store-btn .singup-mfa-desc[data-v-fe3939dc],
  .swiper .swiper-slide .mfa-btn .singup-mfa-desc[data-v-fe3939dc] {
    font-family: Open Sans, sans-serif;
    font-size: 0.44rem;
    font-style: normal;
    font-weight: 400;
    width: 88%;
    margin-bottom: 12px;
    line-height: 0.56rem;
    color: #fff;
}
.swiper .swiper-slide .signup-btn .singup-mfa-btn[data-v-fe3939dc],
  .swiper .swiper-slide .store-btn .singup-mfa-btn[data-v-fe3939dc],
  .swiper .swiper-slide .mfa-btn .singup-mfa-btn[data-v-fe3939dc] {
    font-family: Open Sans, sans-serif;
    font-size: 0.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 0.78rem;
}
.swiper .swiper-slide .signup-btn .btn[data-v-fe3939dc],
  .swiper .swiper-slide .store-btn .btn[data-v-fe3939dc],
  .swiper .swiper-slide .mfa-btn .btn[data-v-fe3939dc] {
    font-family: Open Sans, sans-serif;
    font-size: 0.56rem;
    font-style: normal;
    font-weight: 600;
    box-sizing: border-box;
    height: 1.44rem;
    line-height: 0.78rem;
    color: #fff;
    cursor: pointer;
    background: #c29d5c;
    -webkit-filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.35));
            filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.35));
    border-radius: 5px;
}
.swiper .swiper-slide .mfa-btn[data-v-fe3939dc] {
    top: 10%;
    padding: 0 0.94rem;
}
.swiper .swiper-slide .store-btn[data-v-fe3939dc] {
    top: 0.63rem;
}
.swiper .swiper-slide .store-btn .store-desc[data-v-fe3939dc] {
    font-family: Open Sans, sans-serif;
    font-size: 0.5rem;
    font-style: normal;
    font-weight: 600;
    max-width: 9.94rem;
    padding: 22% 0 0 0;
    margin-bottom: 0.47rem;
    line-height: 0.69rem;
    color: #fff;
}
.swiper .swiper-slide .store-btn .store-desc1[data-v-fe3939dc] {
    font-family: Open Sans, sans-serif;
    font-size: 0.44rem;
    font-style: normal;
    font-weight: 500;
    max-width: 8.78rem;
    line-height: 0.56rem;
    color: #fff;
}
.swiper .swiper-slide .store-btn .store-desc2[data-v-fe3939dc] {
    font-family: Open Sans, sans-serif;
    font-size: 0.44rem;
    font-style: normal;
    font-weight: 500;
    max-width: 8.75rem;
    margin-bottom: 12px;
    line-height: 0.56rem;
    color: #fff;
}
.swiper .swiper-slide .store-btn .store-app button[data-v-fe3939dc] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 4rem;
    height: 1.13rem;
    cursor: pointer;
    background: #000;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 4px;
}
.swiper .swiper-slide .store-btn .store-app .appstore[data-v-fe3939dc] {
    width: 33vw;
    margin-bottom: 0.56rem;
}
.swiper .swiper-slide .store-btn .store-app .googleplay[data-v-fe3939dc] {
    width: 33vw;
}
.swiper .swiper-slide .store-btn .store-app .appstore2[data-v-fe3939dc] {
    width: 33vw;
    margin-bottom: 0.56rem;
}
.swiper .swiper-slide .store-btn .store-app .googleplay2[data-v-fe3939dc] {
    width: 33vw;
}
.swiper .swiper-slide .context-banner[data-v-fe3939dc] {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
}

/*# sourceMappingURL=app~._src_views_Home_Components_HeadBanner_index.vue~0.f25f7f19.css.map*/