html * {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

input, select, textarea {
    font-size: 100%
}

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

fieldset, img {
    border: none
}

address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: 500
}

ol, ul {
    list-style: none
}

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

q:after, q:before {
    content: ''
}

a {
    text-decoration: none
}

button {
    border: none
}

button, html input[type='button'], input[type='reset'], input[type='submit'] {
    -webkit-appearance: button;
    text-transform: none;
    outline: none
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999
}

input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

textarea {
    vertical-align: top
}

button, input {
    line-height: normal
}

select {
    margin: 0;
    outline: 0
}

input.fixAKeyboard:focus, textarea.fixAndroidKeyboard:focus {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-modify: read-write-plaintext-only
}

button, input[type=button], input[type=checkbox], input[type=reset], input[type=submit], label {
    cursor: pointer;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

input[type=submit] {
    -moz-user-modify: read-plaintext-only;
    -ms-user-modify: read-plaintext-only;
    -o-user-modify: read-plaintext-only;
    -webkit-user-modify: read-plaintext-only
}

input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none
}

input[type='search'] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}

body {
    font-size: 0.24rem;
    line-height: 0.28rem;
    max-width: 7.5rem;
    min-width: 3.2rem;
    margin: 0 auto;
    background: url("../image/bodyBg.png") no-repeat;
    background-size: 100% auto;
    height: fit-content
}

a {
    display: block
}

.indexICon {
    display: inline-block;
    background: url("../image/indexIcon.png") no-repeat;
    background-size: 5.34rem 5.19rem
}

.hide {
    display: none
}

.indexBg {
    position: relative;
    background-color: white
}

.textOv1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.textOv2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.pageWrap {
    margin-top: 0.31rem;
    padding: 0 0.2rem
}

    .pageWrap .pageContont {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

        .pageWrap .pageContont a {
            padding: 0.13rem 0.2rem;
            font-size: 0.24rem;
            color: #949799;
            background-color: #F7F7F7;
            border-radius: 0.12rem
        }

        .pageWrap .pageContont .lineHT {
            padding: 0 0 0.1rem;
            background-color: white
        }

        .pageWrap .pageContont .leftIcon.indexICon {
            width: 0.1rem;
            height: 0.16rem;
            background-position: -1.14rem -3.77rem
        }

        .pageWrap .pageContont .rightIcon.indexICon {
            width: 0.1rem;
            height: 0.16rem;
            background-position: -1.44rem -3.77rem
        }

        .pageWrap .pageContont .current {
            color: white;
            background-color: #6f42c1
        }

header {
    width: 100%;
    padding-top: 0.27rem;
    background: #6f42c1;
}

    header .headerTop {
        padding: 0 0.2rem;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

        header .headerTop .indexICon {
            width: 0.52rem;
            height: 0.44rem;
            background-position: -1.14rem -3.13rem
        }

        header .headerTop .logo {
            max-width: 3.5rem;
            height: 0.72rem
        }

            header .headerTop .logo img {
                width: auto;
                height: 130%
            }

        header .headerTop .search {
            width: 0.45rem;
            height: 0.45rem
        }

            header .headerTop .search .indexICon {
                width: 0.45rem;
                height: 0.45rem;
                background-position: -3.95rem -4.58rem
            }

    header .navBox {
        padding: 0.27rem 0.2rem 0
    }

        header .navBox .nav {
            height: 1.08rem;
            display: flex;
            justify-content: space-between;
            padding: 0 0.47rem;
            align-items: center;
            border-radius: 0.54rem;
            border: 0.04rem solid rgba(255, 255, 255, 0.8);
            box-shadow: 0 0 0.12rem 0.02rem rgba(245, 84, 48, .16);
            background: rgba(255, 255, 255, 0.3)
        }

            header .navBox .nav li a {
                font-size: 0.3rem;
                color: #fff;
            }

            header .navBox .nav .current {
                position: relative;
                display: flex;
                justify-content: center
            }

                header .navBox .nav .current a {
                    font-weight: bold;
                    font-size: 0.36rem
                }

                header .navBox .nav .current::after {
                    content: "";
                    width: 0.81rem;
                    height: 0.15rem;
                    position: absolute;
                    bottom: -0.2rem;
                    background: url("../image/indexIcon.png") no-repeat;
                    background-size: 5.34rem 5.19rem;
                    background-position: -4.36rem -4.21rem
                }

.navigation {
    padding: 0.25rem 0.2rem 0.27rem;
    display: flex;
    align-items: center
}

    .navigation .indexICon {
        width: 0.24rem;
        height: 0.23rem;
        background-position: -1.28rem -4.13rem
    }

    .navigation .textList {
        flex: 1;
        display: flex;
        align-items: center;
        margin-left: 0.14rem;
        overflow: hidden
    }

        .navigation .textList li {
            font-size: 0.24rem;
            color: #6f42c1
        }

            .navigation .textList li a {
                font-size: 0.24rem;
                color: #6f42c1
            }

        .navigation .textList .interval {
            padding: 0 0.15rem
        }

        .navigation .textList .current {
            flex: 1;
            overflow: hidden
        }

            .navigation .textList .current a {
                width: 100%;
                color: #6f42c1
            }

.indexWrap .swiperBox {
    padding-bottom: 0.36rem;
    overflow: hidden
}

    .indexWrap .swiperBox .indexSwiper {
        width: 100%;
        padding-top: 0.54rem;
        position: relative
    }

        .indexWrap .swiperBox .indexSwiper .swiper-wrapper {
            width: 100%;
            display: flex;
            align-items: center
        }

            .indexWrap .swiperBox .indexSwiper .swiper-wrapper .swiper-slide {
                width: 6rem !important;
                height: 3.2rem;
                border-radius: 0.16rem
            }

                .indexWrap .swiperBox .indexSwiper .swiper-wrapper .swiper-slide img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    border-radius: 0.16rem
                }

            .indexWrap .swiperBox .indexSwiper .swiper-wrapper .swiper-slide-active {
                height: 3.37rem
            }

        .indexWrap .swiperBox .indexSwiper .swiper-pagination-bullets {
            bottom: -0.4rem
        }

        .indexWrap .swiperBox .indexSwiper .swiper-pagination-bullet {
            width: 0.16rem;
            height: 0.16rem;
            background-color: #E6E6E6;
            opacity: 1
        }

        .indexWrap .swiperBox .indexSwiper .swiper-pagination-bullet-active {
            width: 0.91rem;
            height: 0.16rem;
            background-color: #6f42c1;
            border-radius: 0.08rem
        }

.indexWrap .newsBox {
    margin-top: 0.4rem
}

    .indexWrap .newsBox .newsContont {
        position: relative;
        padding: 0 0.2rem 0 0.84rem
    }

        .indexWrap .newsBox .newsContont .newsText {
            padding: 0.25rem;
            font-weight: bold;
            font-size: 0.3rem;
            color: #404040;
            line-height: 0.4rem;
            border: 0.02rem solid #EEEEEE;
            border-radius: 0.16rem
        }

    .indexWrap .newsBox .timeBox {
        position: absolute;
        left: 0.2rem;
        top: 0
    }

        .indexWrap .newsBox .timeBox .time {
            width: 0.72rem;
            height: 0.9rem;
            text-align: center;
            background: linear-gradient(-45deg, #FF9966 0%, #FF5E62 100%);
            border-radius: 0.16rem
        }

            .indexWrap .newsBox .timeBox .time .month {
                padding-top: 0.16rem;
                font-size: 0.24rem;
                line-height: 0.24rem;
                color: white
            }

            .indexWrap .newsBox .timeBox .time .day {
                padding-top: 0.05rem;
                font-size: 0.36rem;
                line-height: 0.36rem;
                color: white
            }

        .indexWrap .newsBox .timeBox .indexICon {
            width: 0.28rem;
            height: 0.18rem;
            margin: 0.09rem 0 0 0.18rem;
            background-position: -1.72rem -4.13rem
        }

.indexWrap .mobileGame {
    width: 100%;
    margin-top: 0.34rem
}

    .indexWrap .mobileGame .titleBox {
        padding: 0 0.2rem
    }

        .indexWrap .mobileGame .titleBox .indexICon {
            height: 0.7rem;
            padding-left: 0.5rem;
            padding-right: 0.23rem;
            font-weight: bold;
            font-size: 0.36rem;
            line-height: 0.3rem;
            color: #404040;
            line-height: 0.7rem;
            background-position: -0.1rem -1.72rem
        }

    .indexWrap .mobileGame .gameList {
        display: grid;
        align-items: center;
        justify-content: space-between;
        padding: 0 0.4rem;
        grid-template-columns: repeat(4, auto)
    }

        .indexWrap .mobileGame .gameList li {
            margin-top: 0.2rem
        }

            .indexWrap .mobileGame .gameList li a .imgBox {
                width: 1.2rem;
                height: 1.2rem;
                border-radius: 0.26rem
            }

                .indexWrap .mobileGame .gameList li a .imgBox img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    border-radius: 0.26rem
                }

            .indexWrap .mobileGame .gameList li a .text {
                width: 1.2rem;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                padding-top: 0.15rem;
                text-align: center;
                font-size: 0.3rem;
                color: #333333;
                line-height: 0.3rem
            }

            .indexWrap .mobileGame .gameList li a .button {
                width: 1.2rem;
                height: 0.54rem;
                margin-top: 0.19rem;
                font-size: 0.24rem;
                color: #6f42c1;
                text-align: center;
                line-height: 0.54rem;
                background-color: #6f42c12b;
                border-radius: 0.27rem
            }

            .indexWrap .mobileGame .gameList li:nth-child(n+5) {
                margin-top: 0.28rem
            }

.indexWrap .editorsChoice {
    width: 100%;
    margin-top: 0.32rem
}

    .indexWrap .editorsChoice .titleBox {
        padding: 0 0.2rem
    }

        .indexWrap .editorsChoice .titleBox .indexICon {
            height: 0.7rem;
            padding-left: 0.5rem;
            padding-right: 0.23rem;
            font-weight: bold;
            font-size: 0.36rem;
            line-height: 0.3rem;
            color: #404040;
            line-height: 0.7rem;
            background-position: -0.1rem -1.72rem
        }

    .indexWrap .editorsChoice .editList {
        padding: 0 0.2rem;
        margin-top: -.08rem
    }

        .indexWrap .editorsChoice .editList li {
            padding: 0.24rem 0;
            border-bottom: 0.01rem solid #F0F0F0
        }

            .indexWrap .editorsChoice .editList li a {
                display: flex;
                align-items: center;
                justify-content: space-between
            }

                .indexWrap .editorsChoice .editList li a .aL {
                    display: flex
                }

                    .indexWrap .editorsChoice .editList li a .aL .imgBox {
                        width: 1.2rem;
                        height: 1.2rem;
                        border-radius: 0.28rem
                    }

                        .indexWrap .editorsChoice .editList li a .aL .imgBox img {
                            width: 100%;
                            height: 100%;
                            border-radius: 0.28rem
                        }

                    .indexWrap .editorsChoice .editList li a .aL .textBox {
                        padding-left: 0.26rem;
                        width: 4.1rem
                    }

                        .indexWrap .editorsChoice .editList li a .aL .textBox .name {
                            margin-top: 0.09rem;
                            font-size: 0.3rem;
                            color: #404040;
                            line-height: 0.3rem;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis
                        }

                        .indexWrap .editorsChoice .editList li a .aL .textBox .review {
                            margin-top: 0.08rem;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis
                        }

                            .indexWrap .editorsChoice .editList li a .aL .textBox .review span {
                                font-size: 0.24rem;
                                color: #999999;
                                line-height: 0.18rem
                            }

                                .indexWrap .editorsChoice .editList li a .aL .textBox .review span:nth-child(2) {
                                    padding-left: 0.44rem
                                }

                .indexWrap .editorsChoice .editList li a .button {
                    width: 1.2rem;
                    height: 0.54rem;
                    margin-top: 0.19rem;
                    font-size: 0.24rem;
                    color: #6f42c1;
                    text-align: center;
                    line-height: 0.54rem;
                    background-color: #6f42c12b;
                    border-radius: 0.27rem
                }

            .indexWrap .editorsChoice .editList li:last-child {
                border: none
            }

.indexWrap .dayGame {
    width: 100%;
    margin-top: 0.27rem;
    padding: 0 0.2rem
}

    .indexWrap .dayGame .dayGameContont {
        width: 7.1rem;
        height: 2.4rem;
        background: url("../image/dayGameBg.png") no-repeat;
        background-size: 100% 100%
    }

        .indexWrap .dayGame .dayGameContont .indexICon {
            height: 0.7rem;
            padding-left: 0.7rem;
            padding-right: 0.23rem;
            font-weight: bold;
            font-size: 0.36rem;
            line-height: 0.3rem;
            color: #fff;
            line-height: 0.7rem;
            background-position: -0.1rem -0.1rem
        }

        .indexWrap .dayGame .dayGameContont .daySwiper {
            width: 100%;
            overflow: hidden;
            padding: 0.24rem 0 0 0.2rem
        }

            .indexWrap .dayGame .dayGameContont .daySwiper .swiper-wrapper .swiper-slide {
                display: flex
            }

                .indexWrap .dayGame .dayGameContont .daySwiper .swiper-wrapper .swiper-slide .imgBox {
                    width: 1.2rem;
                    height: 1.2rem;
                    border-radius: 0.28rem
                }

                    .indexWrap .dayGame .dayGameContont .daySwiper .swiper-wrapper .swiper-slide .imgBox img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        border-radius: 0.28rem
                    }

                .indexWrap .dayGame .dayGameContont .daySwiper .swiper-wrapper .swiper-slide .textBox {
                    padding-left: 0.2rem;
                    width: 1.8rem
                }

                    .indexWrap .dayGame .dayGameContont .daySwiper .swiper-wrapper .swiper-slide .textBox .name {
                        margin-top: 0.05rem;
                        font-size: 0.3rem;
                        color: #333333;
                        line-height: 0.3rem;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis
                    }

                    .indexWrap .dayGame .dayGameContont .daySwiper .swiper-wrapper .swiper-slide .textBox .review {
                        margin-top: 0.15rem;
                        font-size: 0.24rem;
                        color: #999999;
                        line-height: 0.24rem;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis
                    }

.indexWrap .special {
    width: 100%;
    margin-top: 0.54rem
}

    .indexWrap .special .titleBox {
        padding: 0 0.2rem;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

        .indexWrap .special .titleBox .indexICon {
            height: 0.35rem;
            padding-left: 0.45rem;
            font-weight: bold;
            font-size: 0.36rem;
            color: #404040;
            line-height: 0.2rem;
            background-position: -0.1rem -2.58rem
        }

        .indexWrap .special .titleBox a {
            padding-right: 0.3rem;
            font-size: 0.24rem;
            line-height: 0.24rem;
            color: #999999;
            position: relative
        }

            .indexWrap .special .titleBox a::after {
                content: "";
                width: 0.21rem;
                height: 0.22rem;
                position: absolute;
                right: 0;
                top: 0.01rem;
                background: url("../image/indexIcon.png") no-repeat;
                background-size: 5.34rem 5.19rem;
                background-position: -3.1rem -4.69rem
            }

    .indexWrap .special .specialList {
        padding: 0 0.2rem;
        display: grid;
        align-items: center;
        justify-content: space-between;
        grid-template-columns: repeat(2, 3.38rem)
    }

        .indexWrap .special .specialList li {
            margin-top: 0.23rem
        }

            .indexWrap .special .specialList li a .imgBox {
                width: 100%;
                height: 1.93rem;
                border-radius: 0.16rem
            }

                .indexWrap .special .specialList li a .imgBox img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    border-radius: 0.16rem
                }

            .indexWrap .special .specialList li a .text {
                margin-top: 0.2rem;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-size: 0.3rem;
                color: #404040;
                line-height: 0.32rem
            }

            .indexWrap .special .specialList li a .time {
                margin-top: 0.13rem;
                font-size: 0.24rem;
                color: #999999;
                line-height: 0.24rem
            }

            .indexWrap .special .specialList li:nth-child(n+3) {
                margin-top: 0.26rem
            }

    .indexWrap .special .topicList {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding-right: 0.2rem
    }

        .indexWrap .special .topicList li {
            margin-top: 0.27rem;
            margin-left: 0.2rem;
            padding: 0 0.21rem 0 0.19rem;
            border-radius: 0.04rem;
            background-color: #F0FFF0;
            height: 0.6rem
        }

            .indexWrap .special .topicList li a {
                font-size: 0.24rem;
                color: #99CC99;
                line-height: 0.6rem;
                display: block
            }

            .indexWrap .special .topicList li:nth-child(n+3) {
                margin-top: 0.24rem
            }

            .indexWrap .special .topicList li:nth-child(2) {
                background-color: #F0F8FF
            }

                .indexWrap .special .topicList li:nth-child(2) a {
                    color: #53B1F7
                }

            .indexWrap .special .topicList li:nth-child(3) {
                background-color: #F0FFFF
            }

                .indexWrap .special .topicList li:nth-child(3) a {
                    color: #85CCCC
                }

            .indexWrap .special .topicList li:nth-child(4) {
                background-color: #F5FFF0
            }

                .indexWrap .special .topicList li:nth-child(4) a {
                    color: #66CC33
                }

            .indexWrap .special .topicList li:nth-child(5) {
                background-color: #FFFAF0
            }

                .indexWrap .special .topicList li:nth-child(5) a {
                    color: #FFCC66
                }

            .indexWrap .special .topicList li:nth-child(6) {
                background-color: #FFF0F7
            }

                .indexWrap .special .topicList li:nth-child(6) a {
                    color: #FF99CC
                }

            .indexWrap .special .topicList li:nth-child(7) {
                background-color: #F0FFFC
            }

                .indexWrap .special .topicList li:nth-child(7) a {
                    color: #47C1A8
                }

            .indexWrap .special .topicList li:nth-child(8) {
                background-color: #FFFAF0
            }

                .indexWrap .special .topicList li:nth-child(8) a {
                    color: #FAA701
                }

            .indexWrap .special .topicList li:nth-child(9) {
                background-color: #F8F0FF
            }

                .indexWrap .special .topicList li:nth-child(9) a {
                    color: #B27CDA
                }

            .indexWrap .special .topicList li:nth-child(10) {
                background-color: #FFF0F2
            }

                .indexWrap .special .topicList li:nth-child(10) a {
                    color: #F26D7E
                }

.indexWrap .application {
    width: 100%;
    margin-top: 0.49rem
}

    .indexWrap .application .titleBox {
        padding: 0 0.2rem
    }

        .indexWrap .application .titleBox .indexICon {
            height: 0.47rem;
            padding-left: 0.45rem;
            font-weight: bold;
            font-size: 0.36rem;
            color: #404040;
            line-height: 0.36rem;
            background-position: -2.7rem -0.1rem
        }

    .indexWrap .application .applicationList {
        padding: 0 0.52rem 0 0.4rem;
        display: grid;
        align-items: center;
        justify-content: space-between;
        grid-template-columns: repeat(4, 1.2rem)
    }

        .indexWrap .application .applicationList li {
            margin-top: 0.2rem
        }

            .indexWrap .application .applicationList li a .imgBox {
                width: 1.2rem;
                height: 1.2rem;
                border-radius: 0.26rem
            }

                .indexWrap .application .applicationList li a .imgBox img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    border-radius: 0.26rem
                }

            .indexWrap .application .applicationList li a .text {
                width: 1.2rem;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                padding-top: 0.15rem;
                text-align: center;
                font-size: 0.3rem;
                color: #333333;
                line-height: 0.3rem
            }

            .indexWrap .application .applicationList li a .button {
                width: 1.2rem;
                height: 0.54rem;
                margin-top: 0.19rem;
                font-size: 0.24rem;
                color: #6f42c1;
                text-align: center;
                line-height: 0.54rem;
                background-color: #6f42c12b;
                border-radius: 0.27rem
            }

            .indexWrap .application .applicationList li:nth-child(n+5) {
                margin-top: 0.28rem
            }

.indexWrap .editapplication {
    width: 100%;
    margin-top: 0.48rem
}

    .indexWrap .editapplication .titleBox {
        padding: 0 0.2rem
    }

        .indexWrap .editapplication .titleBox .indexICon {
            height: 0.47rem;
            padding-left: 0.45rem;
            font-weight: bold;
            font-size: 0.36rem;
            color: #404040;
            line-height: 0.36rem;
            background-position: -2.7rem -0.1rem
        }

    .indexWrap .editapplication .editList {
        padding: 0 0.2rem
    }

        .indexWrap .editapplication .editList li {
            padding: 0.24rem 0;
            border-bottom: 0.01rem solid #F0F0F0
        }

            .indexWrap .editapplication .editList li a {
                display: flex;
                align-items: center;
                justify-content: space-between
            }

                .indexWrap .editapplication .editList li a .aL {
                    display: flex
                }

                    .indexWrap .editapplication .editList li a .aL .imgBox {
                        width: 1.2rem;
                        height: 1.2rem;
                        border-radius: 0.28rem
                    }

                        .indexWrap .editapplication .editList li a .aL .imgBox img {
                            width: 100%;
                            height: 100%;
                            border-radius: 0.28rem
                        }

                    .indexWrap .editapplication .editList li a .aL .textBox {
                        padding-left: 0.26rem;
                        width: 4.2rem
                    }

                        .indexWrap .editapplication .editList li a .aL .textBox .name {
                            margin-top: 0.09rem;
                            font-size: 0.3rem;
                            color: #404040;
                            line-height: 0.3rem;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis
                        }

                        .indexWrap .editapplication .editList li a .aL .textBox .review {
                            margin-top: 0.08rem;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis
                        }

                            .indexWrap .editapplication .editList li a .aL .textBox .review span {
                                font-size: 0.24rem;
                                color: #999999;
                                line-height: 0.18rem
                            }

                                .indexWrap .editapplication .editList li a .aL .textBox .review span:nth-child(2) {
                                    padding-left: 0.44rem
                                }

                .indexWrap .editapplication .editList li a .button {
                    width: 1.2rem;
                    height: 0.54rem;
                    margin-top: 0.19rem;
                    font-size: 0.24rem;
                    color: #6f42c1;
                    text-align: center;
                    line-height: 0.54rem;
                    background-color: #6f42c12b;
                    border-radius: 0.27rem
                }

            .indexWrap .editapplication .editList li:last-child {
                border: none
            }

.indexWrap .dayGameTwo {
    width: 100%;
    margin-top: 0.5rem;
    padding: 0 0.2rem
}

    .indexWrap .dayGameTwo .dayGameContont {
        width: 7.1rem;
        height: 2.4rem;
        background: url("../image/dayGameBg.png") no-repeat;
        background-size: 100% 100%
    }

        .indexWrap .dayGameTwo .dayGameContont .indexICon {
            height: 0.7rem;
            padding-left: 0.7rem;
            padding-right: 0.23rem;
            font-weight: bold;
            font-size: 0.36rem;
            line-height: 0.3rem;
            color: #fff;
            line-height: 0.7rem;
            background-position: -0.1rem -1rem
        }

        .indexWrap .dayGameTwo .dayGameContont .daySwiper {
            width: 100%;
            overflow: hidden;
            padding: 0.24rem 0 0 0.2rem
        }

            .indexWrap .dayGameTwo .dayGameContont .daySwiper .swiper-wrapper .swiper-slide {
                display: flex
            }

                .indexWrap .dayGameTwo .dayGameContont .daySwiper .swiper-wrapper .swiper-slide .imgBox {
                    width: 1.2rem;
                    height: 1.2rem;
                    border-radius: 0.28rem
                }

                    .indexWrap .dayGameTwo .dayGameContont .daySwiper .swiper-wrapper .swiper-slide .imgBox img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        border-radius: 0.28rem
                    }

                .indexWrap .dayGameTwo .dayGameContont .daySwiper .swiper-wrapper .swiper-slide .textBox {
                    padding-left: 0.2rem;
                    width: 1.8rem
                }

                    .indexWrap .dayGameTwo .dayGameContont .daySwiper .swiper-wrapper .swiper-slide .textBox .name {
                        margin-top: 0.05rem;
                        font-size: 0.3rem;
                        color: #333333;
                        line-height: 0.3rem;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis
                    }

                    .indexWrap .dayGameTwo .dayGameContont .daySwiper .swiper-wrapper .swiper-slide .textBox .review {
                        margin-top: 0.15rem;
                        font-size: 0.24rem;
                        color: #999999;
                        line-height: 0.24rem;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis
                    }

.indexWrap .realTimeInfo {
    width: 100%;
    margin-top: 0.48rem
}

    .indexWrap .realTimeInfo .titleBox {
        padding: 0 0.2rem
    }

        .indexWrap .realTimeInfo .titleBox .indexICon {
            height: 0.47rem;
            padding-left: 0.44rem;
            font-weight: bold;
            font-size: 0.36rem;
            color: #404040;
            line-height: 0.44rem;
            background-position: -2.7rem -0.77rem
        }

    .indexWrap .realTimeInfo .realTimeSwiper {
        width: 100%;
        overflow: hidden;
        margin-top: 0.22rem
    }

        .indexWrap .realTimeInfo .realTimeSwiper .swiper-wrapper .swiper-slide .title {
            text-align: left;
            font-weight: bold;
            font-size: 0.3rem;
            color: #404040;
            line-height: 0.39rem;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .indexWrap .realTimeInfo .realTimeSwiper .swiper-wrapper .swiper-slide .textList {
            padding: 0 0 0 0.2rem;
            margin-top: -.06rem
        }

            .indexWrap .realTimeInfo .realTimeSwiper .swiper-wrapper .swiper-slide .textList li {
                margin-top: 0.3rem
            }

                .indexWrap .realTimeInfo .realTimeSwiper .swiper-wrapper .swiper-slide .textList li a {
                    display: flex;
                    align-items: center
                }

                    .indexWrap .realTimeInfo .realTimeSwiper .swiper-wrapper .swiper-slide .textList li a .circle {
                        width: 0.06rem;
                        height: 0.06rem;
                        border-radius: 50%;
                        background-color: #FF6947
                    }

                    .indexWrap .realTimeInfo .realTimeSwiper .swiper-wrapper .swiper-slide .textList li a p {
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        padding-left: 0.12rem;
                        font-size: 0.3rem;
                        color: #404040;
                        line-height: 0.3rem
                    }

    .indexWrap .realTimeInfo .textImg {
        margin-top: 0.4rem;
        padding: 0 0.2rem;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

        .indexWrap .realTimeInfo .textImg a {
            width: 3.4rem
        }

            .indexWrap .realTimeInfo .textImg a .imgBox {
                width: 100%;
                height: 2.32rem;
                border-radius: 0.16rem
            }

                .indexWrap .realTimeInfo .textImg a .imgBox img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    border-radius: 0.16rem
                }

            .indexWrap .realTimeInfo .textImg a p {
                margin-top: 0.12rem;
                font-size: 0.3rem;
                color: #404040;
                line-height: 0.4rem
            }

.indexWrap .rankings {
    margin-top: 0.45rem;
    padding: 0 0.2rem
}

    .indexWrap .rankings .rankingimg {
        width: 100%;
        height: 3.27rem;
        position: relative
    }

        .indexWrap .rankings .rankingimg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 0.16rem
        }

        .indexWrap .rankings .rankingimg .mask {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            background-color: rgba(0, 0, 0, 0.384);
            border-radius: 0.16rem
        }

            .indexWrap .rankings .rankingimg .mask .titleBox {
                width: 100%;
                margin-top: 0.52rem;
                display: flex;
                align-items: center;
                justify-content: center
            }

                .indexWrap .rankings .rankingimg .mask .titleBox .indexICon {
                    width: 0.58rem;
                    height: 0.98rem;
                    background-position: -4.66rem -0.1rem
                }

                    .indexWrap .rankings .rankingimg .mask .titleBox .indexICon:nth-child(3) {
                        width: 0.58rem;
                        height: 0.98rem;
                        background-position: -4.66rem -1.28rem
                    }

                .indexWrap .rankings .rankingimg .mask .titleBox .textOne {
                    text-align: center;
                    font-weight: bold;
                    font-size: 0.48rem;
                    color: #FFFFFF;
                    line-height: 0.48rem
                }

                .indexWrap .rankings .rankingimg .mask .titleBox .textTwo {
                    padding-top: 0.1rem;
                    text-align: center;
                    font-size: 0.24rem;
                    color: #FFFFFF;
                    line-height: 0.3rem
                }

            .indexWrap .rankings .rankingimg .mask .imgList {
                margin-top: 0.56rem;
                display: flex
            }

                .indexWrap .rankings .rankingimg .mask .imgList li {
                    margin-top: 0.4rem;
                    margin-left: 0.53rem
                }

                    .indexWrap .rankings .rankingimg .mask .imgList li a {
                        display: flex;
                        flex-direction: column;
                        align-items: center
                    }

                        .indexWrap .rankings .rankingimg .mask .imgList li a .imgBox {
                            width: 1.6rem;
                            height: 1.6rem;
                            border-radius: 0.36rem;
                            border: 0.02rem solid #FFFFFF;
                            position: relative
                        }

                            .indexWrap .rankings .rankingimg .mask .imgList li a .imgBox img {
                                width: 100%;
                                height: 100%;
                                object-fit: cover;
                                border-radius: 0.36rem
                            }

                            .indexWrap .rankings .rankingimg .mask .imgList li a .imgBox .indexICon {
                                width: 0.51rem;
                                height: 0.53rem;
                                position: absolute;
                                top: -0.25rem;
                                right: -0.25rem;
                                background-position: -4.66rem -3.19rem
                            }

                        .indexWrap .rankings .rankingimg .mask .imgList li a .name {
                            margin-top: 0.06rem;
                            font-size: 0.3rem;
                            color: #404040;
                            line-height: 0.32rem
                        }

                        .indexWrap .rankings .rankingimg .mask .imgList li a .button {
                            width: 1.2rem;
                            height: 0.54rem;
                            margin-top: 0.23rem;
                            font-size: 0.24rem;
                            color: #6f42c1;
                            text-align: center;
                            line-height: 0.54rem;
                            background-color: #6f42c12b;
                            border-radius: 0.27rem
                        }

                    .indexWrap .rankings .rankingimg .mask .imgList li:nth-child(2) {
                        margin-top: 0
                    }

                        .indexWrap .rankings .rankingimg .mask .imgList li:nth-child(2) a .indexICon {
                            width: 0.64rem;
                            height: 0.65rem;
                            top: -0.35rem;
                            right: -0.35rem;
                            background-position: -3.78rem -1.44rem
                        }

                    .indexWrap .rankings .rankingimg .mask .imgList li:nth-child(3) a .indexICon {
                        width: 0.51rem;
                        height: 0.53rem;
                        top: -0.25rem;
                        right: -0.25rem;
                        background-position: -4.66rem -2.46rem
                    }

    .indexWrap .rankings .topList {
        width: 100%;
        margin-top: 2.39rem
    }

        .indexWrap .rankings .topList li {
            margin-top: 0.26rem
        }

            .indexWrap .rankings .topList li a {
                display: flex;
                align-items: center;
                justify-content: space-between
            }

                .indexWrap .rankings .topList li a .textImg {
                    display: flex;
                    align-items: center
                }

                    .indexWrap .rankings .topList li a .textImg .num {
                        width: 0.41rem;
                        text-align: center;
                        font-size: 0.36rem;
                        color: #999999;
                        line-height: 0.36rem;
                        font-weight: bold;
                        font-style: italic
                    }

                    .indexWrap .rankings .topList li a .textImg .imgBox {
                        width: 1.2rem;
                        height: 1.2rem;
                        border-radius: 0.28rem;
                        margin-left: 0.29rem
                    }

                        .indexWrap .rankings .topList li a .textImg .imgBox img {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                            border-radius: 0.28rem
                        }

                    .indexWrap .rankings .topList li a .textImg .textBox {
                        padding-left: 0.26rem;
                        width: 3.9rem
                    }

                        .indexWrap .rankings .topList li a .textImg .textBox .name {
                            font-size: 0.3rem;
                            color: #404040;
                            line-height: 0.3rem;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis
                        }

                        .indexWrap .rankings .topList li a .textImg .textBox .time {
                            margin-top: 0.12rem;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis
                        }

                            .indexWrap .rankings .topList li a .textImg .textBox .time span {
                                font-size: 0.24rem;
                                color: #999999
                            }

                                .indexWrap .rankings .topList li a .textImg .textBox .time span:nth-child(2) {
                                    padding-left: 0.44rem
                                }

                .indexWrap .rankings .topList li a .button {
                    width: 1.2rem;
                    height: 0.54rem;
                    margin-top: 0.23rem;
                    font-size: 0.24rem;
                    color: #6f42c1;
                    text-align: center;
                    line-height: 0.54rem;
                    background-color: #6f42c12b;
                    border-radius: 0.27rem
                }

            .indexWrap .rankings .topList li:nth-child(1) {
                margin-top: 0
            }

.ztWrap .ztWrapTop {
    padding: 0 0.2rem;
    display: flex;
    justify-content: space-between
}

    .ztWrap .ztWrapTop .imgBox {
        width: 3.6rem;
        height: 3.6rem;
        border-radius: 0.16rem;
        position: relative
    }

        .ztWrap .ztWrapTop .imgBox img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 0.16rem
        }

        .ztWrap .ztWrapTop .imgBox .text {
            width: 100%;
            position: absolute;
            bottom: 0;
            padding: 0.19rem 0;
            text-align: center;
            font-size: 0.28rem;
            color: #FFFFFF;
            line-height: 0.28rem;
            border-radius: 0 0 0.16rem 0.16rem;
            background-color: #00000077;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

    .ztWrap .ztWrapTop .imgList a {
        width: 3.31rem;
        height: 1.7rem;
        position: relative;
        border-radius: 0.16rem
    }

        .ztWrap .ztWrapTop .imgList a img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 0.16rem
        }

        .ztWrap .ztWrapTop .imgList a .text {
            width: 100%;
            text-align: center;
            position: absolute;
            bottom: 0;
            padding: 0.12rem 0;
            font-size: 0.24rem;
            color: #FFFFFF;
            line-height: 0.24rem;
            border-radius: 0 0 0.16rem 0.16rem;
            background-color: #00000077;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

        .ztWrap .ztWrapTop .imgList a:nth-child(2) {
            margin-top: 0.2rem
        }

.ztWrap .ztContont {
    margin-top: 0.48rem
}

    .ztWrap .ztContont .titleBox {
        padding: 0 0.2rem;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }

        .ztWrap .ztContont .titleBox .cloum {
            width: 0.04rem;
            height: 0.32rem;
            background: linear-gradient(0deg, #6f42c1 0%, #FC5B3F 100%)
        }

        .ztWrap .ztContont .titleBox h2 {
            padding-left: 0.13rem;
            font-weight: bold;
            font-size: 0.32rem;
            line-height: 0.32rem;
            color: #404040
        }

    .ztWrap .ztContont .ztList {
        padding: 0 0.2rem
    }

        .ztWrap .ztContont .ztList li {
            margin-top: 0.31rem
        }

            .ztWrap .ztContont .ztList li .titleBox {
                padding: 0.25rem 0.2rem 0.26rem 0.23rem;
                display: flex;
                align-items: center;
                justify-content: space-between;
                background-color: #F7F7F7;
                border-radius: 0.16rem 0.16rem 0 0
            }

                .ztWrap .ztContont .ztList li .titleBox a {
                    font-weight: bold;
                    font-size: 0.3rem;
                    color: #404040;
                    line-height: 0.3rem
                }

                .ztWrap .ztContont .ztList li .titleBox .time {
                    font-size: 0.24rem;
                    color: #999999;
                    line-height: 0.3rem
                }

            .ztWrap .ztContont .ztList li .imgList {
                padding: 0.3rem 0.34rem 0.29rem 0.32rem;
                border-left: 1px solid #F7F7F7;
                border-right: 1px solid #F7F7F7;
                border-bottom: 1px solid #F7F7F7;
                display: grid;
                align-items: center;
                justify-content: space-between;
                grid-template-columns: repeat(4, 1.2rem);
                border-radius: 0 0 0.16rem 0.16rem
            }

                .ztWrap .ztContont .ztList li .imgList a img {
                    width: 100%;
                    height: 1.2rem;
                    object-fit: cover;
                    border-radius: 0.26rem
                }

                .ztWrap .ztContont .ztList li .imgList a .name {
                    text-align: center;
                    margin-top: 0.08rem;
                    font-size: 0.3rem;
                    color: #333333;
                    line-height: 0.32rem
                }

            .ztWrap .ztContont .ztList li:nth-child(1) {
                margin-top: 0.24rem
            }

.ztDetailWrap .ztDetailTop {
    padding: 0 0.2rem
}

    .ztDetailWrap .ztDetailTop .imgBox {
        width: 100%;
        height: 2.8rem;
        border-radius: 0.05rem
    }

        .ztDetailWrap .ztDetailTop .imgBox img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 0.05rem
        }

.ztDetailWrap .txt {
    padding: 0 0.2rem
}

    .ztDetailWrap .txt h1 {
        margin-top: 0.34rem;
        font-weight: bold;
        font-size: 0.36rem;
        color: #404040;
        line-height: 0.36rem
    }

    .ztDetailWrap .txt .textBox {
        margin-top: 0.2rem;
        font-size: 0.3rem;
        color: #999999;
        line-height: 0.48rem
    }

    .ztDetailWrap .txt .time {
        margin-top: 0.2rem;
        text-align: right;
        font-size: 0.24rem;
        color: #999999;
        line-height: 0.28rem
    }

        .ztDetailWrap .txt .time span {
            margin-right: 0.3rem;
            position: relative
        }

            .ztDetailWrap .txt .time span i {
                margin: 0 0.1rem;
                color: #6f42c1
            }

.ztDetailWrap .edit {
    margin-top: 0.48rem;
    padding: 0 0.2rem
}

    .ztDetailWrap .edit .editBox {
        height: 3.04rem;
        padding: 0.09rem 0.09rem 0;
        background: url("../image/editBg.png") no-repeat;
        background-size: 100% 100%
    }

        .ztDetailWrap .edit .editBox ul {
            padding: 0.26rem 0.36rem;
            display: grid;
            align-items: center;
            justify-content: space-between;
            grid-template-columns: repeat(4, 1.37rem);
            background-color: white;
            border-radius: 0.16rem
        }

            .ztDetailWrap .edit .editBox ul li {
                width: 100%
            }

                .ztDetailWrap .edit .editBox ul li a {
                    display: flex;
                    flex-direction: column;
                    align-items: center
                }

                    .ztDetailWrap .edit .editBox ul li a .imgBox {
                        width: 1.2rem;
                        height: 1.2rem;
                        border-radius: 0.24rem
                    }

                        .ztDetailWrap .edit .editBox ul li a .imgBox img {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                            border-radius: 0.24rem
                        }

                    .ztDetailWrap .edit .editBox ul li a .name {
                        width: 100%;
                        text-align: center;
                        margin-top: 0.19rem;
                        font-size: 0.28rem;
                        color: #404040;
                        line-height: 0.28rem
                    }

        .ztDetailWrap .edit .editBox .titleBox {
            margin-top: 0.23rem;
            display: flex;
            align-items: center;
            justify-content: center
        }

            .ztDetailWrap .edit .editBox .titleBox .icon {
                width: 0.36rem;
                height: 0.36rem;
                background: url("../image/bsIcon.png") no-repeat;
                background-size: 100% 100%
            }

            .ztDetailWrap .edit .editBox .titleBox .editText {
                padding: 0 0.19rem;
                font-weight: bold;
                font-size: 0.36rem;
                color: #FFFFFF;
                line-height: 0.36rem
            }

.ztDetailWrap .listBox {
    padding: 0 0.2rem
}

    .ztDetailWrap .listBox .cloumLists {
        margin-top: 0.06rem
    }

        .ztDetailWrap .listBox .cloumLists li {
            width: 100%;
            padding: 0.24rem 0;
            position: relative;
            border-bottom: 0.01rem solid #F0F0F0
        }

            .ztDetailWrap .listBox .cloumLists li .imgList {
                width: 100%;
                display: flex
            }

                .ztDetailWrap .listBox .cloumLists li .imgList .imgBox {
                    width: 1.2rem;
                    height: 1.2rem;
                    border-radius: 0.28rem
                }

                    .ztDetailWrap .listBox .cloumLists li .imgList .imgBox img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        border-radius: 0.28rem
                    }

                .ztDetailWrap .listBox .cloumLists li .imgList .textBox {
                    padding-left: 0.26rem;
                    width: 4.1rem
                }

                    .ztDetailWrap .listBox .cloumLists li .imgList .textBox .name {
                        margin-top: 0.07rem;
                        font-size: 0.3rem;
                        color: #404040;
                        line-height: 0.3rem;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis
                    }

                    .ztDetailWrap .listBox .cloumLists li .imgList .textBox .time {
                        margin-top: 0.1rem;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis
                    }

                        .ztDetailWrap .listBox .cloumLists li .imgList .textBox .time span {
                            font-size: 0.24rem;
                            color: #999999;
                            line-height: 0.32rem
                        }

                            .ztDetailWrap .listBox .cloumLists li .imgList .textBox .time span:nth-child(2) {
                                padding-left: 0.44rem
                            }

            .ztDetailWrap .listBox .cloumLists li .buttonBox {
                position: absolute;
                right: 0;
                top: 0.57rem
            }

                .ztDetailWrap .listBox .cloumLists li .buttonBox .button {
                    width: 1.2rem;
                    height: 0.54rem;
                    text-align: center;
                    color: #6f42c1;
                    line-height: 0.54rem;
                    background-color: #6f42c12b;
                    border-radius: 0.27rem
                }

            .ztDetailWrap .listBox .cloumLists li:last-child {
                border: 0
            }

.gameWrap .classification {
    padding: 0 0.2rem
}

    .gameWrap .classification .imgBox {
        width: 100%;
        height: 1.4rem;
        border-radius: 0.16rem;
        position: relative
    }

        .gameWrap .classification .imgBox img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 0.16rem
        }

        .gameWrap .classification .imgBox .mask {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            background: url("../image/apptypebg.png") no-repeat;
            background-size: 100% 100%;
            border-radius: 0.16rem;
            display: flex;
            justify-content: center;
            align-items: center
        }

        .gameWrap .classification .imgBox.gameTypeBox .mask {
            background: url("../image/gametypebg.png") no-repeat;
            background-size: 100% 100%
        }

        .gameWrap .classification .imgBox .mask .circular {
            width: 0.1rem;
            height: 0.1rem;
            background-color: white;
            border-radius: 50%;
            margin: 0 0.4rem
        }

        .gameWrap .classification .imgBox .mask .text {
            font-size: 0.48rem;
            color: #FFFFFF
        }

    .gameWrap .classification .classList {
        width: 100%;
        margin-top: 0.06rem;
        display: grid;
        align-items: center;
        justify-content: space-between;
        grid-template-columns: repeat(3, 2.2rem)
    }

        .gameWrap .classification .classList li {
            margin-top: 0.3rem
        }

            .gameWrap .classification .classList li a {
                width: 100%;
                height: 0.64rem;
                text-align: center;
                line-height: 0.64rem;
                background-color: #F7F7F7;
                border-radius: 0.32rem;
                font-size: 0.3rem;
                color: #666666
            }

        .gameWrap .classification .classList .current a {
            color: white;
            background: linear-gradient(90deg, #6f42c1 0%, #6f42c1 100%);
            box-shadow: 0 0 0.1rem 0.02rem #FED7BE
        }

.gameWrap .tabBox {
    margin-top: 0.4rem;
    padding: 0 0.2rem
}

    .gameWrap .tabBox .tabContont {
        width: 100%;
        height: 1.17rem;
        position: relative;
        display: flex;
        align-items: center
    }

        .gameWrap .tabBox .tabContont::after {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: url("../image/tabBg.png") no-repeat;
            background-size: 100% 100%;
            z-index: -1
        }

        .gameWrap .tabBox .tabContont li {
            width: 50%;
            font-size: 0.3rem;
            color: #666666;
            text-align: center;
            line-height: 0.56rem;
            margin-top: 0.16rem
        }

            .gameWrap .tabBox .tabContont li.active {
                font-size: 0.36rem;
                color: #404040;
                font-weight: bold;
                line-height: 0.56rem;
                margin-top: 0.07rem
            }

    .gameWrap .tabBox .tabContontActive {
        width: 100%;
        height: 1.17rem;
        position: relative;
        display: flex;
        align-items: center
    }

        .gameWrap .tabBox .tabContontActive::after {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: url("../image/tabBg.png") no-repeat;
            background-size: 100% 100%;
            z-index: -1;
            transform: rotateY(180deg)
        }

.gameWrap .editList {
    padding: 0 0.2rem;
    margin-top: 0.07rem
}

    .gameWrap .editList li {
        padding: 0.24rem 0;
        border-bottom: 0.01rem solid #F0F0F0
    }

        .gameWrap .editList li a {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

            .gameWrap .editList li a .aL {
                display: flex
            }

                .gameWrap .editList li a .aL .imgBox {
                    width: 1.2rem;
                    height: 1.2rem;
                    border-radius: 0.28rem
                }

                    .gameWrap .editList li a .aL .imgBox img {
                        width: 100%;
                        height: 100%;
                        border-radius: 0.28rem
                    }

                .gameWrap .editList li a .aL .textBox {
                    padding-left: 0.26rem;
                    width: 4rem
                }

                    .gameWrap .editList li a .aL .textBox .name {
                        margin-top: 0.08rem;
                        font-size: 0.3rem;
                        color: #404040;
                        line-height: 0.32rem;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis
                    }

                    .gameWrap .editList li a .aL .textBox .review {
                        margin-top: 0.12rem;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis
                    }

                        .gameWrap .editList li a .aL .textBox .review span {
                            font-size: 0.24rem;
                            color: #999999;
                            line-height: 0.28rem
                        }

                            .gameWrap .editList li a .aL .textBox .review span:nth-child(2) {
                                padding-left: 0.44rem
                            }

            .gameWrap .editList li a .button {
                width: 1.2rem;
                height: 0.54rem;
                margin-top: 0.19rem;
                font-size: 0.24rem;
                color: #6f42c1;
                text-align: center;
                line-height: 0.54rem;
                background-color: #6f42c12b;
                border-radius: 0.27rem
            }

        .gameWrap .editList li:last-child {
            border: none
        }

.realTimeWrap .swiperBox {
    padding-bottom: 0.36rem;
    overflow: hidden
}

    .realTimeWrap .swiperBox .indexSwiper {
        width: 100%;
        position: relative
    }

        .realTimeWrap .swiperBox .indexSwiper .swiper-wrapper {
            width: 100%;
            display: flex;
            align-items: center
        }

            .realTimeWrap .swiperBox .indexSwiper .swiper-wrapper .swiper-slide {
                width: 6rem !important;
                height: 3.2rem;
                border-radius: 0.16rem;
                position: relative
            }

                .realTimeWrap .swiperBox .indexSwiper .swiper-wrapper .swiper-slide img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    border-radius: 0.16rem
                }

                .realTimeWrap .swiperBox .indexSwiper .swiper-wrapper .swiper-slide .text {
                    padding-left: 0.24rem;
                    position: absolute;
                    bottom: 0.21rem;
                    font-size: 0.3rem;
                    color: #FFFFFF;
                    line-height: 0.3rem;
                    width: 90%;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis
                }

            .realTimeWrap .swiperBox .indexSwiper .swiper-wrapper .swiper-slide-active {
                height: 3.37rem
            }

        .realTimeWrap .swiperBox .indexSwiper .swiper-pagination-bullets {
            bottom: -0.4rem
        }

        .realTimeWrap .swiperBox .indexSwiper .swiper-pagination-bullet {
            width: 0.16rem;
            height: 0.16rem;
            background-color: #E6E6E6;
            opacity: 1
        }

        .realTimeWrap .swiperBox .indexSwiper .swiper-pagination-bullet-active {
            width: 0.91rem;
            height: 0.16rem;
            background-color: #6f42c1;
            border-radius: 0.08rem
        }

.realTimeWrap .tabBox {
    margin-top: 0.43rem;
    padding: 0 0.2rem 0.12rem
}

    .realTimeWrap .tabBox .tabContont {
        width: 100%;
        height: 1.17rem;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .realTimeWrap .tabBox .tabContont::after {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: url("../image/tabBg.png") no-repeat;
            background-size: 100% 100%;
            z-index: -1
        }

        .realTimeWrap .tabBox .tabContont li {
            flex: 1;
            font-size: 0.3rem;
            color: #666666;
            text-align: center;
            line-height: 0.56rem;
            margin-top: 0.16rem
        }

            .realTimeWrap .tabBox .tabContont li.active {
                font-size: 0.36rem;
                color: #404040;
                font-weight: bold;
                line-height: 0.56rem;
                margin-top: 0.07rem
            }

    .realTimeWrap .tabBox .tabContontActive {
        width: 100%;
        height: 1.17rem;
        position: relative;
        display: flex;
        align-items: center
    }

        .realTimeWrap .tabBox .tabContontActive::after {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: url("../image/tabBg.png") no-repeat;
            background-size: 100% 100%;
            z-index: -1;
            transform: rotateY(180deg)
        }

    .realTimeWrap .tabBox .cloumList {
        width: 100%;
        padding: 0 0.02rem;
        margin-top: 0.04rem;
        display: grid;
        align-items: center;
        justify-content: space-between;
        grid-template-columns: repeat(2, 3.4rem)
    }

        .realTimeWrap .tabBox .cloumList li {
            width: 100%;
            margin-top: 0.32rem
        }

            .realTimeWrap .tabBox .cloumList li a {
                width: 100%
            }

                .realTimeWrap .tabBox .cloumList li a .imgBox {
                    width: 100%;
                    height: 1.88rem;
                    border-radius: 0.16rem
                }

                    .realTimeWrap .tabBox .cloumList li a .imgBox img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        border-radius: 0.16rem
                    }

                .realTimeWrap .tabBox .cloumList li a .name {
                    margin-top: 0.12rem;
                    font-size: 0.3rem;
                    color: #404040;
                    line-height: 0.42rem
                }

                .realTimeWrap .tabBox .cloumList li a .time {
                    text-align: right;
                    margin-top: 0.06rem;
                    font-size: 0.24rem;
                    line-height: 0.3rem;
                    color: #999999
                }

.realTimeWrap .popular {
    width: 100%;
    margin-top: 0.49rem
}

    .realTimeWrap .popular .popularTop {
        padding: 0 0.2rem;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

        .realTimeWrap .popular .popularTop .popularTopL {
            display: flex;
            align-items: center
        }

            .realTimeWrap .popular .popularTop .popularTopL .cloum {
                width: 0.04rem;
                height: 0.32rem;
                background: linear-gradient(0deg, #6f42c1 0%, #FC5B3F 100%)
            }

            .realTimeWrap .popular .popularTop .popularTopL h3 {
                padding-left: 0.12rem;
                font-weight: bold;
                font-size: 0.36rem;
                line-height: 0.36rem;
                color: #404040
            }

        .realTimeWrap .popular .popularTop .popularTopR {
            display: flex;
            align-items: center
        }

            .realTimeWrap .popular .popularTop .popularTopR li {
                font-size: 0.24rem;
                line-height: 0.24rem;
                color: #404040
            }

                .realTimeWrap .popular .popularTop .popularTopR li.active {
                    color: #6f42c1
                }

            .realTimeWrap .popular .popularTop .popularTopR .space {
                padding: 0 0.15rem;
                pointer-events: none
            }

    .realTimeWrap .popular .tabsCont ul {
        padding: 0 0.29rem;
        display: grid;
        align-items: center;
        justify-content: space-around;
        grid-template-columns: repeat(4, 1.52rem)
    }

        .realTimeWrap .popular .tabsCont ul li {
            width: 100%;
            margin-top: 0.24rem
        }

            .realTimeWrap .popular .tabsCont ul li a {
                width: 100%;
                display: flex;
                align-items: center;
                flex-direction: column
            }

                .realTimeWrap .popular .tabsCont ul li a .imgBox {
                    width: 1.2rem;
                    height: 1.2rem;
                    border-radius: 0.26rem
                }

                    .realTimeWrap .popular .tabsCont ul li a .imgBox img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        border-radius: 0.26rem
                    }

                .realTimeWrap .popular .tabsCont ul li a .name {
                    width: 100%;
                    text-align: center;
                    font-size: 0.3rem;
                    color: #333333;
                    line-height: 0.3rem;
                    margin-top: 0.15rem
                }

                .realTimeWrap .popular .tabsCont ul li a .button {
                    width: 1.2rem;
                    height: 0.54rem;
                    margin-top: 0.19rem;
                    font-size: 0.24rem;
                    color: #6f42c1;
                    text-align: center;
                    line-height: 0.54rem;
                    border-radius: 0.27rem;
                    background-color: #6f42c12b
                }

.reaInfoDetailWrap .reaInfoTitle {
    padding: 0 0.2rem
}

    .reaInfoDetailWrap .reaInfoTitle .titleBox {
        padding: 0.28rem 0.36rem 0.32rem;
        background-color: white;
        border-radius: 0.24rem;
        border-bottom: 0.01rem dashed #EEEEEE;
        display: block
    }

        .reaInfoDetailWrap .reaInfoTitle .titleBox h1 {
            text-align: center;
            font-weight: bold;
            font-size: 0.36rem;
            color: #404040;
            line-height: 0.49rem
        }

        .reaInfoDetailWrap .reaInfoTitle .titleBox .time {
            text-align: center;
            margin-top: 0.18rem;
            font-size: 0.24rem;
            color: #999999;
            line-height: 0.24rem
        }

.reaInfoDetailWrap .txt {
    padding: 0 0.2rem
}

    .reaInfoDetailWrap .txt p {
        margin-top: 0.25rem;
        font-size: 0.3rem;
        color: #666666;
        line-height: 0.54rem
    }

    .reaInfoDetailWrap .txt img {
        max-width: 100%;
        display: block;
        margin: 0.2rem auto
    }

    .reaInfoDetailWrap .txt h3 {
        position: relative;
        z-index: 1;
        display: block;
        font-size: 0.3rem;
        color: #404040;
        line-height: 0.56rem;
        font-weight: bold;
        margin-bottom: 0.08rem
    }

.reaInfoDetailWrap .leftDAndRight {
    padding: 0 0.2rem 0.1rem;
    margin-top: 0.26rem
}

    .reaInfoDetailWrap .leftDAndRight .leftBox {
        display: flex;
        justify-content: flex-start
    }

        .reaInfoDetailWrap .leftDAndRight .leftBox .leftButton {
            width: 6.38rem;
            padding: 0.19rem;
            display: flex;
            align-items: center;
            background-color: #F7F7F7;
            border-radius: 0.08rem
        }

            .reaInfoDetailWrap .leftDAndRight .leftBox .leftButton .icon {
                width: 0.26rem;
                height: 0.25rem;
                background: url("../image/leftIcon.png") no-repeat;
                background-size: 100% 100%
            }

            .reaInfoDetailWrap .leftDAndRight .leftBox .leftButton p {
                padding-left: 0.14rem;
                font-size: 0.24rem;
                color: #404040;
                line-height: 0.24rem
            }

        .reaInfoDetailWrap .leftDAndRight .leftBox a {
            display: flex;
            justify-content: flex-start
        }

            .reaInfoDetailWrap .leftDAndRight .leftBox a p {
                flex: 1;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis
            }

    .reaInfoDetailWrap .leftDAndRight .rightBox {
        width: 100%;
        margin-top: 0.2rem;
        display: flex;
        justify-content: flex-end
    }

        .reaInfoDetailWrap .leftDAndRight .rightBox a {
            display: flex;
            justify-content: flex-end
        }

            .reaInfoDetailWrap .leftDAndRight .rightBox a p {
                flex: 1;
                text-align: right;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis
            }

        .reaInfoDetailWrap .leftDAndRight .rightBox .leftButton {
            width: 6rem;
            padding: 0.19rem;
            display: flex;
            align-items: center;
            background-color: #F7F7F7;
            border-radius: 0.08rem
        }

            .reaInfoDetailWrap .leftDAndRight .rightBox .leftButton .icon {
                width: 0.26rem;
                height: 0.25rem;
                background: url("../image/rightIcon.png") no-repeat;
                background-size: 100% 100%
            }

            .reaInfoDetailWrap .leftDAndRight .rightBox .leftButton p {
                padding-right: 0.14rem;
                font-size: 0.24rem;
                color: #404040;
                line-height: 0.24rem
            }

    .reaInfoDetailWrap .leftDAndRight .downBox {
        margin-top: 0.6rem;
        margin-bottom: 0.3rem;
        background: url("../image/xGCXBg.png") no-repeat;
        background-size: 100% 100%;
        padding: 0.21rem 0.19rem 0.19rem;
        display: flex;
        position: relative
    }

        .reaInfoDetailWrap .leftDAndRight .downBox .imgBox {
            width: 1rem;
            height: 1rem;
            border-radius: 0.26rem;
            border: 0.03rem solid white
        }

            .reaInfoDetailWrap .leftDAndRight .downBox .imgBox img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 0.26rem
            }

        .reaInfoDetailWrap .leftDAndRight .downBox .txtBox {
            padding-left: 0.19rem
        }

            .reaInfoDetailWrap .leftDAndRight .downBox .txtBox .name {
                margin-top: 0.12rem;
                font-size: 0.3rem;
                color: #404040;
                line-height: 0.36rem
            }

            .reaInfoDetailWrap .leftDAndRight .downBox .txtBox p {
                margin-top: 0.16rem
            }

                .reaInfoDetailWrap .leftDAndRight .downBox .txtBox p .interval {
                    padding: 0 0.15rem
                }

                .reaInfoDetailWrap .leftDAndRight .downBox .txtBox p span {
                    font-size: 0.24rem;
                    color: #999999;
                    line-height: 0.28rem
                }

        .reaInfoDetailWrap .leftDAndRight .downBox .down {
            position: absolute;
            right: 0.34rem;
            top: 0.41rem;
            text-align: center;
            color: white;
            width: 1.64rem;
            height: 0.64rem;
            background: #6f42c1;
            border-radius: 0.08rem
        }

    .reaInfoDetailWrap .leftDAndRight .downBox {
        margin-right: 0.1rem
    }

        .reaInfoDetailWrap .leftDAndRight .downBox .down p {
            display: block;
            font-size: 0.24rem;
            text-align: center;
            line-height: 0.3rem;
            margin-top: 0.07rem
        }

        .reaInfoDetailWrap .leftDAndRight .downBox .down span {
            display: block;
            font-size: 0.18rem;
            text-align: center;
            line-height: 0.22rem
        }

        .reaInfoDetailWrap .leftDAndRight .downBox i {
            position: absolute;
            z-index: 2;
            top: 0.18rem;
            right: 0;
            transform: rotateZ(45deg);
            color: #fff;
            font-size: 0.18rem
        }

        .reaInfoDetailWrap .leftDAndRight .downBox:after {
            content: "";
            position: absolute;
            top: -.11rem;
            right: -.1rem;
            width: 1.23rem;
            height: 1.25rem;
            background: url("../image/icon.png") no-repeat;
            background-size: 10rem 10rem;
            background-position: -.07rem -5.85rem
        }

.bulletFrame {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 9999;
    background-color: #00000060
}

    .bulletFrame .frameBox {
        position: relative;
        margin: 1.3rem 0.2rem 0.2rem
    }

        .bulletFrame .frameBox .frame {
            padding: 0.48rem 0.41rem 0.48rem 0.39rem;
            border-radius: 0.8rem;
            background-color: white
        }

            .bulletFrame .frameBox .frame li {
                padding: 0.28rem 0 0.36rem 0.44rem;
                border-radius: 0.5rem
            }

                .bulletFrame .frameBox .frame li a {
                    display: flex;
                    align-items: center
                }

                    .bulletFrame .frameBox .frame li a .indexICon {
                        width: 0.34rem;
                        height: 0.4rem;
                        background-position: -0.64rem -4.69rem
                    }

                    .bulletFrame .frameBox .frame li a .text {
                        padding-left: 0.39rem;
                        font-size: 0.36rem;
                        color: #404040;
                        line-height: 0.48rem
                    }

            .bulletFrame .frameBox .frame .current {
                background-color: #F7F7F7
            }

            .bulletFrame .frameBox .frame li:nth-child(1).current a .indexICon {
                background-position: -0.1rem -4.69rem
            }

            .bulletFrame .frameBox .frame li:nth-child(2) a .indexICon {
                width: 0.39rem;
                height: 0.36rem;
                background-position: -0.1rem -4.13rem
            }

            .bulletFrame .frameBox .frame li:nth-child(2).current a .indexICon {
                background-position: -0.69rem -4.13rem
            }

            .bulletFrame .frameBox .frame li:nth-child(3) a .indexICon {
                width: 0.34rem;
                height: 0.39rem;
                background-position: -1.72rem -4.69rem
            }

            .bulletFrame .frameBox .frame li:nth-child(3).current a .indexICon {
                background-position: -1.18rem -4.69rem
            }

            .bulletFrame .frameBox .frame li:nth-child(4) a .indexICon {
                width: 0.38rem;
                height: 0.4rem;
                background-position: -2.44rem -3.13rem
            }

            .bulletFrame .frameBox .frame li:nth-child(4).current a .indexICon {
                background-position: -1.86rem -3.13rem
            }

            .bulletFrame .frameBox .frame li:nth-child(5) a .indexICon {
                width: 0.38rem;
                height: 0.39rem;
                background-position: -3.6rem -3.13rem
            }

            .bulletFrame .frameBox .frame li:nth-child(5).current a .indexICon {
                background-position: -3.02rem -3.13rem
            }

        .bulletFrame .frameBox .close {
            width: 100%;
            position: absolute;
            bottom: -1.2rem;
            display: flex;
            justify-content: center
        }

            .bulletFrame .frameBox .close .indexICon {
                width: 0.88rem;
                height: 0.88rem;
                background-position: -2.7rem -1.44rem
            }

footer {
    width: 100%;
    margin-top: 0.5rem;
    background-color: #313131
}

    footer .ft {
        width: 100%;
        padding-top: 0.43rem;
        display: flex;
        align-items: center;
        justify-content: center
    }

        footer .ft img {
            width: auto;
            height: 0.72rem;
            object-fit: cover
        }

    footer .fc {
        padding: 0 0.2rem;
        margin-top: 0.3rem
    }

        footer .fc .fcText {
            padding: 0.25rem 0.22rem;
            background-color: rgba(0,0,0,0.08);
            font-size: 0.18rem;
            color: rgba(179, 179, 179, .5);
            line-height: 0.3rem
        }

    footer .fb {
        padding: 0.31rem 0.77rem 0.39rem
    }

        footer .fb p {
            text-align: center;
            font-size: 0.24rem;
            color: #B3B3B3;
            line-height: 0.42rem
        }

.listBox ~ .pageWrap {
    margin-top: 0.1rem
}

.icon {
    background-image: url("../image/icon.png");
    background-size: 10rem 10rem;
    background-repeat: no-repeat
}

b, em, i {
    font-style: normal
}

.wdIntro {
    position: relative;
    background: #FFF;
    border-radius: 0.24rem;
    margin: 0 0.2rem 0.2rem;
    padding: 0.48rem 0.05rem 0.08rem;
    overflow: hidden
}

    .wdIntro img {
        display: block;
        margin: auto;
        width: 1.6rem;
        height: 1.6rem;
        border-radius: 0.3rem;
        margin-bottom: 0.2rem
    }

    .wdIntro .info {
        text-align: center;
        margin-bottom: 0.2rem
    }

        .wdIntro .info h1 {
            font-size: 0.36rem;
            color: #404040;
            font-weight: bold;
            line-height: 0.44rem;
            margin-bottom: 0.12rem
        }

        .wdIntro .info ul li {
            position: relative;
            padding-top: 0.15rem;
            display: flex;
            justify-content: center;
            overflow: hidden
        }

            .wdIntro .info ul li span {
                position: relative;
                flex: 1;
                font-size: 0.32rem;
                color: #404040;
                line-height: 0.52rem;
                text-align: center;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis
            }

                .wdIntro .info ul li span i {
                    display: block;
                    font-size: 0.24rem;
                    color: #999;
                    line-height: 0.34rem;
                    margin: 0.04rem 0 0.02rem;
                    text-align: center
                }

                .wdIntro .info ul li span:nth-of-type(n+2):before {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 0.1rem;
                    width: 0.01rem;
                    height: 0.72rem;
                    background: #E5E5E5
                }

.downLink {
    display: flex;
    margin: 0 0.2rem;
    padding: 0.22rem 0 0.06rem;
    margin: auto
}

    .downLink a, .downLink button {
        display: block;
        width: 7.1rem;
        height: 0.88rem;
        line-height: 0.88rem;
        font-size: 0.3rem;
        color: #fff;
        text-align: center;
        border: none;
        border-radius: 0.16rem;
        margin: 0 auto 0.1rem;
        background: #6f42c1;
        overflow: hidden
    }

    .downLink .adrBtn {
        background: #6f42c1
    }

    .downLink .iosBtn {
        background: #2D68FF
    }

    .downLink .ljBtn {
        flex: 1;
        width: auto;
        min-width: 3.06rem;
        max-width: 7.1rem;
        background-color: #3CD59B
    }

    .downLink .gsBtn {
        width: 3.15rem;
        margin-left: 0.18rem;
        background: #D068F4
    }

    .downLink .orderBtn {
        background: #6f42c1
    }

    .downLink .no, .downLink .noDown {
        background: rgba(102, 102, 102, .35);
        color: rgba(255, 255, 255, .85)
    }

.gState {
    margin: 0 0.04rem 0.2rem;
    padding: 0.2rem;
    background-color: #EFEFEF;
    border-radius: 0.1rem;
    font-size: 0.26rem;
    color: #8F9399;
    line-height: 0.4rem
}

    .gState span {
        font-weight: bold
    }

.gExplain {
    margin: 0 0.04rem 0.2rem;
    padding: 0.2rem;
    border: 1px solid #56E39D;
    background-color: #EBFFF5;
    border-radius: 0.04rem;
    font-size: 0.24rem;
    color: #808080;
    line-height: 0.4rem
}

    .gExplain span {
        color: #56E39D
    }

.oExplain {
    margin: 0 0.04rem 0.2rem;
    padding: 0.2rem;
    border: 1px solid #ffd2a6;
    background-color: #fffaf2;
    border-radius: 0.04rem;
    font-size: 0.24rem;
    color: #808080;
    line-height: 0.4rem
}

    .oExplain span {
        color: #ffa622
    }

.oTip {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0.01rem 0.1rem 0.16rem;
    font-size: 0.24rem;
    color: rgba(252, 212, 69, .95);
    line-height: 0.3rem
}

    .oTip span {
        position: relative
    }

        .oTip span:after {
            content: "";
            position: absolute;
            z-index: -1;
            left: 0;
            right: 0;
            margin: auto;
            bottom: 0.03rem;
            display: block;
            width: 101%;
            height: 0.08rem;
            background: rgba(255, 224, 3, .1)
        }

.titBox {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 0 0.2rem;
    height: 0.52rem;
    line-height: 0.52rem;
    margin: 0 auto 0.1rem
}

    .titBox strong {
        position: relative;
        z-index: 1;
        display: block;
        font-size: 0.36rem;
        color: #404040;
        line-height: 0.52rem;
        font-weight: bold
    }

        .titBox strong:before {
            content: "";
            position: relative;
            top: 0.11rem;
            margin-right: 0.12rem;
            vertical-align: top;
            display: inline-block;
            width: 0.04rem;
            height: 0.32rem;
            background: linear-gradient(0deg, #6f42c1 0%, #FC5B3F 100%)
        }

    .titBox a {
        padding-right: 0.3rem;
        font-size: 0.24rem;
        line-height: 0.24rem;
        color: #999999;
        position: relative
    }

        .titBox a::after {
            content: "";
            width: 0.21rem;
            height: 0.22rem;
            position: absolute;
            right: 0;
            top: 0.01rem;
            background: url("../image/indexIcon.png") no-repeat;
            background-size: 5.34rem 5.19rem;
            background-position: -3.1rem -4.69rem
        }

.wdGameCont {
    position: relative;
    margin-bottom: 0.07rem;
    padding: 0.1rem 0;
    background: #FFF;
    border-radius: 0.2rem
}

    .wdGameCont .tag {
        display: flex;
        flex-wrap: wrap;
        padding: 0 0.02rem 0.02rem 0.3rem;
        margin-top: -.03rem
    }

        .wdGameCont .tag a {
            display: block;
            padding: 0 0.15rem;
            height: 0.3rem;
            font-size: 0.18rem;
            color: rgba(70, 196, 106, 1);
            line-height: 0.3rem;
            border: 1px solid rgba(70, 196, 106, .5);
            border-radius: 0.06rem;
            margin: 0 0.15rem 0.08rem 0
        }

    .wdGameCont .cont {
        padding: 0 0.3rem 0.1rem;
        font-size: 0.3rem;
        line-height: 0.54rem;
        color: #666;
        word-break: break-all
    }

        .wdGameCont .cont a {
            color: #6f42c1;
            display: inline-block;
            border-bottom: 1px solid #6f42c1;
            line-height: 0.46rem;
            text-indent: 0
        }

        .wdGameCont .cont p {
            margin-bottom: 0.16rem;
            word-break: break-all
        }

        .wdGameCont .cont img {
            display: block;
            max-width: 100%;
            height: auto;
            margin: 0 auto 0.1rem
        }

        .wdGameCont .cont h3 {
            position: relative;
            z-index: 1;
            display: block;
            font-size: 0.3rem;
            color: #404040;
            line-height: 0.56rem;
            font-weight: bold;
            margin-bottom: 0.08rem
        }

            .wdGameCont .cont h3 i {
                color: #6f42c1
            }

        .wdGameCont .cont br:last-child {
            line-height: 0.02rem
        }

        .wdGameCont .cont iframe {
            width: 100%;
            height: 3.6rem;
            margin: 0 auto;
            display: block;
            border: none
        }

        .wdGameCont .cont table {
            width: 100% !important;
            border-color: #d9d9d9
        }

            .wdGameCont .cont table a {
                border-bottom: none
            }

        .wdGameCont .cont strong {
            font-weight: bold
        }

.editerTips {
    position: relative;
    padding: 0.19rem 0.2rem 0.16rem;
    margin: 0.16rem 0.2rem 0.2rem;
    border-radius: 0.08rem;
    background: #F7F7F7
}

    .editerTips p {
        font-size: 0.3rem;
        color: #666;
        line-height: 0.54rem
    }

.showImg {
    padding: 0.06rem 0 0 0.2rem
}

.img_item {
    overflow-x: auto;
    padding: 0 0 0.13rem;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

    .img_item ul {
        font-size: 0
    }

        .img_item ul li {
            position: relative;
            margin-right: 0.2rem;
            border-radius: 0.08rem;
            display: inline-block;
            overflow: hidden
        }

            .img_item ul li.gaVideo {
                border-color: #edfaf0;
                border-radius: 0.08rem
            }

            .img_item ul li video {
                width: auto;
                height: 2.8rem;
                border-radius: 0.08rem
            }

            .img_item ul li img {
                width: auto;
                height: 2.8rem;
                border-radius: 0.08rem
            }

            .img_item ul li .replay {
                position: absolute;
                z-index: 1;
                top: 29%;
                left: 0;
                right: 0;
                margin: auto;
                display: block;
                width: 0.75rem;
                height: 0.75rem;
                background-image: url("../image/icon.png");
                background-size: 10rem 10rem;
                background-repeat: no-repeat;
                background-position: -1.57rem -2.68rem
            }

                .img_item ul li .replay.hide {
                    display: none
                }

.hideVideo {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 100000000000000;
    max-width: 7.5rem;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7)
}

.tpVideo {
    position: absolute;
    top: 30%;
    width: 7.5rem
}

    .tpVideo video {
        position: relative;
        z-index: 10;
        width: 100%
    }

    .tpVideo .replay1 {
        position: absolute;
        z-index: 1001;
        top: 29%;
        left: 0;
        right: 0;
        margin: auto;
        display: block;
        width: 1rem;
        height: 1rem;
        background-image: url("../image/icon.png");
        background-size: 10rem 10rem;
        background-repeat: no-repeat;
        background-position: -1.45rem -2.55rem
    }

        .tpVideo .replay1.hide {
            display: none
        }

.hideVideo .vClose {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    display: block;
    height: 0.74rem;
    width: 0.74rem;
    background-position: -2.72rem -2.68rem
}

.showImg ::-webkit-scrollbar {
    height: 0.0rem !important;
    border-radius: 0.03rem;
    background: #DDDDF8
}

.showImg ::-webkit-scrollbar-thumb {
    border-radius: 0.03rem;
    background-color: #6f42c1 !important
}

.wdLog {
    position: relative;
    margin: 0 0.2rem;
    padding: 0.1rem 0;
    background: #FFF;
    border-radius: 0.2rem
}

.rizhi {
    padding: 0 0 0.12rem;
    overflow: hidden
}

.rzInfo p {
    font-size: 0.24rem;
    color: #666;
    line-height: 0.45rem;
    display: block;
    text-indent: 0
}

.rzInfo strong {
    font-size: 0.24rem;
    color: #333
}

.rLog {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    font-size: 0.24rem;
    color: #666;
    line-height: 0.56rem
}

    .rLog:after {
        content: "";
        position: relative;
        top: 0.03rem;
        margin-left: 0.08rem;
        display: inline-block;
        width: 0.22rem;
        height: 0.23rem;
        background: url("../image/icon.png") no-repeat;
        background-size: 10rem 10rem;
        background-position: -.07rem -2.74rem
    }

.rTime {
    position: relative;
    margin: 0.08rem 0 0.18rem;
    display: block;
    height: 0.3rem;
    line-height: 0.3rem;
    font-size: 0.24rem;
    color: #666;
    white-space: nowrap;
    overflow: hidden
}

    .rTime span {
        float: left;
        width: 50%;
        height: 0.3rem;
        line-height: 0.3rem;
        font-size: 0.24rem;
        color: #666;
        overflow: hidden
    }

    .rTime time {
        float: right;
        width: 50%;
        height: 0.3rem;
        line-height: 0.3rem;
        font-size: 0.24rem;
        color: #666;
        overflow: hidden
    }

.rzCont {
    position: relative;
    padding: 0.17rem 0.2rem 0.1rem;
    min-height: 2.12rem;
    height: auto;
    background: url("../image/rizhibg.png") no-repeat;
    background-size: 100% auto;
    background-color: #F7F7F7;
    border-radius: 0.08rem
}

.rzInfo {
    overflow: hidden;
    overflow-y: scroll;
    max-height: 5rem;
    padding: 0.1rem 0.2rem;
    background: #fff;
    border-radius: 0.08rem 0 0.08rem 0.08rem;
    margin-bottom: 0.16rem
}

.rzCont:nth-of-type(2n+2) {
    margin-left: 0.2rem
}

.rzCont > i {
    position: absolute;
    z-index: 1;
    top: 0.35rem;
    right: 0.43rem;
    display: block;
    width: 0.28rem;
    height: 0.24rem;
    background: url("../image/icon.png") no-repeat;
    background-size: 10rem 10rem;
    background-position: -.53rem -2.72rem
}

    .rzCont > i.closed-eye {
        background-position: -.53rem -2.36rem
    }

.wdLogTit {
    position: relative
}

    .wdLogTit h3 {
        position: relative;
        z-index: 1;
        display: block;
        font-size: 0.3rem;
        color: #404040;
        line-height: 0.56rem;
        font-weight: bold;
        margin-bottom: 0.1rem
    }

        .wdLogTit h3 i {
            color: #6f42c1
        }

.wdInfo {
    position: relative;
    margin-bottom: 0.12rem
}

    .wdInfo ul {
        padding: 0 0.2rem
    }

        .wdInfo ul li {
            display: flex;
            justify-content: space-between;
            font-size: 0.24rem;
            height: 0.56rem;
            color: #666;
            line-height: 0.56rem;
            overflow: hidden;
            text-overflow: ellipsis
        }

            .wdInfo ul li span {
                min-width: 1rem;
                color: #999;
                word-break: break-all;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis
            }

            .wdInfo ul li .agSecret, .wdInfo ul li .gPower, .wdInfo ul li .gSecret, .wdInfo ul li a {
                color: #6f42c1
            }

.feBaBtn {
    position: absolute;
    top: 0.14rem;
    right: 0.3rem;
    height: 0.38rem;
    font-size: 0.24rem;
    color: #999;
    line-height: 0.32rem
}

    .feBaBtn i {
        position: relative;
        top: 0.05rem;
        margin-left: 0.1rem;
        vertical-align: top;
        display: inline-block;
        width: 0.22rem;
        height: 0.22rem;
        background-position: -1.08rem -2.74rem
    }

.wdInfo .titBox {
    margin-bottom: 0.04rem
}

.wdVersion {
    position: relative;
    padding: 0.1rem 0
}

    .wdVersion ul {
        margin: 0 0.2rem;
        padding: 0.06rem 0 0
    }

        .wdVersion ul li {
            position: relative;
            height: 1.68rem;
            background: #F7F7F7;
            border-radius: 0.08rem;
            margin-bottom: 0.3rem;
            overflow: hidden
        }

    .wdVersion li a {
        align-items: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        position: relative;
        padding: 0.24rem 0.21rem
    }

    .wdVersion li:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        display: block;
        width: 0.84rem;
        height: 0.8rem;
        background: url("../image/icon.png") no-repeat;
        background-size: 10rem 10rem;
        background-position: -.07rem -3.1rem
    }

    .wdVersion li a img {
        margin-right: 0.19rem;
        width: 1.2rem;
        height: 1.2rem;
        background: #C490BF;
        border-radius: 0.24rem
    }

    .wdVersion li div {
        -webkit-box-flex: 1.0;
        -moz-flex-grow: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        width: 0;
        height: 1.2rem;
        position: relative
    }

        .wdVersion li div p {
            display: block;
            width: auto;
            font-size: 0.24rem;
            color: #999;
            line-height: 0.42rem;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

            .wdVersion li div p:nth-of-type(1) {
                font-size: 0.3rem;
                color: #404040;
                line-height: 0.46rem
            }

            .wdVersion li div p:nth-of-type(n+2) {
                display: flex;
                line-height: 0.42rem
            }

            .wdVersion li div p span {
                color: 999;
                font-size: 0.24rem;
                line-height: 0.42rem;
                margin-right: 0.56rem
            }

    .wdVersion .titBox {
        margin-bottom: 0.06rem
    }

.wdXinGame {
    margin-bottom: 0.2rem
}

    .wdXinGame .list {
        display: flex;
        flex-wrap: wrap;
        margin-left: 0.1rem
    }

        .wdXinGame .list a {
            display: block;
            width: 1.8rem;
            height: 2.5rem;
            text-align: center;
            padding: 0.15rem 0 0
        }

            .wdXinGame .list a img {
                display: block;
                width: 1.2rem;
                height: 1.2rem;
                border-radius: 0.26rem;
                margin: auto
            }

            .wdXinGame .list a p {
                margin-bottom: 0.04rem;
                font-size: 0.3rem;
                color: #333;
                line-height: 0.6rem;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis
            }

            .wdXinGame .list a span {
                display: block;
                width: 1.2rem;
                height: 0.54rem;
                text-align: center;
                background: #6f42c12b;
                font-size: 0.24rem;
                color: #6f42c1;
                line-height: 0.54rem;
                border-radius: 0.27rem;
                margin: auto;
                overflow: hidden
            }

    .wdXinGame .titBox {
        margin-bottom: 0.01rem
    }

.wdGongLue {
    margin-bottom: 0.04rem;
    padding: 0.1rem 0
}

    .wdGongLue ul {
        padding: 0 0.2rem 0.14rem
    }

        .wdGongLue ul li {
            position: relative;
            display: flex;
            justify-content: space-between;
            line-height: 0.62rem
        }

            .wdGongLue ul li:before {
                content: "";
                display: block;
                width: 0.04rem;
                height: 0.04rem;
                background: #CCCCCC;
                border-radius: 50%;
                margin: 0.29rem 0.08rem 0 0
            }

            .wdGongLue ul li a {
                flex: 1;
                display: block;
                font-size: 0.3rem;
                color: #404040;
                line-height: 0.63rem;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis
            }

            .wdGongLue ul li span {
                display: block;
                font-size: 0.26rem;
                color: #999;
                line-height: 0.63rem;
                margin-left: 0.32rem
            }

            .wdGongLue ul li:nth-of-type(1) a {
                color: #6f42c1
            }

            .wdGongLue ul li:nth-of-type(1):before {
                background-color: #6f42c1
            }

            .wdGongLue ul li:nth-of-type(1) span {
                color: #6f42c1
            }

    .wdGongLue .list {
        display: flex;
        flex-wrap: wrap;
        padding-left: 0.2rem;
        padding-top: 0.02rem
    }

        .wdGongLue .list a {
            position: relative;
            display: block;
            width: 3.4rem;
            margin-right: 0.29rem;
            margin-bottom: 0.2rem;
            overflow: hidden
        }

            .wdGongLue .list a:nth-of-type(2n+2) {
                margin-right: 0
            }

            .wdGongLue .list a div {
                display: block;
                width: 3.4rem;
                height: 2.32rem;
                border-radius: 0.16rem;
                margin-bottom: 0.13rem;
                overflow: hidden
            }

                .wdGongLue .list a div img {
                    display: block;
                    width: 100%;
                    min-height: 100%;
                    height: auto;
                    border-radius: 0.16rem
                }

            .wdGongLue .list a p {
                display: block;
                max-height: 0.8rem;
                font-size: 0.3rem;
                color: #404040;
                line-height: 0.4rem;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical
            }

    .wdGongLue .titBox {
        margin-bottom: 0.02rem
    }

.wdRelZt {
    position: relative;
    margin-bottom: 0.01rem;
    padding: 0.1rem 0 0.05rem;
    background: #FFF;
    border-radius: 0.2rem
}

    .wdRelZt .tabCont {
        position: relative
    }

    .wdRelZt .tabMenu {
        position: relative;
        z-index: 1;
        padding: 0.11rem 0.01rem;
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap;
        font-size: 0;
        overflow-x: -moz-scrollbars-none;
        -ms-overflow-style: none;
        white-space: nowrap
    }

        .wdRelZt .tabMenu::-webkit-scrollbar {
            width: 0;
            height: 0;
            display: none;
            -webkit-appearance: none;
            border-radius: 0
        }

        .wdRelZt .tabMenu > div {
            position: relative;
            top: -.01rem
        }

        .wdRelZt .tabMenu span {
            display: inline-block;
            padding: 0 0.28rem;
            margin: 0 0.21rem;
            font-size: 0.24rem;
            color: #362C2A;
            line-height: 0.54rem;
            cursor: pointer;
            border-radius: 0.27rem
        }

            .wdRelZt .tabMenu span.current {
                font-size: 0.28rem;
                color: #fff;
                background: linear-gradient(to right,#6f42c1 0%,#6f42c1 100%);
                box-shadow: 0 0 0.08rem 0.01rem rgba(245, 84, 48, .36)
            }

    .wdRelZt .subBox {
        margin: 0
    }

        .wdRelZt .subBox .subTop {
            display: flex;
            margin: 0 0.2rem 0.19rem;
            overflow: hidden;
            *zoom: 1
        }

        .wdRelZt .subBox dl {
            position: relative
        }

        .wdRelZt .subBox dt strong {
            position: relative;
            z-index: 1;
            vertical-align: top;
            display: inline-block;
            max-width: 80%;
            font-size: 0.3rem;
            color: #404040;
            line-height: 0.56rem;
            margin-bottom: 0.11rem;
            font-weight: bold;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

        .wdRelZt .subBox dt time {
            position: absolute;
            z-index: 1;
            top: 0;
            right: 0;
            display: block;
            font-size: 0.24rem;
            color: #999;
            line-height: 0.56rem;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

        .wdRelZt .subBox dd {
            display: flex
        }

            .wdRelZt .subBox dd .img {
                width: 3.46rem;
                height: 1.98rem;
                margin-right: 0.22rem;
                border-radius: 0.08rem;
                overflow: hidden
            }

                .wdRelZt .subBox dd .img img {
                    width: 100%;
                    min-height: 100%;
                    height: auto;
                    display: block;
                    border-radius: 0.08rem
                }

            .wdRelZt .subBox dd p {
                display: block;
                flex: 1;
                position: relative;
                top: -.05rem;
                max-height: 2rem;
                font-size: 0.24rem;
                color: #999;
                line-height: 0.42rem;
                font-weight: 400;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 5;
                -webkit-box-orient: vertical
            }

    .wdRelZt .list {
        display: flex;
        flex-wrap: wrap;
        margin-left: 0.1rem
    }

        .wdRelZt .list a {
            display: block;
            width: 1.8rem;
            height: 2.5rem;
            text-align: center;
            padding: 0.15rem 0 0
        }

            .wdRelZt .list a img {
                display: block;
                width: 1.2rem;
                height: 1.2rem;
                border-radius: 0.26rem;
                margin: auto
            }

            .wdRelZt .list a p {
                margin-bottom: 0.04rem;
                font-size: 0.3rem;
                color: #333;
                line-height: 0.6rem;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis
            }

            .wdRelZt .list a span {
                display: block;
                width: 1.2rem;
                height: 0.54rem;
                text-align: center;
                background: #6f42c12b;
                font-size: 0.24rem;
                color: #6f42c1;
                line-height: 0.54rem;
                border-radius: 0.27rem;
                margin: auto;
                overflow: hidden
            }

    .wdRelZt .titBox {
        margin-bottom: 0.06rem
    }

.wdHotGame {
    position: relative;
    margin-bottom: 0.12rem
}

    .wdHotGame ul {
        display: flex;
        flex-wrap: wrap
    }

        .wdHotGame ul li {
            position: relative;
            width: 50%;
            height: 1.3rem;
            overflow: hidden
        }

    .wdHotGame li a {
        align-items: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        position: relative;
        padding: 0.15rem 0.1rem 0.15rem 0.2rem
    }

    .wdHotGame li i {
        content: "";
        position: absolute;
        top: 0.87rem;
        left: 0.4rem;
        z-index: 1;
        display: block;
        padding: 0 0.04rem;
        height: 0.28rem;
        line-height: 0.28rem;
        background: rgba(0,0,0,.5);
        border-radius: 0.24rem 0 0.24rem 0;
        font-size: 0.18rem;
        color: #fff
    }

    .wdHotGame li a img {
        margin-right: 0.2rem;
        width: 1rem;
        height: 1rem;
        background: #C490BF;
        border-radius: 0.24rem
    }

    .wdHotGame li div {
        -webkit-box-flex: 1.0;
        -moz-flex-grow: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        width: 0;
        height: 1rem;
        position: relative
    }

        .wdHotGame li div p {
            display: block;
            width: auto;
            font-size: 0.24rem;
            color: #999;
            line-height: 0.42rem;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

            .wdHotGame li div p:nth-of-type(1) {
                margin-bottom: 0.09rem;
                font-size: 0.3rem;
                color: #404040;
                line-height: 0.34rem
            }

            .wdHotGame li div p:nth-of-type(n+2) {
                display: flex;
                line-height: 0.35rem
            }

            .wdHotGame li div p span {
                color: #999;
                font-size: 0.24rem;
                line-height: 0.35rem
            }

    .wdHotGame .titBox {
        margin-bottom: 0.01rem
    }

.orderList {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7)
}

.orderBox {
    position: absolute;
    z-index: 5;
    top: 3rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 6.11rem;
    border-radius: 0.1rem
}

.orderbg {
    background: linear-gradient(to bottom, rgba(255, 250, 226, .98) 20%, rgba(255, 250, 226, .98) 20%,rgba(255, 250, 226, .0) 36%,rgba(255, 250, 226, 0) 100%);
    background-color: #fff;
    height: 100%;
    min-height: 4.12rem;
    border-radius: 0.06rem;
    padding-bottom: 0.01rem
}

.orderBox .oClose {
    position: absolute;
    top: 0;
    right: 0;
    margin: auto;
    z-index: 10
}

    .orderBox .oClose i {
        display: block;
        margin: auto;
        width: 0.81rem;
        height: 0.69rem;
        background-position: -3.88rem -2.68rem;
        position: relative
    }

.orderBox .oTitle {
    position: relative;
    display: block;
    height: 1.3rem
}

    .orderBox .oTitle p {
        display: block;
        text-align: center;
        padding: 0.12rem 0.38rem;
        font-size: 0.4rem;
        color: #333;
        font-weight: bold;
        line-height: 1.1rem;
        white-space: nowrap;
        overflow: hidden
    }

.orderBox .oTelBox {
    position: relative;
    width: 5.34rem;
    margin: 0.04rem auto;
    background: #EFEFEF;
    border-radius: 0.1rem;
    overflow: hidden
}

    .orderBox .oTelBox:before {
        content: "";
        position: absolute;
        z-index: 1;
        left: 0.28rem;
        top: 0.17rem;
        display: block;
        width: 0.3rem;
        height: 0.45rem;
        background: url("../image/icon.png") no-repeat;
        background-size: 10rem 10rem;
        background-position: -5.11rem -2.68rem
    }

    .orderBox .oTelBox:after {
        content: "";
        position: absolute;
        left: 0.82rem;
        top: 0.12rem;
        display: block;
        width: 1px;
        height: 0.55rem;
        background: #dfdfdf
    }

.orderBox form .tel {
    position: relative;
    display: block;
    border: none;
    width: 4.3rem;
    height: 0.79rem;
    background: #EFEFEF;
    line-height: 0.62rem;
    color: #333;
    font-size: 0.24rem;
    padding: 0 0.02rem 0 1rem;
    overflow: hidden;
    white-space: nowrap
}

    .orderBox form .tel::-webkit-input-placeholder {
        color: #9A9A9A
    }

    .orderBox form .tel:-moz-placeholder {
        color: #9A9A9A
    }

    .orderBox form .tel::-moz-placeholder {
        color: #9A9A9A
    }

    .orderBox form .tel:-ms-input-placeholder {
        color: #9A9A9A
    }

    .orderBox form .tel:focus {
        color: #808080
    }

.orderBox form p {
    text-align: center;
    color: #404040;
    font-size: 0.24rem;
    line-height: 0.4rem;
    margin-top: 0.08rem;
    overflow: hidden;
    white-space: nowrap
}

    .orderBox form p em {
        color: #FF3333
    }

    .orderBox form p:last-of-type {
        font-size: 0.2rem;
        color: #ccc;
        margin-top: 0
    }

.orderBox form span {
    color: #ff3333;
    font-size: 0.14rem;
    text-align: left;
    display: block;
    width: 3.06rem;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap
}

.orderBox .oKnow, .orderBox form .oBtn {
    display: block;
    cursor: pointer;
    border: 0;
    width: 2.65rem;
    height: 0.68rem;
    background: #CC9966;
    border-radius: 0.34rem;
    line-height: 0.68rem;
    color: #fff;
    font-size: 0.28rem;
    margin: 0.14rem auto 0.46rem
}

.orderBox .msg {
    display: block;
    color: #ff3333;
    font-size: 0.14rem;
    text-align: left;
    width: 3.66rem;
    margin: 0 auto
}

.orderBox .oWin {
    width: 100%;
    height: auto;
    border-radius: 0.1rem;
    text-align: center
}

    .orderBox .oWin > p {
        position: relative;
        font-size: 0.32rem;
        color: #3FE7BD;
        width: 96%;
        margin: 0.05rem auto 0.02rem;
        line-height: 0.68rem;
        font-weight: bold
    }

    .orderBox .oWin > i {
        position: relative;
        display: block;
        width: 1.34rem;
        height: 1.01rem;
        background-position: -.07rem -4.15rem;
        margin: auto
    }

.orderBox .oAgin {
    width: 100%;
    height: auto;
    border-radius: 0.1rem;
    text-align: center
}

    .orderBox .oAgin > p {
        position: relative;
        font-size: 0.32rem;
        color: #66EDFF;
        width: 96%;
        margin: 0.05rem auto 0.02rem;
        line-height: 0.68rem;
        font-weight: bold
    }

    .orderBox .oAgin > i {
        position: relative;
        display: block;
        width: 1.34rem;
        height: 1.01rem;
        background-position: -1.97rem -4.15rem;
        margin: auto
    }

.gRule {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    max-width: 7.5rem;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7)
}

.ruleBox {
    position: absolute;
    z-index: 5;
    top: 1.8rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 6rem;
    min-height: 4.8rem;
    border-radius: 0.2rem;
    background-color: #fff;
    overflow: hidden
}

    .ruleBox .rClose {
        position: absolute;
        top: 0.24rem;
        right: 0.22rem;
        margin: auto;
        z-index: 10
    }

        .ruleBox .rClose i {
            display: block;
            margin: auto;
            width: 0.28rem;
            height: 0.28rem;
            background-position: -5.83rem -2.65rem;
            position: relative
        }

    .ruleBox .rTitle {
        position: relative;
        display: block;
        height: 0.76rem;
        background-color: #6f42c1;
        text-indent: 1em
    }

        .ruleBox .rTitle p {
            display: block;
            font-size: 0.32rem;
            color: #fff;
            font-weight: bold;
            line-height: 0.76rem;
            white-space: nowrap;
            overflow: hidden
        }

    .ruleBox .rSure {
        display: block;
        border: 0;
        width: 3.2rem;
        height: 0.68rem;
        line-height: 0.68rem;
        font-size: 0.32rem;
        color: #fff;
        background: #6f42c1;
        text-align: center;
        border-radius: 0.34rem;
        margin: 0.36rem auto 0.37rem
    }

.ruleMain {
    position: relative;
    display: block;
    max-height: 4.8rem;
    border: none;
    padding: 0.2rem 0.2rem 0 0.32rem;
    margin-right: 0.3rem;
    line-height: 0.42rem;
    font-size: 0.2rem;
    color: #666;
    border-radius: 0.04rem;
    overflow: hidden;
    overflow-y: auto
}

    .ruleMain > p {
        text-align: left;
        font-size: 0.2rem;
        color: #666;
        line-height: 0.36rem;
        margin: 0 auto 0.1rem
    }

    .ruleMain p {
        text-align: left;
        font-weight: lighter
    }

    .ruleMain strong {
        display: block;
        color: #333;
        line-height: 0.52rem;
        font-size: 0.24rem;
        font-weight: bold;
        text-indent: 0;
        text-align: left
    }

.gPrivacy {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    max-width: 7.5rem;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7)
}

.privacyBox {
    position: absolute;
    z-index: 5;
    top: 1.8rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 6rem;
    min-height: 4.8rem;
    border-radius: 0.2rem;
    background-color: #fff;
    overflow: hidden
}

    .privacyBox .pClose {
        position: absolute;
        top: 0.24rem;
        right: 0.22rem;
        margin: auto;
        z-index: 10
    }

        .privacyBox .pClose i {
            display: block;
            margin: auto;
            width: 0.28rem;
            height: 0.28rem;
            background-position: -5.83rem -2.65rem;
            position: relative
        }

    .privacyBox .pTitle {
        position: relative;
        display: block;
        height: 0.76rem;
        background-color: #6f42c1;
        text-indent: 1em
    }

        .privacyBox .pTitle p {
            display: block;
            font-size: 0.32rem;
            color: #fff;
            font-weight: bold;
            line-height: 0.76rem;
            white-space: nowrap;
            overflow: hidden
        }

    .privacyBox .pSure {
        display: block;
        border: 0;
        width: 3.2rem;
        height: 0.68rem;
        line-height: 0.68rem;
        font-size: 0.32rem;
        color: #fff;
        background: #6f42c1;
        text-align: center;
        border-radius: 0.34rem;
        margin: 0.36rem auto 0.37rem
    }

.privacyMain {
    position: relative;
    display: block;
    max-height: 4.8rem;
    border: none;
    padding: 0.2rem 0.2rem 0 0.32rem;
    margin-right: 0.3rem;
    line-height: 0.42rem;
    font-size: 0.2rem;
    color: #666;
    border-radius: 0.04rem;
    overflow: hidden;
    overflow-y: auto
}

    .privacyMain > p {
        text-align: left;
        font-size: 0.2rem;
        color: #666;
        line-height: 0.36rem;
        margin: 0 auto 0.1rem
    }

    .privacyMain p {
        text-align: left;
        font-weight: lighter
    }

    .privacyMain strong {
        display: block;
        color: #333;
        line-height: 0.52rem;
        font-size: 0.24rem;
        font-weight: bold;
        text-indent: 0;
        text-align: left
    }

.gLog {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    max-width: 7.5rem;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7)
}

.logBox {
    position: absolute;
    z-index: 5;
    top: 1.8rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 6rem;
    min-height: 4.8rem;
    border-radius: 0.2rem;
    background-color: #fff;
    overflow: hidden
}

    .logBox .lClose {
        position: absolute;
        top: 0.24rem;
        right: 0.22rem;
        margin: auto;
        z-index: 10
    }

        .logBox .lClose i {
            display: block;
            margin: auto;
            width: 0.28rem;
            height: 0.28rem;
            background-position: -5.83rem -2.65rem;
            position: relative
        }

    .logBox .lTitle {
        position: relative;
        display: block;
        height: 0.76rem;
        background-color: #6f42c1;
        text-indent: 1em
    }

        .logBox .lTitle p {
            display: block;
            font-size: 0.32rem;
            color: #fff;
            font-weight: bold;
            line-height: 0.76rem;
            white-space: nowrap;
            overflow: hidden
        }

    .logBox .lSure {
        display: block;
        border: 0;
        width: 3.2rem;
        height: 0.68rem;
        line-height: 0.68rem;
        font-size: 0.32rem;
        color: #fff;
        background: #6f42c1;
        text-align: center;
        border-radius: 0.34rem;
        margin: 0.36rem auto 0.37rem
    }

.logMain {
    position: relative;
    display: block;
    max-height: 4.8rem;
    border: none;
    padding: 0.2rem 0.2rem 0 0.32rem;
    margin-right: 0.3rem;
    line-height: 0.42rem;
    font-size: 0.2rem;
    color: #666;
    border-radius: 0.04rem;
    overflow: hidden;
    overflow-y: auto
}

    .logMain > p {
        text-align: left;
        font-size: 0.2rem;
        color: #666;
        line-height: 0.36rem;
        margin: 0 auto 0.1rem
    }

    .logMain p {
        text-align: left;
        font-weight: lighter
    }

    .logMain strong {
        display: block;
        color: #333;
        line-height: 0.52rem;
        font-size: 0.2rem;
        font-weight: bold;
        text-indent: 0;
        text-align: left
    }

.feedBack {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    overflow: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    max-width: 7.5rem;
    min-width: 3.2rem;
    background-color: rgba(0,0,0,.7)
}

.feBackBox {
    position: absolute;
    z-index: 5;
    top: 1.08rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 6.11rem;
    min-height: 4.8rem;
    border-radius: 0.1rem;
    text-align: center;
    background: url("../image/maskfkbg.png") no-repeat;
    background-color: #fff;
    background-size: 100% 100%
}

    .feBackBox .feBaClose {
        position: absolute;
        top: 0.08rem;
        right: 0.08rem;
        z-index: 10
    }

        .feBackBox .feBaClose i {
            display: block;
            margin: auto;
            width: 0.5rem;
            height: 0.5rem;
            background-position: -6.53rem -2.68rem;
            position: relative
        }

    .feBackBox .fTitle {
        position: relative;
        display: block;
        text-align: center;
        height: 0.9rem
    }

        .feBackBox .fTitle p {
            display: block;
            font-size: 0.4rem;
            color: #333;
            font-weight: bold;
            line-height: 0.82rem;
            white-space: nowrap;
            overflow: hidden
        }

    .feBackBox .fSure, .feSubmit input {
        display: block;
        border: 0;
        width: 3.22rem;
        height: 0.68rem;
        line-height: 0.68rem;
        font-size: 0.32rem;
        color: #fff;
        background: #3FE7BD;
        text-align: center;
        border-radius: 0.34rem;
        margin: 0.36rem auto 0.37rem
    }

    .feBackBox .cont {
        background: #fff;
        padding: 0 0 0.01rem;
        margin: 0 0.11rem 0.1rem;
        border-radius: 0.1rem
    }

.feBack {
    margin: 0 0.34rem 0 0.22rem
}

    .feBack > span {
        font-size: 0.28rem;
        color: #000;
        line-height: 0.46rem;
        margin: 0.16rem auto 0.1rem;
        display: block;
        text-align: left
    }

    .feBack .info {
        display: flex;
        flex-wrap: wrap;
        text-align: left;
        margin-top: -.12rem
    }

        .feBack .info p {
            font-size: 0.24rem;
            color: #999;
            line-height: 0.44rem
        }

.otherRe {
    background: #F0F0F0;
    border-radius: 0.06rem;
    overflow: hidden;
    padding: 0.1rem 0.13rem
}

.feBack textarea {
    width: 100%;
    height: 0.94rem;
    line-height: 0.32rem;
    border: none;
    resize: none;
    background: transparent;
    font-size: 0.2rem;
    color: #999
}

.checkbox {
    position: relative;
    display: block;
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem
}

    .checkbox:nth-last-child(1) {
        border-bottom: none
    }

    .checkbox input[type='checkbox'] {
        position: absolute;
        left: 0;
        top: 0;
        width: 0.2rem;
        height: 0.2rem;
        opacity: 0
    }

    .checkbox label {
        position: absolute;
        left: 0.48rem;
        top: 0;
        height: 0.4rem;
        line-height: 0.4rem;
        width: 90%;
        font-size: 0.24rem;
        color: #666;
        padding: 0.14rem 0
    }

        .checkbox label:after {
            content: '';
            position: absolute;
            left: -.46rem;
            top: 0.16rem;
            width: 0.33rem;
            height: 0.33rem;
            background: url("../image/icon.png") no-repeat;
            background-size: 10rem 10rem;
            background-position: -7.42rem -2.66rem
        }

    .checkbox input[type='checkbox']:checked + label:after {
        width: 0.33rem;
        height: 0.33rem;
        background-position: -8.135rem -2.635rem
    }

.telBox {
    overflow: hidden
}

    .telBox input {
        display: block;
        border: none;
        width: 100%;
        text-indent: 1em;
        border: none;
        background-color: #F6F6F6;
        color: #666;
        font-size: 0.2rem;
        border-radius: 0.06rem;
        line-height: 0.67rem;
        margin: 0 auto;
        overflow: hidden;
        white-space: nowrap
    }

        .telBox input::-webkit-input-placeholder {
            color: #999
        }

        .telBox input:-moz-placeholder {
            color: #999
        }

        .telBox input::-moz-placeholder {
            color: #999
        }

        .telBox input:-ms-input-placeholder {
            color: #999
        }

.titleBox {
    padding: 0 0.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

    .titleBox a {
        padding-right: 0.3rem;
        font-size: 0.24rem;
        line-height: 0.24rem;
        color: #999999;
        position: relative
    }

        .titleBox a::after {
            content: "";
            width: 0.21rem;
            height: 0.22rem;
            position: absolute;
            right: 0;
            top: 0.01rem;
            background: url("../image/indexIcon.png") no-repeat;
            background-size: 5.34rem 5.19rem;
            background-position: -3.1rem -4.69rem
        }

.indexWrap .rankings .rankingimg > img {
    filter: blur(30px)
}

body, html {
    overflow-x: hidden
}

.wdLink .linkTit {
    height: 0.52rem;
    font-weight: bold;
    font-size: 0.36rem;
    color: #aeaeae;
    line-height: 0.52rem;
    background-position: -2.7rem -0.1rem
}

.wdLink {
    margin-left: 0.3rem;
    padding-top: 0.36rem
}

    .wdLink .list {
        display: flex;
        flex-wrap: wrap;
        margin-top: 0.1rem
    }

        .wdLink .list a {
            display: block;
            margin-right: 0.3rem;
            font-size: 0.28rem;
            color: #f6f6f6;
            line-height: 0.42rem
        }

footer .fb a {
    position: relative;
    top: -.06rem;
    color: #f0f0f0
}

/* 0331 */
.feBaBtn {
    top: .2rem;
    font-size: .28rem;
    color: #e7040e;
    font-weight: bold;
    text-decoration: underline;
}

    .feBaBtn:before {
        position: relative;
        content: "!";
        font-weight: bold;
        font-size: .24rem;
        line-height: .26rem;
        width: .28rem;
        height: .28rem;
        margin-right: .06rem;
        display: inline-block;
        border: .02rem solid #e7040e;
        border-radius: 50%;
        text-align: center;
    }

.ztDetailTop {
    position: relative;
}

    .ztDetailTop:after {
        content: "";
        top: 0;
        right: .2rem;
        position: absolute;
        z-index: 1;
        border-bottom: 1px solid #f5b7b9;
        border-right: 1px solid #f5b7b9;
        border-radius: 0 0 .45rem .45rem;
        width: 1rem;
        height: .45rem;
        background-color: #6f42c12b;
    }

    .ztDetailTop .feBaBtn {
        position: absolute;
        z-index: 2;
        top: .02rem;
        right: .32rem;
        font-size: .24rem;
        color: #e7040e;
        font-weight: bold;
        text-decoration: underline;
    }

        .ztDetailTop .feBaBtn:before {
            position: relative;
            top: -.01rem;
            content: "!";
            font-weight: bold;
            font-size: .2rem;
            line-height: .22rem;
            width: .24rem;
            height: .24rem;
            margin-right: .04rem;
            display: inline-block;
            border: .02rem solid #e7040e;
            border-radius: 50%;
            text-align: center;
        }

.downbtn .noBtn {
    background: rgba(102, 102, 102, .5);
    color: rgba(255,255,255,.75);
}

.xinSlider {
    position: relative;
    margin: 0 .2rem;
    padding-bottom: .18rem;
}

    .xinSlider .swiper-container {
        height: 3.2rem;
        margin-bottom: .2rem;
        border-radius: .12rem;
        overflow: hidden;
    }

        .xinSlider .swiper-container a {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            border-radius: .12rem;
            overflow: hidden;
        }

            .xinSlider .swiper-container a img {
                display: block;
                width: 100%;
                min-height: 100%;
                height: auto;
            }

            .xinSlider .swiper-container a p {
                position: absolute;
                z-index: 2;
                bottom: 0;
                left: 0;
                padding-left: .27rem;
                max-width: 95%;
                height: .72rem;
                font-size: .32rem;
                color: #FEFEFE;
                line-height: .74rem;
                font-weight: bold;
                text-align: left;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

.wdIapp {
    margin-bottom: .13rem;
    margin-top: .3rem;
}

    .wdIapp ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        padding: 0 .08rem;
    }

        .wdIapp ul li {
            position: relative;
            display: block;
            text-align: center;
            width: 25%;
            padding: .13rem 0 .11rem;
        }

            .wdIapp ul li a {
                position: relative;
                display: block;
                z-index: 1;
            }

            .wdIapp ul li img {
                position: relative;
                display: block;
                width: 1.2rem;
                height: 1.2rem;
                border-radius: .24rem;
                margin: 0 auto .07rem;
            }

            .wdIapp ul li p {
                display: block;
                width: 96%;
                font-size: .3rem;
                color: #1F2121;
                height: .5rem;
                line-height: .5rem;
                margin: 0 auto;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

                .wdIapp ul li p:nth-of-type(2) {
                    font-size: .24rem;
                    color: #999;
                    height: .3rem;
                    line-height: .3rem;
                }

            .wdIapp ul li span {
                display: block;
                margin: auto;
                width: 1.2rem;
                height: 0.54rem;
                margin-top: 0.19rem;
                font-size: 0.24rem;
                color: #6f42c1;
                text-align: center;
                line-height: 0.54rem;
                background-color: #6f42c12b;
                border-radius: 0.27rem;
            }

.wdTit {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 0 .2rem .07rem;
    height: .56rem;
    line-height: .56rem;
    margin: auto;
}

    .wdTit h2 {
        position: relative;
        z-index: 1;
        display: block;
        font-size: .36rem;
        color: #1F2121;
        line-height: .56rem;
        font-weight: bold;
    }

    .wdTit a {
        position: relative;
        display: block;
        font-size: .24rem;
        color: #999;
        height: .56rem;
        line-height: .56rem;
        overflow: hidden;
    }

        .wdTit a:after {
            content: "";
            position: relative;
            top: .2rem;
            vertical-align: top;
            display: inline-block;
            margin-left: .08rem;
            width: .08rem;
            height: .16rem;
            background: url(../image/icon.png) no-repeat;
            background-size: 10rem 10rem;
            background-position: -.93rem -.07rem;
        }

    .wdTit strong {
        position: relative;
        z-index: 1;
        display: block;
        font-size: .36rem;
        color: #1F2121;
        line-height: .56rem;
        font-weight: bold;
    }

.xinSlider {
    padding-bottom: 0;
}

    .xinSlider .swiper-container {
        margin-bottom: .1rem;
    }

    .xinSlider ~ .classification {
        margin-bottom: .26rem;
    }