.landing[data-v-27e0a139] {
    position: relative;
    background-color: #ff8647;
    padding-bottom: 2.55556rem;
    padding-top: 0;
    min-height: 100vh
}

.landing.ios[data-v-27e0a139] {
    padding-top: var(--safe-top)
}

.landing .download-top[data-v-27e0a139] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.66667rem;
    background: rgba(0,0,0,.5);
    padding: 0 .34722rem
}

.landing .download-top .icon[data-v-27e0a139] {
    width: 1.38889rem;
    height: 1.38889rem
}

.landing .download-top .text-content[data-v-27e0a139] {
    flex: 1;
    font-weight: 400;
    padding: 0 .27778rem
}

.landing .download-top .text-content .title[data-v-27e0a139] {
    font-size: .51389rem;
    color: #fff;
    line-height: .52778rem;
    margin-bottom: .27778rem
}

.landing .download-top .text-content .subtitle[data-v-27e0a139] {
    font-size: .30556rem;
    color: #fff;
    line-height: .23611rem
}

.landing .download-top .download-btn[data-v-27e0a139] {
    width: 2.36111rem;
    height: .88889rem;
    background: #ff5700;
    border-radius: .44444rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: .41667rem;
    color: #fff;
    line-height: .59722rem
}

.landing .img1[data-v-27e0a139] {
    width: 100vw;
    height: auto;
    display: block
}

.landing .reward[data-v-27e0a139] {
    width: 9.75rem;
    height: 9.30556rem;
    box-sizing: border-box;
    border-radius: .44444rem;
    background: rgba(0,0,0,.5);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    padding: .22222rem 0 .44444rem;
    margin-bottom: .59722rem
}

.landing .reward .reward-content[data-v-27e0a139] {
    width: 9.30556rem;
    height: 6.09722rem
}

.landing .reward .reward-download[data-v-27e0a139] {
    width: 8.05556rem;
    height: 1.38889rem
}

.landing .reward .reward-text[data-v-27e0a139] {
    font-weight: 400;
    font-size: .44444rem;
    color: #fff
}

.landing .img2[data-v-27e0a139] {
    width: 100vw;
    height: auto;
    display: block;
    margin: 0 auto
}

.landing .banner-wrapper[data-v-27e0a139] {
    width: 100vw;
    padding: .55556rem 0 0
}

.landing .banner-wrapper .banner-swiper[data-v-27e0a139] {
    width: 100%;
    height: 10.27778rem
}

.landing .banner-wrapper .swiper-slide[data-v-27e0a139] {
    width: 5.83333rem;
    transition: transform .3s
}

.landing .banner-wrapper .swiper-slide img[data-v-27e0a139] {
    width: 100%;
    height: 9.72222rem;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.landing .img3[data-v-27e0a139] {
    width: 9.80556rem;
    height: 6.125rem;
    display: block;
    margin: 0 auto .56944rem
}

.landing .img4[data-v-27e0a139] {
    width: 9.80556rem;
    height: 18.77778rem;
    display: block;
    margin: 0 auto .72222rem
}

.landing .download-sticky[data-v-27e0a139] {
    position: fixed;
    box-sizing: border-box;
    bottom: .5rem;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100vw - .44444rem);
    height: 5.02778rem;
    background-color: #fff;
    border-radius: .44444rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: .44444rem;
    z-index: 100;
    transition: all .3s ease-in-out
}

.landing .download-sticky .logo[data-v-27e0a139] {
    width: 2.22222rem;
    height: 2.22222rem;
    margin-top: -1.11111rem
}

.landing .download-sticky .title-content[data-v-27e0a139] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: .44444rem
}

.landing .download-sticky .title-content .title-text[data-v-27e0a139] {
    height: .69444rem;
    font-weight: 700;
    font-size: .5rem;
    color: #212121;
    line-height: .875rem;
    padding-bottom: .33333rem
}

.landing .download-sticky .title-content .title-desc[data-v-27e0a139] {
    display: flex;
    align-items: center;
    justify-content: center
}

.landing .download-sticky .title-content .title-desc .title-desc-item[data-v-27e0a139] {
    height: .66667rem;
    background: #fdc;
    border-radius: .11111rem;
    font-weight: 500;
    font-size: .38889rem;
    color: #ff5700;
    margin-right: .27778rem;
    padding: 0 .27778rem;
    display: flex;
    align-items: center;
    white-space: nowrap
}

.landing .download-sticky .title-content .title-desc .title-desc-item[data-v-27e0a139]:last-child {
    margin-right: 0
}

.landing .download-sticky .download-btn[data-v-27e0a139] {
    width: 6.66667rem;
    height: 1.22222rem;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.landing .download-sticky.scroll[data-v-27e0a139] {
    height: 2.33333rem;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 .33333rem
}

.landing .download-sticky.scroll .logo[data-v-27e0a139] {
    margin-top: 0;
    width: 1.66667rem;
    height: 1.66667rem
}

.landing .download-sticky.scroll .title-content[data-v-27e0a139] {
    align-items: flex-start;
    margin-left: .27778rem;
    margin-bottom: 0;
    height: 100%
}

.landing .download-sticky.scroll .title-content .title-text[data-v-27e0a139] {
    font-weight: 700;
    font-size: .5rem;
    color: #212121
}

.landing .download-sticky.scroll .title-content .title-desc .title-desc-item[data-v-27e0a139] {
    height: .55556rem;
    font-weight: 500;
    font-size: .33333rem;
    color: #ff5700;
    margin-right: .13889rem
}

.landing .download-sticky.scroll .download-btn[data-v-27e0a139] {
    width: 2.5rem;
    height: 1rem;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.Webapp_pop_ups[data-v-27e0a139] {
    width: 100vw;
    height: var(--27e0a139-screenHeight_px);
    padding-bottom: 2.77778rem;
    background: #000000cc;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1022
}

.Webapp_pop_ups .wx[data-v-27e0a139] {
    width: 70%;
    padding: 0;
    margin: 0;
    position: fixed;
    top: .27778rem;
    right: .55556rem
}

.pop_content[data-v-27e0a139] {
    width: 100vw;
    height: var(--27e0a139-screenHeight_px);
    background: #000000cc;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1022
}

.pop_content .box[data-v-27e0a139] {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 8.44444rem;
    height: 11.16667rem;
    margin-left: -4.22222rem;
    margin-top: -5.58333rem
}

.pop_content .box>img[data-v-27e0a139] {
    display: block;
    width: 100%;
    width: 8.44444rem;
    height: 10.47222rem
}

.pop_content .box .tips_btn[data-v-27e0a139] {
    width: 2.79167rem;
    height: .73611rem;
    margin: .36111rem auto;
    background: url(/assets/get_close.a6298220.gif) no-repeat left top/contain
}