@charset "UTF-8";

@font-face {
    font-family: "cn";
    src: url("../assets/font/NotoSansHans-DemiLight.otf");
}

@font-face {
    font-family: "cnBlack";
    src: url("../assets/font/NotoSansHans-Black.otf");
}

@font-face {
    font-family: "cnBold";
    src: url("../assets/font/NotoSansHans-Bold.otf");
}

@font-face {
    font-family: "en";
    src: url("../assets/font/din-bold_.otf");
}
/*
 * @name:  文字溢出显示省略号
 * @param: $width {dimension}  指定宽度 (需带单位)
 */
/*reset*/
* {
    padding: 0;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    font-family: sans-serif;
    background: #000;
    height: auto !important;
}

::-webkit-scrollbar {
    width: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

[hidden] {
    display: none;
}

address,
i,
em {
    font-style: normal;
}

input[type=button],
input[type=submit],
button {
    cursor: pointer;
    outline: none;
}

input[type=text],
input[type=password],
textarea,
input,
select {
    outline: none;
    font-family: "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
}

    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    }

textarea {
    resize: none;
}

select {
    background-color: #fff;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
}

ul,
ol {
    list-style: none;
}

img {
    border: none;
    border-width: 0;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

a {
    text-decoration: none;
    cursor: pointer;
    outline: none;
    color: #ffffff;
}

    a:hover {
        color: #ffd57b;
    }

.fl {
    float: left;
}

.fr {
    float: right;
}

.cf:after,
.cf:before {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

body {
    font-size: 14px;
    font-weight: normal;
    font-family: "cn";
    color: #ffd57b;
    padding-bottom: 4.82rem;
    width: 100%;
    min-height: 100vh;
    position: relative;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.popBox {
    width: 6.94rem;
    z-index: 999;
    min-height: 3.9rem;
    background: url(../img/news.png);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: cover;
}

    .popBox .big_title {
        position: absolute;
        top: 0.2rem;
        left: -0.1rem;
        color: #fff;
        font-size: 0.28rem;
        width: 2.22rem;
        height: 0.64rem;
        padding-left: 0.25rem;
        padding-top: 0.1rem;
        background-image: url("../img/popTitle.png");
        background-repeat: no-repeat;
        background-size: contain;
    }

    .popBox .close {
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 0;
    }

    .popBox .content {
        padding: 0 0.29rem;
        padding-top: 1rem;
        font-size: 0.16rem;
        color: #494949;
    }

        .popBox .content .main {
            margin-top: 0.1rem;
        }

        .popBox .content .bottom {
            position: absolute;
            bottom: 0.16rem;
            right: 0.16rem;
            color: #7a7a7a;
            text-align: right;
        }

            .popBox .content .bottom > img {
                margin-top: 0.15rem;
            }

.baseTable {
    margin: 10px auto;
    text-align: center;
    border: 1px solid #2e2e2e;
}

    .baseTable tr {
        border: 1px solid #2e2e2e;
    }

    .baseTable td {
        border: 1px solid #2e2e2e;
        padding: 0 10px;
    }

    .baseTable th {
        border: 1px solid #2e2e2e;
    }

.global_box {
    width: 14.8rem;
    margin: auto;
}

.cp {
    cursor: pointer;
}

.dn {
    display: none;
}

.baseInput {
    display: block;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.16rem;
    font-family: "cn" !important;
    color: #2e2e2e;
    border: none;
    background: #f1f1f1;
    padding-left: 0.1rem;
    border: 1px solid #fff;
}

    .baseInput.error {
        border: 1px solid #ff5331;
    }

    .baseInput:focus {
        color: #ffd57b;
        border: 1px solid #ffd57b;
    }

header {
    height: 0.85rem;
    width: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    background: url(../img/tbg.png);
    max-width: 1920px;
    left: 50%;
    transform: translateX(-50%);
}

    header .logo {
        width: 2.14rem;
        height: 0.84rem;
        text-align: center;
        line-height: 0.84rem;
    }

        header .logo img {
            vertical-align: middle;
            width: 1.5rem;
        }

    header .poa_bg {
        position: absolute;
        top: 0.85rem;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 4;
        background: rgba(0, 0, 0, 0.3);
        display: none;
    }

    header .gameList_box {
        position: absolute;
        top: 0.85rem;
        background: #fff;
        left: 0;
        height: 0;
        width: 100%;
        z-index: 5;
        transition: height 0.4s cubic-bezier(0.8, 0, 0.1, 1), box-shadow 0.4s;
    }

    header .header_box {
        position: relative;
        height: 100%;
    }

        header .header_box .customer_show {
            display: none;
            width: 12.06rem;
            background-color: rgba(0, 0, 0, 0.4);
            background: url("../img/k7Bg.png") no-repeat;
            background-size: contain;
            z-index: 7;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translate(-50%, 0);
        }

            header .header_box .customer_show .close {
                width: 1.2rem;
                height: 0.85rem;
                margin-left: 11.07rem;
                font-size: 0.18rem;
                color: #fff;
                padding-top: 0.25rem;
            }

                header .header_box .customer_show .close img {
                    width: 0.39rem;
                    vertical-align: middle;
                }

            header .header_box .customer_show .data {
                margin-top: 0.2rem;
                padding-right: 1.2rem;
                display: flex;
                justify-content: space-between;
            }

                header .header_box .customer_show .data .data_l {
                    padding-left: 0.83rem;
                    padding-top: 0.85rem;
                }

                    header .header_box .customer_show .data .data_l p {
                        color: #fff;
                        font-family: "cnBold";
                    }

                        header .header_box .customer_show .data .data_l p:nth-child(1) {
                            font-size: 0.3rem;
                        }

                        header .header_box .customer_show .data .data_l p:nth-child(2) {
                            font-size: 0.56rem;
                            line-height: 0.56rem;
                        }

                header .header_box .customer_show .data .data_r {
                    width: 5.8rem;
                    display: flex;
                    justify-content: space-between;
                    flex-wrap: wrap;
                }

                    header .header_box .customer_show .data .data_r a {
                        padding-bottom: 0.2rem;
                    }

                        header .header_box .customer_show .data .data_r a:hover img:nth-child(1) {
                            display: none;
                        }

                        header .header_box .customer_show .data .data_r a:hover img:nth-child(2) {
                            display: inline-block;
                        }

                        header .header_box .customer_show .data .data_r a img:nth-child(2) {
                            display: none;
                        }

                        header .header_box .customer_show .data .data_r a > img {
                            height: 1.3rem;
                        }

        header .header_box nav {
            font-size: 0.22rem;
            margin-left: 0.8rem;
        }

            header .header_box nav > ul {
                display: flex;
            }

                header .header_box nav > ul > li {
                    line-height: 0.84rem;
                    height: 0.84rem;
                    margin-right: 0.1rem;
                }

                    header .header_box nav > ul > li > a {
                        padding: 0 0.4rem;
                        position: relative;
                        display: block;
                    }

                        header .header_box nav > ul > li > a::before {
                            content: "";
                            transform-origin: right top;
                            transition: all 0.3s;
                            background: #ffd57b;
                            position: absolute;
                            bottom: 0;
                            left: 50%;
                            margin-left: -0.375rem;
                            width: 0rem;
                            height: 0.04rem;
                        }

                    header .header_box nav > ul > li:hover > a::before {
                        transform-origin: left top;
                        width: 0.75rem;
                    }

                    header .header_box nav > ul > li.current > a {
                        font-weight: bold;
                        color: #ffd57b;
                    }

                    header .header_box nav > ul > li .game_list {
                        z-index: 6;
                        position: absolute;
                        width: 100%;
                        left: 0;
                        top: 0.85rem;
                        display: none;
                        height: 2rem;
                        padding-left: 0.37rem;
                    }

                        header .header_box nav > ul > li .game_list .more {
                            position: absolute;
                            right: 1.15rem;
                            top: 0.8rem;
                            width: 0.99rem;
                            height: 0.34rem;
                            line-height: 0.34rem;
                            text-align: center;
                            color: #fff;
                            border-radius: 0.2rem;
                            background: #1a75f0;
                            font-size: 0.18rem;
                        }

                            header .header_box nav > ul > li .game_list .more:hover {
                                background: #1e89ff;
                            }

                        header .header_box nav > ul > li .game_list ul {
                            display: flex;
                        }

                            header .header_box nav > ul > li .game_list ul li {
                                text-align: center;
                                height: 2rem;
                                padding: 0.47rem 0.24rem 0 0.24rem;
                                position: relative;
                                overflow: hidden;
                            }

                                header .header_box nav > ul > li .game_list ul li img {
                                    height: 0.83rem;
                                    position: relative;
                                    z-index: 3;
                                }

                                header .header_box nav > ul > li .game_list ul li::before {
                                    content: "";
                                    background: #1e89ff;
                                    width: 100%;
                                    height: 2rem;
                                    position: absolute;
                                    top: -2rem;
                                    left: 50%;
                                    transform: translateX(-50%);
                                    transition: all 0.3s;
                                }

                                header .header_box nav > ul > li .game_list ul li:hover a p {
                                    color: #1e89ff;
                                }

                                header .header_box nav > ul > li .game_list ul li:hover::before {
                                    top: 0;
                                }

                                header .header_box nav > ul > li .game_list ul li p {
                                    position: absolute;
                                    white-space: nowrap;
                                    bottom: 0.25rem;
                                    color: #1e89ff;
                                    left: 50%;
                                    transform: translateX(-50%);
                                    font-size: 0.18rem;
                                    line-height: 0.18rem;
                                }

        header .header_box .customer {
            z-index: 1;
            display: flex;
            align-items: center;
            height: 0.85rem;
            width: 2.5rem;
            padding-right: 0.57rem;
            justify-content: space-between;
        }

            header .header_box .customer .line {
                background: #efefef;
                width: 0.02rem;
                height: 0.39rem;
            }

            header .header_box .customer .customer_l img {
                width: 0.31rem;
                vertical-align: middle;
            }

            header .header_box .customer .customer_r {
                font-size: 0.18rem;
                color: #ffd57b;
            }

                header .header_box .customer .customer_r img {
                    width: 0.39rem;
                    margin-right: 0.04rem;
                    vertical-align: middle;
                }

    header .pof {
        z-index: 99;
        width: 0.9rem;
        position: fixed;
        right: 0;
        top: 5rem;
    }

        header .pof .codeHeight {
            background: #fff;
            position: relative;
            height: 2.14rem;
        }

            header .pof .codeHeight .showCode {
                display: none;
                width: 2.14rem;
                height: 100%;
                position: absolute;
                top: 0;
                z-index: 99;
                left: -2.14rem;
            }

                header .pof .codeHeight .showCode > img {
                    width: 100%;
                    height: 100%;
                }

        header .pof .item {
            background: #fff;
            cursor: pointer;
            text-align: center;
            font-size: 0.16rem;
            padding-bottom: 0.14rem;
        }

            header .pof .item p {
                line-height: 0.16rem;
                margin-top: 0.08rem;
            }

            header .pof .item.lineKf {
                padding-top: 0.12rem;
            }

                header .pof .item.lineKf img {
                    width: 0.4rem;
                }

                    header .pof .item.lineKf img:nth-child(2) {
                        display: none;
                    }

                header .pof .item.lineKf:hover {
                    color: #6a2a11;
                }

                    header .pof .item.lineKf:hover img {
                        display: inline-block;
                    }

                        header .pof .item.lineKf:hover img:nth-child(1) {
                            display: none;
                        }

            header .pof .item.code {
                position: relative;
                height: 1.24rem;
            }

                header .pof .item.code img {
                    width: 0.85rem;
                }

                header .pof .item.code:hover {
                    color: #6a2a11;
                }

                header .pof .item.code p {
                    padding-top: 0.08rem;
                    display: inline;
                    padding-bottom: 0.14rem;
                    border-bottom: 1px solid #cbc9c9;
                }

            header .pof .item.upTop {
                display: none;
                padding-top: 0.25rem;
                height: 0.88rem;
                background: #ffd57b;
                color: #fff;
            }

                header .pof .item.upTop:hover {
                    background: #ffd57b;
                }

                header .pof .item.upTop img {
                    width: 0.38rem;
                }

footer {
    width: 100%;
    height: 4.1rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    max-width: 1920px;
    transform: translateX(-50%);
}

    footer .footerNav {
        padding-top: 0.49rem;
        height: 1.2rem;
        /*border-bottom: 1px solid #2a2d30;*/
        display: flex;
        justify-content: space-between;
    }

        footer .footerNav .footerNavR img:nth-child(1) {
            width: 0.3rem;
        }

        footer .footerNav .footerNavR img:nth-child(2) {
            margin-left: 0.18rem;
            width: 0.31rem;
        }

        footer .footerNav .footerNavL {
            display: flex;
        }

            footer .footerNav .footerNavL .logo img {
                margin-top: 2px;
                width: 1.25rem;
            }

            footer .footerNav .footerNavL ul {
                margin-left: 0.3rem;
                display: flex;
            }

                footer .footerNav .footerNavL ul li {
                    margin-right: 0.48rem;
                }

                    footer .footerNav .footerNavL ul li a {
                        display: block;
                        height: 0.3rem;
                        line-height: 0.3rem;
                        font-size: 0.16rem;
                        color: #fff;
                    }

                        footer .footerNav .footerNavL ul li a:hover {
                            color: #fff;
                        }

    footer .text {
        padding-top: 0.3rem;
        display: flex;
        justify-content: space-between;
        color: white;
        font-size: 0.17rem;
        line-height: 0.3rem;
    }

    footer .ba {
        padding-top: 0.6rem;
    }

        footer .ba img {
            width: 5.13rem;
        }

.indexTitle {
    text-align: center;
    padding-bottom: 0.3rem;
    padding-top: 0.65rem;
}

    .indexTitle h3 {
        font-size: 0.56rem;
        font-family: "en";
        line-height: 0.56rem;
        color: #2eaafd;
    }

    .indexTitle p {
        margin-top: 0.1rem;
        font-size: 0.24rem;
        line-height: 0.24rem;
    }

.ban .swiper-container {
    margin: 0 auto;
}

.ban .swiper-slide {
    height: 7rem;
}

    .ban .swiper-slide img {
        width: 19.2rem;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .ban .swiper-slide .textBox {
        width: 12.8rem;
        position: absolute;
        top: 5.12rem;
        left: 50%;
        transform: translateX(-50%);
        color: #fff;
    }

        .ban .swiper-slide .textBox .text {
            margin-left: 0.2rem;
            height: 2rem;
            padding-left: 0.08rem;
            position: relative;
        }

            .ban .swiper-slide .textBox .text.ddz {
                background: url("../img/e1.png") no-repeat;
                background-position-y: 0.2rem;
                background-size: 4.08rem 1.78rem;
            }

                .ban .swiper-slide .textBox .text.ddz .resetNavBtn.swiper-button-next {
                    background-color: #a61023;
                }

                .ban .swiper-slide .textBox .text.ddz .resetNavBtn.swiper-button-prev {
                    background-color: #cd132b;
                }

                .ban .swiper-slide .textBox .text.ddz a {
                    color: #dc4a6b;
                }

                    .ban .swiper-slide .textBox .text.ddz a::before {
                        background-image: url("../img/index_down2.png");
                    }

            .ban .swiper-slide .textBox .text.by {
                background: url("../img/e2.png") no-repeat;
                background-position-y: 0.2rem;
                background-size: 4.08rem 1.78rem;
            }

                .ban .swiper-slide .textBox .text.by .resetNavBtn.swiper-button-next {
                    background-color: #009193;
                }

                .ban .swiper-slide .textBox .text.by .resetNavBtn.swiper-button-prev {
                    background-color: #00a4a6;
                }

                .ban .swiper-slide .textBox .text.by a {
                    color: #009193;
                }

                    .ban .swiper-slide .textBox .text.by a::before {
                        background-image: url("../img/index_down3.png");
                    }

            .ban .swiper-slide .textBox .text.dntg {
                background: url("../img/e3.png") no-repeat;
                background-position-y: 0.2rem;
                background-size: 4.08rem 1.78rem;
            }

                .ban .swiper-slide .textBox .text.dntg .resetNavBtn.swiper-button-next {
                    background-color: #0988d9;
                }

                .ban .swiper-slide .textBox .text.dntg .resetNavBtn.swiper-button-prev {
                    background-color: #199ef3;
                }

                .ban .swiper-slide .textBox .text.dntg a {
                    color: #189ddb;
                }

            .ban .swiper-slide .textBox .text .resetNavBtn {
                width: 0.36rem;
                height: 0.39rem;
                top: auto;
                margin: 0;
                bottom: -0.35rem;
            }

                .ban .swiper-slide .textBox .text .resetNavBtn:hover {
                    background-color: rgba(0, 0, 0, 0.4) !important;
                }

                .ban .swiper-slide .textBox .text .resetNavBtn.swiper-button-next {
                    left: 2.84rem;
                    background: url("../img/rightJT.png") center center no-repeat;
                }

                .ban .swiper-slide .textBox .text .resetNavBtn.swiper-button-prev {
                    left: 2.48rem;
                    background: url("../img/leftJt.png") center center no-repeat;
                }

            .ban .swiper-slide .textBox .text .title {
                line-height: 0.56rem;
                font-size: 0.56rem;
                font-family: "cnBold";
            }

            .ban .swiper-slide .textBox .text > span {
                display: block;
                margin-top: 0.15rem;
                font-size: 0.16rem;
            }

            .ban .swiper-slide .textBox .text a {
                position: absolute;
                bottom: 0.19rem;
                left: 0.08rem;
                display: block;
                font-size: 0.18rem;
                background: #fff;
                width: 1.07rem;
                height: 0.37rem;
                line-height: 0.37rem;
                text-align: center;
                border-radius: 0.4rem;
                overflow: hidden;
            }

                .ban .swiper-slide .textBox .text a::before {
                    content: "";
                    width: 100%;
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: -100%;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: 0.175rem 0.2rem;
                    background-image: url("../img/index_down1.png");
                    transition: all 0.25s;
                }

                .ban .swiper-slide .textBox .text a span {
                    display: block;
                    transition: all 0.25s;
                }

                .ban .swiper-slide .textBox .text a:hover span {
                    opacity: 0;
                    transform: translate3d(0, 100%, 0);
                }

                .ban .swiper-slide .textBox .text a:hover::before {
                    height: 100%;
                    top: 0;
                }

.swiper-pagination .swiper-pagination-bullet {
    width: 100px;
    height: 5px;
    border-radius: 0;
    background-color: black;
    opacity: 0.55;
    border-radius: 50px;
}

.swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #ffd57b;
}

.game_hot_box {
    overflow: hidden;
    height: 5.69rem;
    width: 100%;
    position: relative;
}

    .game_hot_box .game_hot {
        overflow: hidden;
        width: 25.6rem;
        height: 5.69rem;
        /*background: url("../img/gameBg.png") center center no-repeat;*/
        background-size: cover;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 1920px;
    }

        .game_hot_box .game_hot .swiper-container1 .swiper-pagination2 {
            bottom: -0.42rem;
        }

        .game_hot_box .game_hot .reset {
            margin: 0;
            width: 0.69rem;
            height: 0.69rem;
            background: none;
        }

            .game_hot_box .game_hot .reset > img {
                width: 0.69rem;
            }

            .game_hot_box .game_hot .reset.swiper-button-prev2 {
                top: 50%;
                left: 2.4rem;
            }

            .game_hot_box .game_hot .reset.swiper-button-next2 {
                right: 2.35rem;
            }

        .game_hot_box .game_hot .w1280 {
            width: 12.8rem;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
        }

            .game_hot_box .game_hot .w1280 .swiper-slide {
                cursor: pointer;
                width: 2.4rem;
                position: relative;
                overflow: hidden;
            }

                .game_hot_box .game_hot .w1280 .swiper-slide img {
                    width: 2.4rem;
                }

                .game_hot_box .game_hot .w1280 .swiper-slide .title {
                    position: absolute;
                    right: 0.1rem;
                    top: 0.1rem;
                    font-size: 0.24rem;
                    font-weight: bold;
                    color: #fff;
                    line-height: 0.24rem;
                }

                .game_hot_box .game_hot .w1280 .swiper-slide:hover .Show {
                    opacity: 1;
                }

                    .game_hot_box .game_hot .w1280 .swiper-slide:hover .Show .titleImg {
                        transform: translate3d(0, 0, 0);
                    }

                    .game_hot_box .game_hot .w1280 .swiper-slide:hover .Show p {
                        transform: translate3d(0, 0, 0);
                    }

                .game_hot_box .game_hot .w1280 .swiper-slide .Show {
                    opacity: 0;
                    transition: all 0.5s;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 2.4rem;
                    height: 100%;
                    background-size: cover;
                    text-align: center;
                    padding-top: 0.05rem;
                }

                    .game_hot_box .game_hot .w1280 .swiper-slide .Show .titleImg {
                        transition: all 0.3s;
                        width: 2.4rem;
                        transform: translate3d(0, 0.3rem, 0);
                    }

                    .game_hot_box .game_hot .w1280 .swiper-slide .Show .code {
                        margin-top: 0.72rem;
                        width: 1.5rem;
                        height: 1.5rem;
                        border-radius: 0.05rem;
                    }

                    .game_hot_box .game_hot .w1280 .swiper-slide .Show p {
                        transition: all 0.3s;
                        transform: translate3d(0, -0.2rem, 0);
                        margin-top: 0.05rem;
                        font-size: 0.16rem;
                        color: #fff;
                    }

                        .game_hot_box .game_hot .w1280 .swiper-slide .Show p:hover {
                            color: #1e89ff;
                        }

            .game_hot_box .game_hot .w1280 .indexTitle {
                position: relative;
            }

                .game_hot_box .game_hot .w1280 .indexTitle .more {
                    display: block;
                    position: absolute;
                    top: 1.18rem;
                    right: 0;
                    /*background: #fff;*/
                    color: #1e89ff;
                    font-size: 0.18rem;
                    width: 1.4rem;
                    height: 0.4rem;
                    line-height: 0.42rem;
                    /*border-radius: 0.2rem;*/
                }

                    .game_hot_box .game_hot .w1280 .indexTitle .more:hover {
                        opacity: 0.8;
                    }

                .game_hot_box .game_hot .w1280 .indexTitle h3 {
                    color: #2eaafd;
                }

                .game_hot_box .game_hot .w1280 .indexTitle p {
                    color: #e7c89e;
                }

.recommendBox {
    overflow: hidden;
    height: 6.4rem;
    width: 100%;
    position: relative;
}

    .recommendBox .recommend {
        overflow: hidden;
        width: 192rem;
        height: 6.4rem;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

        .recommendBox .recommend .reset {
            margin: 0;
            top: 50%;
            background: none;
        }

            .recommendBox .recommend .reset.swiper-button-prev3 {
                left: 2.3rem;
            }

            .recommendBox .recommend .reset.swiper-button-next3 {
                right: 2.55rem;
            }

        .recommendBox .recommend .w1280 {
            width: 12.8rem;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
        }

            .recommendBox .recommend .w1280 .swiper-slide {
                display: flex;
            }

                .recommendBox .recommend .w1280 .swiper-slide .text {
                    background: #1a75f0;
                    width: 2.6rem;
                    border-top-right-radius: 0.08rem;
                    border-bottom-right-radius: 0.08rem;
                    height: 3.56rem;
                }

.slideBox {
    overflow: hidden;
    position: relative;
}

    .slideBox .swiper-pagination3 {
        margin-top: 0.32rem;
        display: flex;
        justify-content: center;
    }

        .slideBox .swiper-pagination3 .child {
            width: 0.09rem;
            height: 0.09rem;
            background: #7f8690;
        }

            .slideBox .swiper-pagination3 .child.current {
                background: #1263e0;
            }

            .slideBox .swiper-pagination3 .child + .child {
                margin-left: 0.07rem;
            }

    .slideBox .slideContent {
        display: flex;
        width: 100%;
        justify-content: space-between;
        transition: all 0.3s;
    }

        .slideBox .slideContent .slide {
            width: 2.4rem;
            transition: all 1s;
            flex-shrink: 0;
            border-radius: 0.08rem;
            cursor: pointer;
            position: relative;
            overflow: hidden;
        }

            .slideBox .slideContent .slide > img {
                transition: all 0.5s;
                width: 2.4rem;
            }

                .slideBox .slideContent .slide > img:hover {
                    transform: scale(1.1);
                }

            .slideBox .slideContent .slide.current {
                width: 5rem;
            }

                .slideBox .slideContent .slide.current .text {
                    left: 2.37rem;
                }

            .slideBox .slideContent .slide .text {
                position: absolute;
                left: 2.4rem;
                top: 0;
                transition: all 1s;
                width: 2.6rem;
                height: 3.56rem;
                background: #1a75f0;
                border-top-right-radius: 0.08rem;
                border-bottom-right-radius: 0.08rem;
            }

                .slideBox .slideContent .slide .text h3 {
                    font-family: "cnBold";
                    color: #fff;
                    font-size: 0.24rem;
                    padding-top: 0.23rem;
                    text-align: center;
                    padding-bottom: 0.4rem;
                }

                .slideBox .slideContent .slide .text .a1 {
                    position: relative;
                    color: #fff;
                    font-size: 0.16rem;
                    display: block;
                    padding-left: 0.27rem;
                    line-height: 0.3rem;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    padding-right: 0.1rem;
                }

                    .slideBox .slideContent .slide .text .a1::before {
                        content: "";
                        width: 0.06rem;
                        height: 0.06rem;
                        background: url("../img/zttext.png") no-repeat;
                        background-size: contain;
                        position: absolute;
                        left: 0.15rem;
                        top: 50%;
                        transform: translateY(-50%);
                    }

                    .slideBox .slideContent .slide .text .a1:hover {
                        color: #1e89ff;
                    }

                        .slideBox .slideContent .slide .text .a1:hover::before {
                            background: url("../img/zttextc.png") no-repeat;
                        }

                .slideBox .slideContent .slide .text .a2 {
                    font-family: "cnBold";
                    color: #fff;
                    position: absolute;
                    right: 0.15rem;
                    bottom: 0.2rem;
                    font-size: 0.16rem;
                    display: flex;
                    align-items: center;
                }

                    .slideBox .slideContent .slide .text .a2:hover {
                        color: #1e89ff;
                    }

                        .slideBox .slideContent .slide .text .a2:hover img:nth-child(2) {
                            display: block;
                        }

                        .slideBox .slideContent .slide .text .a2:hover img:nth-child(1) {
                            display: none;
                        }

                    .slideBox .slideContent .slide .text .a2 img:nth-child(2) {
                        display: none;
                    }

                    .slideBox .slideContent .slide .text .a2 > img {
                        margin-left: 0.05rem;
                    }

.index_news {
    overflow: hidden;
    background: #000;
    position: relative;
    height: 8.17rem;
}

    .index_news .index_newsBox {
        height: 100%;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        width: 19.2rem;
        text-align: center;
        background: url("../img/indexNewsBg.jpg") no-repeat;
        background-size: cover;
    }

        .index_news .index_newsBox .w1280 {
            width: 12.8rem;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
        }

            .index_news .index_newsBox .w1280 .list ul {
                display: flex;
                justify-content: space-between;
            }

                .index_news .index_newsBox .w1280 .list ul li {
                    text-align: left;
                    padding-top: 0.46rem;
                    width: 3.88rem;
                    height: 2.5rem;
                    border-bottom: 0.02rem solid #ffd57b;
                    position: relative;
                }

                    .index_news .index_newsBox .w1280 .list ul li:hover .pos span {
                        color: #ffd57b;
                    }

                    .index_news .index_newsBox .w1280 .list ul li:hover .pos p {
                        color: #ffd57b;
                    }

                    .index_news .index_newsBox .w1280 .list ul li .pos {
                        width: 100%;
                        position: absolute;
                        left: 0;
                        bottom: 0.22rem;
                    }

                        .index_news .index_newsBox .w1280 .list ul li .pos span {
                            font-family: "cnBold";
                            font-size: 0.16rem;
                            color: #cab8a0;
                        }

                        .index_news .index_newsBox .w1280 .list ul li .pos p {
                            color: #cab8a0;
                            font-size: 0.18rem;
                            font-family: "en";
                        }

                        .index_news .index_newsBox .w1280 .list ul li .pos .btn {
                            position: absolute;
                            right: 0;
                            top: 50%;
                            transform: translateY(-50%);
                        }

                            .index_news .index_newsBox .w1280 .list ul li .pos .btn > img {
                                width: 0.2rem;
                            }

                    .index_news .index_newsBox .w1280 .list ul li .title {
                        font-size: 0.24rem;
                        font-family: "cnBold";
                        position: relative;
                        color: #ffd57b;
                    }

                        .index_news .index_newsBox .w1280 .list ul li .title::before {
                            background: #ffd57b;
                            content: "";
                            position: absolute;
                            top: -0.23rem;
                            left: 0;
                            width: 0.66rem;
                            height: 0.05rem;
                        }

            .index_news .index_newsBox .w1280 .more {
                display: block;
                width: 4.3rem;
                height: 0.5rem;
                line-height: 0.5rem;
                text-align: center;
                color: white;
                font-size: 0.18rem;
                border-radius: 0.3rem;
                position: relative;
                z-index: 3;
                background: #1e89ff;
                margin: 0.53rem auto 0 auto;
            }

                .index_news .index_newsBox .w1280 .more:hover {
                    background: #1e89ff;
                }

.index_news2 {
    position: relative;
    display: flex;
    height: 4.9rem;
}

    .index_news2 .l {
        width: 50%;
        background: #2983fc;
        height: 100%;
    }

    .index_news2 .r {
        width: 50%;
        background: #1a75f0;
        height: 100%;
    }

    .index_news2 .w1280 {
        width: 12.8rem;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        display: flex;
    }

        .index_news2 .w1280 .same {
            width: 50%;
        }

            .index_news2 .w1280 .same.help {
                padding-left: 1.35rem;
            }

            .index_news2 .w1280 .same .top {
                padding-top: 1rem;
                padding-left: 0.2rem;
                width: 5.02rem;
                padding-bottom: 0.34rem;
                border-bottom: 1px solid #4f97f7;
                position: relative;
                color: #fff;
            }

                .index_news2 .w1280 .same .top span {
                    font-size: 0.16rem;
                    font-family: "PingFangSC-Regular, sans-serif";
                    letter-spacing: 0.05rem;
                }

                .index_news2 .w1280 .same .top h3 {
                    font-size: 0.38rem;
                    font-family: "cnBlack";
                }

                .index_news2 .w1280 .same .top a {
                    position: absolute;
                    right: 0;
                    bottom: 0.34rem;
                    color: #fff;
                    font-size: 0.14rem;
                }

                    .index_news2 .w1280 .same .top a:hover {
                        color: #1e89ff;
                    }

                        .index_news2 .w1280 .same .top a:hover img:nth-child(1) {
                            display: none;
                        }

                        .index_news2 .w1280 .same .top a:hover img:nth-child(2) {
                            display: inline-block;
                        }

                    .index_news2 .w1280 .same .top a img:nth-child(2) {
                        display: none;
                    }

                    .index_news2 .w1280 .same .top a > img {
                        margin-left: 0.05rem;
                        vertical-align: baseline;
                        width: 0.06rem;
                    }

            .index_news2 .w1280 .same .list {
                padding-top: 0.3rem;
            }

                .index_news2 .w1280 .same .list ul li a {
                    color: #fff;
                    font-size: 0.16rem;
                    display: block;
                    margin-bottom: 0.2rem;
                    padding-left: 0.2rem;
                }

                    .index_news2 .w1280 .same .list ul li a:hover {
                        color: #1e89ff;
                    }



.news .box {
    width: 12rem;
    margin: 0 auto;
    position: relative;
    height: 10rem;


}
    .news .box > img {
        width: 9.22rem;
    }

    .news .box .bg {
        position: absolute;
        top: 0;
        left: 6.4rem;
        z-index: 2;
    }

    .news .box .title {
        padding-top: 1.3rem;
    }

        .news .box .title > img {
            height: 0.73rem;
        }

        .news .box .title p {
            margin-top: 0.2rem;
            font-family: "cnBold";
            font-size: 0.3rem;
        }

    .news .box .list {
        position: relative;
        z-index: 3;
        margin-top: 0.5rem;
        margin-bottom: 1.2rem;
        /*background: #fff;*/
        border-radius: 0.06rem;
        width: 100%;
        /*box-shadow: 0rem 0rem 0.15rem rgba(195, 204, 223, 0.45);*/
        padding: 0.6rem 0.42rem 1.4rem 0.42rem;
    }

        .news .box .list .btn {
            height: 0.5rem;
            display: flex;
            border-bottom: 1px solid #2e2e2e;
            align-items: baseline;
            transition: all 0.3s;
        }

            .news .box .list .btn > div {
                cursor: pointer;
                font-size: 0.24rem;
                font-family: "cnBold";
                margin-right: 0.75rem;
                position: relative;
            }

                .news .box .list .btn > div:hover {
                    color: #1e88ff;
                }

                .news .box .list .btn > div.current {
                    line-height: 0.3rem;
                    font-size: 0.3rem;
                    color: #1e88ff;
                }

                    .news .box .list .btn > div.current::before {
                        content: "";
                        background: #1e88ff;
                        position: absolute;
                        width: 1.18rem;
                        height: 0.05rem;
                        bottom: -0.19rem;
                        left: 0;
                    }

        .news .box .list .content {
            display: none;
        }

            .news .box .list .content ul li {
                margin-top: 0.6rem;
                position: relative;
                padding-left: 0.63rem;
            }

                .news .box .list .content ul li:only-child {
                    padding-left: 0;
                }

                    .news .box .list .content ul li:only-child:hover::after {
                        opacity: 0;
                    }

                    .news .box .list .content ul li:only-child::before {
                        display: none;
                    }

                .news .box .list .content ul li:last-child::before {
                    background: url("../img/newsCenterLast.png") no-repeat;
                    background-size: 0.16rem 0.98rem;
                }

                .news .box .list .content ul li::before {
                    content: "";
                    width: 0.16rem;
                    height: 0.98rem;
                    position: absolute;
                    left: 0.16rem;
                    top: 0.13rem;
                    background: url("../img/newsCenter.png") no-repeat;
                    background-size: 0.16rem 0.98rem;
                }

                .news .box .list .content ul li::after {
                    content: "";
                    width: 0.15rem;
                    height: 0.15rem;
                    border-radius: 50%;
                    background: #1e88ff;
                    position: absolute;
                    left: 0.17rem;
                    top: 0.13rem;
                    opacity: 0;
                }

                .news .box .list .content ul li:hover::after {
                    opacity: 1;
                }

                .news .box .list .content ul li:hover a .typeText {
                    color: #a5724b;
                }

                .news .box .list .content ul li:hover a .text1 .time {
                    background: #a5724b;
                }

                .news .box .list .content ul li:hover a .text1 p {
                    color: #a5724b;
                }

                .news .box .list .content ul li a {
                    display: flex;
                    justify-content: space-between;
                }

                    .news .box .list .content ul li a .typeText {
                        color: #f8c57b;
                        font-size: 0.18rem;
                    }

                    .news .box .list .content ul li a .text1 {
                        font-size: 0.24rem;
                        display: flex;
                    }

                        .news .box .list .content ul li a .text1 p {
                            margin-left: 0.2rem;
                            color: #f8c57b;
                        }

                        .news .box .list .content ul li a .text1 .time {
                            font-family: "en";
                            width: 1.35rem;
                            height: 0.38rem;
                            line-height: 0.38rem;
                            color: #fff;
                            border-radius: 0.05rem;
                            background: #f8c57b;
                            text-align: center;
                        }

.news_detail .w1200 {
    width: 12rem;
    margin: 0 auto;
    position: relative;
    padding-bottom: 1.2rem;
}



    .news_detail .w1200 .titleBox {
        position: relative;
        z-index: 3;
        width: 10rem;
        margin: 0 auto;
        padding-top: 0.8rem;
        font-weight: bold;
        border-bottom: 0.02rem solid #ffd57b;
        padding-bottom: 1.02rem;
    }

        .news_detail .w1200 .titleBox .author {
            position: absolute;
            z-index: 4;
            bottom: -0.02rem;
            right: 0;
            font-size: 0.18rem;
            padding-bottom: 0.06rem;
            color: #ffd57b;
            border-bottom: 0.02rem solid #ffd57b;
        }

        .news_detail .w1200 .titleBox .time {
            font-family: "en";
            font-size: 0.3rem;
        }

        .news_detail .w1200 .titleBox .t {
            font-size: 0.38rem;
            font-weight: bold;
            font-family: "cnBlack";
        }

    .news_detail .w1200 .content {
        text-indent: 0.32rem;
        width: 10rem;
        margin: 0 auto;
        font-size: 0.16rem;
        line-height: 0.36rem;
        padding: 0.34rem 0 0.7rem 0;
    }

        .news_detail .w1200 .content img {
            margin: 0.6rem auto;
            max-width: 100%;
            display: block;
        }

    .news_detail .w1200 .backPre {
        display: block;
        width: 5rem;
        height: 0.5rem;
        line-height: 0.5rem;
        color: #fff;
        font-size: 0.18rem;
        letter-spacing: 0.02rem;
        margin: 0 auto;
        border-radius: 0.3rem;
        background: #a5724b;
        text-align: center;
    }

        .news_detail .w1200 .backPre:hover {
            background: #ffd57b;
        }

.game .banner {
    position: relative;
    height: 6rem;
    overflow: hidden;
}

    .game .banner .img {
        height: 6rem;
        top: 0;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
        max-width: 1920px;
    }

    .game .banner .w1200 {
        width: 12rem;
        z-index: 3;
        position: relative;
        margin: 0 auto;
    }

        .game .banner .w1200 .t {
            padding-top: 1.3rem;
            font-family: "cnBold";
            font-size: 0.56rem;
        }

        .game .banner .w1200 .addDown {
            display: flex;
            padding-top: 0.2rem;
        }

            .game .banner .w1200 .addDown .same {
                cursor: pointer;
                margin-right: 0.3rem;
                width: 1.83rem;
                display: flex;
                padding-left: 0.28rem;
                align-items: center;
            }

                .game .banner .w1200 .addDown .same span {
                    margin-left: 0.12rem;
                    white-space: nowrap;
                    font-size: 0.18rem;
                }

                .game .banner .w1200 .addDown .same > img {
                    display: block;
                    width: 0.25rem;
                }

        .game .banner .w1200 .down {
            margin-top: 0.1rem;
            display: flex;
        }

            .game .banner .w1200 .down .same {
                margin-right: 0.3rem;
                position: relative;
            }

                .game .banner .w1200 .down .same:hover .code {
                    display: block;
                    opacity: 1;
                }

                .game .banner .w1200 .down .same:hover .top {
                    background-color: rgba(255, 255, 255, 0.7);
                }

                    .game .banner .w1200 .down .same:hover .top .text:nth-child(1) {
                        opacity: 1;
                        margin-top: 0;
                    }

                    .game .banner .w1200 .down .same:hover .top .text:nth-child(2) {
                        opacity: 0;
                    }

                .game .banner .w1200 .down .same .top {
                    overflow: hidden;
                    box-shadow: 9px 10px 15px 1px rgba(206, 212, 223, 0.45);
                    cursor: pointer;
                    position: relative;
                    border-radius: 0.28rem;
                    width: 1.83rem;
                    background-color: white;
                    height: 0.6rem;
                }

                    .game .banner .w1200 .down .same .top > img {
                        width: 2.07rem;
                    }

                    .game .banner .w1200 .down .same .top .text {
                        height: 100%;
                        justify-content: center;
                        align-items: center;
                        display: flex;
                        position: relative;
                        transition: all 0.2s;
                    }

                        .game .banner .w1200 .down .same .top .text > img {
                            display: block;
                            width: 0.25rem;
                            transition: all 0.2s;
                        }

                        .game .banner .w1200 .down .same .top .text:nth-child(1) {
                            opacity: 0;
                            margin-top: -0.6rem;
                        }

                    .game .banner .w1200 .down .same .top span {
                        margin-left: 0.12rem;
                        white-space: nowrap;
                        display: block;
                        font-size: 0.18rem;
                    }

                .game .banner .w1200 .down .same .code {
                    display: none;
                    opacity: 0;
                    z-index: 3;
                    position: absolute;
                    bottom: -1.78rem;
                    left: 50%;
                    transition: all 0.2s;
                    transform: translateX(-50%);
                    width: 1.7rem;
                    height: 1.7rem;
                    background-color: #fff;
                    border-radius: 0.06rem;
                }

                    .game .banner .w1200 .down .same .code > img {
                        border-radius: 0.06rem;
                        width: 100%;
                        height: 100%;
                    }

.game .list {
    width: 9.6rem;
    margin: 0 auto;
    min-height: 8.66rem;
}

    .game .list .btn {
        position: relative;
    }

        .game .list .btn .slideCurrent {
            position: absolute;
            top: 0.25rem;
            left: 0;
            transition: all 0.3s;
            text-align: center;
            width: 2.4rem;
            height: 1.34rem;
            background: url("../img/gameBtncurrent.png") no-repeat;
            background-size: contain;
        }

            .game .list .btn .slideCurrent p {
                color: #fff;
                font-size: 0.18rem;
                position: absolute;
                bottom: 0.2rem;
                left: 50%;
                transform: translateX(-50%);
            }

            .game .list .btn .slideCurrent > img {
                height: 0.76rem;
            }

        .game .list .btn .btnItems {
            display: flex;
            justify-content: space-between;
        }

            .game .list .btn .btnItems .same {
                text-align: center;
                cursor: pointer;
                font-size: 0.18rem;
                padding: 0.3rem 0;
                width: 2.4rem;
                position: relative;
            }

                .game .list .btn .btnItems .same > img {
                    transition: all 1s;
                    height: 0.76rem;
                }

                .game .list .btn .btnItems .same img:nth-child(2) {
                    display: none;
                }

                .game .list .btn .btnItems .same.current img:nth-child(1) {
                    display: none;
                }

                .game .list .btn .btnItems .same.current img:nth-child(2) {
                    display: inline-block;
                }

                .game .list .btn .btnItems .same.current p {
                    color: #6a2a11;
                }
                   .game .list .btn .btnItems .same p {
                    color: #ffd57b;
                }

                .game .list .btn .btnItems .same.current .currentShow {
                    display: block;
                }

                .game .list .btn .btnItems .same p.w {
                    color: #fff;
                }

                .game .list .btn .btnItems .same .currentShow {
                    display: none;
                    padding-top: 0.1rem;
                    position: absolute;
                    left: -0.05rem;
                    top: 0.15rem;
                    text-align: center;
                    width: 2.5rem;
                    height: 1.34rem;
                    background: url("../img/gameBtncurrent.png") no-repeat;
                    background-size: cover;
                }

                    .game .list .btn .btnItems .same .currentShow p {
                        color: #fff;
                        font-size: 0.18rem;
                        position: absolute;
                        bottom: 0.2rem;
                        left: 50%;
                        transform: translateX(-50%);
                    }

                    .game .list .btn .btnItems .same .currentShow > img {
                        height: 0.76rem;
                    }

                .game .list .btn .btnItems .same + .same {
                    background: url("../img/dian.png") no-repeat;
                    background-position: -1px center;
                }

    .game .list .content {
        padding-top: 0.3rem;
        display: none;
    }

        .game .list .content .cc {
            display: flex;
            width: 100%;
            justify-content: flex-start;
            flex-wrap: wrap;
        }

        .game .list .content .same {
            margin-bottom: 0.15rem;
            position: relative;
            width: 2.85rem;
            height: 2.85rem;
            cursor: pointer;
            overflow: hidden;
            flex-basis: 3rem;
            flex-shrink: 1;
        }

            .game .list .content .same > img {
                width: 2.85rem;
                height: 2.85rem;
            }

            .game .list .content .same:hover .show {
                top: 0;
            }

            .game .list .content .same .title1 {
                font-weight: bold;
                position: absolute;
                color: #fff;
                font-size: 0.24rem;
                top: 0.15rem;
                right: 0.15rem;
                line-height: 0.24rem;
            }

            .game .list .content .same .show {
                transition: all 0.3s;
                width: 2.85rem;
                height: 100%;
                border-radius: 0.05rem;
                position: absolute;
                top: 0;
                left: 0;
                background-color: rgba(0, 32, 112, 0.9);
                text-align: center;
                opacity: 0;
            }

                .game .list .content .same .show:hover {
                    opacity: 1;
                }

                    .game .list .content .same .show:hover > img:nth-child(1) {
                        transform: translate3d(0, 0, 0);
                    }

                    .game .list .content .same .show:hover p {
                        transform: translate3d(0, 0, 0);
                    }

                .game .list .content .same .show > img:nth-child(0) {
                    transition: all 0.3s;
                    transform: translate3d(0, 0.3rem, 0);
                    height: 0.95rem;
                    padding-top: 1rem
                }

                .game .list .content .same .show .code {
                    width: 1.5rem;
                    height: 1.5rem;
                    margin-top: 0.6rem;
                }

                .game .list .content .same .show p {
                    transition: all 0.3s;
                    transform: translate3d(0, -0.2rem, 0);
                    font-size: 0.16rem;
                    color: #fff;
                    margin-top: 0.15rem;
                }

                    .game .list .content .same .show p:hover {
                        color: #1e89ff;
                    }

.thematic .ban {
    overflow: hidden;
    position: relative;
    height: 4.53rem;
    width: 100%;
}

    .thematic .ban:hover > img {
        transform: scale(1.1);
    }

    .thematic .ban > img {
        transition: transform 0.5s;
        height: 4.53rem;
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -12.8rem;
        display: block;
    }

    .thematic .ban .w1200 {
        width: 12rem;
        margin: 0 auto;
        position: relative;
        z-index: 3;
        padding-top: 1.3rem;
    }

        .thematic .ban .w1200.ddz img {
            width: 2.65rem;
        }

        .thematic .ban .w1200.mj {
            padding-top: 1rem;
        }

            .thematic .ban .w1200.mj img {
                width: 3.84rem;
            }

        .thematic .ban .w1200.dntg img {
            width: 3.42rem;
        }

        .thematic .ban .w1200.lk {
            padding-top: 1rem;
        }

            .thematic .ban .w1200.lk img {
                width: 3.84rem;
            }

        .thematic .ban .w1200 p {
            color: #fff;
            font-size: 0.18rem;
            line-height: 0.3rem;
            margin-top: 0.05rem;
        }

        .thematic .ban .w1200 a {
            overflow: hidden;
            display: block;
            margin-top: 0.15rem;
            width: 1.6rem;
            height: 0.46rem;
            line-height: 0.46rem;
            background: #fff;
            border-radius: 0.25rem;
            font-size: 0.22rem;
            text-align: center;
            position: relative;
        }

            .thematic .ban .w1200 a span {
                display: block;
                transition: all 0.25s;
            }

            .thematic .ban .w1200 a::before {
                content: "";
                width: 100%;
                position: absolute;
                left: 0;
                right: 0;
                top: -100%;
                background-repeat: no-repeat;
                background-position: center;
                background-size: 0.175rem 0.2rem;
                background-image: url("../img/game_downIcon.png");
                transition: all 0.25s;
            }

            .thematic .ban .w1200 a:hover span {
                opacity: 0;
                transform: translate3d(0, 100%, 0);
            }

            .thematic .ban .w1200 a:hover::before {
                height: 100%;
                top: 0;
            }

.thematic .box .list {
    box-shadow: none;
    margin-top: 0;
    min-height: 7rem;
}

.thematic .thematic_footer {
    background: #eaf3fe;
    height: 2.94rem;
    padding-top: 0.38rem;
}

    .thematic .thematic_footer .w1050 {
        width: 10.5rem;
        margin: 0 auto;
        position: relative;
    }

        .thematic .thematic_footer .w1050 .reset {
            background: none;
            margin-top: 0;
        }

            .thematic .thematic_footer .w1050 .reset.swiper-button-next {
                right: -0.3rem;
            }

            .thematic .thematic_footer .w1050 .reset.swiper-button-prev {
                left: -0.85rem;
            }

        .thematic .thematic_footer .w1050 h4 {
            font-family: "cnBold";
            font-size: 0.24rem;
        }

        .thematic .thematic_footer .w1050 .swiper-container {
            margin-top: 0.18rem;
        }

            .thematic .thematic_footer .w1050 .swiper-container .swiper-slide {
                cursor: pointer;
                position: relative;
            }

                .thematic .thematic_footer .w1050 .swiper-container .swiper-slide a {
                    border-radius: 0.05rem;
                    width: 3.37rem;
                    display: block;
                    overflow: hidden;
                }

                    .thematic .thematic_footer .w1050 .swiper-container .swiper-slide a > img {
                        width: 3.37rem;
                        transition: all 0.3s;
                    }

                .thematic .thematic_footer .w1050 .swiper-container .swiper-slide:hover a > img {
                    transform: scale(1.1);
                }

                .thematic .thematic_footer .w1050 .swiper-container .swiper-slide:hover .show {
                    opacity: 1;
                }

                .thematic .thematic_footer .w1050 .swiper-container .swiper-slide .show {
                    transition: all 0.3s;
                    opacity: 0;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 3.37rem;
                    font-weight: bold;
                    height: 1.57rem;
                    border-radius: 0.06rem;
                    background-color: rgba(20, 110, 231, 0.85);
                    color: #fff;
                    font-size: 0.16rem;
                    line-height: 1.57rem;
                    text-align: center;
                }

                    .thematic .thematic_footer .w1050 .swiper-container .swiper-slide .show p > img {
                        vertical-align: baseline;
                    }

.recharge .box .list {
    margin-bottom: 28px;
    min-height: 950px;
}

    .recharge .box .list .prices {
        padding-top: 45px;
    }

        .recharge .box .list .prices ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

            .recharge .box .list .prices ul li {
                text-align: center;
                width: 150px;
                height: 180px;
                border: 1px solid #cfcdcd;
                border-radius: 8px;
                cursor: pointer;
                position: relative;
            }

                .recharge .box .list .prices ul li.current {
                    border: 1px solid #2090ff;
                }

                    .recharge .box .list .prices ul li.current::after {
                        content: "";
                        position: absolute;
                        right: 0px;
                        top: 0px;
                        background: url("../img/duihao.png") no-repeat;
                        width: 37px;
                        height: 36px;
                    }

                .recharge .box .list .prices ul li::before {
                    position: absolute;
                    top: 125px;
                    left: 50%;
                    transform: translateX(-50%);
                    content: "";
                    width: 103px;
                    height: 1px;
                    background: #d2d1d1;
                }

                .recharge .box .list .prices ul li span {
                    font-size: 18px;
                    color: #cbc9c9;
                }

                .recharge .box .list .prices ul li p {
                    padding-top: 30px;
                    font-family: "en";
                    font-size: 30px;
                }

                .recharge .box .list .prices ul li .price {
                    margin-top: 40px;
                    font-size: 18px;
                    display: block;
                    color: #2e2e2e;
                }

    .recharge .box .list .zz {
        position: absolute;
        left: 0;
        top: 115px;
        background-color: #fff;
        opacity: 0.5;
        z-index: 3;
        width: 100%;
        height: 1250px;
    }

    .recharge .box .list .editeAccount {
        display: flex;
        align-items: center;
        font-size: 16px;
    }

        .recharge .box .list .editeAccount input {
            width: 350px;
            height: 50px;
            font-family: "cn";
            border: none;
            line-height: 50px;
            padding-left: 10px;
            background: #f1f1f1;
        }

        .recharge .box .list .editeAccount .qd {
            cursor: pointer;
            width: 75px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            color: #fff;
            margin: 0 10px;
            background-color: #1f89ff;
        }

        .recharge .box .list .editeAccount span {
            color: #1d58cf;
        }

    .recharge .box .list .account {
        display: none;
        align-items: center;
        cursor: pointer;
    }

        .recharge .box .list .account p {
            font-size: 24px;
            font-weight: bold;
        }

        .recharge .box .list .account span {
            color: #1a75f0;
            font-size: 16px;
        }

        .recharge .box .list .account img {
            margin-left: 30px;
            width: 22px;
            height: 18px;
        }

    .recharge .box .list .payStyle {
        padding-top: 43px;
    }

        .recharge .box .list .payStyle h3 {
            font-size: 24px;
            font-weight: bold;
        }

        .recharge .box .list .payStyle .btns {
            padding-top: 20px;
            padding-bottom: 16px;
            border-bottom: 1px solid #2e2e2e;
        }

            .recharge .box .list .payStyle .btns ul {
                width: 100%;
                display: flex;
                padding: 0 48px;
                justify-content: space-between;
            }

                .recharge .box .list .payStyle .btns ul li {
                    display: flex;
                    align-items: center;
                    font-size: 18px;
                    cursor: pointer;
                    position: relative;
                }

                    .recharge .box .list .payStyle .btns ul li .cimg {
                        display: none;
                    }

                    .recharge .box .list .payStyle .btns ul li.current {
                        color: #1465d3;
                    }

                        .recharge .box .list .payStyle .btns ul li.current .cimg {
                            display: block;
                        }

                        .recharge .box .list .payStyle .btns ul li.current .img {
                            display: none;
                        }

                        .recharge .box .list .payStyle .btns ul li.current::before {
                            content: "";
                            position: absolute;
                            bottom: -17px;
                            left: 0;
                            width: 135px;
                            height: 5px;
                            background: #1465d3;
                        }

                    .recharge .box .list .payStyle .btns ul li img {
                        margin-right: 5px;
                    }

    .recharge .box .list .c .cc {
        display: none;
    }

        .recharge .box .list .c .cc .showshow {
            position: relative;
        }

            .recharge .box .list .c .cc .showshow.current {
                border: 1px solid #1e89ff;
            }

                .recharge .box .list .c .cc .showshow.current::before {
                    content: "";
                    position: absolute;
                    right: 0px;
                    top: 0px;
                    background: url("../img/duihao.png") no-repeat;
                    width: 37px;
                    height: 36px;
                }

        .recharge .box .list .c .cc .alipay {
            margin-top: 30px;
            cursor: pointer;
            padding-top: 32px;
            width: 150px;
            height: 150px;
            border: 1px solid #1e89ff;
            border-radius: 10px;
            text-align: center;
            font-size: 18px;
            position: relative;
        }

            .recharge .box .list .c .cc .alipay::before {
                content: "";
                position: absolute;
                right: 0px;
                top: 0px;
                background: url("../img/duihao.png") no-repeat;
                width: 37px;
                height: 36px;
            }

            .recharge .box .list .c .cc .alipay p {
                margin-top: 15px;
            }

        .recharge .box .list .c .cc ul {
            padding-top: 30px;
            width: 951px;
            display: flex;
            flex-wrap: wrap;
        }

            .recharge .box .list .c .cc ul li {
                cursor: pointer;
                display: flex;
                font-size: 18px;
                align-items: center;
                width: 150px;
                height: 50px;
                line-height: 50px;
                text-align: center;
                border-radius: 8px;
                border: 1px solid #cfcdcd;
                margin-right: 10px;
                margin-bottom: 10px;
            }

                .recharge .box .list .c .cc ul li:nth-child(6n) {
                    margin-right: 0px;
                }

    .recharge .box .list .codeBox {
        padding-top: 50px;
        display: flex;
        align-items: center;
    }

        .recharge .box .list .codeBox input {
            width: 207px;
            height: 50px;
            line-height: 50px;
            border: none;
            background: #f1f1f1;
            padding-left: 10px;
            font-size: 16px;
            font-family: "cn";
        }

        .recharge .box .list .codeBox .code {
            width: 146px;
            height: 50px;
            margin-left: 9px;
            margin-right: 22px;
        }

        .recharge .box .list .codeBox p {
            font-size: 16px;
            color: #919191;
            cursor: pointer;
        }

    .recharge .box .list .total {
        padding-top: 13px;
        font-size: 18px;
        font-weight: bold;
    }

        .recharge .box .list .total span {
            font-size: 36px;
            color: #ff852c;
        }

    .recharge .box .list .define {
        margin-top: 20px;
        cursor: pointer;
        text-align: center;
        color: #fff;
        font-size: 18px;
        background: #1a75f0;
        width: 430px;
        height: 50px;
        line-height: 50px;
        border-radius: 30px;
    }

        .recharge .box .list .define:hover {
            background: #1e89ff;
        }

.recharge .box .tip {
    height: 420px;
    padding-left: 45px;
}

    .recharge .box .tip .text {
        font-weight: bold;
        display: none;
    }

        .recharge .box .tip .text h3 {
            font-weight: bold;
            font-family: "cnBlack";
            font-size: 24px;
            margin-bottom: 20px;
        }

        .recharge .box .tip .text p {
            font-size: 16px;
            margin-bottom: 15px;
            position: relative;
            padding-left: 25px;
        }

            .recharge .box .tip .text p span {
                display: block;
                background: #b1b1b1;
                border-radius: 2px;
                position: absolute;
                top: 3px;
                left: 0;
                width: 18px;
                height: 18px;
                text-align: center;
                line-height: 18px;
                color: #fff;
                font-size: 16px;
            }

.password .game-main {
    min-height: 7.32rem;
    overflow: hidden;
    margin-bottom: 0.5rem;
    position: relative;
    z-index: 3;
    margin-top: 0.5rem;
    margin-bottom: 1.2rem;
    background: #fff;
    border-radius: 0.06rem;
    width: 100%;
    box-shadow: 0rem 0rem 0.15rem rgba(195, 204, 223, 0.45);
}

    .password .game-main .list_head {
        height: 1.46rem;
        background: #f7faff;
        position: relative;
    }

        .password .game-main .list_head .setp {
            display: flex;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

            .password .game-main .list_head .setp .same {
                min-width: 0.54rem;
                text-align: center;
                height: 0.84rem;
                padding-top: 0.65rem;
                position: relative;
            }

                .password .game-main .list_head .setp .same.current {
                    color: #1a75f0;
                }

                .password .game-main .list_head .setp .same.one {
                    background: url("../img/setp1c.png") center top no-repeat;
                    background-size: 0.54rem 0.54rem;
                }

                .password .game-main .list_head .setp .same.two {
                    margin: 0 1.63rem 0 1.57rem;
                    background: url("../img/setp2.png") center top no-repeat;
                    background-size: 0.54rem 0.54rem;
                }

                    .password .game-main .list_head .setp .same.two.current {
                        background: url("../img/setp2c.png") center top no-repeat;
                        background-size: 0.54rem 0.54rem;
                    }

                    .password .game-main .list_head .setp .same.two::before {
                        content: "";
                        background: url("../img/setpOk.png");
                        background-size: 1.63rem 0.03rem;
                        width: 1.63rem;
                        height: 0.03rem;
                        position: absolute;
                        left: -1.57rem;
                        top: 0.28rem;
                    }

                .password .game-main .list_head .setp .same.three {
                    background: url("../img/setp3.png") center top no-repeat;
                    background-size: 0.54rem 0.54rem;
                }

                    .password .game-main .list_head .setp .same.three::after {
                        content: "";
                        background: url("../img/setpNo.png");
                        background-size: 1.63rem 0.03rem;
                        width: 1.63rem;
                        height: 0.03rem;
                        position: absolute;
                        left: -1.69rem;
                        top: 0.28rem;
                    }

                    .password .game-main .list_head .setp .same.three.current {
                        background: url("../img/setp3c.png") center top no-repeat;
                        background-size: 0.54rem 0.54rem;
                    }

                        .password .game-main .list_head .setp .same.three.current::after {
                            background: url("../img/setpOk.png");
                            background-size: 1.63rem 0.03rem;
                        }

                .password .game-main .list_head .setp .same p {
                    font-size: 0.16rem;
                }

    .password .game-main .button {
        border: none;
        background: none;
        width: 3.72rem;
        height: 0.5rem;
        line-height: 0.5rem;
        color: #fff;
        text-align: center;
        border-radius: 0.3rem;
        font-size: 0.18rem;
        cursor: pointer;
        background: #1a75f0;
        margin-top: 0.43rem;
    }

    .password .game-main #frmStepTwo {
        width: 5.1rem;
        margin: 0 auto;
        font-size: 0.16rem;
        font-weight: bold;
    }

        .password .game-main #frmStepTwo .btn_set {
            display: flex;
            justify-content: space-between;
            width: 5.1rem;
            margin: 0 auto;
        }

            .password .game-main #frmStepTwo .btn_set .button {
                width: 2.4rem;
            }

                .password .game-main #frmStepTwo .btn_set .button:nth-child(1) {
                    background: #999dab;
                }

                    .password .game-main #frmStepTwo .btn_set .button:nth-child(1):hover {
                        background: #1e89ff;
                    }

        .password .game-main #frmStepTwo .form-group {
            display: flex;
            align-items: center;
        }

            .password .game-main #frmStepTwo .form-group .control-label {
                display: block;
                width: 1.12rem;
                text-align: right;
                margin-right: 0.3rem;
            }

            .password .game-main #frmStepTwo .form-group.type {
                padding: 0.32rem 0 0.5rem 0;
            }

            .password .game-main #frmStepTwo .form-group.phoneQ {
                margin-top: 0.35rem;
            }

                .password .game-main #frmStepTwo .form-group.phoneQ .phoneQBox {
                    display: flex;
                }

                    .password .game-main #frmStepTwo .form-group.phoneQ .phoneQBox .btn-get-vcode {
                        border: none;
                        width: 1.2rem;
                        height: 0.5rem;
                        color: #fff;
                        text-align: center;
                        line-height: 0.5rem;
                        cursor: pointer;
                        margin-left: 0.1rem;
                        background: #1a75f0;
                    }

            .password .game-main #frmStepTwo .form-group.itemInput {
                margin-top: 0.2rem;
            }

    .password .game-main #frmStepOne {
        padding-top: 0.8rem;
        width: 3.72rem;
        margin: 0 auto;
    }

        .password .game-main #frmStepOne #dwGameID {
            margin: 0.2rem 0;
            width: 3.72rem;
        }

        .password .game-main #frmStepOne .code {
            position: relative;
            display: flex;
        }

            .password .game-main #frmStepOne .code .input2 {
                width: 2.43rem;
            }

            .password .game-main #frmStepOne .code img {
                width: 1.19rem;
                height: 0.5rem;
                margin-left: 0.1rem;
            }

            .password .game-main #frmStepOne .code span {
                top: 50%;
                transform: translateY(-50%);
                right: -1.04rem;
                cursor: pointer;
                position: absolute;
                font-size: 0.16rem;
                font-weight: bold;
            }

    .password .game-main .contet_one_title {
        font-weight: bold;
        font-size: 0.18rem;
        text-align: center;
    }

.password .box .list {
    min-height: 7.32rem;
    overflow: hidden;
    padding: 0;
    margin-bottom: 0.5rem;
}

    .password .box .list .list_head {
        height: 1.46rem;
        background: #f7faff;
        position: relative;
    }

        .password .box .list .list_head .setp {
            display: flex;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

            .password .box .list .list_head .setp .same {
                min-width: 0.54rem;
                text-align: center;
                height: 0.84rem;
                padding-top: 0.65rem;
                position: relative;
            }

                .password .box .list .list_head .setp .same.current {
                    color: #1a75f0;
                }

                .password .box .list .list_head .setp .same.one {
                    background: url("../img/setp1c.png") center top no-repeat;
                    background-size: 0.54rem 0.54rem;
                }

                .password .box .list .list_head .setp .same.two {
                    margin: 0 1.63rem 0 1.57rem;
                    background: url("../img/setp2.png") center top no-repeat;
                    background-size: 0.54rem 0.54rem;
                }

                    .password .box .list .list_head .setp .same.two.current {
                        background: url("../img/setp2c.png") center top no-repeat;
                        background-size: 0.54rem 0.54rem;
                    }

                    .password .box .list .list_head .setp .same.two::before {
                        content: "";
                        background: url("../img/setpOk.png");
                        background-size: 1.63rem 0.03rem;
                        width: 1.63rem;
                        height: 0.03rem;
                        position: absolute;
                        left: -1.57rem;
                        top: 0.28rem;
                    }

                .password .box .list .list_head .setp .same.three {
                    background: url("../img/setp3.png") center top no-repeat;
                    background-size: 0.54rem 0.54rem;
                }

                    .password .box .list .list_head .setp .same.three::after {
                        content: "";
                        background: url("../img/setpNo.png");
                        background-size: 1.63rem 0.03rem;
                        width: 1.63rem;
                        height: 0.03rem;
                        position: absolute;
                        left: -1.69rem;
                        top: 0.28rem;
                    }

                    .password .box .list .list_head .setp .same.three.current {
                        background: url("../img/setp3c.png") center top no-repeat;
                        background-size: 0.54rem 0.54rem;
                    }

                        .password .box .list .list_head .setp .same.three.current::after {
                            background: url("../img/setpOk.png");
                            background-size: 1.63rem 0.03rem;
                        }

                .password .box .list .list_head .setp .same p {
                    font-size: 0.16rem;
                }

    .password .box .list .button {
        width: 3.72rem;
        height: 0.5rem;
        line-height: 0.5rem;
        color: #fff;
        text-align: center;
        border-radius: 0.3rem;
        font-size: 0.18rem;
        cursor: pointer;
        background: #1a75f0;
        margin-top: 0.43rem;
    }

        .password .box .list .button:hover {
            background: #1e89ff;
        }

    .password .box .list .show .some {
        display: none;
    }

    .password .box .list .show .code {
        position: relative;
        display: flex;
    }

        .password .box .list .show .code .input2 {
            width: 2.43rem;
        }

        .password .box .list .show .code img {
            width: 1.19rem;
            height: 0.5rem;
            margin-left: 0.1rem;
        }

        .password .box .list .show .code span {
            top: 50%;
            transform: translateY(-50%);
            right: -1.04rem;
            cursor: pointer;
            position: absolute;
            font-size: 0.16rem;
            font-weight: bold;
        }

    .password .box .list .show .contet_one {
        padding-top: 0.8rem;
        width: 3.72rem;
        margin: 0 auto;
    }

        .password .box .list .show .contet_one .input1 {
            margin: 0.2rem 0;
            width: 3.72rem;
        }

    .password .box .list .show .contet_two form {
        width: 5.1rem;
        margin: 0 auto;
        font-size: 0.16rem;
        font-weight: bold;
    }

        .password .box .list .show .contet_two form .item {
            display: flex;
            align-items: center;
        }

            .password .box .list .show .contet_two form .item .nPassword input {
                width: 3.6rem;
            }

            .password .box .list .show .contet_two form .item .typeBox {
                display: flex;
            }

                .password .box .list .show .contet_two form .item .typeBox .type_item {
                    display: flex;
                    cursor: pointer;
                    margin-right: 0.57rem;
                    align-items: center;
                    position: relative;
                }

                    .password .box .list .show .contet_two form .item .typeBox .type_item.current::before {
                        content: "";
                        position: absolute;
                        left: 0;
                        top: 0.02rem;
                        width: 0.21rem;
                        height: 0.21rem;
                        background: url("../img/password_sel.png");
                        background-size: contain;
                    }

                    .password .box .list .show .contet_two form .item .typeBox .type_item p {
                        line-height: 0.21rem;
                    }

                    .password .box .list .show .contet_two form .item .typeBox .type_item i {
                        margin-right: 0.08rem;
                        display: block;
                        width: 0.21rem;
                        height: 0.21rem;
                        border-radius: 100%;
                        background: #f1f1f1;
                    }

            .password .box .list .show .contet_two form .item.type {
                padding: 0.32rem 0 0.5rem 0;
            }

            .password .box .list .show .contet_two form .item.itemInput {
                margin-top: 0.2rem;
            }

            .password .box .list .show .contet_two form .item.phoneQ {
                margin-top: 0.35rem;
            }

                .password .box .list .show .contet_two form .item.phoneQ .phoneQBox {
                    display: flex;
                }

                    .password .box .list .show .contet_two form .item.phoneQ .phoneQBox .getCode {
                        width: 1.2rem;
                        height: 0.5rem;
                        color: #fff;
                        text-align: center;
                        line-height: 0.5rem;
                        cursor: pointer;
                        margin-left: 0.1rem;
                        background: #1a75f0;
                    }

                        .password .box .list .show .contet_two form .item.phoneQ .phoneQBox .getCode:hover {
                            background: #1e89ff;
                        }

            .password .box .list .show .contet_two form .item span {
                display: block;
                width: 1.12rem;
                text-align: right;
                margin-right: 0.3rem;
            }

    .password .box .list .show .contet_two .btn_set {
        display: flex;
        justify-content: space-between;
        width: 5.1rem;
        margin: 0 auto;
    }

        .password .box .list .show .contet_two .btn_set .button {
            width: 2.4rem;
        }

            .password .box .list .show .contet_two .btn_set .button:nth-child(1) {
                background: #999dab;
            }

                .password .box .list .show .contet_two .btn_set .button:nth-child(1):hover {
                    background: #1e89ff;
                }

    .password .box .list .show .contet_three {
        text-align: center;
        padding-top: 1.6rem;
        font-size: 0.18rem;
    }

        .password .box .list .show .contet_three a {
            display: block;
            margin: 0.4rem auto;
            width: 3.72rem;
            height: 0.5rem;
            line-height: 0.5rem;
            color: #fff;
            background: #1a75f0;
            border-radius: 0.25rem;
        }

            .password .box .list .show .contet_three a:hover {
                background: #1e89ff;
            }

        .password .box .list .show .contet_three p {
            font-weight: bold;
        }

            .password .box .list .show .contet_three p span {
                color: #1a75f0;
            }

.password .box .wuyong {
    margin-bottom: 1.2rem;
    justify-content: center;
    display: flex;
}

    .password .box .wuyong .same {
        display: flex;
        align-items: center;
    }

        .password .box .wuyong .same.l {
            position: relative;
            padding-right: 0.9rem;
        }

            .password .box .wuyong .same.l .d {
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
            }

        .password .box .wuyong .same.r {
            padding-left: 0.9rem;
        }

        .password .box .wuyong .same .text {
            padding-left: 0.18rem;
        }

            .password .box .wuyong .same .text h2 {
                font-size: 0.24rem;
                font-family: "cnBold";
            }

            .password .box .wuyong .same .text p {
                font-size: 0.18rem;
                font-family: "cnBold";
            }

@media screen and (min-width: 1920px) {
    .ban .swiper-slide {
        height: 10.88rem;
        max-height: 700px;
    }

        .ban .swiper-slide img {
            max-height: 700px;
        }

    .game .banner .img {
        width: 25.6rem;
        max-width: 1920px;
    }
}

/*# sourceMappingURL=main.css.map */