@font-face {
    font-family: 'MyFZBWKSJWFont';
    src: url('https://ycimg-m.duoku.com/cimages/img/promo/source/pages/gamesite/jinxiu/FZBWKSJW.woff2') format('opentype');
}

#app {
    width: 100%;
    overflow-x: hidden;
}

.app_box {
    overflow: hidden;
    margin: 0 auto;
    /* 背景图片拼接处有白线 */
    margin-top: -1px;
}

.ptr {
    position: relative;
}

.pta {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.bg_img {
    width: 100%;
}

.enable_click {
    cursor: pointer;
}

.age_grade {
    position: absolute;
    right: 1.93rem;
    top: 4.79rem;
    width: 0.61rem;
    height: 0.81rem;
}

.top_play {
    position: absolute;
    left: 1.83rem;
    top: 4.81rem;
    width: 0.75rem;
    height: 0.75rem;
}

.top_name {
    position: absolute;
    left: 2.33rem;
    top: 3.21rem;
    font-size: 0.17rem;
    color: #FFFFFF;
    width: 1.82rem;
    height: 0.29rem;
    background: #0000006b;
    border-radius: 0.05rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.download_box {
    width: 4.7rem;
    position: absolute;
    top: 5.16rem;
    display: flex;
    flex-direction: row;
    left: 50%;
    transform: translate(-50%, -50%);
    justify-content: space-between;
}

.download_bg {
    width: 4.7rem;
}

.download_type {
    display: flex;
    flex-wrap: wrap;
    margin-left: 1.1rem;
    margin-top: 0.17rem;
    width: 3.49rem;
    justify-content: space-between;
    align-content: stretch;
    height: 0.76rem;
}

.download_type img {
    width: 1.13rem;
    height: 0.35rem;
    cursor: pointer;
}

.download_type a {
    width: 1.13rem;
    height: 0.35rem;
}

.download_type a>img {
    position: absolute;
}

/* .subscribe_box img:nth-child(1) {
    width: 1.92rem;
    height: 0.7rem;
    cursor: pointer;
}

.subscribe_box img:nth-child(2) {
    width: 1.92rem;
    height: 0.7rem;
    cursor: pointer;
} */

.subscribe_rewards {
    position: absolute;
    left: 0;
    top: 1rem;
    width: 9.49rem;
}

.subscribe_people {
    position: absolute;
    bottom: .6rem;
    left: 50%;
    transform: translate(-50%, -50%);
    /* background: linear-gradient(0deg, #83B4BE 0%, #4C788C 99.609375%); */
    /* -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent; */
}

.people_num2 {
    font-size: 0.24rem;
    font-weight: bold;
    color: #374346;
    font-family: cursive;
    line-height: 0.4rem;
    background: linear-gradient(0deg, #83B4BE 0%, #4C788C 99.609375%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.people_num {
    font-size: 0.32rem;
    font-weight: bold;
    color: #DE684A;
    line-height: 0.4rem;
    margin: 0 0.08rem;
    background: linear-gradient(180deg, #F87B59 0%, #F07053 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.left_num_ornament {
    position: absolute;
    left: .86rem;
    bottom: .45rem;
    width: 1.49rem;
}

.right_num_ornament {
    position: absolute;
    right: .86rem;
    bottom: .45rem;
    width: 1.49rem;
}

.subscribe_bottom_box {
    position: absolute;
    bottom: 0.29rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1;
}

.subscribe_bottom_box span {
    font-size: 0.17rem;
    font-family: "MyFZBWKSJWFont";
    font-weight: 400;
    color: #173743;
    /* line-height: 0.06rem; */
    display: block;
    margin-bottom: 0.05rem;
}

.tree1 {
    position: absolute;
    right: 0;
    top: 0;
    width: 2.54rem;
}

.tree2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 2.54rem;
}

.left_petal3 {
    position: absolute;
    left: .3rem;
    top: 1.5rem;
    width: .15rem;
}

.right_petal3 {
    position: absolute;
    right: 0.5rem;
    top: 1.8rem;
    width: 0.15rem;
}

.invite_box {
    width: 100%;
    display: flex;
    margin-left: 0.2rem;
    flex-direction: column;
    align-items: center;
}

.invite_friend {
    width: 7rem;
    margin-top: 1.01rem;
}

.invite_btn {
    width: 1.2rem;
    /* margin-top: .1rem; */
    margin-right: 0.42rem;
}

.invite_people {
    font-size: 0.17rem;
    font-family: "MyFZBWKSJWFont";
    font-weight: 400;
    color: #173743;
    margin: 0.1rem 0.3rem 0 0;
}

/* .invite_num {
    font-size: 0.17rem;
    font-family: "MyFZBWKSJWFont";
    font-weight: 400;
    color: #F37355;
    margin: 0 0.02rem;
} */

.hero_pre {
    position: absolute;
    z-index: 2;
    top: 2.9rem;
    left: 1.19rem;
    width: 0.4rem;
}

.hero_next {
    position: absolute;
    z-index: 2;
    top: 2.9rem;
    width: 0.4rem;
    right: 1.19rem;
}

.hero_img {
    position: absolute;
    width: 100%;
    top: 0.9rem;
}

.hero_desc {
    position: absolute;
    width: 100%;
    top: 0.9rem;
}

.hero_bottom_bg {
    position: absolute;
    bottom: .5rem;
    width: 6.76rem;
    height: 0.67rem;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hero_icon_list_box {
    position: absolute;
    display: flex;
    bottom: .5rem;
    width: 6.76rem;
    height: 0.67rem;
    left: 50%;
    transform: translate(-50%, -50%);
    /* right: 4vw; */
    flex-direction: row;
    align-items: center;
    gap: .06rem;
    margin-left: .16rem;
}

.hero_icon_list_box img {
    width: 0.67rem;
}

#swiper-container2 {
    position: absolute;
    left: 1.26rem;
    top: 1.1rem;
    width: 7.5rem;
    height: 3.7rem
}

#swiper-slide2 {
    width: 5.4rem;
    height: 3.46rem;
}

.special_images {
    width: 5.27rem;
    height: 3.06rem;
    margin-top: 0.4rem;
}

.hero_fade_left {
    animation: fadeInL .8s linear forwards;
    -webkit-animation: fadeInL .8s linear forwards;
}

.hero_fade_right {
    animation: fadeInR 1.2s linear forwards;
    -webkit-animation: fadeInR 1.2s linear forwards;
}


.swiper-slide div {
    position: absolute;
    left: -0.022rem;
    top: 0.37rem;
    width: 98.3%;
    height: 90%;
    background-color: #000;
    opacity: 0.5;
}

.swiper-slide-active div {
    opacity: 0;
}

.swiper-slide-active:after {
    display: block;
    content: '';
    position: absolute;
    left: -0.18rem;
    top: 0rem;
    background: url(../img/slide_box.png) no-repeat center;
    background-size: 100%;
    width: 5.63rem;
    height: 3.7rem;
}

#pagination2 {
    left: 50%;
    bottom: 2.6rem;
    transform: translate(-50%);
    justify-content: center;
    display: flex;
    align-items: center;
    background: url(../img/轮播点-线.png) no-repeat center;
    background-size: 100%;
}

#pagination2 .swiper-pagination-bullet {
    width: 0.07rem;
    height: .07rem;
    margin: 0 .135rem 0 .135rem;
    background: url(../img/slide_point_normal.png);
    background-size: 100% 100%;
    opacity: 1;
}

#pagination2 .swiper-pagination-bullet-active {
    background: url(../img/slide_point_select.png);
    background-size: 100% 100%;
    width: 0.1rem;
    height: 0.1rem;
}

.button_prev,
.button_next {
    position: absolute;
    top: 33%;
    z-index: 3;
}

.button_prev:focus,
.button_next:focus {
    outline: none
}

.button_prev {
    left: 1.45rem;
}

.button_next {
    right: 1.45rem;
}

.button_prev img,
.button_next img {
    width: 0.76rem;
}

.footer_box {
    position: absolute;
    bottom: 1.14rem;
    width: 100%;
    display: flex;
    justify-content: center;
    /* gap: 0.2rem; */
}

.footer_box>img {
    width: 1.05rem;
    margin: 0 .1rem 0;
    transition: .2s all linear;
    cursor: pointer;
}

.footer_box img:hover {
    transform: translateY(-5px);
    transition: all .3s linear
}

.footer_box img:hover::after {
    content: "";
    /* 必须设置一个伪元素的内容 */
    display: block;
    /* 使伪元素独立于其他内容 */
    clear: both;
    /* 清除浮动效果，必要时可以添加其他样式 */
}

.footer_contact_information {
    position: absolute;
    bottom: .5rem;
    width: 100%;
    display: flex;
    justify-content: center;
    font-family: "MyFZBWKSJWFont";
    font-weight: 400;
    font-size: 0.13rem;
    color: #050215;
    /* gap: .1rem; */
}

.footer_contact_information>div {
    width: 0.01rem;
    height: 0.15rem;
    background: #050215;
    margin: 0 .1rem 0 .1rem;
}

.age_popup_box {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99;
}

.age_popup_bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 5.64rem;
    border-radius: 0.26rem;
}

.age_popup_close {
    margin: 0.4rem 0 0 95%;
    width: 0.34rem;
    height: 0.34rem;
    /* background-color: #e61d1d; */
}

.modal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 5.64rem;
    height: 3.8rem;
}

.modal>p {
    font-family: 'MyFZBWKSJWFont';
    width: 4.82rem;
    height: 2.66rem;
    font-size: 0.10rem;
    font-weight: 400;
    color: #132957;
    line-height: 0.19rem;
    margin: 0.05rem 0 0 0.35rem;
    padding-right: 0.1rem;
    overflow-y: auto;
}

.popup_box {
    position: fixed;
    z-index: 15;
    background-color: rgba(0, 0, 0, .7);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.popup_content {
    z-index: 2;
    align-items: center;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.login_box {
    width: 4.11rem;
    /* height: 3.8rem; */
}

.login_img {
    width: 4.11rem;
    height: 3.8rem;
    padding-right: 0.2rem;
}


.login_success_bg_img {
    width: 4.11rem;
    height: 2.27rem;
}

.logintype_box {
    margin-top: .46rem;
    margin-bottom: .07rem;
    width: 2.23rem;
    display: flex;
    flex-direction: row;
    align-content: space-between;
    justify-content: center
}

.logintype_box>div {
    margin: .05rem .27rem 0 .27rem;
    width: 0.02rem;
    height: 0.11rem;
    background-color: #91A9B8;
}

.login_type {
    width: 0.84rem;
    height: 0.24rem;
    border: none;
    font-size: .15rem;
    font-weight: 500;
    border-radius: 0.05rem;
}

.selected_logintype {
    /* width: 0.84rem;
    height: 0.24rem; */
    background: #1AA6D3;
    opacity: 0.8;
    color: white;
}

.unselected_logintype {
    background: none;
    color: #91A9B8
}

.input_box {
    align-items: center;
    margin-top: 0.09rem;
    width: 2.8rem;
    height: 0.29rem;
    background: rgba(92, 92, 92, 0);
    border: 1px solid #3e5f764f;
    opacity: 1;
    border-radius: 0.02rem;
}

.input_box input {
    height: 100%;
    padding-left: 0.1rem;
    line-height: 100%;
    font-size: 0.12rem;
    color: #1D1D1D;
    font-weight: normal;
    overflow: hidden;
    background: none;
    opacity: 1;
}

.input_box>div {
    margin: .01rem 0 .01rem 0;
    width: 0.01rem;
    height: 0.11rem;
    background-color: #91A9B8;
}

#input_code {
    width: 1.9rem;
    left: 0;
    align-self: flex-end;
    margin-left: 0;
    /* background-color: #5a5957; */
}

/* 默认信息placeholder的颜色和字体 */
.input_box input::placeholder {
    color: #1D1D1D;
    font-size: 0.12rem;
    padding-top: 0.09rem;
    /* padding-left: 0.1rem; */
    opacity: 0.51;
    letter-spacing: 0.01rem;
}

.code_style {
    display: flex;
    /* background-color: #C3A381; */
    justify-content: space-between;
}

#input_phonenubmer {
    width: 100%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

input[type='number'] {
    -webkit-appearance: textfield;
    /* Safari, Chrome, Opera */
    -moz-appearance: textfield;
    /* Firefox */
    -ms-appearance: textfield;
    /* Internet Explorer */
    appearance: textfield;
    /* 其他浏览器 */
}

.input_btn {
    border: none;
    margin-right: 0.11rem;
    margin-left: 0.03rem;
    font-size: 0.12rem;
    color: #007CFF;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    align-items: center;
    display: flex;
    flex-direction: column;
    background: none;
}

.login_explain p {
    width: 2.76rem;
    margin-top: 0.2rem;
    /* font-family: 'MyFZBWKSJWFont'; */
    font-weight: 500;
    font-size: 0.1rem;
    color: #132957;
}

.login_subscribe_img {
    margin-top: 0.2rem;
    width: 2.51rem;
    height: 0.36rem;
    border-radius: 0.05rem;
    background: #007CFF;
    color: #ffffff;
    font-weight: 500;
    font-size: 0.18rem;
    border: none;
}

.popup_login_close {
    width: 0.24rem;
    height: 0.24rem;
    margin-left: 4rem;
    margin-top: 0.41rem;
    z-index: 3;
}

.popup_success_close {
    width: 0.26rem;
    height: 0.26rem;
    margin-left: 3.8rem;
    margin-top: 0.27rem;
    z-index: 3;
    /* background-color: red; */
}

.popup_login_content {
    align-items: center;
    display: flex;
    flex-direction: column;
}

.popup_alert_box {
    width: 3.17rem;
    height: 1.71rem;
    background: #FDFFFF;
    border-radius: 0.08rem;
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 0.15rem;
    padding-top: 0.7rem;
}

.popup_alert_box>span {
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    margin-top: -0.1rem;
    color: #5C5C5C;
    line-height: 0.12rem;
}

.confirm {
    border: none;
    color: #ffffff;
    align-items: center;
    margin-top: 0.4rem;
    width: 0.62rem;
    height: 0.31rem;
    background: #007CFF;
    border-radius: 0.15rem;
    font-size: 0.15rem;
}

.popup_invite_bg {
    width: 4.32rem;
    height: 2.34rem;
}

.popup_invite_close {
    width: 0.24rem;
    height: 0.24rem;
    margin-left: 4rem;
    margin-top: 0.31rem;
    z-index: 3;
    /* background: #1AA6D3; */
}

.popup_invite_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 1.3rem;
    width: 100%;
    justify-content: space-around;
    margin-top: .1rem;
}

.invite_url_box {
    height: 0.29rem;
    background: rgba(92, 92, 92, 0);
    border: 0.01px solid #3e5f7680;
    border-radius: 0.01rem;
    font-size: 0.14rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #1D1D1D;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 .1rem 0 .1rem;
}


.popup_invite_content p {
    font-size: 0.1rem;
    font-family: "MyFZBWKSJWFont";
    font-weight: 400;
    color: #132957;
    line-height: 0.15rem;
    width: 2.65rem;
}

.popup_invite_content button {
    width: 2.51rem;
    height: 0.36rem;
    background: #007CFF;
    border-radius: 0.05rem;
    color: #ffffff;
    font-weight: 500;
    font-size: 0.18rem;
    border: none;
}

.top_leaf1 {
    position: absolute;
    top: -.2rem;
    left: 4.5rem;
    width: .8rem;
}

.top_leaf2 {
    position: absolute;
    top: 0.3rem;
    right: 1.3rem;
    width: 0.6rem;
    opacity: 0;
}

.top_leaf3 {
    position: absolute;
    top: 1.3rem;
    right: -0.2rem;
    width: 0.7rem;
    opacity: 0;
}

.anim_leaf1 {
    animation: leaf1 5.5s infinite cubic-bezier(0.05, 0.04, 0.05, 0.04);
}

.anim_leaf2 {
    animation: leaf2 4.5s infinite cubic-bezier(0.03, 0.024, 0.025, 0.04) 1.5s;
}

.anim_leaf3 {
    animation: leaf3 6s infinite cubic-bezier(0.01, 0.02, 0.02, 0.01) 1s;
}

.left_tree {
    position: absolute;
    top: .5rem;
    left: -.07rem;
    width: 2rem;
}

.anim_left_tree {
    -webkit-animation: swinging 4s ease-in-out 0s infinite;
    animation: swinging 4s ease-in-out 0s infinite;
    transform-origin: left center;
}

.left_petal1 {
    position: absolute;
    top: 1.8rem;
    left: 1.2rem;
    width: 0.1rem;
}

.left_petal2 {
    position: absolute;
    top: 2rem;
    left: 0.5rem;
    width: 0.15rem;
    opacity: .8;
}

.anim_left_petal1 {
    animation: petal_down 4s infinite cubic-bezier(0.21, 0.14, 0.31, 0.14);
}

.anim_left_petal2 {
    animation: petal_down 5s infinite cubic-bezier(0.51, 0.24, 0.51, 0.44);
}

.right_tree {
    position: absolute;
    top: .5rem;
    right: -.07rem;
    width: 2rem;
}

.right_petal1 {
    position: absolute;
    top: 2.5rem;
    right: 0.27rem;
    width: 0.1rem;
}

.right_petal2 {
    position: absolute;
    top: 2.2rem;
    right: 0.87rem;
    width: 0.15rem;
}

.anim_right_tree {
    -webkit-animation: swinging 4s ease-in-out 0s infinite;
    animation: swinging 4s ease-in-out 0s infinite;
    transform-origin: right center;
}

.anim_right_petal1 {
    animation: petal_down 4s infinite cubic-bezier(0.21, 0.14, 0.31, 0.14);
}

.anim_right_petal2 {
    animation: petal_down 5s infinite cubic-bezier(0.48, 0.18, 0.51, 0.44)
}


@keyframes petal_down {
    0% {
        opacity: 1;
        transform: translate(0, 0);
    }

    30% {
        opacity: 1;
        transform: translate(10px, 40px);
    }

    100% {
        opacity: 0;
        transform: translate(50px, 200px);
    }
}

@-webkit-keyframes petal_down {
    0% {
        opacity: 0;
        transform: translate(0, 0);
    }

    30% {
        opacity: 1;
        transform: translate(10px, 40px);
    }

    100% {
        opacity: 0;
        transform: translate(50px, 200px);
    }
}

@keyframes swinging {
    0% {
        -webkit-transform: rotate(2.5deg)
    }

    50% {
        -webkit-transform: rotate(-1deg)
    }

    100% {
        -webkit-transform: rotate(2.5deg)
    }
}

@-webkit-keyframes swinging {
    0% {
        -webkit-transform: rotate(2.5deg)
    }

    50% {
        -webkit-transform: rotate(-1deg)
    }

    100% {
        -webkit-transform: rotate(2.5deg)
    }
}

@keyframes leaf1 {
    0% {
        opacity: 0;
        transform: translate(0, 0);
    }

    30% {
        opacity: .41;
        /* transform: translate(20px, 40px); */
    }

    100% {
        opacity: 0;
        transform: translate(-400px, 200px);
    }
}

@-webkit-keyframes leaf1 {
    0% {
        opacity: 0;
        transform: translate(0, 0);
    }

    30% {
        opacity: .4;
        /* transform: translate(10px, 40px); */
    }

    100% {
        opacity: 0;
        transform: translate(-400px, 200px);
    }
}

@keyframes leaf2 {
    0% {
        opacity: 0;
        transform: translate(0, 0);
    }

    30% {
        opacity: .8;
        /* transform: translate(20px, 40px); */
    }

    100% {
        opacity: 0;
        transform: translate(-120px, 200px);
    }
}

@-webkit-keyframes leaf2 {
    0% {
        opacity: 0;
        transform: translate(0, 0);
    }

    30% {
        opacity: .8;
        /* transform: translate(10px, 40px); */
    }

    100% {
        opacity: 0;
        transform: translate(-120px, 200px);
    }
}

@keyframes leaf3 {
    0% {
        opacity: .5;
        transform: translate(0, 0);
    }

    50% {
        opacity: .8;
    }

    100% {
        opacity: 0;
        transform: translate(-80px, 300px);
    }
}

@-webkit-keyframes leaf3 {
    0% {
        opacity: .5;
        transform: translate(0, 0);
    }

    50% {
        opacity: .8;
    }

    100% {
        opacity: 0;
        transform: translate(-80px, 300px);
    }
}

@-webkit-keyframes fadeInL {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-.1rem);
        transform: translateX(-.1rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(-0.01rem);
        transform: translateX(-0.01rem)
    }
}

@keyframes fadeInL {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-.1rem);
        -ms-transform: translateX(-.1rem);
        transform: translateX(-.1rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(-0.01rem);
        -ms-transform: translateX(-0.01rem);
        transform: translateX(-0.01rem)
    }
}

@-webkit-keyframes fadeInR {
    0% {
        opacity: 0;
        -webkit-transform: translateX(.3rem);
        transform: translateX(.3rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(-0.01rem);
        transform: translateX(-0.01rem)
    }
}

@keyframes fadeInR {
    0% {
        opacity: 0;
        -webkit-transform: translateX(.3rem);
        -ms-transform: translateX(.3rem);
        transform: translateX(.3rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(-0.01rem);
        -ms-transform: translateX(-0.01rem);
        transform: translateX(-0.01rem)
    }
}

/* 视频播放 start*/
.pop_kuang_close {
    position: absolute;
    width: 0.3rem;
    right: 2.1rem;
    top: 0.1rem;
    opacity: 0.5;
    z-index: 3;
}

.videoplay {
    height: 3.23rem;
    width: 5.8rem;
}

.videoplay_box {
    position: absolute;
    right: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    height: 4.23rem;
}

.video_box {
    display: flex;
    align-items: center;
}

/* 视频播放 end*/

.toast {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    padding: 10px 20px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    border-radius: 5px;
}

/* .popup_box,
.toast,
.age_popup_box {
    display: none;
} */

.fl_box_top {
    position: absolute;
    display: flex;
    top: 1.5rem;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 52%;
    justify-content: space-between;
}

.fl_box_top img {
    width: 2.2rem;
}

.fl_box_bottom {
    position: absolute;
    display: flex;
    top: 3.9rem;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 59%;
    justify-content: space-between;
}

.fl_box_bottom img {
    width: 1.36rem;
}

[v-cloak] {
    display: none;
}

.fl_popup_img {
    width: 82%;
}

.popup_fl_close {
    width: 0.46rem;
    height: 0.46rem;
    margin-left: 2.6rem;
    margin-top: 0.25rem;
    z-index: 3;
    /* background-color: red; */
}

.popup_content1 {
    z-index: 2;
    align-items: center;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 2%;
    right: 0;
}

.activity_img {
    left: 50%;
    position: relative;
    transform: translate(-50%);
    height: 2.48rem;
    margin-top: 1.7rem;
}

.activity_button_box {
    position: relative;
    display: flex;
    transform: translate(-50%);
    left: 50%;
    justify-content: center;
    margin-top: 0.4rem;
}

.activity_button_box img {
    width: 0.83rem;
    height: 0.25rem;
    margin: 0 .12rem 0 .12rem;
}

.nav_box {
    position: fixed;
    top: 0.5rem;
    /* right: 0; */
    width: 1.21rem;
    z-index: 3;
    display: flex;
    justify-content: left;
    flex-direction: column;
}

.nav_list_box {
    display: flex;
    flex-direction: column;
    margin-left: 0.12rem;
    margin-top: 0.23rem;
    
}

.nav_list_box a {
    height: 0.32rem;
    background-size: 100%;
}

.nav_li_img1 {
    background: url(../img/首页.png) no-repeat;
}

.nav_li_img2 {
    background: url(../img/福利活动.png) no-repeat;
}

.nav_li_img3 {
    background: url(../img/新版亮点.png) no-repeat;
}

.nav_li_img4 {
    background: url(../img/百大宗派.png) no-repeat;
}

.nav_li_img5 {
    background: url(../img/游戏特色.png) no-repeat;
}

.nav_li_img1_select {
    background: url(../img/首页-点击.png) no-repeat;
}

.nav_li_img2_select {
    background: url(../img/福利活动-点击.png)no-repeat;
}

.nav_li_img3_select {
    background: url(../img/新版亮点-点击.png)no-repeat;
}

.nav_li_img4_select {
    background: url(../img/百大宗派-点击.png)no-repeat;
}

.nav_li_img5_select {
    background: url(../img/游戏特色-点击.png)no-repeat;
}

.nav_bg_img {
    width: 1.21rem;

}


.float_download_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -1rem;
}

.nav_bg_img2 {
    
    width: 1.21rem;
}

.float_download_iphone {
    width: .78rem;
    margin: -1.2rem 0 .04rem .15rem;
    z-index: 4;
}

.float_download_android {
    width: .78rem;
    margin-top: -1.2rem;
    margin-left: 0.15rem;
    height: 0.24rem;
    display: flex;
    z-index: 4;
}

.float_download_android img {
    width: .78rem;
    z-index: 4;
}