@font-face {
    font-family: UTM CAFETA;
    src: url(/Home/assets/UTM%20CAFETA-BoDPI9Am.TTF) format("truetype")
}

@font-face {
    font-family: FzHGame_Full;
    src: url(/Home/assets/FzHGame_Full-CutR8A1b.ttf) format("truetype")
}

body, html {
/*    overflow-x: hidden;*/
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    font-family: Roboto,sans-serif;
    background: #19172c;
    scrollbar-width: none;
    -ms-overflow-style: none
}

    body::-webkit-scrollbar, html::-webkit-scrollbar {
        display: none
    }

ul {
    margin: 0;
    padding: 0
}
.no-scroll {
    overflow: hidden;
    height: 100vh;
}
li {
    list-style: none
}

a {
    text-decoration: none
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0
}

* {
    box-sizing: border-box
}

.imgFull {
    width: 100%;
    height: auto;
    display: block
}

section {
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden
}

    section .bg-section, section .bg-section-mb {
        z-index: 1
    }

#app {
    width: 100%;
    margin: 0 auto;
    padding: 0
}

    #app > * {
        margin: 0
    }

main {
    position: relative;
    z-index: 1
}

.main-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4
}

.page-title {
    max-width: 39.3229166667vw;
    margin: 0 auto;
    animation: translateY 1s ease infinite
}

.bg-section-mb, .menu-left-mobile, .show-treasure, .video-mb, .btn-checkin-mb {
    display: none
}

.fade-out {
    opacity: 0;
    transform: translate(-1.0416666667vw)
}

.fade-in {
    opacity: 1;
    transform: translate(0)
}

.section1 {
    position: relative;
    height: 59.8958333333vw
}

    .section1 #particles-js {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1
    }

    .section1 .section-content {
        padding: 3.125vw 0 0 1.3541666667vw;
        position: relative;
        z-index: 2
    }

    .section1 a {
        transition: all .3s ease
    }

        .section1 a:hover {
            filter: brightness(1.2);
            transform: scale(1.05)
        }

    .section1 .logo-game {
        width: 13.6666666667vw
    }

        .section1 .logo-game a {
            display: block;
            width: 100%;
            height: 100%
        }

    .section1 .logo-18 {
        position: absolute;
        top: 10.041667vw;
        left: 3.5625vw;
        width: 7.802083vw;
        height: 5.729167vw
    }

    .section1 .logo-vplay {
        position: absolute;
        top: 4.1666666667vw;
        left: 13.6666666667vw;
        width: 8.1145833333vw;
        height: 3.75vw
    }

        .section1 .logo-vplay a {
            display: block;
            width: 100%;
            height: 100%
        }

    .section1 .login-box {
        border-bottom: 1px solid #c2ab7f;
        position: absolute;
        top: 1.8229166667vw;
        right: 1.5625vw;
        z-index: 10;
        display: flex;
        align-items: center;
        gap: .5208333333vw
    }

        .section1 .login-box .user-name {
            color: #fff;
            font-size: 1.40625vw;
            font-weight: 300
        }

            .section1 .login-box .user-name i {
                font-weight: 500;
                font-style: normal
            }

        .section1 .login-box .logout-btn {
            background: #0e2968;
            color: #c2ab7f;
            border: .0520833333vw solid #c2ab7f;
            padding: .2604166667vw .78125vw;
            border-radius: .2604166667vw;
            font-size: .9375vw;
            cursor: pointer;
            transition: all .3s ease
        }

            .section1 .login-box .logout-btn:hover {
                filter: brightness(1.2)
            }

    .section1 .text-section1 {
        position: absolute;
        top: 23.1770833333vw;
        left: 50%;
        transform: translate(-50%)
    }

        .section1 .text-section1 .text-section1-mb {
            display: none
        }

        .section1 .text-section1 .big-text {
            width: 66.0416666667vw
        }

            .section1 .text-section1 .big-text.animate {
                animation: showSlogan 4s cubic-bezier(.4,0,.2,1) forwards infinite
            }

        .section1 .text-section1 .btn-play {
            position: absolute;
            top: 3.6458333333vw;
            transform: translate(-50%);
            left: 47%;
            width: 9.8958333333vw
        }

            .section1 .text-section1 .btn-play.animate {
                animation: scalePlayBtn 1s ease-in-out infinite
            }

.section2 {
    height: 37.2395833333vw
}

    .section2 .section-content {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: row wrap;
        gap: 1.5625vw
    }

    .section2 .list-btn-event {
        width: 100%;
        position: relative;
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1.5625vw;
        margin-top: -3.6458333333vw
    }

        .section2 .list-btn-event li a {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: .2604166667vw;
            width: 16.6666666667vw;
            height: 5.5208333333vw;
            background: url(/Home/assets/bg-btn2-C-IXMJhw.png) no-repeat center center;
            background-size: cover;
            transition: all .3s ease;
            color: #fff;
            font-size: 1.3541666667vw;
            font-weight: 500;
            text-transform: capitalize;
            text-align: center;
            line-height: 4.4791666667vw
        }
        .section2 .list-btn-event li a:hover {
            transform: scale(1.05);
            filter: brightness(1.2)
        }

            .section2 .list-btn-event li a span {
                display: block;
                width: 2.1875vw;
                height: 2.1875vw
            }

        .section2 .list-btn-event li:nth-child(1) a {
            width: 15.7291666667vw;
            height: 4.7916666667vw;
            color: #3c0fcd;
            background: url(/Home/assets/bg-btn3-0W9RgUy9.png) no-repeat center center;
            background-size: 100% 100%
        }

            .section2 .list-btn-event li:nth-child(1) a span {
                width: 3.5416666667vw;
                height: 3.3854166667vw
            }

    .section2 .center-menu {
        background: url(/Home/assets/bg-menu-center-DP4wKmDF.png) no-repeat center center;
        background-size: cover;
        width: 12.6041666667vw;
        height: 30vw
    }

        .section2 .center-menu a {
            display: block;
            margin: 0 auto 1.0416666667vw;
            width: 12.4479166667vw;
            transition: all .3s ease
        }

            .section2 .center-menu a:hover {
                filter: brightness(1.2);
                transform: scale(1.05)
            }

        .section2 .center-menu .icon-app {
            width: 10.6770833333vw;
            margin: 0 auto .5208333333vw
        }

    .section2 .news-block, .section2 .swiper-topup {
        background: url(/Home/assets/bg-slide-BSRHW9DP.png) no-repeat center center;
        background-size: cover;
        width: 27.03125vw;
        height: 27.34375vw
    }

    .section2 .swiper-topup {
        padding: 3.125vw 1.09375vw 2.2916666667vw
    }

        .section2 .swiper-topup .swiper-container {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            overflow: hidden;
            position: relative
        }

        .section2 .swiper-topup .swiper-wrapper {
            display: flex;
            position: relative;
            z-index: 1
        }

        .section2 .swiper-topup .swiper-slide {
            width: 25.4166666667vw;
            height: 24.0104166667vw
        }

            .section2 .swiper-topup .swiper-slide img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover
            }

        .section2 .swiper-topup .swiper-pagination {
            z-index: 2;
            position: absolute;
            bottom: .5208333333vw;
            left: 50%;
            transform: translate(-50%);
            width: 100%;
            cursor: pointer;
            gap: .78125vw;
            display: flex;
            justify-content: center;
            align-items: center
        }

            .section2 .swiper-topup .swiper-pagination .swiper-pagination-bullet {
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY4NkJFNDFFMDNDQTExRjA5MzI4OEQyMDc0NUFGMEE2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY4NkJFNDFGMDNDQTExRjA5MzI4OEQyMDc0NUFGMEE2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Rjg2QkU0MUMwM0NBMTFGMDkzMjg4RDIwNzQ1QUYwQTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjg2QkU0MUQwM0NBMTFGMDkzMjg4RDIwNzQ1QUYwQTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5WgJ5jAAAEL0lEQVR42rSYy08TQRzHp1vQg1ISHyWBtttSCiYgjwPxognGgy/0Isrf0EtjfCU1nnzBuZf+DSaKb40KeABNvKroBYytbbc8QrqAEbBm/f1mu7Dr7szuFpzkB9OZ3/z20+93drZZj6IoxKr19d0gTlp751Ef/ItDeCDSUx/fypVxUk0TyBZaBWZ4YT47vDCXGYL+EIzVb6VmTbULOzr7AEYZnp/Pxmelb9pwfL8/hHNJmJO3F4hhJYXpUpWZn0OYmY1xta8AlIgfAYrI26iQNdBBCqOYYPRQni1AubKss6tvA6a4aZOpVebifrDPLZRjyzq7N22SCjO2hYuYoyhxf4M7pRxZ1tWt2jTnEGZTKdU+N1C2QN1VwmhNqmz0BodQXMu6eyows9l4gQNTLq+pxWp2WkMVnEMxgXp61A086wDm09R99Q5sH+BCeRxAWZ7UlxIvfPAcAJhMPJ+fJvh4sYrf5VUKs7Qs0cA+jrHy8/kZMlvMxKH2EES9p/K80YcJ6HLiOcCgMt8pjLqXzFH+s0o+Tz2gIFrDPo7hHGtdvjANUN8BSgEoBaAUog8D0JXEMwpThAW53LR661tEuYwwIwYYI9QIzWGtz8EXLTKgNoCuJp46h/ny0BLGAAU5XKicNRQFupZ4QmEkSPiRs7HpKx/GAAW5PPvwWtI/UN5fiz10A0tSBmA4d9OfdbjAI7K0UnR8Bq2trxBZzpF9e2NE8HitwZcWiVcQen119bjJJ72HDw1eLEiZZNYW5rErGAPUEkK1EEGwhpIBSlChZDiHFGHDW84hqRCl6h9ddK2Da8AfjwC+pQONobQYbGZ6XeOtJQcPnCV1uxtcw+AaXIs1WPVDgWaCDMjinfhwb3X85ZdJ9FDwCL2yvGj9Wxf2wP49LaS0nCfr6z+dw7SdAZgdzBwxGCXBRhFgyHWIEr3L7qbOyUCXDAJl2E6ptn7ic6CUj8L0c5XBawVVZQBGKRnOoTupASMU4/yoEWpJR+tpLhTOYQ7msuqEA2YY00l9O3WeQoUgMWIHFTtFfLvMUDiGczwYrB1qMsOYgLDdSl1QoWBBJMS3r6P1JAD4dTB+OsazCWuyYCyBsN1MDQIUSYpNIoViPb29oEJ77CSpAxAM7OMYKx+VwZraBnb0tNfa2/ejVKkwFIiKNkrFTtDgKROFLxYOiExluAppB9X4u1H4EaVQpbAgb0/x9gyuFQEGPlyHKLGgCReokoBQVKkAXymmMqIzZewV0hUdq0BFoHCLCyjMjbiAsbVMH6OTaB8BpcIAFWXaowXmYC6sAZtI6b+8/UAoTalYOMrMa4E5t8q4skwfbwxQZvtwrLlKGFeW6eP1hGpfBCyJ6ezDfqQKm7blhRVCoVLNQTHdChahhdhHZWDOtTJaVP3CCturiTH5+JFjyUgwnNVe6cFYaSs1/wowACT/7WuB5Q/1AAAAAElFTkSuQmCC) no-repeat center/100% 100%;
                width: .78125vw;
                height: .78125vw;
                opacity: 1;
                transition: all .3s ease
            }

                .section2 .swiper-topup .swiper-pagination .swiper-pagination-bullet:hover {
                    filter: brightness(1.2);
                    transform: scale(1.2)
                }

                .section2 .swiper-topup .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                    filter: brightness(1.2);
                    transform: scale(1.2);
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYyNUIwNDcxMDNDQTExRjA5OUM4RDE5NTU3RjYxMDVBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYyNUIwNDcyMDNDQTExRjA5OUM4RDE5NTU3RjYxMDVBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjI1QjA0NkYwM0NBMTFGMDk5QzhEMTk1NTdGNjEwNUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjI1QjA0NzAwM0NBMTFGMDk5QzhEMTk1NTdGNjEwNUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6OLjoZAAAHlElEQVR42rRY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) no-repeat center/100% 100%
                }

    .section2 .news-block {
        padding: 4.1666666667vw 1.5625vw
    }

        .section2 .news-block .news-tab {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 1.5625vw;
            margin-bottom: 1.0416666667vw
        }

            .section2 .news-block .news-tab .tab-title {
                color: #00fff6;
                font-size: 1.0416666667vw;
                cursor: pointer;
                transition: all .3s ease;
                position: relative;
                padding-bottom: .2604166667vw;
                font-weight: 500;
                font-size: 0.9vw
            }

                .section2 .news-block .news-tab .tab-title:after {
                    content: "";
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 0;
                    height: .15625vw;
                    background: #00fff6;
                    transition: all .3s ease
                }

                .section2 .news-block .news-tab .tab-title:hover, .section2 .news-block .news-tab .tab-title.active {
                    color: #00fff6
                }

                    .section2 .news-block .news-tab .tab-title.active:after {
                        width: 100%
                    }

        .section2 .news-block .news-list {
            position: relative;
            height: 16.6145833333vw;
            width: 100%;
            display: none
        }

            .section2 .news-block .news-list.active {
                display: block
            }

            .section2 .news-block .news-list li {
                position: relative;
                padding: .5208333333vw 0
            }

                .section2 .news-block .news-list li:before {
                    content: "";
                    display: block;
                    width: 100%;
                    height: .15625vw;
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAb0AAAADCAYAAAAHmdH1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU3MDBFREY0MEE1NTExRjA5RjBBRkI4MzlCNTYxRDY4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU3MDBFREY1MEE1NTExRjA5RjBBRkI4MzlCNTYxRDY4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTcwMEVERjIwQTU1MTFGMDlGMEFGQjgzOUI1NjFENjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTcwMEVERjMwQTU1MTFGMDlGMEFGQjgzOUI1NjFENjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4yWUlXAAABxUlEQVR42uyXXW6EMAyEbcP2BL3/iXqavkKSFomoo5Ftsj/V8kAktMSemMRG/liVr/YpIvX3UvkbeG9gU/Ib2Ptl5DfyTRCj+zbbDM/q624Qq2tYb/v9BPFmsE3OGiV/991grzOsteR5AudS8rfd9kHnsINc4Vwof0a1wBpF9RKqrTm2o6FP+h/VXuO9o/2DP7LVgzjN0XZbAQ1r+33drwb3aGvga3tM1hewF3juNl9hXyvMN/9CMWS3LRSP4+LvAvFW0qGNz1boLIXOHOVFHI1XK85bpuH6j7wfuE7Jr45Ps74zQ9IYegovStZEhaBXHSj2Zo2JQABW2oMRNDosCkHLQDvDHiYCkxF8lGBnDnj7XEArFBcBPhHYI+ghIDWAnAc9BqYmdYg+UqI6XtC7xruhJ06TjKAnDiAz6HmaShBo1Is6RLBnRbCrBK2uXR1IMVQXB1QLaTBeIXDxOYpj8/bG0PM+CjgnHgj5o6UF9YpqIgMgfDn0vp9oStxMW9KM5aDZjjRmTWJq0vy9f0Teeh143gg4srVy4MvsemK4XCC7oHgm+LYB3eg/jvagLZuLA+hoXfZ7r++eHNwz14F8nuKd+hFgAG4RFcMfGP0AAAAAAElFTkSuQmCC) no-repeat center center;
                    background-size: contain;
                    position: absolute;
                    bottom: 0;
                    left: 0
                }

                .section2 .news-block .news-list li:last-child:before {
                    display: none
                }

                .section2 .news-block .news-list li .news-title {
                    color: #fff;
                    font-size: 1.0416666667vw;
                    line-height: 1.4;
                    margin-bottom: .2604166667vw;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    font-size: 0.9vw;
                }

                    .section2 .news-block .news-list li .news-title:hover {
                        color: #d9f06a
                    }

                .section2 .news-block .news-list li .news-time {
                    color: #00fff6;
                    font-size: .8333333333vw;
                    opacity: .8
                }

        .section2 .news-block .btn-viewmore {
            position: absolute;
            bottom: 0;
            right: .5208333333vw;
            color: #00fff6;
            font-size: .9375vw;
            text-decoration: none;
            transition: all .3s ease
        }

            .section2 .news-block .btn-viewmore:hover {
                color: #fff;
                transform: translate(.2604166667vw)
            }

.section3 {
    height: 69.1145833333vw
}

    .section3 .characters {
        margin-top: 5.2083333333vw;
        height: 33.8541666667vw;
        width: 100%;
        position: relative
    }
        .section3 .characters .btn-play-charactor {
            display: none
        }
        .section3 .characters > div {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 2
        }

        .section3 .characters .character-info {
            width: 22.9166666667vw;
            left: 10.4166666667vw;
            color: #fff
        }

            .section3 .characters .character-info .name {
                font-family: FzHGame_Full,sans-serif;
                font-size: 5.6770833333vw;
                height: 11.3020833333vw;
                line-height: 2;
                text-transform: capitalize;
                text-align: center;
                background: linear-gradient(to right,#166cb3 35%,#aff3f8,#d5f6f8);
                -webkit-background-clip: text;
                background-clip: text;
                color: transparent;
                margin: 0 0 -2.6041666667vw -5.9895833333vw
            }

            .section3 .characters .character-info .description {
                width: 17.7083333333vw;
                height: 15.625vw;
                font-size: 1.1458333333vw;
                margin: .5208333333vw 0 0
            }

            .section3 .characters .character-info .properties {
                width: 15.3645833333vw;
                margin-top: .5208333333vw
            }

        .section3 .characters .character-skill {
            width: 10.6770833333vw;
            left: 28.125vw;
            z-index: 3
        }

        .section3 .characters .character-artifact {
            z-index: 2;
            width: 46.6145833333vw;
            top: -9.6354166667vw;
            transform: translateY(0);
            left: 26.25vw
        }

            .section3 .characters .character-artifact img {
                transition: all .5s ease;
                animation: sway 2s linear infinite
            }

            .section3 .characters .character-artifact:before {
                display: block;
                content: "";
                position: absolute;
                bottom: .9895833333vw;
                left: 22.96875vw;
                width: 13.0208333333vw;
                height: 33.90625vw;
                background: url(/Home/assets/bg-float-p4-By3XMqd9.png) no-repeat center center;
                background-size: contain;
                z-index: -1
            }

        .section3 .characters .character-video {
            width: 50.3645833333vw;
            height: 100%;
            background: #000;
            z-index: 1;
            position: absolute;
            right: 0
        }

            .section3 .characters .character-video .video {
                width: 100%;
                height: 100%;
                z-index: 1
            }

                .section3 .characters .character-video .video iframe {
                    width: 100%;
                    height: 100%
                }

    .section3 .characters-selector {
        position: relative;
        width: 73.75vw;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 3.6458333333vw auto 0;
        gap: 1.25vw
    }

/*        .section3 .characters-selector:before, .section3 .characters-selector:after {
            content: "";
            display: block;
            width: 3.6458333333vw;
            height: 5vw;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            filter: drop-shadow(0px 0px 4px #fff) contrast(1.2)
        }*/

        .section3 .characters-selector:before {
            left: 0;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAABACAYAAABlR0UdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIzNDZFNjUyMDNDQjExRjBCQzA1QTMwQ0I1Mzg3OTBEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIzNDZFNjUzMDNDQjExRjBCQzA1QTMwQ0I1Mzg3OTBEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjM0NkU2NTAwM0NCMTFGMEJDMDVBMzBDQjUzODc5MEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjM0NkU2NTEwM0NCMTFGMEJDMDVBMzBDQjUzODc5MEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6QN6MxAAAEUUlEQVR42tSaWUgVURjH56otaLS4FpXYvlyLsgKLSPOtzB4qfYq2l0owSCh7qQeDMIiCooKiFQoqwqACH6KCioo2zYwWSg3D3LId1HL6n/puTdPMnOXeuffOB78Hr+d88+fMd7/zne9cn67rmgctJsaDovuCXq8Jjwfdv5bcI4J9IA18+xMrHhE9GrT8E+QeED4NvP7v2xnlovPAc6B7Sfgc0GSMay8IZzE9CLywTeQREDWU8/8+YAm44bgDhVn0KpDDGVMMroEvToPiwiS4PzgAxnKE+0ESqOZ6ZLWKy4wDj0A38HPGHgMzRPy6HSqF4D7l4t2gzmFsAXgHaoQ8u7TKfcAe/a81gATOnEowW/QZbsR4OjgDsg2flYCvDnMWgI+cN+LqiueDdv1fuyAw7xJYCnyizwqV4FhQDn6YRH8G6Zy5meAumCTzzLgQbSinwXyL/5WDN5z5y8FN0Cj11CBXOgc069b2GMRx5seAWlAo+2zVdMhq5DJwxWYLZ9XcevCd4yeHxr6SFaASKmxnOwHyHcYcAbcEfOVT3q6XViH5imaCRt3Z2kCSoL8HYItKmMqsOMvL10E/zrjNoEPA32A6RzYo9SckxpYIiGal6HFBf7PAE9DqpvBksJQzpoe+kKIdpingIWh2U/gKgdXmFVFmm0gnnHYV4VYxPgZkmT5bx/HTSJuNjGWAU6AzFMIn0+kjVdJPid2h1sFGgLcCuZ4bKn5F0RfARck5C2nF14JEpS2Q8iI7mbTo8mZVRLEcfhScBWMtcnCxycdLgVrdsjpUFc1sEzmaDjrAGtMBoorqmU6wjMbWWfgpUq1VfIo1i26Y77Px4+P8zawrmFBpVQyVkabVSKZQOed2qAQrvlKh1igA38AukKhSq5g/UI33RQoPf2rzRpSKrDpqNpo3oB3UzLGzfeCqZC5nDc3hVGR9V41xHqUCq14huWqHwEqQorLiorXKSYFvfintvKL2DEygAs61IosVQucFuqwHJVJrLYXkMLfr8X0Cqz6POrIidg9kKpQY0sLvgLkC7YaddC7l2Qe6kMpwW7hGDUz2ei87jEkBFYL+rlFxN8Ttw3IA1iorAz02GaYXzBHwk0f9l6xgNyBZch0aQjXR2BAKGDv1T6dXbrapYCNnfi+FHesgxIezBWdsem6nEOEVYSFpeobqRuIH2Eq3CsaeygCwlzOXtSjaaPPyhXvFjbAT0W3Tyhdw5iwAx8HAcPfHra5S9hqE14N4gauU7HCHilVzaAMoAp9ok9nGmcM6YIuFG7FReF0olNN9YfpNFkt1+7Xfd/S5Dm06P72lcvrCR/xKnB0wVoNjJMzO2EHmPd2LOt8sROBXcGma6dc+Ft011hk7rDnc50dCuGh7jpW8VZEOFVlrorJ3vNeEB+r/kXY1TLSGitFYEVdtzkReEM7ql1Ga6ZdwXhAeEJ9qzEZeER6wBI1+heE14RrdRXV5UTiz2J8CDADBnP4Ooh3gdgAAAABJRU5ErkJggg==) no-repeat center center;
            background-size: cover
        }

        .section3 .characters-selector:after {
            right: 0;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAABCCAYAAADHTY8oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQxRkQyQUJEMDNDQjExRjA4MDVEQjA3MEZBNDM5OTYwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQxRkQyQUJFMDNDQjExRjA4MDVEQjA3MEZBNDM5OTYwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDFGRDJBQkIwM0NCMTFGMDgwNURCMDcwRkE0Mzk5NjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDFGRDJBQkMwM0NCMTFGMDgwNURCMDcwRkE0Mzk5NjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4+nh6VAAAEMklEQVR42tSaW2wMYRTHZ+26tRRR4hoksm6JUCSlSLwUUYIiEbdI3CNaXjRxeSAuiURcHvBASJpIhfbBg0QkLkGIUpq6E/eg7re26WrH/9TZWNPd+b5vZmd25p/8Hjp7vtmz35w53/nO14Cu6wFN03TNh2rBjgf96jypAbT1q/OkWpBhuOYb50nfQQ/Q0o/Ok16DsB9+QKIQuQdGg1Z+dJ4yUDmY5kfnSTWgEsz1o/OkR+AnGOtH50nnwSTQWWDXzYvO08yXgc0Cu75go5vrhOwX3eYfMdXE5hroA86ALq54j8JMlhHgLGhjYtMZVIPXIFvh3pZQecR3wE1QaGLzCawHPcElsBYEvDDzxGhQDjqY2ATARf2fykDHVM886S6oAqvN5gOsAhH+ezq4AYaleuZpVvNBFWglsN2p/69asCyZM29l0CBwHcwV2KWBZ3pzFYP0VIQN6QW4DBYL7Ki8WBPn+jxOqwPdDpsoszkldpOwLdPj6weY5/bMk56Cd2CWhO0aXuCMageKwQHQ2skV1qhnnPenSNi+AltMPl/BYdjPrbAhisAXEJKwJZs7urnoXtPdCBvSc960Z0nY/gYrBf2hjqAUzHc6bEjVvFkZKWl/FRwW2FApsc4N59+CW2CAwpgi8EFgMxyMctr5j7zTCiuMiRZuIi2VuVmgaZm1phDIAcd4IyIrCo0LYLxgA7QENMZcewIqkpVtiP4gYmHcYFCvq+kXyE1WtmkDFvATKFAMQeoL7Vb8vjTejubanXkKt/OGmdkbxy4THAElICxZuIlUE30CVp0fGuemdVwmZ4HPYDHYE/P5OTCBP8vn++Tp1tT0A9zsCDfEZLhkbA0DdsLmgmE29pmEzYkkh81EO2GjcRdhK9+wEAQVx2+347hd591OlTXGVBmyEXMhbnG8UY7VvzV8S7uLlB3nO/HKel9x3ELB6koqYRyrbTK5KHukMIaatbsk7A45XZh151r+ocKYHRJ9zAru8zjqfFcwlE9QZDSG41gTNKykywY7zlO8t21W6SV+uQ8IFqevYCZvyqUzhtWXdQj3XyIS9gX8lBKJnt4c3tg7vgGn+qUSrJaw7c09mkQ6CFq71e5TbTqVOtV0shI2VFdnc9/mncA2D8xI0G2mhtUDt9t9yWi0tktFo5WyxWCQDk4JbDcZ9rZ1YDn3ZX6moj+fAY6CDYqF11MwLNknI6oDsv16rEMvN/0vwknwzcRuERdeEe5+zeQFKKUHalmKR5k5XjnKDPIM7ucXz6zwquCW3RWvnIDTSV57cNrEhnL/SzBZoh/pWthQTt7GIWFm18PpMDEi06ucyi/oJc1jEoVNmM+OPOe4yPk0LmOPax5VorChMmAc1+v1fnOe6pfHkhsNTznfC7z3uuPxnM/giq9R84FinafNdK3mI0WdD8a0oH2jaK/cd46T/ggwAO8pysa7uI/TAAAAAElFTkSuQmCC) no-repeat center center;
            background-size: cover
        }

        .section3 .characters-selector .selector-btn {
            width: 6.3020833333vw;
            padding: 0;
            border: none;
            background: none;
            outline: none;
            cursor: pointer;
            filter: brightness(.8) drop-shadow(0px 0px 2px #fff);
            transition: all .5s ease
        }

            .section3 .characters-selector .selector-btn.active, .section3 .characters-selector .selector-btn:hover {
                filter: brightness(1.2) drop-shadow(0px 0px 2px #fff) contrast(1.2) saturate(1.5);
                transform: scale(1.1)
            }

.section4 {
    height: 55.15625vw
}

    .section4 .swiper-container {
        width: 76.0416666667vw;
        margin: 0 auto;
        overflow: visible;
        display: flex;
        justify-content: center;
        flex-flow: row wrap;
        position: relative
    }

        .section4 .swiper-container .swiper-wrapper {
            display: flex;
            align-items: center
        }

        .section4 .swiper-container .swiper-slide {
            width: 51.6666666667vw;
            transition: all .6s ease;
            filter: brightness(.5)
        }

            .section4 .swiper-container .swiper-slide img {
                width: 100%;
                height: 28.75vw
            }

            .section4 .swiper-container .swiper-slide.swiper-slide-active {
                z-index: 2;
                filter: brightness(1)
            }

        .section4 .swiper-container .swiper-pagination {
            width: 100%;
            cursor: pointer;
            margin-top: .4166666667vw;
            gap: 1.5625vw;
            display: flex;
            justify-content: center;
            align-items: center
        }

            .section4 .swiper-container .swiper-pagination .swiper-pagination-bullet {
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY4NkJFNDFFMDNDQTExRjA5MzI4OEQyMDc0NUFGMEE2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY4NkJFNDFGMDNDQTExRjA5MzI4OEQyMDc0NUFGMEE2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Rjg2QkU0MUMwM0NBMTFGMDkzMjg4RDIwNzQ1QUYwQTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjg2QkU0MUQwM0NBMTFGMDkzMjg4RDIwNzQ1QUYwQTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5WgJ5jAAAEL0lEQVR42rSYy08TQRzHp1vQg1ISHyWBtttSCiYgjwPxognGgy/0Isrf0EtjfCU1nnzBuZf+DSaKb40KeABNvKroBYytbbc8QrqAEbBm/f1mu7Dr7szuFpzkB9OZ3/z20+93drZZj6IoxKr19d0gTlp751Ef/ItDeCDSUx/fypVxUk0TyBZaBWZ4YT47vDCXGYL+EIzVb6VmTbULOzr7AEYZnp/Pxmelb9pwfL8/hHNJmJO3F4hhJYXpUpWZn0OYmY1xta8AlIgfAYrI26iQNdBBCqOYYPRQni1AubKss6tvA6a4aZOpVebifrDPLZRjyzq7N22SCjO2hYuYoyhxf4M7pRxZ1tWt2jTnEGZTKdU+N1C2QN1VwmhNqmz0BodQXMu6eyows9l4gQNTLq+pxWp2WkMVnEMxgXp61A086wDm09R99Q5sH+BCeRxAWZ7UlxIvfPAcAJhMPJ+fJvh4sYrf5VUKs7Qs0cA+jrHy8/kZMlvMxKH2EES9p/K80YcJ6HLiOcCgMt8pjLqXzFH+s0o+Tz2gIFrDPo7hHGtdvjANUN8BSgEoBaAUog8D0JXEMwpThAW53LR661tEuYwwIwYYI9QIzWGtz8EXLTKgNoCuJp46h/ny0BLGAAU5XKicNRQFupZ4QmEkSPiRs7HpKx/GAAW5PPvwWtI/UN5fiz10A0tSBmA4d9OfdbjAI7K0UnR8Bq2trxBZzpF9e2NE8HitwZcWiVcQen119bjJJ72HDw1eLEiZZNYW5rErGAPUEkK1EEGwhpIBSlChZDiHFGHDW84hqRCl6h9ddK2Da8AfjwC+pQONobQYbGZ6XeOtJQcPnCV1uxtcw+AaXIs1WPVDgWaCDMjinfhwb3X85ZdJ9FDwCL2yvGj9Wxf2wP49LaS0nCfr6z+dw7SdAZgdzBwxGCXBRhFgyHWIEr3L7qbOyUCXDAJl2E6ptn7ic6CUj8L0c5XBawVVZQBGKRnOoTupASMU4/yoEWpJR+tpLhTOYQ7msuqEA2YY00l9O3WeQoUgMWIHFTtFfLvMUDiGczwYrB1qMsOYgLDdSl1QoWBBJMS3r6P1JAD4dTB+OsazCWuyYCyBsN1MDQIUSYpNIoViPb29oEJ77CSpAxAM7OMYKx+VwZraBnb0tNfa2/ejVKkwFIiKNkrFTtDgKROFLxYOiExluAppB9X4u1H4EaVQpbAgb0/x9gyuFQEGPlyHKLGgCReokoBQVKkAXymmMqIzZewV0hUdq0BFoHCLCyjMjbiAsbVMH6OTaB8BpcIAFWXaowXmYC6sAZtI6b+8/UAoTalYOMrMa4E5t8q4skwfbwxQZvtwrLlKGFeW6eP1hGpfBCyJ6ezDfqQKm7blhRVCoVLNQTHdChahhdhHZWDOtTJaVP3CCturiTH5+JFjyUgwnNVe6cFYaSs1/wowACT/7WuB5Q/1AAAAAElFTkSuQmCC) no-repeat center/100% 100%;
                width: 1.875vw;
                height: 1.875vw;
                opacity: 1;
                transition: all .3s ease
            }

                .section4 .swiper-container .swiper-pagination .swiper-pagination-bullet:hover {
                    filter: brightness(1.2);
                    transform: scale(1.2)
                }

                .section4 .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
                    filter: brightness(1.2);
                    transform: scale(1.2);
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYyNUIwNDcxMDNDQTExRjA5OUM4RDE5NTU3RjYxMDVBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYyNUIwNDcyMDNDQTExRjA5OUM4RDE5NTU3RjYxMDVBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjI1QjA0NkYwM0NBMTFGMDk5QzhEMTk1NTdGNjEwNUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjI1QjA0NzAwM0NBMTFGMDk5QzhEMTk1NTdGNjEwNUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6OLjoZAAAHlElEQVR42rRY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) no-repeat center/100% 100%
                }

        .section4 .swiper-container .swiper-button-next, .section4 .swiper-container .swiper-button-prev {
            cursor: pointer;
            position: absolute;
            width: 2.4479166667vw;
            height: 3.4375vw;
            top: 46%;
            transform: translateY(-50%);
            margin: 0;
            transition: all .3s ease
        }

            .section4 .swiper-container .swiper-button-next:after, .section4 .swiper-container .swiper-button-prev:after {
                display: none
            }

            .section4 .swiper-container .swiper-button-next:hover, .section4 .swiper-container .swiper-button-prev:hover {
                filter: brightness(1.2);
                transform: translateY(-50%) scale(1.2)
            }

        .section4 .swiper-container .swiper-button-prev {
            left: 6.7708333333vw;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAABACAYAAABlR0UdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIzNDZFNjUyMDNDQjExRjBCQzA1QTMwQ0I1Mzg3OTBEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIzNDZFNjUzMDNDQjExRjBCQzA1QTMwQ0I1Mzg3OTBEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjM0NkU2NTAwM0NCMTFGMEJDMDVBMzBDQjUzODc5MEQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjM0NkU2NTEwM0NCMTFGMEJDMDVBMzBDQjUzODc5MEQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6QN6MxAAAEUUlEQVR42tSaWUgVURjH56otaLS4FpXYvlyLsgKLSPOtzB4qfYq2l0owSCh7qQeDMIiCooKiFQoqwqACH6KCioo2zYwWSg3D3LId1HL6n/puTdPMnOXeuffOB78Hr+d88+fMd7/zne9cn67rmgctJsaDovuCXq8Jjwfdv5bcI4J9IA18+xMrHhE9GrT8E+QeED4NvP7v2xnlovPAc6B7Sfgc0GSMay8IZzE9CLywTeQREDWU8/8+YAm44bgDhVn0KpDDGVMMroEvToPiwiS4PzgAxnKE+0ESqOZ6ZLWKy4wDj0A38HPGHgMzRPy6HSqF4D7l4t2gzmFsAXgHaoQ8u7TKfcAe/a81gATOnEowW/QZbsR4OjgDsg2flYCvDnMWgI+cN+LqiueDdv1fuyAw7xJYCnyizwqV4FhQDn6YRH8G6Zy5meAumCTzzLgQbSinwXyL/5WDN5z5y8FN0Cj11CBXOgc069b2GMRx5seAWlAo+2zVdMhq5DJwxWYLZ9XcevCd4yeHxr6SFaASKmxnOwHyHcYcAbcEfOVT3q6XViH5imaCRt3Z2kCSoL8HYItKmMqsOMvL10E/zrjNoEPA32A6RzYo9SckxpYIiGal6HFBf7PAE9DqpvBksJQzpoe+kKIdpingIWh2U/gKgdXmFVFmm0gnnHYV4VYxPgZkmT5bx/HTSJuNjGWAU6AzFMIn0+kjVdJPid2h1sFGgLcCuZ4bKn5F0RfARck5C2nF14JEpS2Q8iI7mbTo8mZVRLEcfhScBWMtcnCxycdLgVrdsjpUFc1sEzmaDjrAGtMBoorqmU6wjMbWWfgpUq1VfIo1i26Y77Px4+P8zawrmFBpVQyVkabVSKZQOed2qAQrvlKh1igA38AukKhSq5g/UI33RQoPf2rzRpSKrDpqNpo3oB3UzLGzfeCqZC5nDc3hVGR9V41xHqUCq14huWqHwEqQorLiorXKSYFvfintvKL2DEygAs61IosVQucFuqwHJVJrLYXkMLfr8X0Cqz6POrIidg9kKpQY0sLvgLkC7YaddC7l2Qe6kMpwW7hGDUz2ei87jEkBFYL+rlFxN8Ttw3IA1iorAz02GaYXzBHwk0f9l6xgNyBZch0aQjXR2BAKGDv1T6dXbrapYCNnfi+FHesgxIezBWdsem6nEOEVYSFpeobqRuIH2Eq3CsaeygCwlzOXtSjaaPPyhXvFjbAT0W3Tyhdw5iwAx8HAcPfHra5S9hqE14N4gauU7HCHilVzaAMoAp9ok9nGmcM6YIuFG7FReF0olNN9YfpNFkt1+7Xfd/S5Dm06P72lcvrCR/xKnB0wVoNjJMzO2EHmPd2LOt8sROBXcGma6dc+Ft011hk7rDnc50dCuGh7jpW8VZEOFVlrorJ3vNeEB+r/kXY1TLSGitFYEVdtzkReEM7ql1Ga6ZdwXhAeEJ9qzEZeER6wBI1+heE14RrdRXV5UTiz2J8CDADBnP4Ooh3gdgAAAABJRU5ErkJggg==) no-repeat center/100% 100%
        }

        .section4 .swiper-container .swiper-button-next {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAABCCAYAAADHTY8oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQxRkQyQUJEMDNDQjExRjA4MDVEQjA3MEZBNDM5OTYwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQxRkQyQUJFMDNDQjExRjA4MDVEQjA3MEZBNDM5OTYwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDFGRDJBQkIwM0NCMTFGMDgwNURCMDcwRkE0Mzk5NjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDFGRDJBQkMwM0NCMTFGMDgwNURCMDcwRkE0Mzk5NjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4+nh6VAAAEMklEQVR42tSaW2wMYRTHZ+26tRRR4hoksm6JUCSlSLwUUYIiEbdI3CNaXjRxeSAuiURcHvBASJpIhfbBg0QkLkGIUpq6E/eg7re26WrH/9TZWNPd+b5vZmd25p/8Hjp7vtmz35w53/nO14Cu6wFN03TNh2rBjgf96jypAbT1q/OkWpBhuOYb50nfQQ/Q0o/Ok16DsB9+QKIQuQdGg1Z+dJ4yUDmY5kfnSTWgEsz1o/OkR+AnGOtH50nnwSTQWWDXzYvO08yXgc0Cu75go5vrhOwX3eYfMdXE5hroA86ALq54j8JMlhHgLGhjYtMZVIPXIFvh3pZQecR3wE1QaGLzCawHPcElsBYEvDDzxGhQDjqY2ATARf2fykDHVM886S6oAqvN5gOsAhH+ezq4AYaleuZpVvNBFWglsN2p/69asCyZM29l0CBwHcwV2KWBZ3pzFYP0VIQN6QW4DBYL7Ki8WBPn+jxOqwPdDpsoszkldpOwLdPj6weY5/bMk56Cd2CWhO0aXuCMageKwQHQ2skV1qhnnPenSNi+AltMPl/BYdjPrbAhisAXEJKwJZs7urnoXtPdCBvSc960Z0nY/gYrBf2hjqAUzHc6bEjVvFkZKWl/FRwW2FApsc4N59+CW2CAwpgi8EFgMxyMctr5j7zTCiuMiRZuIi2VuVmgaZm1phDIAcd4IyIrCo0LYLxgA7QENMZcewIqkpVtiP4gYmHcYFCvq+kXyE1WtmkDFvATKFAMQeoL7Vb8vjTejubanXkKt/OGmdkbxy4THAElICxZuIlUE30CVp0fGuemdVwmZ4HPYDHYE/P5OTCBP8vn++Tp1tT0A9zsCDfEZLhkbA0DdsLmgmE29pmEzYkkh81EO2GjcRdhK9+wEAQVx2+347hd591OlTXGVBmyEXMhbnG8UY7VvzV8S7uLlB3nO/HKel9x3ELB6koqYRyrbTK5KHukMIaatbsk7A45XZh151r+ocKYHRJ9zAru8zjqfFcwlE9QZDSG41gTNKykywY7zlO8t21W6SV+uQ8IFqevYCZvyqUzhtWXdQj3XyIS9gX8lBKJnt4c3tg7vgGn+qUSrJaw7c09mkQ6CFq71e5TbTqVOtV0shI2VFdnc9/mncA2D8xI0G2mhtUDt9t9yWi0tktFo5WyxWCQDk4JbDcZ9rZ1YDn3ZX6moj+fAY6CDYqF11MwLNknI6oDsv16rEMvN/0vwknwzcRuERdeEe5+zeQFKKUHalmKR5k5XjnKDPIM7ucXz6zwquCW3RWvnIDTSV57cNrEhnL/SzBZoh/pWthQTt7GIWFm18PpMDEi06ucyi/oJc1jEoVNmM+OPOe4yPk0LmOPax5VorChMmAc1+v1fnOe6pfHkhsNTznfC7z3uuPxnM/giq9R84FinafNdK3mI0WdD8a0oH2jaK/cd46T/ggwAO8pysa7uI/TAAAAAElFTkSuQmCC) no-repeat center/100% 100%;
            right: 6.7708333333vw
        }

.section5 .table-rank {
    background: url(/Home/assets/bg-bxh-DiWSMu9r.png) no-repeat center center;
    background-size: cover;
    width: 83.8020833333vw;
    height: 50.8333333333vw;
    margin: .5208333333vw auto 0;
    padding: 7.9166666667vw 14.7395833333vw 1.5625vw
}

    .section5 .table-rank .table-rank-tab {
        display: flex;
        justify-content: center;
        margin-bottom: 1.0416666667vw
    }

        .section5 .table-rank .table-rank-tab .tab-title {
            cursor: pointer;
            text-align: center;
            width: 17.8645833333vw;
            height: 3.6458333333vw;
            line-height: 3.6458333333vw;
            background: url(/Home/assets/bg-btn3-0W9RgUy9.png) no-repeat center center;
            background-size: 100% 100%;
            color: #3c0fcd;
            font-size: 1.5104166667vw;
            transition: all .3s ease;
            font-weight: 700
        }

            .section5 .table-rank .table-rank-tab .tab-title:hover {
                transform: scale(1.05)
            }

            .section5 .table-rank .table-rank-tab .tab-title.active, .section5 .table-rank .table-rank-tab .tab-title:hover {
                background: url(/Home/assets/bg-btn3-mb-Bod3MU_c.png) no-repeat center center;
                background-size: 100% 100%
            }

    .section5 .table-rank .table-rank-content {
        display: none;
        width: 90%;
        margin: 1.0416666667vw auto 0;
        max-height: 33.75vw;
        overflow-y: auto;
        padding-right: .5208333333vw
    }

        .section5 .table-rank .table-rank-content::-webkit-scrollbar {
            width: .2604166667vw;
            background: #064cef58
        }

        .section5 .table-rank .table-rank-content::-webkit-scrollbar-thumb {
            background: #fff
        }

        .section5 .table-rank .table-rank-content.active {
            display: block
        }

        .section5 .table-rank .table-rank-content table {
            width: 100%;
            border-collapse: collapse
        }

            .section5 .table-rank .table-rank-content table th, .section5 .table-rank .table-rank-content table td {
                padding: .5208333333vw;
                text-align: center;
                color: #fff
            }

            .section5 .table-rank .table-rank-content table th {
                background: #ffffff1a;
                font-size: 1.7708333333vw;
                font-weight: 700
            }

            .section5 .table-rank .table-rank-content table td {
                font-size: 1.4583333333vw;
                border-bottom: 1px solid rgba(255,255,255,.1)
            }

                .section5 .table-rank .table-rank-content table td span.icon {
                    width: 2.9166666667vw;
                    height: 2.5520833333vw;
                    display: block;
                    margin: auto
                }

                    .section5 .table-rank .table-rank-content table td span.icon.top1 {
                        background: url(/Home/assets/icon-top1-BHWbqLUN.png) no-repeat center center;
                        background-size: cover
                    }

                    .section5 .table-rank .table-rank-content table td span.icon.top2 {
                        background: url(/Home/assets/icon-top2-tZ9M45z_.png) no-repeat center center;
                        background-size: cover
                    }

                    .section5 .table-rank .table-rank-content table td span.icon.top3 {
                        background: url(/Home/assets/icon-top3-BVqzCKlo.png) no-repeat center center;
                        background-size: cover
                    }

            .section5 .table-rank .table-rank-content table tr:last-child td {
                border-bottom: none
            }

.news-section {
    width: 72.9166666667vw;
    height: 106.0416666667vw;
    margin: .5208333333vw auto 0;
    padding: 5.2083333333vw 7.2916666667vw 6.7708333333vw
}

    .news-section .news-title {
        font-size: 3.125vw;
        text-transform: uppercase;
        color: #2951cb;
        text-align: center;
        margin-bottom: 1.0416666667vw;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(to right,#2951cb 30%,#93b6f4);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent
    }

        .news-section .news-title:before, .news-section .news-title:after {
            display: block;
            content: "";
            width: 20.46875vw;
            height: 3.75vw;
            margin-top: 2.0833333333vw
        }

        .news-section .news-title:before {
            background: url(/Home/assets/left-cor-VCahIHdU.png) no-repeat left top;
            background-size: cover;
            margin-right: -10.4166666667vw
        }

        .news-section .news-title:after {
            background: url(/Home/assets/right-cor-D0aFsfxK.png) no-repeat left top;
            background-size: cover;
            margin-left: -10.4166666667vw
        }

    .news-section .news-content {
        margin-top: 1.0416666667vw
    }

        .news-section .news-content .breadcrumb {
            font-size: 1.4583333333vw;
            color: #7484af;
            display: flex;
            align-items: center;
            gap: .78125vw;
            border-bottom: 1px solid #7484af;
            padding-bottom: .2604166667vw
        }

            .news-section .news-content .breadcrumb .icon-home {
                width: 2.2395833333vw;
                height: 2.2395833333vw;
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAYAAADhXXHAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIyREQ1NjdGMEEwRDExRjA5REFERTBFMUJDMkYxMjg1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIyREQ1NjgwMEEwRDExRjA5REFERTBFMUJDMkYxMjg1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjJERDU2N0QwQTBEMTFGMDlEQURFMEUxQkMyRjEyODUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjJERDU2N0UwQTBEMTFGMDlEQURFMEUxQkMyRjEyODUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5N7zjLAAADa0lEQVR42tyYW0gUYRTH13UxUzOv2U1bTSsrM92QLmbRRYoKuxFaSkRhERFJ9dBLENiDUREREl3tRpRd6aKVlV2ol6B6DHyIHrtTWZaW/T/4L3wcdnBGZ3ddD/zAOfPN7M+ZM993ZsK2VV912BxhIBF8tPvETpvPlwPegA/gBUjtrbK54D7I4rYHNIO03iY7ETSBZJHPoPCI3iKbR9Ekg/3pFHYHWzafooki/1VsuymcHixZD0UTRP4yyARPRX4EhTMCLTuJovEifwmUgU9gPngi9qdReGSgZAsoGify9RRt5/YPCj8W41IpnOVv2cngLhgo8hco2iHyrRRuFvnh4CEY5S/ZqaDRh+h5sAr8NTjuJ1gAHoj8MAqPtlt2GmjwIXoOVAjRHNZqphBexPLRYyiFx9gl6xWNFfkzYLUQLeAtL+Rs4BHCJSwjPYZQOLunsoUUHSDyp8AaIVoE7mlTWQrFi4XwYnBHnG8whcd2V3a6gehJsFaIzjO4+jHgBijXcr8o3CjGplB4nFXZIv54jMifAOuE6BJwHUQZnCsCnAZbtVwbhRvE2EEUzjErO5MniRb5YxT9p+UqOL9GmOhx94L9/FvFbwrfEmOT2b3ldiU7iwfLq3QEVIJOLbcB1IFwC9NfFTir/XN/wFKWihRuYjfnU3YOD5Kihymmi24Htd1cAVeC29qzoISXs5T0SKJwnpQtNqg7JbRRiO4Ce7Tb2Z2YzdpM0YRXAPmOlUjhfK+sat+u+BA9BDZpomGsuZ02NeweLh5uTbiUXZseCSzNWCfrVD5MB8FmTTSc5VBl8zubamaegQmacBm7NzkP5zvZFbVpOw6ALZqoi6tVpcM/oVawR2AGt9spXK+NUW/Kr5VIC5gCloGXLAlv9GNHVeLwb8RxkVCS19i9lfJBdPNifXFx8CuiRxQPnGvyB9XduciltIU/GM9+obyrpRQRydu/HhznfF6nD3AZHKi6q5vsDczEc16Jdz72qQm+hvVe08W8rPYdZY3uNrvcNloQVfW00EDUG+oq7eNsYuaLTjXYYVY220K9qVL5bHJsrYXzjvfHd4P3Fsa+DfZHju8Wx7cFU7bD4vjIYMq2OgIUTkcIRaBl+4eSbESwZb+FUhl09tWajQkl2fBgy0aHUhm4+mrNxoaSbE9e3x3/BRgAtFC1bexHL5QAAAAASUVORK5CYII=) no-repeat center center;
                background-size: cover;
                display: block;
                font-size: 0;
                margin-bottom: .5208333333vw
            }

            .news-section .news-content .breadcrumb span {
                width: 1.09375vw;
                height: 1.25vw;
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAYCAYAAAAVibZIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJCRDY1MDYzMEEwRDExRjBBQjcyRkY0RTZBMzQ2OEM1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJCRDY1MDY0MEEwRDExRjBBQjcyRkY0RTZBMzQ2OEM1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkJENjUwNjEwQTBEMTFGMEFCNzJGRjRFNkEzNDY4QzUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkJENjUwNjIwQTBEMTFGMEFCNzJGRjRFNkEzNDY4QzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz50o2zMAAABhUlEQVR42qzVPyiEcRzH8efOZbC4AaXYznKiDEoGR5ajDAwGg1XZcAMlk8Ggi3SDJEZnoKRIwnhKSTqGYzGwSNGVkn/vb32Hp6e75+733POt1/D8fvXp9/8JJBb3Wy3Lusev5VMF8YIt9PoZ+oY5bGAPET9CpZ4RRyeyWEa40lCpRwziHTPIYRKhSkKlbjGED9QhhRudhedQqUsM41O/ozhSUa+hUmcYxZetLa6jTuksjEOlDjGOH1tbSNc5p+tebRoqlcYE/hztYT0hWV0qo1CpTUwV6Yvo2T5Hh0mo1CoWXPrlNl7pABqDBiflBN8l9mcAsXIPdhuOXS6CHL8klpAvJ1TW7bTItZUN3MEsnuxHxK2a9Mw2FOjL6AZmTHa/XgObHe0yojF0Fwp0G2mtTrnF1pbXNUvarrBVbmiNbkq7fssfYRvz+qCXLGeoXLsDdOn3BaZx7fWVqsIu+vGAEfSZBtpHGtApxpDAmuOF8hS6og+zbMxrpf8oCe3BOu78+pv+CzAAOsBNQWORt1YAAAAASUVORK5CYII=) no-repeat center center;
                background-size: cover;
                display: block;
                font-size: 0
            }

            .news-section .news-content .breadcrumb a {
                width: auto;
                color: #7484af
            }

                .news-section .news-content .breadcrumb a:hover {
                    color: #ffa200
                }

            .news-section .news-content .breadcrumb .title {
                max-width: 36.9791666667vw;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                overflow: hidden
            }

        .news-section .news-content .article {
            margin-top: 1.0416666667vw;
            color: #183276
        }

            .news-section .news-content .article .article-title {
                text-transform: uppercase;
                font-size: 1.71875vw;
                text-align: center
            }

            .news-section .news-content .article .article-content {
                margin: 1.0416666667vw 0 1.5625vw;
                text-align: justify;
                font-size: 1.3020833333vw;
                height: 68.2291666667vw;
                overflow-y: scroll;
                padding-right: 1.0416666667vw
            }

                .news-section .news-content .article .article-content::-webkit-scrollbar {
                    width: .4166666667vw;
                    background: #cce1f4;
                    border-radius: .2604166667vw
                }

                .news-section .news-content .article .article-content::-webkit-scrollbar-thumb {
                    background: #5b77a9;
                    border-radius: .2604166667vw
                }

                .news-section .news-content .article .article-content table {
                    margin-top: 1.0416666667vw;
                    width: 100%;
                    border-collapse: collapse;
                    border-spacing: 0;
                    border: .0520833333vw solid #cea564;
                    font-family: Roboto,sans-serif
                }

                    .news-section .news-content .article .article-content table thead {
                        position: sticky;
                        top: 0;
                        z-index: 1
                    }

                        .news-section .news-content .article .article-content table thead th {
                            text-transform: uppercase;
                            padding: .5208333333vw;
                            color: #fff;
                            background: #393563;
                            font-size: 1.0416666667vw
                        }

                    .news-section .news-content .article .article-content table td, .news-section .news-content .article .article-content table th {
                        padding: .4166666667vw;
                        text-align: center;
                        border: .0520833333vw solid #cea564;
                        color: #393563;
                        font-size: 1.0416666667vw
                    }

                .news-section .news-content .article .article-content img {
                    max-width: 100%;
                    height: auto;
                    display: block;
                    margin: 1.0416666667vw auto
                }

        .news-section .news-content .other-news {
            position: relative;
            padding-bottom: 2.6041666667vw
        }

            .news-section .news-content .other-news .other-news-title {
                text-transform: uppercase;
                font-size: 1.3541666667vw;
                color: #183276
            }

            .news-section .news-content .other-news ul {
                padding: 0;
                margin: 0
            }

                .news-section .news-content .other-news ul .other-news-item {
                    padding: .5208333333vw 0 0;
                    list-style: disc
                }

                    .news-section .news-content .other-news ul .other-news-item:after {
                        content: "";
                        display: block;
                        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAb0AAAADCAYAAAAHmdH1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU3MDBFREY0MEE1NTExRjA5RjBBRkI4MzlCNTYxRDY4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU3MDBFREY1MEE1NTExRjA5RjBBRkI4MzlCNTYxRDY4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTcwMEVERjIwQTU1MTFGMDlGMEFGQjgzOUI1NjFENjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTcwMEVERjMwQTU1MTFGMDlGMEFGQjgzOUI1NjFENjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4yWUlXAAABxUlEQVR42uyXXW6EMAyEbcP2BL3/iXqavkKSFomoo5Ftsj/V8kAktMSemMRG/liVr/YpIvX3UvkbeG9gU/Ib2Ptl5DfyTRCj+zbbDM/q624Qq2tYb/v9BPFmsE3OGiV/991grzOsteR5AudS8rfd9kHnsINc4Vwof0a1wBpF9RKqrTm2o6FP+h/VXuO9o/2DP7LVgzjN0XZbAQ1r+33drwb3aGvga3tM1hewF3juNl9hXyvMN/9CMWS3LRSP4+LvAvFW0qGNz1boLIXOHOVFHI1XK85bpuH6j7wfuE7Jr45Ps74zQ9IYegovStZEhaBXHSj2Zo2JQABW2oMRNDosCkHLQDvDHiYCkxF8lGBnDnj7XEArFBcBPhHYI+ghIDWAnAc9BqYmdYg+UqI6XtC7xruhJ06TjKAnDiAz6HmaShBo1Is6RLBnRbCrBK2uXR1IMVQXB1QLaTBeIXDxOYpj8/bG0PM+CjgnHgj5o6UF9YpqIgMgfDn0vp9oStxMW9KM5aDZjjRmTWJq0vy9f0Teeh143gg4srVy4MvsemK4XCC7oHgm+LYB3eg/jvagLZuLA+hoXfZ7r++eHNwz14F8nuKd+hFgAG4RFcMfGP0AAAAAAElFTkSuQmCC) no-repeat center center;
                        background-size: 100% 100%;
                        width: 100%;
                        height: .15625vw;
                        margin-top: .5208333333vw;
                        filter: hue-rotate(45deg) contrast(.4)
                    }

                    .news-section .news-content .other-news ul .other-news-item:last-child:after {
                        display: none
                    }

                    .news-section .news-content .other-news ul .other-news-item:hover {
                        background: #ffffff4d
                    }

                    .news-section .news-content .other-news ul .other-news-item a {
                        font-size: .9895833333vw;
                        color: #183276;
                        margin-bottom: .2604166667vw;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        text-overflow: ellipsis
                    }

                    .news-section .news-content .other-news ul .other-news-item .other-news-item-date {
                        margin-top: .5208333333vw;
                        font-size: .78125vw;
                        color: #5d93dd;
                        opacity: .8
                    }

            .news-section .news-content .other-news .btn-viewmore {
                color: #183276;
                font-size: 1.1458333333vw;
                text-transform: capitalize;
                position: absolute;
                bottom: 0;
                right: 0;
                transition: all .3s ease
            }

                .news-section .news-content .other-news .btn-viewmore:hover {
                    color: #00d8ff;
                    transform: scale(1.1)
                }

    .news-section .news-block {
        padding: 0.1666666667vw 1.5625vw
    }

        .news-section .news-block .news-tab {
            display: flex;
            gap: 1.5625vw;
            margin-bottom: 1.0416666667vw
        }

            .news-section .news-block .news-tab .tab-title {
                color: #183276;
                font-size: 1.5625vw;
                cursor: pointer;
                transition: all .3s ease;
                position: relative;
                text-transform: uppercase;
                padding: .5208333333vw 1.0416666667vw
            }

                .news-section .news-block .news-tab .tab-title.active, .news-section .news-block .news-tab .tab-title:hover {
                    color: #fff;
                    background: #3b7cf0
                }

        .news-section .news-block .news-list {
            position: relative;
            width: 100%;
            display: none;
            height: 80.9895833333vw;
            margin-top: 1.5625vw;
            padding-left: .5208333333vw;
            padding-right: 1.0416666667vw
        }

            .news-section .news-block .news-list::-webkit-scrollbar {
                width: .4166666667vw;
                background: #cce1f4;
                border-radius: .2604166667vw
            }

            .news-section .news-block .news-list::-webkit-scrollbar-thumb {
                background: #5b77a9;
                border-radius: .2604166667vw
            }

            .news-section .news-block .news-list.active {
                display: block
            }

            .news-section .news-block .news-list li {
                position: relative;
                padding: .78125vw 0 .78125vw .5208333333vw
            }

                .news-section .news-block .news-list li:after {
                    content: "";
                    display: block;
                    width: 5px;
                    height: 5px;
                    background: #183276;
                    border-radius: 50%;
                    position: absolute;
                    top: 35px;
                    left: -.5208333333vw
                }

                .news-section .news-block .news-list li:before {
                    content: "";
                    display: block;
                    width: 100%;
                    height: .15625vw;
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAb0AAAADCAYAAAAHmdH1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU3MDBFREY0MEE1NTExRjA5RjBBRkI4MzlCNTYxRDY4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkU3MDBFREY1MEE1NTExRjA5RjBBRkI4MzlCNTYxRDY4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTcwMEVERjIwQTU1MTFGMDlGMEFGQjgzOUI1NjFENjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTcwMEVERjMwQTU1MTFGMDlGMEFGQjgzOUI1NjFENjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4yWUlXAAABxUlEQVR42uyXXW6EMAyEbcP2BL3/iXqavkKSFomoo5Ftsj/V8kAktMSemMRG/liVr/YpIvX3UvkbeG9gU/Ib2Ptl5DfyTRCj+zbbDM/q624Qq2tYb/v9BPFmsE3OGiV/991grzOsteR5AudS8rfd9kHnsINc4Vwof0a1wBpF9RKqrTm2o6FP+h/VXuO9o/2DP7LVgzjN0XZbAQ1r+33drwb3aGvga3tM1hewF3juNl9hXyvMN/9CMWS3LRSP4+LvAvFW0qGNz1boLIXOHOVFHI1XK85bpuH6j7wfuE7Jr45Ps74zQ9IYegovStZEhaBXHSj2Zo2JQABW2oMRNDosCkHLQDvDHiYCkxF8lGBnDnj7XEArFBcBPhHYI+ghIDWAnAc9BqYmdYg+UqI6XtC7xruhJ06TjKAnDiAz6HmaShBo1Is6RLBnRbCrBK2uXR1IMVQXB1QLaTBeIXDxOYpj8/bG0PM+CjgnHgj5o6UF9YpqIgMgfDn0vp9oStxMW9KM5aDZjjRmTWJq0vy9f0Teeh143gg4srVy4MvsemK4XCC7oHgm+LYB3eg/jvagLZuLA+hoXfZ7r++eHNwz14F8nuKd+hFgAG4RFcMfGP0AAAAAAElFTkSuQmCC) no-repeat center center;
                    background-size: 100% 100%;
                    filter: hue-rotate(45deg) contrast(.4);
                    position: absolute;
                    bottom: 0;
                    left: 0
                }

                .news-section .news-block .news-list li:last-child:before {
                    display: none
                }

                .news-section .news-block .news-list li .news-title {
                    color: #183276;
                    font-size: 1.71875vw;
                    margin-bottom: .5208333333vw;
                    text-align: left;
                    text-transform: none;
                    font-weight: 400;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden
                }

                    .news-section .news-block .news-list li .news-title:after, .news-section .news-block .news-list li .news-title:before {
                        display: none
                    }

                    .news-section .news-block .news-list li .news-title:hover {
                        color: #3b7cf0
                    }

                .news-section .news-block .news-list li .news-time {
                    color: #3b7cf0;
                    font-size: .8333333333vw;
                    opacity: .8
                }

.footer {
    background: #000;
    padding: 1.5625vw 0 1.0416666667vw
}

    .footer .footer-container {
        max-width: 72.9166666667vw;
        margin: 0 auto;
        padding: 0 1.0416666667vw
    }

    .footer .footer-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    .footer .footer-logo img {
        height: auto;
        width: 10.1041666667vw
    }

    .footer .footer-info {
        color: #eeeef0;
        font-size: .78125vw;
        line-height: 1.5
    }

        .footer .footer-info p {
            margin: .2604166667vw 0
        }

        .footer .footer-info a {
            color: #eeeef0;
            text-decoration: none;
            font-weight: 700
        }

            .footer .footer-info a:hover {
                color: #ffa200
            }

        .footer .footer-info .hotline {
            font-size: .8333333333vw
        }

.btn-goTop {
    cursor: pointer;
    position: fixed;
    bottom: 1.0416666667vw;
    right: 1.0416666667vw;
    z-index: 10;
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    text-align: center;
    line-height: 2.0833333333vw;
    border: .0520833333vw solid #fff;
    background: #0c1935;
    border-radius: .2604166667vw;
    transition: all .3s ease;
    opacity: 0;
    color: #fff;
    font-size: .78125vw
}

    .btn-goTop.show {
        opacity: 1
    }

    .btn-goTop:hover {
        background: #0e2968;
        transform: scale(1.1);
        filter: brightness(1.2)
    }

.btn-rank {
    cursor: pointer;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 1.0416666667vw;
    z-index: 10;
    width: 12.4479166667vw;
    height: 17.6041666667vw;
    transition: all .3s ease;
    animation: btnRank 1s ease infinite
}

.menu-top-mobile, .hide-menu {
    display: none
}

.right-menu {
    position: fixed;
    padding: 1.875vw 1.3541666667vw 0 1.6666666667vw;
    width: 10.8854166667vw;
    height: 26.5104166667vw;
    right: 1.0416666667vw;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    background: url(/Home/assets/bg-menu-right-4baRxiRr.png) no-repeat center center;
    background-size: cover;
    transition: all .5s ease
}

    .right-menu.hide {
        right: -9.6354166667vw
    }

    .right-menu .btn-inOut {
        cursor: pointer;
        position: relative;
        display: block;
        width: 1.5625vw;
        height: 1.5625vw;
        border-top-left-radius: .2604166667vw;
        border-bottom-left-radius: .2604166667vw;
        background: #5390d8;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -.15625vw;
        z-index: -1
    }

        .right-menu .btn-inOut:before {
            content: "";
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAaCAYAAABctMd+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVFREZBMDY5MDUzRTExRjBCREFCQ0UyQjgyMkE5QTZEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVFREZBMDZBMDUzRTExRjBCREFCQ0UyQjgyMkE5QTZEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUVERkEwNjcwNTNFMTFGMEJEQUJDRTJCODIyQTlBNkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUVERkEwNjgwNTNFMTFGMEJEQUJDRTJCODIyQTlBNkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4YIA6GAAABaUlEQVR42mLULtkhxMDAoAfEBxioDJiA+B0QJwPxGiCWo7bhINAMxIFAfAOI64CYk5qG3wLizVBDG4H4OtQyqhgOAtOR2PJAvA6IdwGxFjUM3wPEz9DkXYH4IhD3ALEAJYb/BeKNWNSwAHExNKiSgJiRHMNBYBsetRJAPBeIjwGxGTmGHwbi/wT0WADxcahFYqQY/hGIHxDpKFAQ3QTiAmjQETQcBC6TEGegSO6HRroTMYY/IyPVgZLrXvRcjs3wDxTkm2DkXI7NcDZq5XxsESFMgaHroRH8CJfh0mQYeg2I86DhjjdCDUgw9AM09+qjG4zN5UpALEKEof+AeAEQVwHxS1yK0A33I8Lgk9BwPUFq9sdXhr+E1lhWxBiM7nJxILbBouYPEE8G4iZS8wCy4UFYfLIXmgquUVpZZCCxH0EtcyHXYGSXO0CbF9+BuAuIO6FsigDM8GL03EUNADJcFFps7qN2owggwAAoY0LAsgauFQAAAABJRU5ErkJggg==) no-repeat center center;
            background-size: cover;
            display: block;
            width: .5208333333vw;
            height: .5208333333vw;
            filter: brightness(.5);
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            transition: all .3s ease
        }

        .right-menu .btn-inOut.in:before {
            transform: translate(-50%,-50%) rotate(180deg)
        }

    .right-menu .btn-recharge {
        z-index: 1;
        width: 12.8645833333vw;
        height: 13.4895833333vw;
        position: absolute;
        top: -10.15625vw;
        left: -.8854166667vw;
        animation: btnRecharge 1s forwards infinite;
        transition: all .3s ease
    }

        .right-menu .btn-recharge:hover {
            transform: scale(1.05)
        }

    .right-menu .qr-code {
        width: 5.8333333333vw;
        margin: 0 auto;
        border: 3px solid #7190f0;
        border-radius: .3645833333vw;
        overflow: hidden;
        position: relative;
        z-index: 2
    }

    .right-menu .download-buttons a {
        display: block;
        width: 6.9270833333vw;
        margin: .46875vw auto 0;
        transition: all .3s ease
    }

        .right-menu .download-buttons a:hover {
            transform: scale(1.05);
            filter: brightness(1.2)
        }

    .right-menu .social-group {
        text-align: center
    }

        .right-menu .social-group a {
            display: block;
            width: 100%;
            font-size: .9375vw;
            color: #3f5d94;
            height: 1.8229166667vw;
            line-height: 2.4479166667vw;
            font-weight: 500;
            position: relative;
            transition: all .3s ease
        }

            .right-menu .social-group a:hover {
                color: #ffa200
            }

            .right-menu .social-group a:last-child {
                font-size: 0;
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAcCAYAAADV0GlvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM1QkM5MDgxMDlFNzExRjA4Rjk4OUQ0MjIyNjg2MDM3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM1QkM5MDgyMDlFNzExRjA4Rjk4OUQ0MjIyNjg2MDM3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzVCQzkwN0YwOUU3MTFGMDhGOTg5RDQyMjI2ODYwMzciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzVCQzkwODAwOUU3MTFGMDhGOTg5RDQyMjI2ODYwMzciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz78dJ3bAAAE1ElEQVR42uRZfWhWVRy+77vX5VowWatQqtkW5Kz1oWYJ5cIspVpB1h/F/Mc+HBpimgWWX1RUlISssKKy/GIQ+YGFTkqmWdbWsuayiVppTGcfKzKbbs235wfPhV+He+577ntfcdIDD+e95557ds7v/D7PEul02qua/Mpwz/MmgYPAXi8eEmzbwWVeP8HWFY+EL3psTV0V2sZT9Pd/Ay8Bj+ZgrkqwFPwgi2+T4N1gCdgAofxgDkiBzzlMdBjcBnaB+Y5//CQ4EqwAm2IK4VbZAH9vAm/n/FG09BzwUnAcLKAA7dMQSJPWiO/QDguZ5DPwphgmkwf2xRTEJ+AN6rmCphcFxdi4HKS4AtGOV8GF6HvdV5nuDBPUYnAcv9GXA7NIGM9nZXEY8yGAleBr4jLAi8FFeL7NF0Q6wyQd/cDXHY8pXBn/OA60Bu374EfgVeBocAaEMSDpMMnYmJso6SeBQza8Hm0nTf1FCOYg2jbwQfERLfgxImSCX8CJ4FchamvTqucZMZ4NeDeSzssPtd+od0PBH9WznODN6vkK8NuAOcsZXYoYsWTNh5R5jAGX0vnKARfS+S5w0YjzwBZ6/s8VW8H6APv1MRh8AvzD6JdNbgC/5PfCr8HF4EXctIS3jREilITV98B94FrwHf6NA+BbEjFw+n3gdvyeKREDbAYvR58IKi8ZQbWuBa9TrOQmbGFsk9IoH5eBu8A7AsbP4kb8k5/IMJnJeV4D7gbvCRgn6cEU0R6YxRD27eEhSQDoQ/9AtGXJGDYnqdo6y7uXwCtVMuMvvoHx3IZ8R//iC0Lm2gKenWGtEiG+4KaPSAThAa3j+upTWQqhkXHY5lxnG1mdYDpVWGMPNyKaMs4hWpiYz7JAYzv9zfX0Qz4uBKfCFJbQ1P0cSfBGNhohi6u2vEvRRjX8POVho38jE7lpNIfFEdbwq9JKjTrwRvaPAtcY76eG5eBRIfb9l+WdOKhiy6IrVd8/YI0x7jGm8q6CEDsvMOqaGca4yWCPzkhhHuW5EIR4248t7+bSwZk4ysijsZd1i4lPHdfRS3PS2BEw7m/mCRplcQWxkzYZhOGWXMF3bAOMvh7L2J4I68l39Cc9LnuOIohbLP1DLcmNj6IAlS+3jL06Qu3wvdFnSworjOdOm3NzwSTaYBDktB8Cf2dOn1aaUMQFp5nhDVFh7xnwKTXPvdQsFwwKEISo/P3gatX3JNeg/Uh7toKoR8hZAydje7+XzISVUvgYiyxlKBZ7nxNBO8/npqR2uEv1r2K0aGXSV2t8txx7OZGNIDrx4X05KnpeYGTQ5lgTED1MbQsquweynW0IQvBoyHwvZxs+u3JY/XVZ0mCXu4w8i2PcDz7gOFc1DvWnMEEUhHw8DCYxIaYAdPq7lsnYoYBxW1gVHuHzz+p6bpEat9kwxbfBO1moBUEKujEQQuhdp5ThOx289bv0tsmQalPDd5jjwXnghwGqXa2uCNtURnouL02avf9e+krpfUFIHpNgHlPB8vpPRjOpZp1usSX7Wn4KL0SKGVFOKzIJIoUBK6D+vZRmIcvqbubsOgs7xpM9mUEr/IuaDtYPp10ILkjIP3iCAOEsUbn7Ztb1Hd4ZikwaERY1RrGVK+8JZ7IQXJCyaEOC13HLIIQ3vf8B/hVgAH85Ou1zAIfcAAAAAElFTkSuQmCC) no-repeat center center;
                background-size: cover;
                width: 3.4375vw;
                height: 1.4583333333vw;
                margin: 1.0416666667vw auto 0
            }

                .right-menu .social-group a:last-child:after {
                    display: none
                }

                .right-menu .social-group a:last-child:hover {
                    filter: brightness(1.2);
                    transform: scale(1.1)
                }

            .right-menu .social-group a:after {
                content: "";
                display: block;
                width: 7.4479166667vw;
                height: .3125vw;
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI8AAAAGCAYAAAD63M2DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYyQ0QyQTVBMDlFNzExRjBCMEIxQzlFOTE2QkYwRkEzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYyQ0QyQTVCMDlFNzExRjBCMEIxQzlFOTE2QkYwRkEzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjJDRDJBNTgwOUU3MTFGMEIwQjFDOUU5MTZCRjBGQTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjJDRDJBNTkwOUU3MTFGMEIwQjFDOUU5MTZCRjBGQTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7lHG8jAAABYklEQVR42uyWzUrDUBCFE43V+lcLPoig4M4nEMSdgi/hs/RB3Lhz61ZwKwiuXFVoo2mN+TGeC0c8jGlI6UKIGfjonczcDPfec6fxjy4GXmultgNi0lqJBQ1e25asbwn0JLYGuuL3mHMPXkAf3IAhOKWAdsEe+AShzP0AU/HfQMZxAcZNFo+7YT79LjfWbqqzFbApsQ3QEb8v41WwXvMgq2oGnFunZofxRewY3FI4+3x2BU7AIbhe8P0JmIgfgVT8UUXuhM++bUxxenxHJLEpRV2Wm1Hgs3JDXhBnOXiV2Lt04iIwNyMyAkkpGo8CS01RFYgrtMyx+92WWGwEkotgbc1EBOLLLS6rmRlRJhWirGvukJ5EPA9m3fPYXxyqx1g+IzdmflmnnKer/vrbSo36Rw3qsnU62iM355zPn8ElD9h1pIMaHaFJe/Zvv3mshcYfVuQ6AZ3xJhYy/679TP6xLwEGAPO6c10O8YBxAAAAAElFTkSuQmCC) no-repeat center center;
                background-size: cover;
                position: absolute;
                left: 50%;
                transform: translate(-50%);
                bottom: -.5208333333vw
            }

.popup-event {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(.9);
    width: 36.4583333333vw;
    height: 26.6145833333vw;
    padding: 1.6145833333vw 2.6041666667vw 2.0833333333vw 3.6458333333vw;
    background: url(/Home/assets/bg-pop-rule-CnRsWnWZ.png) no-repeat center center;
    background-size: cover;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease
}

    .popup-event.show {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%,-50%) scale(1)
    }

    .popup-event .popup-title {
        position: relative;
        font-size: 1.9270833333vw;
        font-weight: 700;
        margin-bottom: .5208333333vw;
        text-align: center;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .5208333333vw;
        background: linear-gradient(0deg,#654bbe,#b988af,#654bbe);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent
    }

        .popup-event .popup-title:before, .popup-event .popup-title:after {
            display: block;
            content: "";
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAXCAYAAABXlyyHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCQkQyMzQ4MDRERTExRjA4N0ZCOEE5MjgwMkE4RTFFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCQkQyMzQ5MDRERTExRjA4N0ZCOEE5MjgwMkE4RTFFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0JCRDIzNDYwNERFMTFGMDg3RkI4QTkyODAyQThFMUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0JCRDIzNDcwNERFMTFGMDg3RkI4QTkyODAyQThFMUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4mEC7OAAAEvklEQVR42tRYXUxbZRh++kdLBcqUdW4OZmB4A84oUbPOaFIvTHWwQsA6jSExCy5TlhjFq3G1XYnRZSQmY8aIUUf9WY4T5UY7o7HRmCoxeEUjaINzwLIVCv2D1uc9hYLYIghl9QtfWk7P+c55vvd9n+d5jyaZTGKzRv9PsITDKI9GUT4/D2MyAaNOh6jegHGjCYGm+xDADR6ajQDuH4RxchzO6SnUzc3BQpCWRAIuTiCp/kEjUwtotXBzRnR6TBUXY+jWXeh97C5E/xeA3/XAMXEFrlgcFoJwqgtpUnPx+/KxeAv1c2EjuCmKyYjxXbvR03IAvrwEfK4f7ZOTcAgeQwE/NZnPkyXT4FJTWXkXXuuU3+IxeItK4KuqRmf93QjmBeCez9B+jUAZFWOBEfZsQJnWEjno9XCzdoPmm+AvJphCM4Yb712qXymFSATloWnUhVgOMyHUxmKwbt8B99EGdN0wwO98Ceeff6A1QQIi8TiYvv9cgDNOoExvj9kMf2kpvGVWKA33rC9a730F++UxtIGb+tLTaNxywKfdOCtRMBhWT91wBJ7CQgTu2INX620Y2ugDffI99o6OomNnBbof37/x9f4VcN8lOEZ+QzvTcorTlWk/5ND8XKouq/agq/lBeDf7wd76Ai6yua/lfvjXTarMFikXeXaW1XDrw1AyAj7zMV6Zvo4D1ExbpvSVQekRsANlZRg4chDduay3i4OqCkQO7lu7fJ3+AGdmQ6jhdSrXkFe8JnqAF5/CE38D/HofzsZoGPRZUliOxeOMKmusqgqdzQ9snZSsdbyh4MTUddhIrI7lx0mIA2J8XnDhWf2H37FmhtFFQFGRmmyLSWSZHkPPN6ETeTj6f4Zxdga1ErCVvxXwWDwK5QL5QStgmaIlWh1cqy0ogG9mGiNPB9O4WlxeRoLVqATrDFH+tB2UAHMRfqEBWBUMCQxXLqP1/a9hy0fAjGyQuJSMapICrYinV6npeAuOF1M/o2F4ssmy7Bwzoe33X3FCjEi+AW6isdHqEVR9/MqRSPmFJ6kmaS4+dginRPtIXB4ajYxDmFsI4dpV2F87j7cv/IDyXIJwe1G7nvMrKnFqjgZoOWgJYDQC723l6Mmow4oP1pFhnGSKW9nZOLMxttQ0z/FYtuHS7kp0N+zbXB/85udoO/Jo6iHXZVx+hGXUj5NimuR/GqfgztvRfXh/SlWyOq1zvOHVCRWwgxdldVoELZFXSrbBe7R+4z64l/edmcXeY814ecu9tKRsYAQdZLcaYwHsrJEFBlhRIgk14opEXvTOSi99+CF41mwwGJWxANon2FvfQiV4rjF30rembqnvW9SN0W6KMVmtW1psCefZ64rUFRB8ERXAVIhhauGUkIoYF26OSd6KiCNa7JS4bqCSLWJLDvzzf+6Hz38Dm3RPUt/ErNa3vM3IugGpyKsZkO6RNUtaIddR/xW2hcozj6A3b994CLFRk12MUK2AJyinMDgfPv3mQ7Mk+GnwC6kvNT9gYESLLPDtqID7UE3uG/9Neacl4yPatVAQdeEwqmNkRvptC+f2RCqidh03QscokvGDTNtxtpL+UhJcc45TN2eAs41PB9W3lqakRFkPo/NOjOeDQflLgAEAcBwVAiPEjIMAAAAASUVORK5CYII=) no-repeat center center;
            background-size: cover;
            width: 3.125vw;
            height: 1.1979166667vw
        }

        .popup-event .popup-title:after {
            transform: rotate(180deg)
        }

    .popup-event .popup-small-text {
        font-size: 1.25vw;
        text-align: center;
        font-family: Roboto,sans-serif;
        color: #644abc
    }

    .popup-event .form-vip {
        margin-top: 1.0416666667vw
    }

        .popup-event .form-vip input {
            width: 25vw;
            height: 2.6041666667vw;
            border-radius: .2604166667vw;
            padding: .5208333333vw;
            display: block;
            border: none;
            margin: auto;
            box-shadow: 0 0 2px #000;
            color: #644abc;
            font-size: 1.0416666667vw
        }

        .popup-event .form-vip .btn-confirm {
            width: 18.9583333333vw;
            margin: 1.0416666667vw auto 0;
            transition: all .3s ease;
            display: block
        }

            .popup-event .form-vip .btn-confirm:hover {
                filter: brightness(1.2)
            }

        .popup-event .form-vip .error-phone {
            color: red;
            font-size: 1.0416666667vw;
            text-align: center;
            margin-top: .5208333333vw
        }

    .popup-event table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        border: .0520833333vw solid #cea564;
        font-family: Roboto,sans-serif
    }

        .popup-event table thead {
            position: sticky;
            top: 0;
            z-index: 1
        }

            .popup-event table thead th {
                text-transform: uppercase;
                padding: .5208333333vw;
                color: #fff;
                background: #393563;
                font-size: 1.0416666667vw
            }

        .popup-event table td, .popup-event table th {
            padding: .4166666667vw;
            text-align: center;
            border: .0520833333vw solid #cea564;
            color: #393563;
            font-size: 1.0416666667vw
        }

    .popup-event .close-popup {
        position: absolute;
        top: -1.3020833333vw;
        right: -.2604166667vw;
        width: 2.1875vw;
        height: 2.1875vw;
        cursor: pointer;
        transition: transform .3s ease;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE1RUQzQjY5MDRENzExRjA5OTMwOTQzNUE3N0E4QkU1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE1RUQzQjZBMDRENzExRjA5OTMwOTQzNUE3N0E4QkU1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTVFRDNCNjcwNEQ3MTFGMDk5MzA5NDM1QTc3QThCRTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTVFRDNCNjgwNEQ3MTFGMDk5MzA5NDM1QTc3QThCRTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5jzGoiAAALnklEQVR42sRa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) no-repeat center center;
        background-size: contain;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .popup-event .close-popup:hover {
            transform: rotate(90deg)
        }

    .popup-event .popup-content {
        overflow-y: auto;
        padding-right: 1.0416666667vw;
        max-height: 20.3125vw
    }

        .popup-event .popup-content::-webkit-scrollbar {
            width: .2083333333vw
        }

        .popup-event .popup-content::-webkit-scrollbar-track {
            background: #0018551a;
            border-radius: .15625vw
        }

        .popup-event .popup-content::-webkit-scrollbar-thumb {
            background: #001855e0;
            border-radius: .15625vw
        }

            .popup-event .popup-content::-webkit-scrollbar-thumb:hover {
                background: #000
            }

    .popup-event .popup-content-text {
        font-size: .7291666667vw;
        font-family: Roboto,sans-serif
    }

        .popup-event .popup-content-text table {
            font-family: Roboto,sans-serif
        }

            .popup-event .popup-content-text table th, .popup-event .popup-content-text table td {
                font-size: .7291666667vw
            }

.popup-code, .popup-notify {
    width: 45.2604166667vw;
    height: 14.1145833333vw;
    background: url(/Home/assets/bg-pop-BJficNE4.png) no-repeat center center;
    background-size: cover
}

    .popup-code .popup-content, .popup-notify .popup-content {
        scrollbar-width: none
    }

        .popup-code .popup-content::-webkit-scrollbar, .popup-notify .popup-content::-webkit-scrollbar {
            width: 0
        }

        .popup-code .popup-content .message, .popup-notify .popup-content .message {
            color: #534487;
            margin-top: 1.0416666667vw;
            font-size: 1.5625vw;
            text-align: center
        }

        .popup-code .popup-content .showCode, .popup-notify .popup-content .showCode {
            color: #534487;
            font-size: 4.1666666667vw;
            margin-top: -1.3020833333vw;
            letter-spacing: .2604166667vw;
            font-weight: 700;
            font-family: UTM CAFETA,sans-serif;
            text-align: center
        }

.popup-register-getcode .popup-content {
    scrollbar-width: none
}

    .popup-register-getcode .popup-content::-webkit-scrollbar {
        width: 0
    }

.popup-register-getcode .step-1-content {
    margin: .5208333333vw 0
}

    .popup-register-getcode .step-1-content a {
        display: block;
        width: 9.375vw;
        margin: 0 auto
    }

.popup-register-getcode .form-getcode ul {
    list-style: none;
    padding: 0;
    margin: 0
}

    .popup-register-getcode .form-getcode ul li {
        position: relative;
        padding-left: .78125vw;
        color: #644abc;
        font-size: 1.4583333333vw;
        margin-bottom: .5208333333vw
    }

        .popup-register-getcode .form-getcode ul li:nth-child(3) {
            padding: 0
        }

            .popup-register-getcode .form-getcode ul li:nth-child(3):before {
                display: none
            }

        .popup-register-getcode .form-getcode ul li span {
            font-weight: 500
        }

        .popup-register-getcode .form-getcode ul li:before {
            content: "";
            position: absolute;
            left: 0;
            top: .78125vw;
            transform: translateY(-50%);
            width: .5208333333vw;
            height: .5208333333vw;
            background-color: #644abc;
            clip-path: polygon(50% 0%,100% 50%,50% 100%,0% 50%)
        }

    .popup-register-getcode .form-getcode ul input {
        width: 22.1875vw;
        height: 2.6041666667vw;
        border-radius: .2604166667vw;
        padding: .5208333333vw;
        display: block;
        border: none;
        margin: .5208333333vw auto 0;
        box-shadow: 0 0 2px #000;
        outline: none;
        font-size: 1.4583333333vw;
        color: #644abc
    }

    .popup-register-getcode .form-getcode ul .btn-getcode {
        width: 18.9583333333vw;
        margin: .5208333333vw auto 0;
        border: none;
        background: none;
        outline: none;
        transition: all .3s ease;
        display: block
    }

        .popup-register-getcode .form-getcode ul .btn-getcode:hover {
            filter: brightness(1.2);
            transform: scale(1.05)
        }

    .popup-register-getcode .form-getcode ul .notify {
        color: red;
        font-size: 1.0416666667vw;
        text-align: center
    }

.popup-video {
    width: 100%;
    height: 100%;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center
}

    .popup-video .close-popup {
        top: 2.6041666667vw;
        right: 2.6041666667vw
    }

    .popup-video .video {
        width: 57.2916666667vw;
        height: 32.25vw
    }

        .popup-video .video iframe {
            width: 100%;
            height: 100%
        }

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000cf;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease
}

    .popup-overlay.show {
        opacity: 1;
        visibility: visible
    }

@media (max-width: 1024px) {
    .bg-section-mb, .menu-top-mobile, .menu-left-mobile, .show-treasure, .video-mb, .btn-checkin-mb {
        display: block
    }

    .bg-section, .right-menu, .text-notify-pc, .video-pc, .login-box, .btn-rank {
        display: none
    }

    .page-title {
        max-width: 65.4947916667vw
    }

    .btn-goTop {
        font-size: 2.2135416667vw;
        bottom: 2.6041666667vw;
        right: 2.6041666667vw;
        padding-left: .2604166667vw;
        width: 5.2083333333vw;
        height: 5.2083333333vw;
        line-height: 5.2083333333vw;
        border-radius: .6510416667vw
    }

    .menu-close {
        width: 10.4166666667vw;
        height: 10.4166666667vw;
        margin: -1.5625vw 0 0 -1.5625vw;
        background: transparent;
        border: none;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

        .menu-close span {
            display: block;
            width: 100%;
            height: 1.3020833333vw;
            border-radius: 1.3020833333vw;
            transition: all .3s ease;
            background: #00fffc
        }

            .menu-close span:first-child {
                transform: translateY(.2604166667vw) rotate(45deg)
            }

            .menu-close span:last-child {
                transform: translateY(-1.0416666667vw) rotate(-45deg)
            }

    .menu-top-mobile {
        z-index: 10;
        padding: 1.3020833333vw;
        height: 15.625vw;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #1c1041;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

        .menu-top-mobile .game-brand {
            width: 12.5vw
        }

        .menu-top-mobile .game-name {
            width: 30.859375vw;
            font-size: 3.125vw;
            color: #fff;
            text-transform: capitalize
        }

            .menu-top-mobile .game-name .time {
                font-size: 2.2135416667vw;
                color: #04ffea
            }

        .menu-top-mobile .btn-download {
            display: block;
            width: 41.40625vw
        }

        .menu-top-mobile .menu-toggle {
            width: 9.1145833333vw;
            height: 7.8125vw;
            background: transparent;
            border: none;
            cursor: pointer;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 1.3020833333vw;
            padding: .6510416667vw
        }

            .menu-top-mobile .menu-toggle span {
                display: block;
                width: 100%;
                height: 1.3020833333vw;
                background-color: #fff;
                border-radius: 1.3020833333vw;
                transition: all .3s ease
            }

    .menu-left-mobile {
        position: fixed;
        top: 0;
        padding: 2.6041666667vw 1.953125vw;
        left: -100%;
        width: 60.2864583333vw;
        height: 211.5885416667vw;
        background: url(/Home/assets/bg-menu-BuzlE4lD.jpg) no-repeat center center;
        background-size: cover;
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        transition: all .7s ease-in-out
    }

        .menu-left-mobile.show {
            left: 0;
            opacity: 1;
            visibility: visible;
            transform: translateY(0)
        }

        .menu-left-mobile .game-brand {
            width: 26.0416666667vw;
            margin: 2.6041666667vw auto
        }

        .menu-left-mobile .user-name {
            position: absolute;
            width: 73%;
            text-align: right;
            top: 0;
            left: 13.0208333333vw;
            color: #fff;
            font-size: 3.125vw;
            text-decoration: none;
            transition: all .3s ease;
            padding: 1.953125vw 0
        }

            .menu-left-mobile .user-name span {
                display: block;
                color: #00fffc;
                font-size: 4.296875vw;
                font-weight: 500
            }

        .menu-left-mobile .menu-list {
            margin-top: 1.3020833333vw;
            padding: 0 1.953125vw
        }

            .menu-left-mobile .menu-list .menu-item {
                position: relative;
                display: flex;
                align-items: center;
                gap: 1.3020833333vw;
                padding: 3.2552083333vw 0;
                border-bottom: .2604166667vw solid #150b2f
            }

                .menu-left-mobile .menu-list .menu-item:after {
                    content: "";
                    display: block;
                    width: 100%;
                    height: .2604166667vw;
                    background: #484bb0;
                    position: absolute;
                    bottom: 0;
                    left: 0
                }

                .menu-left-mobile .menu-list .menu-item:last-child {
                    border-bottom: none
                }

                    .menu-left-mobile .menu-list .menu-item:last-child:after {
                        display: none
                    }

                .menu-left-mobile .menu-list .menu-item span {
                    display: block;
                    width: 5.46875vw;
                    height: 5.46875vw
                }

                .menu-left-mobile .menu-list .menu-item a {
                    display: block;
                    color: #fff;
                    font-size: 4.8177083333vw;
                    text-decoration: none
                }

    .section1 {
        height: 154.5572916667vw
    }

        .section1 .section-content {
            padding: 123.3072916667vw 0 0
        }

        .section1 .logo-vplay {
            top: 31.041667vw;
            left: 5.697917vw;
            width: 14.802083vw;
        }

        .section1 .logo-game {
            position: absolute;
            top: 20.34375vw;
            left: 2.5625vw;
            width: 24.90625vw;
        }

        .section1 .logo-18 {
            position: absolute;
            top: 114.041667vw;
            left: 0.5625vw;
            width: 15.802083vw;
        }

        .section1 .text-section1 {
            position: absolute;
            top: 118.4895833333vw;
            left: 50%;
            transform: translate(-50%)
        }

            .section1 .text-section1 .text-section1-mb {
                display: block
            }

            .section1 .text-section1 .text-section1-pc {
                display: none
            }

            .section1 .text-section1 .big-text {
                width: 100vw;
                animation: showSlogan 4s cubic-bezier(.4,0,.2,1) forwards infinite
            }

            .section1 .text-section1 .btn-play {
                top: -61.5885416667vw;
                left: 50%;
                width: 20.8333333333vw;
                animation: scalePlayBtn 1s ease-in-out infinite
            }

    .section2 {
        height: 207.6822916667vw
    }

        .section2 .section-content {
            row-gap: 2.6041666667vw;
            column-gap: 0;
            padding-top: 35.15625vw
        }

        .section2 .list-btn-event {
            flex-flow: row wrap;
            gap: 2.6041666667vw;
            margin-top: 0;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translate(-50%)
        }

            .section2 .list-btn-event li a {
                gap: .6510416667vw;
                width: 45.5729166667vw;
                height: 14.3229166667vw;
                font-size: 3.3854166667vw;
                line-height: 11.1979166667vw
            }

                .section2 .list-btn-event li a span {
                    width: 5.46875vw;
                    height: 5.46875vw
                }

            .section2 .list-btn-event li:nth-child(1) a {
                width: 46.875vw;
                height: 13.9322916667vw
            }

                .section2 .list-btn-event li:nth-child(1) a span {
                    width: 8.8541666667vw;
                    height: 8.4635416667vw
                }

        .section2 .center-menu {
            display: none
        }

        .section2 .news-block, .section2 .swiper-topup {
            background: url(/Home/assets/bg-slide-mb-B2nUP7fU.png) no-repeat center center;
            background-size: cover;
            width: 97.9166666667vw;
            height: 82.2916666667vw
        }

        .section2 .swiper-topup {
            padding: 1.5625vw 4.4270833333vw 1.5625vw 3.7760416667vw
        }

            .section2 .swiper-topup .swiper-wrapper {
                height: 100%
            }

            .section2 .swiper-topup .swiper-slide {
                width: 100%;
                height: 100%
            }

            .section2 .swiper-topup .swiper-pagination {
                bottom: 1.3020833333vw;
                gap: 1.953125vw
            }

                .section2 .swiper-topup .swiper-pagination .swiper-pagination-bullet {
                    width: 3.2552083333vw;
                    height: 3.2552083333vw
                }

        .section2 .news-block {
            padding: 7.8125vw 9.1145833333vw 7.8125vw 8.59375vw
        }

            .section2 .news-block .news-tab {
                gap: 3.90625vw;
                margin-bottom: 2.6041666667vw;
                justify-content: space-between
            }

                .section2 .news-block .news-tab .tab-title {
                    font-size: 2.7760416667vw;
                    padding-bottom: .6510416667vw
                }

            .section2 .news-block .news-list {
                height: 58.8541666667vw
            }

                .section2 .news-block .news-list li {
                    padding: 2.6041666667vw 0
                }

                    .section2 .news-block .news-list li:before {
                        width: 100%;
                        height: .390625vw;
                        background-size: cover
                    }

                    .section2 .news-block .news-list li .news-title {
                        font-size: 3.0854166667vw;
                        margin-bottom: .6510416667vw
                    }

                    .section2 .news-block .news-list li .news-time {
                        font-size: 2.0833333333vw
                    }

            .section2 .news-block .btn-viewmore {
                right: 0;
                font-size: 3.3854166667vw
            }

    .section3 {
        height: 119.7916666667vw
    }

        .section3 .section-content {
            padding-top: 1.3020833333vw
        }

        .section3 .characters {
            margin-top: -5.2083333333vw;
            height: 75.5208333333vw;
            display: flex;
            align-items: center;
            justify-content: center
        }
            .section3 .characters .character-video {
                display: none
            }

            .section3 .characters .btn-play-charactor {
                display: block;
                position: absolute;
                top: 47.15625vw;
                left: 60%;
                width: 15.625vw;
            }

                .section3 .characters .btn-play-charactor > img {
                    width: 17vw;
                }

            .section3 .characters .character-video iframe {
                display: none;
            }
            .section3 .characters .character-info {
                padding-left: 2.6041666667vw;
                width: 44.2708333333vw;
                left: 2.6041666667vw;
                position: relative;
                left: inherit
            }

                .section3 .characters .character-info .name {
                    font-size: 11.71875vw;
                    text-align: left;
                    width: 117%;
                    padding-left: 3.2552083333vw;
                    height: 18.8802083333vw;
                    margin: 0 0 0 -2.6041666667vw
                }

                .section3 .characters .character-info .description {
                    width: 100%;
                    height: 28.6458333333vw;
                    font-size: 2.34375vw;
                    margin: 1.3020833333vw 0 0
                }

                .section3 .characters .character-info .properties {
                    width: 30.5989583333vw;
                    margin-top: 2.6041666667vw
                }

            .section3 .characters .character-skill {
                transform: rotate(-90deg);
                width: 19.53125vw;
                left: 60.2864583333vw;
                top: 43.6197916667vw;
                z-index: 2
            }

            .section3 .characters .character-artifact {
                position: relative;
                top: inherit;
                left: inherit;
                z-index: 1;
                margin-top: -3.90625vw;
                margin-left: -7.8125vw;
                width: 61.1979166667vw;
                height: 75.5208333333vw
            }

                .section3 .characters .character-artifact img {
                    position: absolute;
                    top: 0;
                    left: -9.6354166667vw;
                    width: 91.1458333333vw;
                    height: auto
                }

                .section3 .characters .character-artifact:before {
                    display: none
                }

            .section3 .characters .character-video {
                display: none
            }

        .section3 .characters-selector {
            width: 100%;
            margin: 9.1145833333vw auto 0;
            padding: 0 7.8125vw;
            column-gap: 1.953125vw;
            row-gap: .6510416667vw;
/*            flex-flow: row wrap*/
        }

            .section3 .characters-selector:before, .section3 .characters-selector:after {
                width: 6.5104166667vw;
                height: 9.8958333333vw;
                top: 3.90625vw
            }

            .section3 .characters-selector:before {
                left: 2.6041666667vw
            }

            .section3 .characters-selector:after {
                right: 2.6041666667vw
            }

            .section3 .characters-selector .selector-btn {
                width: 11.71875vw
            }

    .section4 {
        height: 87.5vw
    }

        .section4 .swiper-container {
            width: 98.9583333333vw;
            margin: 3.90625vw auto 0
        }

            .section4 .swiper-container .swiper-slide {
                width: 89.84375vw;
                height: 54.6875vw
            }

                .section4 .swiper-container .swiper-slide img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover
                }

            .section4 .swiper-container .swiper-pagination {
                margin-top: 2.6041666667vw;
                gap: 5.2083333333vw
            }

                .section4 .swiper-container .swiper-pagination .swiper-pagination-bullet {
                    width: 4.6875vw;
                    height: 4.6875vw
                }

            .section4 .swiper-container .swiper-button-next, .section4 .swiper-container .swiper-button-prev {
                width: 6.1197916667vw;
                height: 8.59375vw;
                top: 46%;
                filter: brightness(1.2) drop-shadow(2px 0px 4px #e42626)
            }

                .section4 .swiper-container .swiper-button-next:hover, .section4 .swiper-container .swiper-button-prev:hover {
                    filter: brightness(1.2) drop-shadow(2px 0px 4px #e42626)
                }

            .section4 .swiper-container .swiper-button-prev {
                left: 6.5104166667vw;
                background: url(/Home/assets/btn-prev-p4-BdXIoBas.png) no-repeat center/100% 100%
            }

            .section4 .swiper-container .swiper-button-next {
                background: url(/Home/assets/btn-next-p4-dwFYOWXs.png) no-repeat center/100% 100%;
                right: 6.5104166667vw
            }

    .section5 .table-rank {
        background: url(/Home/assets/bg-bxh-DiWSMu9r.png) no-repeat center center;
        background-size: 113% 100%;
        width: 100%;
        height: 72.9166666667vw;
        margin: 1.3020833333vw auto 0;
        padding: 10.4166666667vw 10.4166666667vw 7.8125vw
    }

        .section5 .table-rank .table-rank-tab {
            margin-bottom: 2.6041666667vw
        }

            .section5 .table-rank .table-rank-tab .tab-title {
                width: 23.828125vw;
                height: 5.078125vw;
                line-height: 5.078125vw;
                font-size: 2.0833333333vw
            }

        .section5 .table-rank .table-rank-content {
            margin: 2.6041666667vw auto 0;
            max-height: 48.1770833333vw;
            padding-right: .78125vw
        }

            .section5 .table-rank .table-rank-content::-webkit-scrollbar {
                width: .390625vw
            }

            .section5 .table-rank .table-rank-content table th, .section5 .table-rank .table-rank-content table td {
                padding: .78125vw
            }

            .section5 .table-rank .table-rank-content table th {
                font-size: 2.34375vw
            }

            .section5 .table-rank .table-rank-content table td {
                font-size: 1.953125vw
            }

                .section5 .table-rank .table-rank-content table td span.icon {
                    width: 3.90625vw;
                    height: 3.515625vw
                }

    .news-section {
        width: 100%;
        height: auto;
        margin: 1.3020833333vw auto 0;
        padding: 10.4166666667vw 2.6041666667vw 3.90625vw
    }

        .news-section .news-title {
            font-size: 5.2083333333vw;
            margin-bottom: 2.6041666667vw
        }

            .news-section .news-title:before, .news-section .news-title:after {
                width: 37.7604166667vw;
                height: 6.9010416667vw;
                margin-top: 3.90625vw
            }

            .news-section .news-title:before {
                margin-right: -19.53125vw
            }

            .news-section .news-title:after {
                margin-left: -19.53125vw
            }

        .news-section .news-content {
            margin-top: 2.6041666667vw;
            padding: 0 2.6041666667vw
        }

            .news-section .news-content .breadcrumb {
                font-size: 2.6041666667vw;
                gap: 1.0416666667vw;
                border-bottom: 1px solid #7484af;
                padding-bottom: .6510416667vw
            }

                .news-section .news-content .breadcrumb .icon-home {
                    width: 4.1666666667vw;
                    height: 4.1666666667vw;
                    margin-bottom: 1.3020833333vw
                }

                .news-section .news-content .breadcrumb span {
                    width: 1.8229166667vw;
                    height: 1.8229166667vw
                }

                .news-section .news-content .breadcrumb .title {
                    max-width: 52.0833333333vw
                }

            .news-section .news-content .article {
                margin-top: 2.6041666667vw
            }

                .news-section .news-content .article .article-title {
                    font-size: 3.6458333333vw
                }
                .news-section .news-content .article .article-date {
                    font-size: 2.6458333333vw
                }

                .news-section .news-content .article .article-content {
                    margin: 2.6041666667vw 0 3.90625vw;
                    font-size: 3.2552083333vw;
                    height: 89.84375vw;
                    padding-right: 2.6041666667vw
                }

                    .news-section .news-content .article .article-content::-webkit-scrollbar {
                        width: .78125vw;
                        border-radius: .78125vw
                    }

                    .news-section .news-content .article .article-content::-webkit-scrollbar-thumb {
                        border-radius: .390625vw
                    }

                    .news-section .news-content .article .article-content table {
                        margin-top: 2.6041666667vw
                    }

                        .news-section .news-content .article .article-content table thead th {
                            padding: 1.3020833333vw;
                            font-size: 2.6041666667vw
                        }

                        .news-section .news-content .article .article-content table td, .news-section .news-content .article .article-content table th {
                            padding: 1.0416666667vw;
                            font-size: 2.6041666667vw
                        }

                    .news-section .news-content .article .article-content img {
                        margin: 2.6041666667vw auto
                    }

            .news-section .news-content .other-news {
                padding: 0 0 5.2083333333vw
            }

                .news-section .news-content .other-news .other-news-title {
                    font-size: 3.2552083333vw
                }

                .news-section .news-content .other-news ul .other-news-item {
                    padding: 1.3020833333vw 0 0
                }

                    .news-section .news-content .other-news ul .other-news-item:after {
                        height: .390625vw;
                        margin-top: 1.3020833333vw
                    }

                    .news-section .news-content .other-news ul .other-news-item a {
                        font-size: 2.8645833333vw;
                        margin-bottom: .6510416667vw
                    }

                    .news-section .news-content .other-news ul .other-news-item .other-news-item-date {
                        margin-top: 1.3020833333vw;
                        font-size: 2.2135416667vw
                    }

                .news-section .news-content .other-news .btn-viewmore {
                    font-size: 2.8645833333vw;
                    right: 5.2083333333vw
                }

        .news-section .news-block {
            padding: 2.6041666667vw 3.90625vw
        }

            .news-section .news-block .news-tab {
                gap: 0;
                margin-bottom: 2.6041666667vw
            }

                .news-section .news-block .news-tab .tab-title {
                    font-size: 3.2552083333vw;
                    padding: 1.3020833333vw 2.6041666667vw
                }

            .news-section .news-block .news-list {
                height: 139.3229166667vw;
                margin-top: 3.90625vw;
                padding-left: 1.3020833333vw;
                padding-right: 1.3020833333vw
            }

                .news-section .news-block .news-list::-webkit-scrollbar {
                    width: .78125vw;
                    border-radius: .6510416667vw
                }

                .news-section .news-block .news-list::-webkit-scrollbar-thumb {
                    border-radius: .6510416667vw
                }

                .news-section .news-block .news-list li {
                    padding: 1.953125vw 0 1.953125vw 1.3020833333vw
                }

                    .news-section .news-block .news-list li:after {
                        width: .6510416667vw;
                        height: .6510416667vw;
                        top: 4.5572916667vw;
                        left: -1.3020833333vw
                    }

                    .news-section .news-block .news-list li:before {
                        height: .390625vw
                    }

                    .news-section .news-block .news-list li .news-title {
                        color: #183276;
                        font-size: 3.2552083333vw;
                        margin-bottom: 1.3020833333vw
                    }

                    .news-section .news-block .news-list li .news-time {
                        font-size: 2.34375vw
                    }

    .footer {
        padding: 3.90625vw 0 9.1145833333vw;
        z-index: 2;
        position: relative;
        background: none
    }

        .footer .footer-container {
            max-width: 100%;
            padding: 0 2.6041666667vw
        }

        .footer .footer-logo img {
            width: 25.2604166667vw
        }

        .footer .footer-info {
            font-size: 2.734375vw
        }

            .footer .footer-info p {
                margin: .6510416667vw 0
            }

            .footer .footer-info .hotline {
                font-size: 2.734375vw
            }

    .popup-event {
        width: 91.1458333333vw;
        height: 66.5364583333vw;
        padding: 4.0364583333vw 6.5104166667vw 5.2083333333vw 9.1145833333vw
    }

        .popup-event .popup-title {
            font-size: 4.8177083333vw;
            margin-bottom: 1.3020833333vw;
            gap: 1.3020833333vw
        }

            .popup-event .popup-title:before, .popup-event .popup-title:after {
                width: 7.8125vw;
                height: 2.9947916667vw
            }

        .popup-event .popup-small-text {
            font-size: 3.125vw
        }

        .popup-event .form-vip {
            margin-top: 2.6041666667vw
        }

            .popup-event .form-vip input {
                width: 62.5vw;
                height: 6.5104166667vw;
                border-radius: .6510416667vw;
                padding: 1.3020833333vw;
                font-size: 2.6041666667vw
            }

            .popup-event .form-vip .btn-confirm {
                width: 47.3958333333vw;
                margin: 2.6041666667vw auto 0
            }

            .popup-event .form-vip .error-phone {
                font-size: 2.6041666667vw;
                margin-top: 1.3020833333vw
            }

        .popup-event table thead th {
            padding: 10px;
            font-size: 16px
        }

        .popup-event table td, .popup-event table th {
            padding: 5px;
            font-size: 14px
        }

        .popup-event .close-popup {
            top: -2.6041666667vw;
            right: .6510416667vw;
            width: 5.46875vw;
            height: 5.46875vw
        }

        .popup-event .popup-content {
            padding-right: 2.6041666667vw;
            max-height: inherit
        }

            .popup-event .popup-content::-webkit-scrollbar {
                width: .5208333333vw
            }

            .popup-event .popup-content::-webkit-scrollbar-track {
                border-radius: .390625vw
            }

            .popup-event .popup-content::-webkit-scrollbar-thumb {
                border-radius: .390625vw
            }

        .popup-event .popup-content-text, .popup-event .popup-content-text table th, .popup-event .popup-content-text table td {
            font-size: 14px
        }

    .popup-notify, .popup-code {
        width: 96%;
        background-size: 100% 100%;
        height: 35.2864583333vw
    }

        .popup-notify .close-popup, .popup-code .close-popup {
            right: 1.3020833333vw;
            top: -2.6041666667vw
        }

        .popup-notify .popup-content .gift-code-share, .popup-code .popup-content .gift-code-share {
            width: 41.1458333333vw;
            margin: 2.6041666667vw auto 0
        }

        .popup-notify .popup-content .showCode, .popup-code .popup-content .showCode {
            font-size: 8.59375vw;
            letter-spacing: .6510416667vw;
            margin-top: -1.953125vw
        }

        .popup-notify .popup-content .message, .popup-code .popup-content .message {
            font-size: 3.6458333333vw
        }

    .popup-register-getcode .step-1-content {
        margin: 1.3020833333vw 0
    }

        .popup-register-getcode .step-1-content a {
            width: 23.4375vw
        }

    .popup-register-getcode .form-getcode ul li {
        padding-left: 1.953125vw;
        font-size: 3.6458333333vw;
        margin-bottom: 1.3020833333vw
    }

        .popup-register-getcode .form-getcode ul li:before {
            top: 1.953125vw;
            width: 1.3020833333vw;
            height: 1.3020833333vw
        }

    .popup-register-getcode .form-getcode ul input {
        width: 55.46875vw;
        height: 6.5104166667vw;
        border-radius: .6510416667vw;
        padding: 1.3020833333vw;
        margin: 1.3020833333vw auto 0;
        font-size: 3.6458333333vw
    }

    .popup-register-getcode .form-getcode ul .btn-getcode {
        width: 47.3958333333vw;
        margin: 1.3020833333vw auto 0
    }

    .popup-register-getcode .form-getcode ul .notify {
        font-size: 2.6041666667vw
    }

    .popup-checkin {
        left: 48.5%;
        width: 90.7552083333vw;
        height: 68.75vw;
        padding: 11.71875vw 13.0208333333vw 6.5104166667vw 15.625vw
    }

        .popup-checkin .close-popup {
            top: 1.4322916667vw;
            right: -4.1666666667vw;
            width: 4.9479166667vw;
            height: 5.2083333333vw
        }

        .popup-checkin .popup-content .progressing {
            height: 4.9479166667vw;
            line-height: 4.9479166667vw;
            font-size: 2.734375vw
        }

        .popup-checkin .popup-content .img-gift {
            margin: .9114583333vw 0 0 16.5364583333vw;
            width: 29.296875vw;
            height: 29.296875vw
        }

            .popup-checkin .popup-content .img-gift img {
                max-width: 28.2552083333vw
            }

        .popup-checkin .popup-content .showCode {
            font-size: 5.859375vw;
            margin-top: 7.1614583333vw
        }

    .popup-activate {
        width: 100%;
        height: 96.6145833333vw;
        padding: 23.1770833333vw 12.5vw 0 27.34375vw;
        background: url(/Home/assets/bg-pop-activate-Bc9p-jbh.png) no-repeat center center;
        background-size: cover
    }

        .popup-activate .close-popup {
            top: 1.8229166667vw;
            right: 7.2916666667vw;
            width: 4.9479166667vw;
            height: 5.2083333333vw
        }

        .popup-activate .popup-content .img-gift {
            margin: 0 0 0 3.90625vw;
            width: 37.2395833333vw;
            height: 37.2395833333vw;
            position: relative
        }

            .popup-activate .popup-content .img-gift img {
                max-width: 33.8541666667vw
            }

        .popup-activate .popup-content .showCode {
            width: 58.7239583333vw;
            height: 9.1145833333vw;
            line-height: 9.1145833333vw;
            font-size: 5.3385416667vw;
            margin-top: 3.2552083333vw
        }

    .popup-video {
        width: 100%;
        height: 100%;
        padding: 6.5104166667vw
    }

        .popup-video .close-popup {
            top: 6.5104166667vw;
            right: 6.5104166667vw
        }

        .popup-video .video {
            width: 100%;
            height: 65.1041666667vw
        }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(1.5625vw)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes bounce {
    0%,20%,50%,80%,to {
        transform: translateY(0) scale(1)
    }

    40% {
        transform: translateY(-50px) scale(1.1)
    }

    60% {
        transform: translateY(-10px) scale(1.02)
    }
}

@keyframes scalePlayBtn {
    0%,to {
        transform: scale(1) translate(-50%)
    }

    50% {
        transform: scale(1.2) translate(-50%)
    }
}

@keyframes scaleHistoryBtn {
    0%,to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }
}

@keyframes rotateCircle {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes translateY {
    0%,to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }
}

@keyframes showSlogan {
    0% {
        opacity: 0;
        transform: translateY(1.5625vw);
        filter: blur(10px)
    }

    60% {
        opacity: .8;
        transform: translateY(-.5208333333vw);
        filter: blur(0)
    }

    80% {
        transform: translateY(.2604166667vw)
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1.05);
        filter: blur(0)
    }
}

@keyframes btnRecharge {
    0%,to {
        filter: brightness(1) contrast(1) hue-rotate(45deg)
    }

    50% {
        filter: brightness(1.2) contrast(1.2)
    }
}

@keyframes sway {
    0%,to {
        transform: rotate(-2deg)
    }

    50% {
        transform: rotate(2deg)
    }
}

@keyframes btnRank {
    0%,to {
        transform: translateY(-50%);
        filter: brightness(1) contrast(1)
    }

    50% {
        transform: translateY(-53%);
        filter: brightness(1.2) contrast(1.2)
    }
}
.popup-download {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(.9);
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    padding: 15px;
    border-radius: 15px;
    color: #fff;
    line-height: 1.6rem;
    text-align: center;
    border: none;
    box-shadow: none;
}
@media (min-width: 768px) {
    .popup-download {
        width: 500px;
    }
}
.popup-download .btn-close {
    padding: 8px 15px;
    border-radius: 5px;
    margin-top: 10px;
    border: none;
    box-shadow: none;
}