.home-app[data-v-4c89bc92] {
    min-height: 50.5rem;
    position: relative
}

.home-app-cover[data-v-4c89bc92],.home-app-video[data-v-4c89bc92] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top
}

.home-app-cover[data-v-4c89bc92] {
    height: calc(100% + 40px)
}

.download-btn[data-v-4c89bc92] {
    display: none
}

.google-play[data-v-4c89bc92] {
    height: 3.625rem
}

.apple-store[data-v-4c89bc92] {
    width: 10.125rem;
    height: 3.125rem
}

.blur-border[data-v-4c89bc92] {
    transition: .3s;
    background-color: hsla(0,0%,100%,.3);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border-radius: .375rem;
    border: .5px solid var(--text-color-white)
}

.home-app-content[data-v-4c89bc92] {
    position: absolute;
    bottom: 40.25%;
    width: 100%;
    padding: 0 6.2%
}

.home-app-list[data-v-4c89bc92],.home-app-title[data-v-4c89bc92] {
    opacity: 0
}

.home-app-logo[data-v-4c89bc92] {
    height: 6.625rem
}

.home-app-list[data-v-4c89bc92] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin: 2rem 0 0
}

.home-app-item[data-v-4c89bc92] {
    position: relative;
    margin-right: .75rem
}

.home-app-item[data-v-4c89bc92]:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2rem;
    height: 2rem;
    width: 100%
}

.home-apple-link[data-v-4c89bc92],.home-google-link[data-v-4c89bc92] {
    display: flex;
    align-items: center
}

.home-app-item[data-v-4c89bc92]:nth-child(3) {
    margin-left: .375rem
}

.home-app-link[data-v-4c89bc92] {
    display: flex;
    align-items: center;
    height: 3rem;
    padding: .5rem 1.125rem;
    font-size: var(--h4-font-size);
    color: var(--text-color-white)
}

.home-app-tip[data-v-4c89bc92] {
    font-size: .5rem
}

.channel-icon[data-v-4c89bc92] {
    fill: var(--text-color-white);
    margin-right: .625rem
}

.home-app-desc[data-v-4c89bc92] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column
}

.home-app-channel .arrow[data-v-4c89bc92] {
    fill-opacity: 1
}

.home-other-packages[data-v-4c89bc92] {
    position: absolute;
    left: 70%;
    padding: .75rem 1.125rem;
    color: hsla(0,0%,100%,.6);
    font-size: var(--small-font-size);
    margin: .5rem 0 0;
    display: none
}

.pkg-link[data-v-4c89bc92] {
    display: block;
    white-space: nowrap;
    margin-bottom: .5rem;
    transition: .3s
}

.pkg-link[data-v-4c89bc92]:last-child {
    margin: 0
}

.home-app-item:hover .home-other-packages[data-v-4c89bc92] {
    display: block
}

.home-app-item:hover .home-app-link[data-v-4c89bc92] {
    background-color: hsla(0,0%,100%,.6)
}

.home-app-item:hover .arrow[data-v-4c89bc92] {
    transform: rotate(-180deg)
}

.pkg-link[data-v-4c89bc92]:hover {
    color: var(--text-color-white)
}

@media screen and (max-width: 1200px) {
    .home-app-content[data-v-4c89bc92] {
        padding:30% 2rem 0
    }
}

@media screen and (max-width: 1024px) {
    .home-app-content[data-v-4c89bc92] {
        padding:36% 2rem 0
    }
}

@media screen and (max-width: 768px) {
    .home-app[data-v-4c89bc92] {
        height:calc(70vh - var(--header-height));
        min-height: 31.875rem
    }

    .home-app-content[data-v-4c89bc92] {
        position: absolute;
        bottom: 23.5%;
        width: 100%;
        padding: 0 2rem;
        text-align: center
    }

    .home-app-logo[data-v-4c89bc92] {
        height: 4.5rem
    }

    .download-btn[data-v-4c89bc92] {
        display: inline-block;
        margin-top: 5rem;
        opacity: 0
    }

    .home-app-list[data-v-4c89bc92] {
        display: none
    }
}

.home-app-cover.landscape[data-v-4c89bc92] {
    display: block
}

.home-app-cover.portrait[data-v-4c89bc92] {
    display: none
}

@media screen and (max-width: 520px) {
    .home-app[data-v-4c89bc92] {
        height:136vw
    }

    .home-app-cover.landscape[data-v-4c89bc92] {
        display: none
    }

    .home-app-cover.portrait[data-v-4c89bc92] {
        display: block
    }
}

.container[data-v-605f603e] {
    width: 100%;
    max-width: 1040px;
    margin: 0 auto
}

@media screen and (min-width: 1920px) {
    .container[data-v-605f603e] {
        max-width:86rem
    }
}

@media screen and (max-width: 1200px) {
    .container[data-v-605f603e] {
        padding:0 2rem
    }
}

@media screen and (max-width: 1024px) {
    .container[data-v-605f603e] {
        padding:0 1.5rem
    }
}

.section-content.black .section-subtitle[data-v-9dacfb26],.section-content.black .section-title[data-v-9dacfb26] {
    color: var(--text-color)
}

.section-content.black .section-desc[data-v-9dacfb26] {
    color: rgba(0,0,0,.6)
}

.section-content.white .section-subtitle[data-v-9dacfb26],.section-content.white .section-title[data-v-9dacfb26] {
    color: var(--text-color-white)
}

.section-content.white .section-desc[data-v-9dacfb26] {
    color: hsla(0,0%,100%,.6)
}

.section-title[data-v-9dacfb26] {
    position: relative;
    text-transform: uppercase
}

.section-title.big[data-v-9dacfb26] {
    line-height: 1;
    font-size: var(--h2-font-size)
}

.section-title.medium[data-v-9dacfb26] {
    font-size: var(--medium-font-size)
}

.section-title.medium .title-decoration[data-v-9dacfb26] {
    width: 7.625rem;
    height: .375rem
}

.section-title.small[data-v-9dacfb26] {
    font-size: 2rem
}

.section-desc[data-v-9dacfb26] {
    line-height: 1.25rem
}

.title-decoration[data-v-9dacfb26] {
    display: block;
    width: 10.3125rem;
    height: .5625rem;
    margin-top: 1rem
}

.section-subtitle[data-v-9dacfb26] {
    font-size: var(--h3-font-size)
}

@media screen and (max-width: 768px) {
    .title-decoration[data-v-9dacfb26] {
        margin-top:.75rem
    }
}

.news-cover[data-v-4b6af3d6] {
    position: relative;
    display: block;
    padding-bottom: 58%;
    width: 100%;
    height: 0;
    overflow: hidden;
    background-color: #eee
}

.news-img[data-v-4b6af3d6] {
    position: absolute;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: .3s
}

.news-info[data-v-4b6af3d6] {
    text-transform: uppercase;
    margin: 1rem 0 .25rem;
    color: var(--text-color-opacity);
    font-size: var(--smaller-font-size)
}

.news-category[data-v-4b6af3d6] {
    position: relative;
    text-transform: uppercase;
    margin-left: 1.75rem
}

.news-category[data-v-4b6af3d6]:before {
    content: "";
    width: 1px;
    height: 70%;
    position: absolute;
    top: 50%;
    left: -1rem;
    transform: translateY(-45%);
    background-color: var(--elem-color)
}

.news-title[data-v-4b6af3d6] {
    font-size: var(--h4-font-size);
    line-height: 1.5rem
}

@media screen and (min-width: 1025px) {
    .news-item:hover .news-img[data-v-4b6af3d6] {
        transform:scale(1.1)
    }
}

@media screen and (max-width: 1024px) {
    .news-info[data-v-4b6af3d6] {
        font-size:var(--normal-font-size)
    }
}

@media screen and (max-width: 768px) {
    .news-item[data-v-4b6af3d6] {
        width:100%
    }
}

.news-list[data-v-3c17a9e7] {
    display: flex;
    justify-content: flex-start;
    margin: 0 -.6%
}

.news-list.wrap[data-v-3c17a9e7] {
    flex-wrap: wrap
}

.news-list.wrap .news-elem[data-v-3c17a9e7] {
    flex: none;
    margin-bottom: 2.5rem
}

.news-elem[data-v-3c17a9e7] {
    width: 32.1%;
    margin: 0 .6%
}

@media screen and (max-width: 768px) {
    .news-elem[data-v-3c17a9e7],.news-list[data-v-3c17a9e7] {
        width:100%;
        margin: 0
    }

    .news-elem[data-v-3c17a9e7] {
        flex: none;
        flex-shrink: 0
    }
}

.home-news-inner[data-v-6404f554] {
    padding: 6.5% 0 8.5%
}

.news[data-v-6404f554] {
    position: relative;
    padding-top: 2.5rem
}

@media screen and (min-width: 769px) {
    .news-more[data-v-6404f554] {
        position:absolute;
        top: 0;
        right: 0
    }

    .news-mob[data-v-6404f554] {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .section-decoration[data-v-6404f554] {
        display:none
    }

    .home-news-container[data-v-6404f554] {
        padding: 0
    }

    .home-news-content[data-v-6404f554] {
        padding: 0 1.5rem
    }

    .home-news-inner[data-v-6404f554] {
        padding: 3.875rem 0 4.5rem
    }

    .news[data-v-6404f554] {
        padding-top: 3.125rem
    }

    .news-swiper[data-v-6404f554] {
        padding: 0 1.5rem
    }

    .news-swiper-slide[data-v-6404f554] {
        width: 100%
    }

    .news-swiper-slide[data-v-6404f554] .news-info,.news-swiper-slide[data-v-6404f554] .news-title {
        transition: .3s;
        opacity: 0;
        transform: translateY(100%)
    }

    .swiper-slide-active[data-v-6404f554] .news-info,.swiper-slide-active[data-v-6404f554] .news-title {
        opacity: 1;
        transform: translate(0)
    }

    .news-swiper-pagination[data-v-6404f554] {
        width: auto;
        position: absolute;
        top: 1.375rem;
        right: 1.5rem;
        bottom: auto;
        left: auto;
        color: rgba(0,0,0,.4)
    }

    .news-swiper-pagination[data-v-6404f554] .swiper-pagination-current {
        color: var(--text-color)
    }

    .news-pc[data-v-6404f554] {
        display: none
    }

    .news-more[data-v-6404f554] {
        display: inline-block;
        margin: 2.5rem 0 0 1.5rem
    }
}

.home-about[data-v-2483a730] {
    position: relative
}

.about-logo.ff[data-v-2483a730] {
    width: 10.5rem;
    margin-bottom: 1rem
}

.home-about-inner[data-v-2483a730] {
    position: relative;
    z-index: 1
}

.home-about-container[data-v-2483a730] {
    position: absolute;
    bottom: 14%
}

.image-cover[data-v-2483a730] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: .3s
}

.image-cover.landscape[data-v-2483a730] {
    display: block
}

.image-cover.portrait[data-v-2483a730] {
    display: none
}

@media screen and (max-width: 1024px) {
    .home-about-inner[data-v-2483a730] {
        min-height:37.5rem
    }

    .home-about-content[data-v-2483a730] .section-desc {
        width: 84%
    }
}

@media screen and (max-width: 520px) {
    .image-cover.landscape[data-v-2483a730] {
        display:none
    }

    .image-cover.portrait[data-v-2483a730] {
        display: block
    }
}

.about-logo.max[data-v-7d1ea409] {
    width: 10.5rem;
    margin-bottom: 1rem
}

.home-about[data-v-7d1ea409] {
    position: relative
}

.home-about-inner[data-v-7d1ea409] {
    position: relative;
    z-index: 1;
    margin: 0 auto
}

.home-about-container[data-v-7d1ea409] {
    position: absolute;
    bottom: 14%
}

.home-about-carousel[data-v-7d1ea409] {
    position: relative;
    z-index: 1;
    padding: 2.5rem 1.5rem;
    background-color: var(--bg-color-white)
}

.about-item[data-v-7d1ea409] {
    width: 100%;
    margin-bottom: 3rem
}

.about-cover[data-v-7d1ea409] {
    position: relative;
    display: block;
    padding-bottom: 58%;
    width: 100%;
    height: 0;
    overflow: hidden
}

.about-img[data-v-7d1ea409] {
    position: absolute;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: .3s
}

.about-title[data-v-7d1ea409] {
    font-size: var(--h4-font-size);
    line-height: 1.5rem;
    margin: .75rem 0 .5rem
}

.about-desc[data-v-7d1ea409] {
    color: rgba(0,0,0,.6)
}

.image-cover[data-v-7d1ea409] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: .3s;
    overflow: hidden
}

.image-cover.landscape[data-v-7d1ea409] {
    display: block
}

.image-cover.portrait[data-v-7d1ea409] {
    display: none
}

@media screen and (max-width: 1024px)and (orientation:landscape) {
    .home-about-container[data-v-7d1ea409] {
        bottom:20%
    }
}

@media screen and (max-width: 1024px) {
    .about-info[data-v-7d1ea409] {
        font-size:var(--normal-font-size)
    }

    .home-about-inner[data-v-7d1ea409] {
        min-height: 37.5rem
    }

    .home-about-content[data-v-7d1ea409] .section-desc {
        width: 84%
    }
}

@media screen and (max-width: 768px) {
    .about-item[data-v-7d1ea409] {
        width:100%
    }
}

@media screen and (max-width: 520px) {
    .image-cover.landscape[data-v-7d1ea409] {
        display:none
    }

    .image-cover.portrait[data-v-7d1ea409] {
        display: block
    }
}

.home-chars-inner[data-v-f2383098] {
    height: 49rem
}

.home-chars-container[data-v-f2383098] {
    position: relative;
    height: 100%;
    z-index: 1
}

.home-chars-content[data-v-f2383098] .section-desc {
    width: 46%;
    margin-top: 2.5rem
}

.spine-anime[data-v-f2383098] {
    position: absolute;
    top: 21%;
    right: -78%;
    height: 124%;
    width: 196%;
    transform: scale(1.6);
    visibility: hidden
}

.spine-anime.show[data-v-f2383098] {
    visibility: visible
}

.chars-more[data-v-f2383098] {
    position: absolute;
    top: 15.3%
}

.home-chars-content[data-v-f2383098] {
    position: absolute;
    bottom: 14%;
    width: 100%
}

.image-cover[data-v-f2383098] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: none
}

@media screen and (max-width: 1024px) {
    .home-chars-inner[data-v-f2383098] {
        height:37.5rem
    }
}

@media screen and (max-width: 768px) {
    .section-decoration[data-v-f2383098],.spine-anime[data-v-f2383098] {
        display:none
    }

    .image-cover[data-v-f2383098] {
        display: block
    }

    .home-chars-content[data-v-f2383098] {
        margin: 0
    }

    .home-chars-content[data-v-f2383098] .section-title {
        width: 80%
    }

    .home-chars-content[data-v-f2383098] .section-desc {
        width: 66%;
        margin-top: .5rem
    }

    .home-chars-content[data-v-f2383098] {
        position: static
    }

    .home-chars-container[data-v-f2383098] {
        display: flex;
        flex-direction: column-reverse;
        height: auto;
        padding: 3.25rem 1.5rem 4.5rem
    }

    .chars-more[data-v-f2383098] {
        position: static;
        margin-top: 2rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

@media screen and (max-width: 520px) {
    .home-chars-container[data-v-f2383098] {
        height:100%
    }

    .home-chars-content[data-v-f2383098] {
        position: absolute;
        bottom: auto;
        top: 3.25rem
    }

    .chars-more[data-v-f2383098] {
        position: absolute;
        top: auto;
        bottom: 5rem
    }
}

.home-event-inner[data-v-23a8a6c2] {
    position: relative;
    height: 52.625rem
}

.home-event-inner.cursor[data-v-23a8a6c2] {
    cursor: url(https://dl.dir.freefiremobile.com/common/web_event/official2/dist/client/img/cursor_2.3937b9b.svg) 42 40,default
}

.home-event-container[data-v-23a8a6c2] {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    z-index: 1;
    background: linear-gradient(0deg,rgba(0,0,0,.5) 14.34%,transparent 63.11%)
}

.home-event-ctx[data-v-23a8a6c2] {
    position: absolute;
    right: 4%;
    bottom: 4.5rem;
    width: 38.5rem;
    height: 20.625rem;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    cursor: default
}

.home-event-content[data-v-23a8a6c2] .section-subtitle {
    width: 90%;
    margin-top: 1.5rem;
    line-height: 2rem;
    max-height: 4rem;
    overflow: hidden
}

.home-event-content[data-v-23a8a6c2] .section-desc {
    width: 90%;
    margin-top: .5rem;
    height: 5rem;
    overflow: hidden;
    color: rgba(0,0,0,.4)
}

.event-swiper-slide[data-v-23a8a6c2],.event-swiper[data-v-23a8a6c2] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.event-swiper-slide[data-v-23a8a6c2] {
    opacity: 0;
    transition: 1s ease
}

.event-swiper-slide.active[data-v-23a8a6c2] {
    opacity: 1
}

.event-image[data-v-23a8a6c2] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.event-swiper-pagination[data-v-23a8a6c2] {
    margin-top: 1.75rem
}

@media screen and (max-width: 1024px) {
    .home-event-ctx[data-v-23a8a6c2] {
        height:18rem
    }
}

@media screen and (max-width: 768px) {
    .section-decoration[data-v-23a8a6c2] {
        display:none
    }

    .home-event-inner[data-v-23a8a6c2] {
        height: 37.5rem
    }

    .home-event-ctx[data-v-23a8a6c2] {
        width: 76%;
        height: 24rem;
        bottom: 3rem
    }

    .home-event-content[data-v-23a8a6c2] {
        margin: 0
    }

    .home-event-content[data-v-23a8a6c2] .section-subtitle {
        width: 96%;
        line-height: 1.5rem;
        max-height: 4.5rem
    }

    .home-event-content[data-v-23a8a6c2] .section-desc {
        width: 96%;
        height: 6.25rem
    }
}

.home-esports-inner[data-v-2a37a154] {
    height: 50.5rem;
    position: relative;
    z-index: 1
}

.home-esports-container[data-v-2a37a154] {
    padding-top: 14.75rem;
    height: 100%
}

.home-esports-content[data-v-2a37a154] .section-subtitle {
    margin-top: 1.5rem
}

.home-esports-content[data-v-2a37a154] .section-desc {
    width: 40%;
    margin-top: .5rem;
    color: rgba(0,0,0,.4)
}

.esports-more[data-v-2a37a154] {
    margin-top: 3rem
}

.spine-anime[data-v-2a37a154] {
    position: absolute;
    bottom: -12%;
    right: -26%;
    height: 118%;
    width: 100%;
    visibility: hidden
}

.spine-anime.show[data-v-2a37a154] {
    visibility: visible
}

.image-cover[data-v-2a37a154] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: none
}

@media screen and (max-width: 768px) {
    .spine-anime[data-v-2a37a154] {
        display:none
    }

    .image-cover[data-v-2a37a154] {
        display: block
    }

    .section-decoration[data-v-2a37a154] {
        display: none
    }

    .home-esports-inner[data-v-2a37a154] {
        height: 37.5rem
    }

    .home-esports-container[data-v-2a37a154] {
        padding: 3rem 1.5rem 4.5rem
    }

    .home-esports-content[data-v-2a37a154] {
        margin: 0
    }

    .home-esports-content[data-v-2a37a154] .section-title {
        width: 80%
    }

    .home-esports-content[data-v-2a37a154] .section-desc {
        width: 96%
    }

    .esports-more[data-v-2a37a154] {
        margin-top: 3.375rem
    }
}