@charset "utf-8";

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td,
figure {
    margin: 0;
    padding: 0
}

fieldset,
img {
    border: 0
}

:focus {
    outline: 0
}

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

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

abbr,
acronym {
    border: 0;
    font-variant: normal
}

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit
}

code,
kbd,
samp,
tt {
    font-size: 100%
}

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

body {
    line-height: 1.5
}

ol,
ul {
    list-style: none
}

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

caption,
th {
    text-align: left
}

sup,
sub {
    font-size: 100%;
    vertical-align: baseline
}

:link,
:visited,
ins {
    text-decoration: none
}

blockquote,
q {
    quotes: none
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: '';
        content: none
    }

.clearfix {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1
}

    .clearfix:before,
    .clearfix:after {
        display: table;
        content: "";
        line-height: 0
    }

    .clearfix:after {
        clear: both
    }

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

html,
body {
    width: 100%;
    overflow-x: hidden;
}

a {
    color: #99423b;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    margin: 0;
    font-family: "Microsoft Yahei", Arial, Tahoma, Helvetica, "SimSun", "Hiragino Sans GB", sans-serif;
    font-size: 12px;
    line-height: 1.5;
    position: relative;
    color: #333;
    background: #f4f4f4;
    height: 100%;
}

button,
input,
select,
textarea,
th {
    background: #fff;
    font-size: 12px;
    line-height: 1;
    font-family: "Microsoft Yahei", Arial, Tahoma, Helvetica, "SimSun";
}

    input[type="submit"],
    input[type="reset"],
    input[type="password"],
    input[type="button"],
    input[type="text"],
    button {
        -webkit-appearance: none;
    }

/*取消苹果渲染*/
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

html {
    font-size: 100px;
}

body {
    font-size: .24rem;
    max-width: 7.5rem;
    min-width: 3.2rem;
    margin: 0 auto;
}

header,
section,
footer,
aside,
nav,
article,
figure {
    display: block;
}

.fx {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.fx_gw {
    -webkit-box-flex: 1.0;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flex_grow {
    -webkit-box-flex: 1.0;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.hide {
    display: none;
}

img {
    vertical-align: top;
    border: 0;
}

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

body {
    background: linear-gradient(135deg, #FF9966 0%, #FF5E62 100%);
    background-size: 100% 3rem;
    background-repeat: no-repeat;
    background-color: #fff;
}

.wrap {
    background: #fff;
    border-radius: .4rem .4rem;
    margin-top: .24rem;
    padding: .26rem .24rem 0;
}

.gaSoBg {
    position: relative;
    background-repeat: no-repeat;
    background-size: 110% 5rem;
    background-position: -.3rem -1rem;
}

    .gaSoBg:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 5rem;
        background-color: rgba(0, 0, 0, .4);
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
    }

header {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 0 .24rem;
    height: 1.2rem;
}

    header a {
        display: block;
    }

    header .logo {
        display: block;
        width: 2.54rem;
        height: .68rem;
        margin-top: .34rem;
    }

        header .logo img {
            display: block;
            width: 100%;
            height: auto;
        }

    header .searchBtn {
        display: block;
        width: .36rem;
        height: .36rem;
        padding: .1rem;
        background-position: .02rem .01rem;
        margin: .4rem .62rem 0 .1rem;
    }

    header .headNav {
        position: absolute;
        top: .4rem;
        right: .14rem;
        display: block;
        width: .36rem;
        height: .36rem;
        padding: .1rem;
        background-position: -.6rem .01rem;
    }

        header .headNav.current {
            background-position: -.7rem .09rem;
        }

nav {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: .7rem;
}

    nav:after {
        content: "";
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0;
        display: block;
        height: .7rem;
        width: .48rem;
        background: linear-gradient(to right, rgba(255, 94, 98, 0), rgba(255, 94, 98, .8));
    }

    nav ul {
        height: .7rem;
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap;
        font-size: 0;
        overflow-x: -moz-scrollbars-none;
        -ms-overflow-style: none;
        padding-left: .24rem;
    }

        nav ul::-webkit-scrollbar {
            width: 0;
            height: 0;
            display: none;
            -webkit-appearance: none;
            border-radius: 0;
        }


    nav li {
        display: inline-block;
    }

    nav a {
        display: block;
        line-height: .68rem;
        text-align: center;
        color: #fff;
        font-size: .26rem;
        padding: 0 .24rem .02rem;
        position: relative;
    }

        nav a.current {
            color: #fff;
            font-weight: bold;
            font-size: .38rem;
            padding: 0 .12rem .02rem;
        }

            nav a.current:after {
                content: "";
                position: absolute;
                bottom: 0rem;
                left: 0;
                right: 0;
                display: block;
                width: 50%;
                height: .08rem;
                background: #fff;
                border-radius: .04rem;
                margin: auto;
            }

    nav li:nth-of-type(1) a.current {
        margin-left: .24rem;
    }

.gaSoBg nav:after {
    display: none
}

footer {
    background-color: #202020;
    background: url(../images/footerbg.png) no-repeat;
    background-size: 100% 100%;
    padding: .46rem .2rem .3rem;
}

    footer img {
        margin: auto;
        display: block;
        height: 1.03rem;
        width: auto;
        margin-bottom: .24rem;
    }

    footer div {
        display: flex;
        justify-content: space-around;
        font-size: .28rem;
        color: #ccc;
        line-height: .42rem;
        margin: .2rem 0 .3rem;
    }

        footer div a {
            color: #ccc;
        }

    footer p,
    footer p a {
        font-size: .2rem;
        color: #A8A8A8;
        text-align: center;
        line-height: .24rem;
        margin-bottom: .16rem;
    }

.iTit {
    position: relative;
    display: flex;
    justify-content: space-between;
}

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

        .iTit strong i {
            font-size: .28rem;
            color: #666666;
            font-weight: 400;
            line-height: .62rem;
            margin-left: .1rem;
        }

    .iTit a,
    .iTit span {
        position: relative;
        z-index: 1;
        display: block;
        /* font-siz rem; */
        color: #A8A8A8;
        height: .62rem;
        line-height: .62rem;
    }

    .iTit strong:before {
        content: "";
        display: inline-block;
        width: .08rem;
        height: .26rem;
        background: linear-gradient(180deg, #F9D950 0%, #FF6D3C 100%);
        border-radius: .02rem;
        margin: 0 .12rem 0 .16rem;
    }

    .iTit strong.gd:before {
        background: linear-gradient(180deg, #F9D950 0%, #FF6D3C 100%);
    }

    .iTit strong.gr:before {
        background: linear-gradient(180deg, #5DF5A9 0%, #56E39D 100%);
    }

    .iTit strong.gt:before {
        background: linear-gradient(180deg, #1DE5E2 0%, #B588F7 100%);
    }

    .iTit strong.gz:before {
        background: linear-gradient(180deg, #B3FFAB 0%, #12FFF7 100%);
    }

    .iTit strong.st:before {
        background: linear-gradient(180deg, #A770EF 0%, #CF8BF3 50%, #FDB99B 100%);
    }

    .iTit strong.sd:before {
        background: linear-gradient(180deg, #799FFA 0%, #608AF9 100%);
    }

    .iTit strong.sr:before {
        background: linear-gradient(180deg, #FF7CAF 0%, #FF8960 100%);
    }

    .iTit strong.sz:before {
        background: linear-gradient(180deg, #B3FFAB 0%, #12FFF7 100%);
    }

    .iTit strong.hf:before {
        background: linear-gradient(180deg, #FFAFBD 0%, #FFC3A0 100%);
    }

    .iTit strong.gi:before {
        background: linear-gradient(180deg, #E1EEC3 0%, #F05053 100%);
    }

    .iTit strong.gl:before {
        background: linear-gradient(0deg, #4E54C8 0%, #8F94FB 100%);
    }

    .iTit strong.newg:before {
        content: "";
        position: relative;
        vertical-align: top;
        top: .08rem;
        margin: 0 .12rem 0 0;
        display: inline-block;
        width: .39rem;
        height: .39rem;
        background: url(../images/icon.png) no-repeat;
        background-size: 10rem 10rem;
        background-position: -7.73rem -2.88rem;
    }

.hideNav .iTit {
    padding: .1rem .3rem .1rem .14rem;
}

header .xs {
    background-position: -5.69rem -2.78rem;
}

.hideNav {
    width: 100%;
    max-width: 7.5rem;
    height: 100%;
    position: absolute;
    top: 1.1rem;
    left: 50%;
    margin-left: -3.75rem;
    z-index: 98;
    background: rgba(0, 0, 0, 0.65);
}

    .hideNav > div {
        background-color: #fff;
        padding-bottom: .08rem;
        width: 100%;
    }

    .hideNav div .title em {
        font-size: .32rem;
    }

.hNav {
    display: flex;
    flex-wrap: wrap;
    padding: .26rem .3rem 0;
    width: 7.36rem;
}

    .hNav::after {
        content: "";
        display: block;
        width: 6.9rem;
        height: .01rem;
        background-color: rgba(160, 160, 160, .3);
        margin-top: .3rem;
    }

    .hNav a {
        display: block;
        width: .8rem;
        height: .8rem;
        padding: .2rem .12rem .5rem;
        text-align: center;
        font-size: .24rem;
        color: #999;
        line-height: .56rem;
        margin-right: .42rem;
    }

        .hNav a:before {
            content: "";
            display: block;
            width: .8rem;
            height: .8rem;
            background-image: url(../images/icon.png);
            background-repeat: no-repeat;
            background-size: 10rem 10rem;
            background-position: -.08rem -3.66rem;
        }

        .hNav a:nth-of-type(1):before {
            background-position: -.08rem -3.66rem;
        }

        .hNav a:nth-of-type(2):before {
            background-position: -1.02rem -3.66rem;
        }

        .hNav a:nth-of-type(3):before {
            background-position: -1.95rem -3.66rem;
        }

        .hNav a:nth-of-type(4):before {
            background-position: -.08rem -4.79rem;
            border-radius: 50%;
        }

        .hNav a:nth-of-type(5):before {
            background-position: -2.92rem -3.66rem;
        }

        .hNav a:nth-of-type(6):before {
            background-position: -3.85rem -3.66rem;
        }

.hideNav > div:last-of-type {
    position: relative;
    padding-bottom: .66rem;
}

.hideNav ul {
    padding-left: .3rem;
    display: flex;
    flex-wrap: wrap;
    width: 7.36rem;
}

    .hideNav ul li {
        position: relative;
        margin-right: .22rem;
        margin-top: .12rem;
    }

        .hideNav ul li a {
            padding: 0 .3rem;
            display: block;
            height: .52rem;
            border: .01rem solid #eee;
            line-height: .52rem;
            border-radius: .26rem;
            font-size: .24rem;
            color: #333;
            margin-bottom: .1rem;
        }

        .hideNav ul li.hot a::after {
            content: "";
            position: absolute;
            right: 0;
            top: .08rem;
            display: block;
            width: .26rem;
            height: .352rem;
            background: url(../images/icon.png) no-repeat;
            background-size: 10rem 10rem;
            background-position: -5.23rem -2.88rem;
        }

.crumb {
    display: flex;
    position: relative;
    margin: auto;
    font-size: .24rem;
    color: #a8a8a8;
    line-height: .32rem;
    height: .32rem;
    overflow: hidden;
    margin-bottom: .2rem;
}

    .crumb a,
    .crumb span {
        position: relative;
        margin: 0 .15rem;
        font-size: .24rem;
        color: #a8a8a8;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .crumb span {
        flex: 1;
        color: #666;
    }

    .crumb a:nth-of-type(1) {
        margin-left: 0;
    }

.pageWrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    padding: .35rem 0 .5rem;
    height: .48rem;
}

    .pageWrap a,
    .pageWrap span {
        min-width: .48rem;
        max-width: 1.08rem;
        height: .48rem;
        line-height: .48rem;
        text-align: center;
        font-size: .24rem;
        color: #999;
        background-color: #F5F5F5;
        border-radius: .24rem;
        overflow: hidden;
    }

    .pageWrap .current {
        color: #fff;
        font-size: .24rem;
        background-color: #99423b;
    }

    .pageWrap .disabled {
        color: #b1b1b1;
    }

    .pageWrap i {
        position: relative;
        top: .14rem;
        left: .18rem;
        display: block;
        width: .12rem;
        height: .2rem;
    }

    .pageWrap .left {
        background-position: -4.49rem -.09rem;
    }

    .pageWrap .right {
        background-position: -4.87rem -.09rem;
        left: .2rem;
    }

    .pageWrap a:first-child,
    .pageWrap a:last-child {
        width: .88rem;
    }

.hSlider {
    display: flex;
    justify-content: space-between;
    height: 3rem;
    margin: .02rem auto .32rem;
}

    .hSlider .swiper-container {
        width: 7.02rem;
        height: 3rem;
        border-radius: .4rem;
    }

    .hSlider a {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-radius: .4rem;
    }

    .hSlider img {
        display: block;
        width: 100%;
        min-height: 100%;
        height: auto;
    }

    .hSlider .swiper-pagination {
        width: auto;
        right: .35rem;
        left: initial;
        bottom: .2rem;
    }

    .hSlider .swiper-pagination-bullet {
        width: .08rem;
        height: .08rem;
        background: rgba(255, 255, 255, .5);
        border-radius: .04rem;
        opacity: 1;
        margin: 0 .03rem;
    }

        .hSlider .swiper-pagination-bullet.swiper-pagination-bullet-active {
            width: .24rem;
            margin: 0 .03rem;
            background: #fff;
            opacity: 1
        }

.hNewsPlay {
    position: relative;
    display: flex;
    width: 6.42rem;
    height: .48rem;
    padding: .1rem .3rem;
    background: #F4F8FB;
    border-radius: .34rem;
    margin-bottom: .32rem;
}

    .hNewsPlay i {
        display: block;
        width: .77rem;
        height: .48rem;
        background-position: -.08rem -2.88rem;
    }

    .hNewsPlay .PlayList {
        position: relative;
        z-index: 1;
        flex: 1;
        height: .48rem;
        overflow: hidden;
    }

        .hNewsPlay .PlayList div a {
            position: relative;
            display: block;
            padding: 0 .4rem 0 .17rem;
            font-size: .24rem;
            color: #4D4D4D;
            line-height: .48rem;
            font-weight: bold;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

            .hNewsPlay .PlayList div a:after {
                content: "";
                position: absolute;
                top: .12rem;
                right: .02rem;
                display: block;
                width: .38rem;
                height: .24rem;
                background: url(../images/icon.png) no-repeat;
                background-size: 10rem 10rem;
                background-position: -1.15rem -2.88rem;
            }

.hGSGood {
    margin-bottom: .16rem;
}

    .hGSGood ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
    }

    .hGSGood li {
        width: 25%;
        height: 2.16rem;
    }

        .hGSGood li a {
            position: relative;
            display: block;
            text-align: center;
            padding: .15rem 0 .02rem 0;
        }

            .hGSGood li a img {
                display: block;
                width: 1.4rem;
                height: 1.4rem;
                border-radius: .3rem;
                margin: 0 auto;
            }

            .hGSGood li a p {
                display: block;
                max-width: 90%;
                font-size: .28rem;
                color: #333;
                height: .58rem;
                line-height: .58rem;
                margin: 0 auto;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

.hGSRec {
    margin-bottom: .31rem;
}

    .hGSRec ul {
        width: 104%;
        overflow-x: auto;
        white-space: nowrap;
        font-size: 0;
        overflow-x: -moz-scrollbars-none;
        -ms-overflow-style: none;
    }

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

    .hGSRec li {
        display: inline-block;
        width: 2.1rem;
        height: 2.08rem;
        background: #F4F8FB;
        border-radius: .12rem;
        margin-top: .66rem;
        margin-right: .24rem;
    }

        .hGSRec li a {
            position: relative;
            display: block;
            text-align: center;
            position: relative;
            margin-top: -.51rem;
        }

            .hGSRec li a img {
                display: block;
                width: 1.2rem;
                height: 1.2rem;
                border-radius: .24rem;
                margin: 0 auto;
            }

            .hGSRec li a p {
                display: block;
                max-width: 90%;
                font-size: .28rem;
                color: #333;
                height: .58rem;
                line-height: .58rem;
                margin: .04rem auto 0;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .hGSRec li a span {
                display: block;
                width: 1.2rem;
                height: .48rem;
                background: linear-gradient(to right, #FA7F2A, #99423b);
                background-color: #99423b;
                font-size: .24rem;
                color: #fff;
                line-height: .48rem;
                text-align: center;
                border-radius: 0.24rem;
                margin: auto;
                overflow: hidden;
            }

                .hGSRec li a span.no {
                    background: linear-gradient(to right, #06A5FF, #0568FA);
                }

.hGSTag {
    margin-bottom: .16rem;
}

    .hGSTag .list {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        width: 106%;
        padding-top: .15rem;
    }

        .hGSTag .list a {
            display: block;
            text-align: center;
            width: 1.64rem;
            height: .78rem;
            background: #F4F8FB;
            border-radius: .12rem;
            margin: 0 .15rem .17rem 0;
            font-size: .28rem;
            color: #333;
            font-weight: bold;
            line-height: .78rem;
            overflow: hidden;
        }

.hfLink {
    margin-bottom: .3rem;
    overflow: hidden;
}

    .hfLink .list {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        width: 106%;
        padding-top: .15rem;
    }

        .hfLink .list a {
            display: block;
            text-align: center;
            padding: 0 .27rem;
            height: .78rem;
            background: #F4F8FB;
            border-radius: .12rem;
            margin: 0 .15rem .17rem 0;
            font-size: .28rem;
            color: #333;
            font-weight: bold;
            line-height: .78rem;
        }

.hNews .tabMenu {
    height: .68rem;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
    overflow-x: -moz-scrollbars-none;
    -ms-overflow-style: none;
    margin-bottom: .05rem;
}

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

    .hNews .tabMenu span {
        position: relative;
        display: inline-block;
        line-height: .68rem;
        text-align: center;
        color: #999;
        font-size: .3rem;
        padding: 0 .35rem;
    }

        .hNews .tabMenu span.current {
            color: #333;
            font-weight: bold;
            font-size: .36rem;
            padding: 0 .23rem;
        }

            .hNews .tabMenu span.current:after {
                content: "";
                position: absolute;
                bottom: 0rem;
                left: 0;
                right: 0;
                display: block;
                width: 50%;
                height: .06rem;
                background: linear-gradient(to right, #99423b, #FA7F2A);
                background-color: #99423b;
                border-radius: .03rem;
                margin: auto;
            }

.hNews ul {
    margin-bottom: .08rem;
}

.hNews li:after {
    content: "";
    display: block;
    width: 100%;
    height: .02rem;
    background-color: #eee;
    border-radius: .01rem;
}

.hNews li a {
    display: flex;
    padding: .24rem 0;
}

    .hNews li a > div {
        flex: 1;
        height: 1.41rem;
        overflow: hidden;
    }

    .hNews li a img {
        display: block;
        width: 2.18rem;
        height: 1.48rem;
        border-radius: .12rem;
        margin-left: .32rem;
    }

    .hNews li a p {
        display: block;
        height: .8rem;
        font-size: .3rem;
        color: #333;
        font-weight: bold;
        line-height: .4rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin: .05rem 0 .27rem;
    }

    .hNews li a span {
        position: relative;
        display: block;
        font-size: .24rem;
        color: #999;
        line-height: .36rem;
    }

.hNews li:last-of-type:after {
    background: transparent;
}

.hGZt {
    margin-bottom: .2rem;
}

    .hGZt ul {
        width: 104%;
        height: 5rem;
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap;
        font-size: 0;
        overflow-x: -moz-scrollbars-none;
        -ms-overflow-style: none;
        padding: .13rem 0;
    }

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

    .hGZt li {
        display: inline-block;
        width: 3.48rem;
        height: 5rem;
        margin-right: .57rem;
    }

        .hGZt li a {
            position: relative;
            display: block;
            padding: 0 .32rem;
            width: 2.84rem;
            height: 5rem;
            background: #F4F8FB;
            border-radius: 5px;
        }

            .hGZt li a strong {
                display: block;
                font-size: .32rem;
                color: #242424;
                line-height: .89rem;
                font-weight: bold;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                margin-bottom: .06rem;
            }

            .hGZt li a img {
                width: 3.48rem;
                height: 2.4rem;
                border-radius: .12rem;
            }

            .hGZt li a i {
                position: absolute;
                left: .17rem;
                top: 1.31rem;
                display: block;
                padding: 0 .14rem 0 .15rem;
                height: .32rem;
                font-size: .2rem;
                color: #fff;
                line-height: .32rem;
                background: #6CC78E;
                border-radius: .05rem;
            }

            .hGZt li a p {
                display: block;
                height: .8rem;
                font-size: .24rem;
                color: #666;
                line-height: .4rem;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                margin: .21rem 0 .1rem;
                white-space: normal;
            }

            .hGZt li a span {
                position: relative;
                display: block;
                font-size: .24rem;
                color: #999;
                line-height: .36rem;
            }

.hSZt {
    margin-bottom: .2rem;
}

    .hSZt ul {
        width: 104%;
        height: 1.58rem;
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap;
        font-size: 0;
        overflow-x: -moz-scrollbars-none;
        -ms-overflow-style: none;
        padding: .13rem 0;
    }

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

    .hSZt li {
        display: inline-block;
        width: 3.37rem;
        height: 1.58rem;
        margin-right: .26rem;
    }

        .hSZt li a {
            position: relative;
            display: block;
            padding-left: 1.3rem;
            width: 2.07rem;
            height: 1.58rem;
            background: url(../images/icon.png) no-repeat;
            background-size: 10rem 10rem;
            background-position: -.08rem -8.21rem;
        }

            .hSZt li a strong {
                display: block;
                font-size: .3rem;
                color: #FFF;
                line-height: .4rem;
                font-weight: bold;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                padding-top: .6rem;
                margin-bottom: .06rem;
            }

            .hSZt li a p {
                display: block;
                height: .3rem;
                font-size: .2rem;
                color: #fff;
                line-height: .3rem;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

        .hSZt li:nth-of-type(2n+1) a {
            background-position: -.08rem -8.21rem;
        }

        .hSZt li:nth-of-type(2n+2) a {
            background-position: -3.64rem -8.21rem;
        }

.hGRank {
    position: relative;
    background: url(../images/igarankbg.png) no-repeat;
    background-size: 100% auto;
    padding-top: 1.89rem;
    margin-bottom: .2rem;
}

    .hGRank .tabMenu {
        height: .6rem;
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap;
        font-size: 0;
        overflow-x: -moz-scrollbars-none;
        -ms-overflow-style: none;
        padding-left: .12rem;
    }

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

        .hGRank .tabMenu span {
            position: relative;
            display: inline-block;
            font-size: .26rem;
            color: rgba(217, 199, 246, .6);
            line-height: .6rem;
            padding: 0 .24rem;
        }

            .hGRank .tabMenu span.current {
                color: #E1CFFF;
                font-weight: bold;
                font-size: .32rem;
                padding: 0 .12rem;
            }

                .hGRank .tabMenu span.current:after {
                    content: "";
                    position: absolute;
                    bottom: 0rem;
                    left: 0;
                    right: 0;
                    display: block;
                    width: 50%;
                    height: .06rem;
                    background-color: #E1CFFF;
                    border-radius: .03rem;
                    margin: auto;
                }

    .hGRank .tabCont {
        margin-top: .84rem;
    }

    .hGRank li a {
        display: flex;
        justify-content: space-between;
        padding: .18rem 0;
    }

        .hGRank li a i {
            width: .54rem;
            height: .63rem;
            line-height: .63rem;
            font-size: .32rem;
            color: #ABB2BA;
            font-weight: bold;
            margin-top: .09rem;
            margin-right: .32rem;
            text-align: center;
        }

        .hGRank li a img {
            width: .8rem;
            height: .8rem;
            border: .02rem solid transparent;
            border-radius: .2rem;
            margin-right: .22rem;
        }

        .hGRank li a div {
            flex: 1;
            display: flex;
            align-items: center;
        }

            .hGRank li a div p {
                font-size: .3rem;
                color: #333;
                font-weight: bold;
                max-height: 0.84rem;
                max-width: 2.2rem;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
            }

            .hGRank li a div em {
                position: relative;
                display: block;
                padding: 0 .1rem 0 .12rem;
                font-size: .22rem;
                color: #0CDD9B;
                line-height: .34rem;
                border: 1px solid rgba(12, 221, 155, .5);
                border-radius: .06rem;
                margin-left: .19rem;
            }

                .hGRank li a div em:before {
                    content: "";
                    position: relative;
                    top: .02rem;
                    display: inline-block;
                    width: .22rem;
                    height: .2rem;
                    background: url(../images/icon.png) no-repeat;
                    background-size: 10rem 10rem;
                    background-position: -3.06rem -.09rem;
                    margin-right: .04rem;
                }

                .hGRank li a div em.new {
                    color: #0CDD9B;
                    border-color: rgba(12, 221, 155, .5);
                }

                    .hGRank li a div em.new:before {
                        background-position: -3.06rem -.09rem;
                    }

                .hGRank li a div em.rec {
                    color: #3C93FF;
                    border-color: rgba(60, 147, 255, .5);
                }

                    .hGRank li a div em.rec:before {
                        background-position: -3.53rem -.09rem;
                    }

                .hGRank li a div em.good {
                    color: #FF7D3C;
                    border-color: rgba(255, 125, 60, .5);
                }

                    .hGRank li a div em.good:before {
                        background-position: -4.01rem -.09rem;
                    }

        .hGRank li a span {
            display: block;
            width: 1.2rem;
            height: .48rem;
            background: linear-gradient(to right, #FA7F2A, #99423b);
            background-color: #99423b;
            font-size: .24rem;
            color: #fff;
            line-height: .48rem;
            text-align: center;
            border-radius: 0.24rem;
            margin: auto;
            overflow: hidden;
        }

            .hGRank li a span.no {
                background: linear-gradient(to right, #06A5FF, #0568FA);
            }

.moreLink {
    display: block;
    margin: .09rem auto;
    width: 2.16rem;
    height: .44rem;
    line-height: .44rem;
    border: .02rem solid #333;
    border-radius: .24rem;
    font-size: .24rem;
    color: #333;
    font-weight: bold;
    text-align: center;
}

    .moreLink:after {
        content: "";
        vertical-align: top;
        position: relative;
        top: .16rem;
        display: inline-block;
        width: .21rem;
        height: .13rem;
        background: url(../images/icon.png) no-repeat;
        background-size: 10rem 10rem;
        background-position: -1.72rem -.09rem;
        margin-left: .06rem;
    }

.hGRank ol li:nth-of-type(-n+3) a i {
    font-size: 0;
    background: url(../images/icon.png) no-repeat;
    background-size: 10rem 10rem;
}

.hGRank ol li:nth-of-type(n+1) a i {
    background-position: -.08rem -1.33rem;
}

.hGRank ol li:nth-of-type(n+2) a i {
    background-position: -.88rem -1.33rem;
}

.hGRank ol li:nth-of-type(n+3) a i {
    background-position: -1.68rem -1.33rem;
}

.hGRank ol li:nth-of-type(1) a img {
    border-color: #FFDB5C;
}

.hGRank ol li:nth-of-type(2) a img {
    border-color: #D7DAE5;
}

.hGRank ol li:nth-of-type(3) a img {
    border-color: #FBB56D;
}

.hSRank {
    background: url(../images/isorankbg.png) no-repeat;
    background-size: 100% auto;
    padding-top: 1.66rem;
}

    .hSRank .tabMenu span.current,
    .hSRank .tabMenu span {
        color: #fff;
    }

        .hSRank .tabMenu span.current:after {
            background-color: #fff;
        }

.gsMenu {
    display: flex;
    justify-content: space-around;
    height: .58rem;
    background-color: #F2F6FF;
    margin-top: .25rem;
    margin-bottom: .03rem;
}

    .gsMenu a {
        position: relative;
        z-index: 1;
        flex: 1;
        display: block;
        height: .58rem;
        line-height: .51rem;
        font-size: .28rem;
        color: #A8A8A8;
        text-align: center;
    }

        .gsMenu a.current {
            font-size: .32rem;
            color: #fff;
            height: .67rem;
            line-height: .67rem;
            margin-top: -.09rem;
        }

            .gsMenu a.current:before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                z-index: -1;
                display: block;
                width: 100%;
                height: 100%;
                background: url(../images/tabmenubg.png) no-repeat;
                background-size: 100% 100%;
            }

        .gsMenu a:nth-of-type(n+2).current:before {
            background: url(../images/tabmbg.png) no-repeat;
            background-size: 100% 100%;
        }

        .gsMenu a:last-of-type.current:before {
            background: url(../images/tabmenubg.png) no-repeat;
            background-size: 100% 100%;
            transform: rotateY(180deg);
        }

.gsList li {
    position: relative;
}

    .gsList li a {
        align-items: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

        .gsList li a img {
            display: block;
            width: 1rem;
            height: 1rem;
            border-radius: .22rem;
            margin: .27rem 0;
        }

    .gsList li .info {
        -webkit-box-flex: 1.0;
        -moz-flex-grow: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        width: 0%;
        height: 1.04rem;
        padding: .25rem 0;
        margin-left: .24rem;
        position: relative;
        border-bottom: 1px solid #DCDCDC;
    }

        .gsList li .info p,
        .gsList li .info div {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .gsList li .info p {
            display: block;
            font-size: .28rem;
            color: #333;
            font-weight: bold;
            line-height: .3rem;
            font-family: PingFang;
        }

        .gsList li .info div {
            display: block;
            font-size: .2rem;
            line-height: .22rem;
            color: #A8A8A8;
            margin-top: .12rem
        }

            .gsList li .info div span {
                display: inline-block;
                vertical-align: top;
                padding: 0 .17rem;
                height: .3rem;
                background: #F5F5F5;
                border-radius: .15rem;
                font-size: .18rem;
                color: #999;
                line-height: .3rem;
                margin-right: .1rem;
            }

            .gsList li .info div i {
                font-size: .22rem;
                color: #FF7D3C;
                margin-right: .19rem;
            }

                .gsList li .info div i:before {
                    content: "";
                    position: relative;
                    top: .02rem;
                    margin-right: .05rem;
                    vertical-align: top;
                    display: inline-block;
                    width: .18rem;
                    height: .17rem;
                    background: url(../images/icon.png) no-repeat;
                    background-size: 10rem 10rem;
                    background-position: -2.16rem -.27rem;
                }

    .gsList li .btn {
        position: absolute;
        top: .53rem;
        right: 0;
        display: block;
        width: 1.2rem;
        height: .48rem;
        background: linear-gradient(to right, #FA7F2A, #99423b);
        background-color: #99423b;
        font-size: .24rem;
        color: #fff;
        line-height: .48rem;
        text-align: center;
        border-radius: 0.24rem;
        margin: auto;
        overflow: hidden;
    }

        .gsList li .btn.no {
            background: linear-gradient(to right, #06A5FF, #0568FA);
        }

.gsTag {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: .05rem;
}

    .gsTag a {
        display: block;
        width: 20%;
        font-size: .26rem;
        color: #333;
        line-height: .48rem;
        text-align: center;
        height: 1.6rem;
    }

        .gsTag a:before {
            content: "";
            position: relative;
            display: block;
            margin: auto;
            margin-top: .15rem;
            padding-bottom: .15rem;
            width: .64rem;
            height: .64rem;
            background: url(../images/tagicon.png) no-repeat;
            background-size: 20rem 5rem;
            background-position: -.2rem -.17rem;
        }

        .gsTag a.jsby:before {
            background-position: -.2rem -.17rem;
        }

        .gsTag a.xxyz:before {
            background-position: -1.21rem -.17rem;
        }

        .gsTag a.jdxy:before {
            background-position: -2.22rem -.17rem;
            width: .78rem;
        }

        .gsTag a.fgcq:before {
            background-position: -3.37rem -.17rem;
        }

        .gsTag a.hbxx:before {
            background-position: -4.33rem -.17rem;
        }

        .gsTag a.clsg:before {
            background-position: -5.25rem -.17rem;
        }

        .gsTag a.jymn:before {
            background-position: -6.17rem -.17rem;
        }

        .gsTag a.sjdz:before {
            background-position: -7.14rem -.17rem;
            width: .7rem;
        }

        .gsTag a.dzgd:before {
            background-position: -8.18rem -.17rem;
        }

        .gsTag a.yyjz:before {
            background-position: -9.19rem -.17rem;
        }

        .gsTag a.kpyc:before {
            background-position: -10.2rem -.17rem;
        }

        .gsTag a.hhtf:before {
            background-position: -11.21rem -.17rem;
        }

        .gsTag a.scmx:before {
            background-position: -12.22rem -.17rem;
        }

        .gsTag a.tyjj:before {
            background-position: -13.14rem -.17rem;
        }

        .gsTag a.scjs:before {
            background-position: -14.15rem -.17rem;
        }

        .gsTag a.kbjm:before {
            background-position: -15.17rem -.17rem;
        }

        .gsTag a.fzxx:before {
            background-position: -16.18rem -.17rem;
        }

        .gsTag a.syfz:before {
            background-position: -17.19rem -.17rem;
        }

        .gsTag a.gdfl:before {
            background-position: -18.2rem -.17rem;
        }

        .gsTag a.ltjy:before {
            background-position: -.2rem -1.41rem;
        }

        .gsTag a.sfzb:before {
            background-position: -1.21rem -1.41rem;
        }

        .gsTag a.psmh:before {
            background-position: -2.22rem -1.41rem;
        }

        .gsTag a.xxjy:before {
            background-position: -3.37rem -1.41rem;
        }

        .gsTag a.xwzx:before {
            background-position: -4.33rem -1.41rem;
        }

        .gsTag a.jtdh:before {
            background-position: -5.25rem -1.41rem;
        }

        .gsTag a.yybf:before {
            background-position: -6.17rem -1.41rem;
        }

        .gsTag a.ssgw:before {
            background-position: -7.14rem -.17rem;
            width: .7rem;
        }

        .gsTag a.tzlc:before {
            background-position: -8.18rem -1.41rem;
        }

        .gsTag a.lycx:before {
            background-position: -9.19rem -1.41rem;
        }

        .gsTag a.swbg:before {
            background-position: -10.2rem -1.41rem;
        }

        .gsTag a.ydjs:before {
            background-position: -11.21rem -1.41rem;
        }

        .gsTag a.shsy:before {
            background-position: -12.22rem -1.41rem;
        }

        .gsTag a.xsts:before {
            background-position: -13.14rem -1.41rem;
        }

        .gsTag a.mhyd:before {
            background-position: -14.15rem -1.41rem;
        }

        .gsTag a.yljk:before {
            background-position: -15.17rem -1.41rem;
        }

        .gsTag a.yxzs:before {
            background-position: -16.18rem -1.41rem;
        }

        .gsTag a.xtyy:before {
            background-position: -17.19rem -1.41rem;
        }

        .gsTag a.gdfl:before {
            background-position: -18.2rem -1.41rem;
        }

.gsTag {
    height: auto;
    overflow: hidden;
}

    /*.gsTag{height: 3.2rem;overflow: hidden;}
.gsTag a:nth-of-type(n+10){display: none;}
.gsTag a:last-of-type{display: block;}
.gsTag.gsTags{height: auto;}
.gsTag.gsTags a:nth-of-type(n+10){display: block;}*/
    .gsTag a.current {
        color: #99423b;
    }

.gsDTop {
    margin-top: .02rem;
}

    .gsDTop .info {
        display: flex;
        margin-bottom: .34rem;
    }

        .gsDTop .info img {
            width: 1.4rem;
            height: 1.4rem;
            padding: .06rem;
            background: url(../images/gameimgbg.png) no-repeat;
            background-size: 100% 100%;
            margin-right: .2rem;
        }

        .gsDTop .info > div {
            flex: 1;
        }

        .gsDTop .info h1 {
            display: block;
            font-size: .32rem;
            color: #333;
            font-weight: bold;
            line-height: .7rem;
            margin-bottom: .04rem;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .gsDTop .info > div div {
            display: flex;
            justify-content: flex-start;
        }

        .gsDTop .info dl:last-of-type {
            margin-right: 0;
        }

        .gsDTop .info dl {
            margin-right: .66rem;
            line-height: .36rem;
        }

            .gsDTop .info dl dt {
                font-size: .24rem;
                color: #A8A8A8;
            }

            .gsDTop .info dl dd {
                font-size: .24rem;
                color: #666;
            }

    .gsDTop .tag {
        display: flex;
        flex-wrap: wrap;
        font-size: .24rem;
        color: #999;
        line-height: .4rem;
        margin-bottom: .18rem;
    }

        .gsDTop .tag span {
            margin-bottom: .1rem;
            font-size: .24rem;
            color: #FC942B;
            line-height: .4rem;
            margin-right: .16rem;
            background: url(../images/gadetagbg.png) no-repeat;
            background-size: 100% 100%;
            padding: 0 .14rem;
        }

    .gsDTop .intro {
        display: flex;
        flex-wrap: wrap;
        font-size: .24rem;
        color: #999;
        line-height: .48rem;
        margin-bottom: .03rem;
    }

        .gsDTop .intro p {
            flex: 1;
            max-height: 2.4rem;
            font-size: .28rem;
            color: #666;
            line-height: .48rem;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
        }

.downLink {
    display: flex;
    width: 7.02rem;
    padding: .2rem 0 .1rem;
    margin: auto;
}

    .downLink a,
    .downLink button {
        display: block;
        width: 7.02rem;
        height: .8rem;
        line-height: .8rem;
        font-size: .32rem;
        color: #fff;
        text-align: center;
        border: none;
        border-radius: .4rem;
        margin: 0rem auto .2rem;
    }

    .downLink .adrBtn {
        background: linear-gradient(to right, #99423b, #99423b);
        background-color: #23D29E;
        box-shadow: 0 .05rem .15rem rgba(35, 210, 158, .2);
    }

        .downLink .adrBtn:before {
            content: "";
            display: inline-block;
            width: .4rem;
            height: .41rem;
            background-image: url(../images/icon.png);
            background-size: 10rem 10rem;
            background-repeat: no-repeat;
            background-position: -1.1rem -2.26rem;
            position: relative;
            top: .09rem;
            margin-right: .12rem;
        }

    .downLink .iosBtn {
        background-color: #3A94FF;
        box-shadow: 0 .05rem .15rem rgba(58, 148, 225, .4);
    }

        .downLink .iosBtn:before {
            content: "";
            display: inline-block;
            width: .32rem;
            height: .39rem;
            background-image: url(../images/icon.png);
            background-size: 10rem 10rem;
            background-repeat: no-repeat;
            background-position: -.08rem -2.26rem;
            position: relative;
            top: .06rem;
            margin-right: .12rem;
        }

    .downLink .ljBtn {
        flex: 1;
        width: auto;
        min-width: 3.3rem;
        max-width: 7.02rem;
        background-color: #fff;
        color: #56E39D;
        height: .76rem;
        line-height: .76rem;
        border: 1px solid #56E39D;
        box-shadow: 0 .05rem .15rem rgba(86, 227, 157, .2);
    }

        .downLink .ljBtn:before {
            content: "";
            display: inline-block;
            width: .32rem;
            height: .32rem;
            background-image: url(../images/icon.png);
            background-size: 10rem 10rem;
            background-repeat: no-repeat;
            background-position: -3.17rem -2.26rem;
            position: relative;
            top: .04rem;
            margin-right: .12rem;
        }

    .downLink .gsBtn {
        width: 3.3rem;
        margin-left: .18rem;
        background: linear-gradient(to bottom, #56E39D, #56E39D);
        box-shadow: 0 .05rem .15rem rgba(86, 227, 157, .4);
    }

        .downLink .gsBtn:before {
            content: "";
            display: inline-block;
            width: .32rem;
            height: .32rem;
            background-image: url(../images/icon.png);
            background-size: 10rem 10rem;
            background-repeat: no-repeat;
            background-position: -.56rem -2.26rem;
            position: relative;
            top: .04rem;
            margin-right: .12rem;
        }

    .downLink .orderBtn {
        background: #FFBC03;
        box-shadow: 0 .05rem .15rem rgba(255, 188, 3, .4);
    }

        .downLink .orderBtn:before {
            content: "";
            display: inline-block;
            width: .32rem;
            height: .32rem;
            background-image: url(../images/icon.png);
            background-size: 10rem 10rem;
            background-repeat: no-repeat;
            background-position: -1.6rem -2.26rem;
            position: relative;
            top: .06rem;
            margin-right: .12rem;
        }

    .downLink .noDown,
    .downLink .no {
        background-color: #e0e0e0;
        color: #999;
        box-shadow: 0 .05rem .15rem rgba(224, 224, 224, .4);
    }

        .downLink .noDown:before,
        .downLink .no:before {
            content: "";
            display: inline-block;
            width: .32rem;
            height: .32rem;
            background-image: url(../images/icon.png);
            background-size: 10rem 10rem;
            background-repeat: no-repeat;
            background-position: -2.11rem -2.26rem;
            position: relative;
            top: .06rem;
            margin-right: .12rem;
        }

.gState {
    width: 6.5rem;
    margin: 0 auto .2rem;
    padding: .2rem;
    ;
    background-color: #EFEFEF;
    border-radius: .1rem;
    font-size: .26rem;
    color: #8F9399;
    line-height: .4rem;
}

    .gState span {
        font-weight: bold;
    }

.gExplain {
    width: 6.5rem;
    margin: 0 auto .2rem;
    padding: .2rem;
    border: 1px solid #56E39D;
    background-color: #EBFFF5;
    border-radius: .04rem;
    font-size: .24rem;
    color: #808080;
    line-height: .4rem;
}

    .gExplain span {
        color: #56E39D;
    }

.oExplain {
    width: 6.5rem;
    margin: 0 auto .2rem;
    padding: .2rem;
    border: 1px solid #ffd2a6;
    background-color: #fffaf2;
    border-radius: .04rem;
    font-size: .24rem;
    color: #808080;
    line-height: .4rem;
}

    .oExplain span {
        color: #ffa622;
    }

.oTip {
    display: block;
    width: 7.02rem;
    margin: 0 auto .1rem;
    font-size: .2rem;
    color: #FB6961;
    line-height: .36rem;
}

    .oTip:before {
        content: "!";
        display: inline-block;
        width: .26rem;
        height: .26rem;
        font-size: .2rem;
        color: #fff;
        text-align: center;
        background-color: #FB6961;
        border-radius: 50%;
        line-height: .26rem;
        position: relative;
        top: 0;
        margin-right: .08rem;
    }

.showImg {
    padding: .08rem 0 .16rem
}

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

    .img_item ul {
        font-size: 0;
    }

        .img_item ul li {
            position: relative;
            margin-right: .2rem;
            display: inline-block;
            overflow: hidden;
        }

            .img_item ul li video {
                width: auto;
                height: 3.2rem;
            }

            .img_item ul li img {
                width: auto;
                height: 3.2rem;
            }

            .img_item ul li:last-of-type {
                margin-right: 0rem;
            }

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

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

.showImg ::-webkit-scrollbar {
    height: .16rem !important;
    border-radius: .08rem;
    background: #eee;
}

.showImg ::-webkit-scrollbar-thumb {
    border-radius: .08rem;
    background-color: #D2D2D2 !important;
}

.editCom {
    font-size: .28rem;
    line-height: .48rem;
    color: #666;
}

    .editCom a {
        color: #99423b;
    }

.gameCont .cont {
    font-size: .28rem;
    line-height: .48rem;
    color: #666;
}

    .gameCont .cont a {
        color: #99423b;
        display: inline-block;
        border-bottom: 1px solid #99423b;
        line-height: .46rem;
        text-indent: 0;
    }

    .gameCont .cont p {
        margin-bottom: .12rem;
        word-break: break-all;
    }

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

    .gameCont .cont h3 {
        position: relative;
        display: inline-block;
        font-size: .32rem;
        font-weight: bold;
        color: #99423b;
        line-height: .58rem;
        margin-bottom: .1rem;
    }

    .gameCont .cont br:last-child {
        display: none;
    }

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

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

        .gameCont .cont table a {
            border-bottom: none;
        }

    .gameCont .cont strong {
        font-weight: bold;
    }

.rizhi {
    max-height: 8rem;
    width: 100%;
    overflow: auto;
    margin-bottom: .24rem;
}

    .rizhi p {
        font-size: .28rem;
        color: #666666;
        line-height: .36rem;
        display: block;
        margin: .2rem .48rem .2rem .2rem;
        text-indent: 0;
    }

    .rizhi span {
        color: #aaa;
        font-size: .28rem;
        margin: 0 .48rem .1rem .2rem;
    }

    .rizhi strong {
        font-size: .28rem;
        font-weight: 400;
        color: #999;
    }

.gSInfo {
    position: relative;
    margin: 0 auto .2rem;
    background-color: #fff;
}

    .gSInfo ul {
        padding: .1rem 0;
    }

        .gSInfo ul li {
            font-size: .28rem;
            color: #666;
            line-height: .58rem;
            padding: .15rem .18rem;
            margin-bottom: .2rem;
            background: #FFF;
            box-shadow: 0 .06rem .12rem 0 rgba(0, 0, 0, 0.02);
            border-radius: .12rem;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            .gSInfo ul li:last-of-type {
                border: 0;
            }

            .gSInfo ul li span {
                float: right;
                max-width: 5.1rem;
                color: #666;
                word-break: break-all;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .gSInfo ul li .gPower,
            .gSInfo ul li .gSecret {
                color: #99423b;
            }

.feBaBtn {
    position: absolute;
    top: .12rem;
    right: .01rem;
    height: .32rem;
    font-size: .24rem;
    color: #FAD337;
    text-align: center;
    line-height: .32rem;
}

    .feBaBtn i {
        position: relative;
        top: .05rem;
        margin-right: .05rem;
        display: inline-block;
        width: .25rem;
        height: .25rem;
        background-position: -2.57rem -.09rem;
    }

.relVersion {
    margin: 0 auto .2rem;
    background-color: #fff;
}

    .relVersion ul {
        padding: .1rem 0;
    }

        .relVersion ul li {
            position: relative;
            margin-bottom: .12rem;
            background-color: rgba(251, 55, 31, .03);
        }

    .relVersion li a {
        align-items: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding: .18rem .2rem;
    }

        .relVersion li a img {
            display: block;
            width: .72rem;
            height: .72rem;
            border-radius: .1rem;
        }

    .relVersion li div {
        -webkit-box-flex: 1.0;
        -moz-flex-grow: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        width: 0%;
        height: .72rem;
        margin-left: .18rem;
        position: relative;
    }

        .relVersion li div p {
            display: block;
            width: auto;
            font-size: .24rem;
            color: #333;
            line-height: .42rem;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

            .relVersion li div p:nth-of-type(2) {
                line-height: .32rem;
            }

            .relVersion li div p span {
                margin-right: .28rem;
                color: #949494;
                font-size: .2rem;
                line-height: .32rem;
            }

    .relVersion li a > span {
        display: block;
        width: 1.2rem;
        height: .48rem;
        background: linear-gradient(to right, #FA7F2A, #99423b);
        background-color: #99423b;
        font-size: .24rem;
        color: #fff;
        line-height: .48rem;
        text-align: center;
        border-radius: 0.24rem;
        margin: auto;
        overflow: hidden;
    }

        .relVersion li a > span.no {
            background: linear-gradient(to right, #06A5FF, #0568FA);
        }

.relGaSo {
    margin-bottom: .16rem;
}

    .relGaSo ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
    }

    .relGaSo li {
        width: 25%;
        height: 2.78rem;
    }

        .relGaSo li a {
            position: relative;
            display: block;
            text-align: center;
            padding: .15rem 0 .02rem 0;
        }

            .relGaSo li a img {
                display: block;
                width: 1.4rem;
                height: 1.4rem;
                border-radius: .3rem;
                margin: 0 auto;
            }

            .relGaSo li a p {
                display: block;
                max-width: 90%;
                font-size: .28rem;
                color: #333;
                height: .58rem;
                line-height: .58rem;
                margin: 0 auto;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .relGaSo li a span {
                display: block;
                width: 1.2rem;
                height: .48rem;
                background: linear-gradient(to right, #FA7F2A, #99423b);
                background-color: #99423b;
                font-size: .24rem;
                color: #fff;
                line-height: .48rem;
                text-align: center;
                border-radius: 0.24rem;
                margin: auto;
                overflow: hidden;
            }

                .relGaSo li a span.no {
                    background: linear-gradient(to right, #06A5FF, #0568FA);
                }

.csJump {
    position: relative;
    margin-bottom: .24rem;
}

    .csJump:after {
        content: "";
        display: block;
        width: 7.02rem;
        height: .04rem;
        background: #EEE;
        border-radius: .04rem .04rem 0 0;
    }

    .csJump ul {
        height: .5rem;
        padding: .14rem 0;
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap;
        font-size: 0;
        overflow-x: -moz-scrollbars-none;
        -ms-overflow-style: none;
    }

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

        .csJump ul li {
            position: relative;
            display: inline-block;
            line-height: .5rem;
            text-align: center;
            color: #999;
            font-size: .24rem;
            padding: 0 .2rem;
        }

            .csJump ul li.current {
                z-index: 1;
                color: #333;
                font-weight: bold;
                font-size: .36rem;
                padding: 0 .15rem;
                font-family: YS-HelloFont-BangBangTi;
            }

                .csJump ul li.current:before {
                    content: "";
                    position: absolute;
                    z-index: -1;
                    bottom: 0rem;
                    left: 0;
                    right: 0;
                    display: block;
                    width: 1.43rem;
                    height: .19rem;
                    background-image: url(../images/icon.png);
                    background-size: 10rem 10rem;
                    background-repeat: no-repeat;
                    background-position: -1.83rem -2.88rem;
                    margin: auto;
                }

                .csJump ul li.current:after {
                    content: "";
                    position: absolute;
                    z-index: -1;
                    top: .03rem;
                    right: .05rem;
                    display: block;
                    width: .06rem;
                    height: .06rem;
                    background: #99423b;
                    border-radius: 50%;
                    margin: auto;
                }

.relGameZt {
    position: relative;
    margin-bottom: .24rem;
    min-height: 1.6rem;
}

    .relGameZt .tabCont {
        position: relative;
        margin-top: -.78rem;
    }

    .relGameZt .tabMenu {
        position: relative;
        z-index: 1;
        margin-top: .24rem;
        left: .24rem;
        margin-right: .6rem;
        height: .68rem;
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap;
        font-size: 0;
        overflow-x: -moz-scrollbars-none;
        -ms-overflow-style: none;
        white-space: nowrap;
        background: linear-gradient(to right, #FF6358, #FF8F55);
        border-radius: .2rem .4rem;
    }

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

        .relGameZt .tabMenu span {
            position: relative;
            display: inline-block;
            margin: 0 .15rem;
            font-size: .24rem;
            color: rgba(255, 255, 255, .7);
            line-height: .5rem;
            cursor: pointer;
        }

            .relGameZt .tabMenu span.current {
                font-size: .28rem;
                font-weight: bold;
                color: rgba(255, 255, 255, 1);
            }

                .relGameZt .tabMenu span.current:after {
                    content: "";
                    position: absolute;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    margin: auto;
                    display: block;
                    width: 68%;
                    height: .04rem;
                    background: #fff;
                    border-radius: .02rem;
                }

    .relGameZt .subBox > a {
        display: block;
        height: 2.78rem;
        padding-top: .78rem;
        background: url(../images/gadeztbg.png) no-repeat;
        background-size: 100% auto;
        overflow: hidden;
        *zoom: 1;
    }

    .relGameZt .subBox .img {
        float: left;
        margin: .19rem .2rem 0 .4rem;
        width: 3.18rem;
        min-height: 2.24rem;
        overflow: hidden;
        border-radius: .2rem;
    }

        .relGameZt .subBox .img img {
            width: 3.18rem;
            min-height: 2.24rem;
            height: auto;
            display: block;
            border-radius: .2rem;
        }

    .relGameZt .subBox .info {
        float: left;
        width: 3rem;
    }

        .relGameZt .subBox .info strong {
            display: block;
            text-align: center;
            font-size: .3rem;
            color: #fff;
            line-height: .42rem;
            text-shadow: 0 .03rem 0 rgba(179, 70, 62, 0.4);
            font-weight: bold;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .relGameZt .subBox .info p {
            display: block;
            margin-top: .16rem;
            height: 1.76rem;
            font-size: .26rem;
            color: #666;
            line-height: .44rem;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
        }

        .relGameZt .subBox .info div {
            overflow: hidden;
            *zoom: 1;
        }

            .relGameZt .subBox .info div span {
                position: absolute;
                top: .9rem;
                left: .36rem;
                display: block;
                padding: 0 .1rem;
                background: linear-gradient(to right, #FA7F2A, #99423b);
                ;
                font-size: .22rem;
                color: #fff;
                line-height: .42rem;
                border-radius: .22rem .11rem .22rem .11rem;
            }

    .relGameZt .list {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
    }

        .relGameZt .list a {
            position: relative;
            display: block;
            text-align: center;
            width: 25%;
            height: 2rem;
            padding: .15rem 0 .02rem 0;
        }

            .relGameZt .list a img {
                display: block;
                width: 1.4rem;
                height: 1.4rem;
                border-radius: .3rem;
                margin: 0 auto;
            }

            .relGameZt .list a p {
                display: block;
                max-width: 90%;
                font-size: .28rem;
                color: #333;
                height: .58rem;
                line-height: .58rem;
                margin: 0 auto;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

.gaHSTop {
    position: relative;
    display: block;
    margin: .12rem auto;
    width: 7.02rem;
    height: 4rem;
    border-radius: .2rem;
    overflow: hidden;
}

    .gaHSTop > img {
        width: 100%;
        min-height: 100%;
        height: auto;
        top: 0;
        left: 0;
        right: 0;
        position: absolute;
        background: inherit;
    }

    .gaHSTop .img {
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        position: absolute;
        background: inherit;
    }

        .gaHSTop .img img {
            width: 100%;
            min-height: 100%;
            height: auto;
            top: 0;
            left: 0;
            right: 0;
            position: absolute;
            background: inherit;
        }

.gaHSbg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1rem;
    margin: auto;
    overflow: hidden;
    *zoom: 1;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .3))), rgba(114, 102, 104, .2);
    background: linear-gradient(0deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), rgba(114, 102, 104, .2);
}

.gaHSTop .info {
    padding: .15rem .24rem .15rem .18rem;
    height: .7rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
    *zoom: 1;
}

    .gaHSTop .info img {
        float: left;
        display: block;
        width: .7rem;
        height: .7rem;
        border-radius: .16rem;
        margin-right: .2rem;
    }

    .gaHSTop .info > div {
        float: left;
        max-width: 5.2rem;
    }

        .gaHSTop .info > div h1,
        .gaHSTop .info > div p,
        .gaHSTop .info > div strong {
            font-size: .28rem;
            color: #fff;
            font-weight: 700;
            line-height: .34rem;
            white-space: nowrap;
            overflow: hidden;
        }

        .gaHSTop .info > div div {
            margin-top: .06rem;
            line-height: .28rem;
            font-size: .2rem;
            color: rgba(255, 255, 255, .8);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            .gaHSTop .info > div div span {
                display: inline-block;
                vertical-align: top;
                padding: 0 .1rem;
                text-align: center;
                height: .28rem;
                line-height: .28rem;
                font-size: .18rem;
                color: #fff;
                background-color: #00A0E9;
                border-radius: .14rem;
                margin-right: .16rem;
                font-weight: lighter;
            }

    .gaHSTop .info i {
        float: right;
        display: block;
        width: .32rem;
        height: .32rem;
        background-position: -.56rem -2.26rem;
        position: relative;
        top: .19rem;
    }

.gaHScore .gaHSTop .info > div div span {
    font-size: .2rem;
    border-radius: .05rem;
}

.gaHSList {
    margin-bottom: .24rem;
    padding-bottom: .1rem;
}

    .gaHSList li {
        position: relative;
    }

        .gaHSList li a {
            align-items: center;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
        }

            .gaHSList li a img {
                display: block;
                width: 1rem;
                height: 1rem;
                border-radius: .22rem;
                margin: .15rem 0;
            }

        .gaHSList li .info {
            -webkit-box-flex: 1.0;
            -moz-flex-grow: 1;
            -webkit-flex-grow: 1;
            flex-grow: 1;
            width: 0%;
            height: 1rem;
            padding: .15rem 0;
            margin-left: .24rem;
            position: relative;
        }

            .gaHSList li .info p,
            .gaHSList li .info div {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .gaHSList li .info p {
                display: block;
                font-size: .28rem;
                color: #333;
                font-weight: bold;
                line-height: .4rem;
                font-family: PingFang;
            }

            .gaHSList li .info div {
                display: block;
                font-size: .2rem;
                line-height: .24rem;
                color: #A8A8A8;
                margin-top: .06rem;
            }

                .gaHSList li .info div i {
                    display: inline-block;
                    vertical-align: top;
                    font-size: .18rem;
                    color: #FF7D3C;
                    line-height: .24rem;
                    background: #FFF3EF;
                    border-radius: .04rem;
                    padding: 0 .04rem;
                }

                    .gaHSList li .info div i:before {
                        content: "";
                        position: relative;
                        top: .02rem;
                        margin-right: .05rem;
                        vertical-align: top;
                        display: inline-block;
                        width: .18rem;
                        height: .17rem;
                        background: url(../images/icon.png) no-repeat;
                        background-size: 10rem 10rem;
                        background-position: -2.16rem -.27rem;
                    }

                .gaHSList li .info div em {
                    display: inline-block;
                    vertical-align: top;
                    font-size: .16rem;
                    color: #FF7D3C;
                    line-height: .24rem;
                    background: #FFF3EF;
                    border-radius: .04rem;
                    padding: 0 .04rem;
                    margin-left: .08rem;
                }

                .gaHSList li .info div span {
                    display: inline-block;
                    vertical-align: top;
                    font-size: .2rem;
                    color: #999;
                    margin-left: .09rem;
                }

        .gaHSList li .btn {
            position: absolute;
            top: .41rem;
            right: 0;
            display: block;
            width: 1.2rem;
            height: .48rem;
            background: linear-gradient(to right, #FA7F2A, #99423b);
            background-color: #99423b;
            font-size: .24rem;
            color: #fff;
            line-height: .48rem;
            text-align: center;
            border-radius: 0.24rem;
            margin: auto;
            overflow: hidden;
        }

            .gaHSList li .btn.no {
                background: linear-gradient(to right, #06A5FF, #0568FA);
            }

.tpMenu {
    width: 6.75rem;
    height: 1.17rem;
    padding: 1.93rem 0 0 .27rem;
    margin: auto;
    background: url(../images/zttopbg.png) no-repeat;
    background-size: 100% auto;
}

    .tpMenu div {
        display: flex;
    }

    .tpMenu a {
        width: 1.58rem;
        height: .54rem;
        margin-left: .19rem;
        font-size: .3rem;
        color: rgba(22, 94, 239, .5);
        text-align: center;
        line-height: .54rem;
        background: #F2F6FF;
        border-radius: .27rem;
        box-shadow: 0 .06rem .12rem 0 transparent;
    }

        .tpMenu a.current {
            font-weight: bold;
            color: #165EEF;
            box-shadow: 0 .06rem .12rem 0 rgba(4, 46, 147, 0.16);
        }

.tpTit {
    display: flex;
    padding-top: .14rem;
}

    .tpTit a,
    .tpTit h1 {
        position: relative;
        display: block;
        flex: 1;
        font-size: .32rem;
        color: #333;
        line-height: .48rem;
        font-weight: bold;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .tpTit a:before,
        .tpTit h1:before {
            content: "";
            position: relative;
            top: .045rem;
            margin-right: .08rem;
            display: inline-block;
            width: .34rem;
            height: .34rem;
            background: url(../images/icon.png) no-repeat;
            background-size: 10rem 10rem;
            background-position: -5.23rem -.09rem;
        }

    .tpTit p {
        color: #A8A8A8;
        font-size: .24rem;
        line-height: .48rem;
    }

        .tpTit p span {
            color: #99423b;
            margin: 0 .1rem;
        }

.tpsTit a:before,
.tpsTit h1:before {
    background-position: -5.81rem -.09rem;
}

.tpList .list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: .1rem;
}

    .tpList .list a {
        position: relative;
        display: block;
        text-align: center;
        width: 20%;
        height: 1.8rem;
        padding: .15rem 0 .04rem 0;
    }

        .tpList .list a img {
            display: block;
            width: 1.08rem;
            height: 1.08rem;
            border-radius: .24rem;
            margin: 0 auto;
        }

        .tpList .list a p {
            display: block;
            width: 100%;
            font-size: .28rem;
            color: #333;
            height: .58rem;
            line-height: .58rem;
            margin: .07rem auto;
            overflow: hidden;
            white-space: nowrap;
        }

.tpList .pageWrap {
    padding-top: .24rem;
}

.tpDTop {
    padding: .02rem 0 .07rem;
    margin-bottom: .15rem;
}

    .tpDTop .gaHSTop {
        margin-top: .02rem;
    }

    .tpDTop > p {
        display: block;
        margin-top: .06rem;
        max-height: 1.6rem;
        font-size: .24rem;
        color: #A8A8A8;
        line-height: .4rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }

.tpDList ul {
    margin-top: -.1rem;
}

.tpDList li {
    position: relative;
}

    .tpDList li a {
        align-items: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

        .tpDList li a img {
            display: block;
            width: 1rem;
            height: 1rem;
            border-radius: .22rem;
            margin: .27rem 0;
        }

    .tpDList li .info {
        -webkit-box-flex: 1.0;
        -moz-flex-grow: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        width: 0%;
        height: 1.04rem;
        padding: .25rem 0;
        margin-left: .24rem;
        position: relative;
        border-bottom: 1px solid #DCDCDC;
    }

        .tpDList li .info p,
        .tpDList li .info div {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .tpDList li .info p {
            display: block;
            font-size: .28rem;
            color: #333;
            font-weight: bold;
            line-height: .3rem;
            font-family: PingFang;
        }

        .tpDList li .info div {
            display: block;
            font-size: .2rem;
            line-height: .22rem;
            color: #A8A8A8;
            margin-top: .12rem
        }

            .tpDList li .info div span {
                display: inline-block;
                vertical-align: top;
                height: .3rem;
                font-weight: lighter;
                font-size: .18rem;
                color: #666;
                line-height: .3rem;
                margin-right: .12rem;
                background: url(../images/ztdetagbg.png) no-repeat;
                background-size: 100% 100%;
                padding: 0 .1rem;
            }

            .tpDList li .info div i {
                font-size: .22rem;
                color: #FF7D3C;
                margin-right: .19rem;
            }

                .tpDList li .info div i:before {
                    content: "";
                    position: relative;
                    top: .02rem;
                    margin-right: .05rem;
                    vertical-align: top;
                    display: inline-block;
                    width: .18rem;
                    height: .17rem;
                    background: url(../images/icon.png) no-repeat;
                    background-size: 10rem 10rem;
                    background-position: -2.16rem -.27rem;
                }

    .tpDList li .btn {
        position: absolute;
        top: .53rem;
        right: 0;
        display: block;
        width: 1.2rem;
        height: .48rem;
        background: linear-gradient(to right, #FA7F2A, #99423b);
        background-color: #99423b;
        font-size: .24rem;
        color: #fff;
        line-height: .48rem;
        text-align: center;
        border-radius: 0.24rem;
        margin: auto;
        overflow: hidden;
    }

        .tpDList li .btn.no {
            background: linear-gradient(to right, #06A5FF, #0568FA);
        }

.nsList {
    padding-top: .03rem;
    margin-top: .11rem;
}

    .nsList .gsMenu {
        margin-top: .2rem;
    }

    .nsList ul {
        margin-bottom: .1rem;
    }

    .nsList li {
        position: relative;
        padding: .22rem .2rem;
        background: #FAFAFA;
        border-radius: .05rem;
        margin-top: .2rem;
        overflow: hidden;
    }

.nGame {
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

    .nGame img {
        display: block;
        width: .6rem;
        height: .6rem;
        border-radius: .14rem;
        margin-right: .15rem;
    }

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

        .nGame div p {
            display: block;
            font-size: .28rem;
            color: #333;
            font-weight: bold;
            line-height: .3rem;
            font-family: PingFang;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .nGame div span {
            display: block;
            font-size: .2rem;
            line-height: .28rem;
            color: #A8A8A8;
            margin-top: .05rem
        }

            .nGame div span:before {
                content: "";
                display: inline-block;
            }

.nNews .img {
    width: 100%;
    height: 2.4rem;
    border-radius: .12rem;
    overflow: hidden;
    margin-top: .3rem;
}

    .nNews .img img {
        width: 100%;
        min-height: 2.4rem;
        height: auto;
        display: block;
    }

.nNews p {
    display: block;
    max-height: .96rem;
    font-size: .36rem;
    color: #333;
    font-weight: bold;
    line-height: .48rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: .16rem 0;
}

.nsList li > div {
    display: flex;
    justify-content: space-between;
    margin-bottom: .02rem;
}

    .nsList li > div span {
        display: block;
        color: #999;
        font-size: .28rem;
        line-height: .4rem;
    }

.nLook:before {
    content: "";
    position: relative;
    top: .02rem;
    margin-right: .12rem;
    display: inline-block;
    width: .36rem;
    height: .24rem;
    background: url(../images/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -7.52rem -.09rem;
}

.nLike {
    display: block;
    width: .4rem;
    height: .4rem;
    background: url(../images/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -8.14rem -.09rem;
}

.nsShare {
    position: absolute;
    right: .2rem;
    z-index: 2;
    display: block;
    width: .36rem;
    height: .4rem;
    background: url(../images/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -6.9rem -.09rem;
}

.nLike.current {
    background-position: -8.14rem -.59rem;
}

.newsCont {
    margin: .32rem auto .2rem;
    overflow: hidden;
}

    .newsCont h1 {
        font-size: .48rem;
        color: #333;
        font-weight: bold;
        line-height: .66rem;
        margin-bottom: .1rem;
    }

    .newsCont .nInfo {
        position: relative;
        display: flex;
        justify-content: space-between;
        font-size: .24rem;
        color: #A8A8A8;
        line-height: .44rem;
        margin-bottom: .22rem;
    }

    .newsCont .tag {
        display: flex;
        flex-wrap: wrap;
        font-size: .24rem;
        color: #999;
        line-height: .4rem;
        margin-bottom: .2rem;
    }

        .newsCont .tag span {
            margin-bottom: .1rem;
            font-size: .24rem;
            color: #FC942B;
            line-height: .4rem;
            margin-right: .16rem;
            background: url(../images/gadetagbg.png) no-repeat;
            background-size: 100% 100%;
            padding: 0 .14rem;
        }

    .newsCont .cont {
        font-size: .3rem;
        line-height: .52rem;
        color: #4D4D4D;
    }

        .newsCont .cont a {
            color: #99423b;
            display: inline-block;
            border-bottom: 1px solid #99423b;
            line-height: .39rem;
            text-indent: 0;
        }

        .newsCont .cont p {
            margin-bottom: .1rem;
            word-break: break-all;
        }

        .newsCont .cont img {
            display: block;
            max-width: 100%;
            height: auto;
            margin: .2rem auto;
        }

        .newsCont .cont h3 {
            position: relative;
            display: block;
            font-size: .32rem;
            color: #333;
            font-weight: bold;
            line-height: .52rem;
            margin-bottom: .12rem;
        }

        .newsCont .cont br:last-child {
            display: none;
        }

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

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

            .newsCont .cont table a {
                border-bottom: none;
                color: #2440b3;
            }

        .newsCont .cont strong {
            font-weight: bold;
        }

.nsDeZan {
    margin: .2rem auto;
    text-align: center;
}

    .nsDeZan div {
        line-height: .4rem;
    }

    .nsDeZan i {
        position: relative;
        top: .03rem;
        display: inline-block;
        width: .29rem;
        height: .29rem;
        background-position: -9.35rem -.09rem;
        margin-right: .15rem;
    }

    .nsDeZan span {
        font-size: .3rem;
        color: #A8A8A8;
    }

    .nsDeZan p {
        display: none;
        font-size: .24rem;
        color: #99423b;
        line-height: .4rem;
        margin-top: .1rem;
    }

    .nsDeZan.current i {
        background-position: -8.8rem -.09rem;
    }

    .nsDeZan.current span {
        color: #99423b;
    }

    .nsDeZan.current p {
        display: block;
    }

.pageBox {
    display: flex;
    padding: .12rem 0;
}

    .pageBox p {
        position: relative;
        display: block;
        width: 3.28rem;
        padding-bottom: .1rem;
        transform: skew(-20deg);
        background: #F5F5F5;
        margin-left: .15rem;
    }

    .pageBox span,
    .pageBox a:nth-of-type(1) {
        display: block;
        position: relative;
        transform: skew(20deg);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .pageBox span {
        font-size: .26rem;
        color: #666;
        line-height: .54rem;
    }

    .pageBox p:nth-of-type(1) span {
        text-align: left;
        margin-left: .12rem;
    }

    .pageBox p:nth-of-type(2) span {
        text-align: right;
        margin-right: .1rem;
    }

    .pageBox a:nth-of-type(1) {
        width: 92%;
        font-size: .26rem;
        color: #333;
        line-height: .34rem;
        margin-left: .2rem;
    }

    .pageBox a:nth-of-type(2) {
        position: absolute;
        top: .14rem;
        display: block;
        transform: skew(20deg);
    }

        .pageBox a:nth-of-type(2) i {
            display: block;
            width: .34rem;
            height: .24rem;
            background-position: -6.45rem -2.88rem;
        }

    .pageBox .pre {
        right: .2rem;
    }

    .pageBox .next {
        left: .2rem;
    }

    .pageBox a:nth-of-type(2).next i {
        background-position: -7.09rem -2.88rem;
    }

.nsGame {
    padding: .08rem .2rem .22rem;
    background: #FAFAFA;
    border-radius: .05rem;
    margin: .1rem auto .2rem;
}

    .nsGame .nNews {
        position: relative;
    }

    .nsGame .nLook {
        position: absolute;
        bottom: .14rem;
        right: .2rem;
        color: #999;
    }

    .nsGame .nNews .img {
        margin-top: .21rem;
        margin-bottom: .3rem;
    }

    .nsGame .nGame p i {
        display: inline-block;
        position: relative;
        top: 0;
        left: 0;
        margin-left: .32rem;
        vertical-align: top;
    }

    .nsGame .nGame {
        position: relative;
    }

        .nsGame .nGame > p {
            position: absolute;
            right: 0rem;
        }

.nGSGood {
    margin-bottom: .16rem;
}

    .nGSGood .list {
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        font-size: 0;
        overflow-x: -moz-scrollbars-none;
        -ms-overflow-style: none;
    }

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

        .nGSGood .list a {
            position: relative;
            display: inline-block;
            text-align: center;
            width: 20%;
            height: 1.8rem;
            padding: .15rem 0 .04rem 0;
        }

            .nGSGood .list a img {
                display: block;
                width: 1.08rem;
                height: 1.08rem;
                border-radius: .24rem;
                margin: 0 auto;
            }

            .nGSGood .list a p {
                display: block;
                width: 100%;
                font-size: .28rem;
                color: #333;
                height: .58rem;
                line-height: .58rem;
                margin: .07rem auto;
                overflow: hidden;
                white-space: nowrap;
            }

.nNesGame {
    padding: .2rem;
    margin: .2rem .06rem;
    background: #FFF;
    box-shadow: .08rem .08rem .16rem .08rem rgba(0, 0, 0, 0.02);
    border-radius: .16rem;
}

    .nNesGame > p {
        font-size: .24rem;
        color: #A8A8A8;
        line-height: .32rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: .19rem;
    }

    .nNesGame .img {
        width: 100%;
        height: 2.38rem;
        border-radius: .12rem;
        overflow: hidden;
        margin: .05rem auto;
    }

        .nNesGame .img img {
            width: 100%;
            min-height: 2.38rem;
            height: auto;
            display: block;
        }

    .nNesGame a p {
        font-size: .32rem;
        color: #4D4D4D;
        line-height: .6rem;
        font-weight: bold;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: .09rem;
    }

    .nNesGame .copies {
        display: flex;
    }

        .nNesGame .copies div {
            flex: 1;
            white-space: nowrap;
            overflow: hidden;
            margin-right: .12rem;
        }

            .nNesGame .copies div span {
                display: inline-block;
                vertical-align: top;
                margin-right: .1rem;
                padding: 0 .16rem;
                height: .32rem;
                line-height: .32rem;
                font-size: .18rem;
                color: #999;
                background: #F5F5F5;
                border-radius: .15rem;
            }

        .nNesGame .copies i {
            font-size: .24rem;
            color: #A8A8A8;
            line-height: .32rem;
        }

.rankTop {
    position: relative;
    left: -.24rem;
    top: -.2rem;
    margin: auto;
    margin-top: -.08rem;
    display: block;
    width: 7.5rem;
    height: 3.88rem;
    border-radius: .4rem;
    overflow: hidden;
}

    .rankTop > img {
        width: 100%;
        min-height: 100%;
        height: auto;
        top: 0;
        left: 0;
        right: 0;
        position: absolute;
        background: inherit;
    }

.rTbg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: .8rem;
    margin: auto;
    overflow: hidden;
    *zoom: 1;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .3))), rgba(114, 102, 104, .2);
    background: linear-gradient(0deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), rgba(114, 102, 104, .2);
}

.rankTop .rTMenu {
    display: flex;
    justify-content: space-around;
    padding: .1rem 0;
    height: .6rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
    *zoom: 1;
}

    .rankTop .rTMenu a,
    .rankTop .rTMenu span {
        font-size: .3rem;
        font-weight: 500;
        color: rgba(255, 255, 255, .6);
        line-height: .6rem;
        cursor: pointer;
    }

        .rankTop .rTMenu a.current {
            font-size: .36rem;
            font-weight: bold;
            color: #fff;
        }

.rTHide {
    position: absolute;
    top: 2.1rem;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 5;
    width: 100%;
    height: auto;
    background-color: rgba(0, 0, 0, .5);
    border-radius: .4rem .4rem 0 0;
}

    .rTHide .iTit strong:before {
        display: none;
    }

    .rTHide > div {
        background: #fff;
        padding: .46rem .44rem .24rem;
        border-radius: .36rem .36rem 0 0;
    }

.rankTag {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width: 106%;
}

    .rankTag a {
        display: block;
        width: 2rem;
        height: .64rem;
        line-height: .64rem;
        text-align: center;
        background: #F5F5F5;
        border-radius: .12rem;
        margin: 0 .3rem .3rem 0;
        font-size: .26rem;
        color: #333;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        .rankTag a:before {
            content: "";
            position: relative;
            display: inline-block;
            vertical-align: top;
            width: .64rem;
            height: .64rem;
            background: url(../images/tagicon.png) no-repeat;
            background-size: 20rem 5rem;
            background-position: -.2rem -.17rem;
            transform: scale(.5);
        }

        .rankTag a.jsby:before {
            background-position: -.2rem -.17rem;
        }

        .rankTag a.xxyz:before {
            background-position: -1.21rem -.17rem;
        }

        .rankTag a.jdxy:before {
            background-position: -2.22rem -.17rem;
            width: .78rem;
        }

        .rankTag a.fgcq:before {
            background-position: -3.37rem -.17rem;
        }

        .rankTag a.hbxx:before {
            background-position: -4.33rem -.17rem;
        }

        .rankTag a.clsg:before {
            background-position: -5.25rem -.17rem;
        }

        .rankTag a.jymn:before {
            background-position: -6.17rem -.17rem;
        }

        .rankTag a.sjdz:before {
            background-position: -7.14rem -.17rem;
            width: .7rem;
        }

        .rankTag a.dzgd:before {
            background-position: -8.18rem -.17rem;
        }

        .rankTag a.yyjz:before {
            background-position: -9.19rem -.17rem;
        }

        .rankTag a.kpyc:before {
            background-position: -10.2rem -.17rem;
        }

        .rankTag a.hhtf:before {
            background-position: -11.21rem -.17rem;
        }

        .rankTag a.scmx:before {
            background-position: -12.22rem -.17rem;
        }

        .rankTag a.tyjj:before {
            background-position: -13.14rem -.17rem;
        }

        .rankTag a.scjs:before {
            background-position: -14.15rem -.17rem;
        }

        .rankTag a.kbjm:before {
            background-position: -15.17rem -.17rem;
        }

        .rankTag a.fzxx:before {
            background-position: -16.18rem -.17rem;
        }

        .rankTag a.syfz:before {
            background-position: -17.19rem -.17rem;
        }

        .rankTag a.gdfl:before {
            background-position: -18.2rem -.17rem;
        }

        .rankTag a.ltjy:before {
            background-position: -.2rem -1.41rem;
        }

        .rankTag a.sfzb:before {
            background-position: -1.21rem -1.41rem;
        }

        .rankTag a.psmh:before {
            background-position: -2.22rem -1.41rem;
        }

        .rankTag a.xxjy:before {
            background-position: -3.37rem -1.41rem;
        }

        .rankTag a.xwzx:before {
            background-position: -4.33rem -1.41rem;
        }

        .rankTag a.jtdh:before {
            background-position: -5.25rem -1.41rem;
        }

        .rankTag a.yybf:before {
            background-position: -6.17rem -1.41rem;
        }

        .rankTag a.ssgw:before {
            background-position: -7.14rem -.17rem;
            width: .7rem;
        }

        .rankTag a.tzlc:before {
            background-position: -8.18rem -1.41rem;
        }

        .rankTag a.lycx:before {
            background-position: -9.19rem -1.41rem;
        }

        .rankTag a.swbg:before {
            background-position: -10.2rem -1.41rem;
        }

        .rankTag a.ydjs:before {
            background-position: -11.21rem -1.41rem;
        }

        .rankTag a.shsy:before {
            background-position: -12.22rem -1.41rem;
        }

        .rankTag a.xsts:before {
            background-position: -13.14rem -1.41rem;
        }

        .rankTag a.mhyd:before {
            background-position: -14.15rem -1.41rem;
        }

        .rankTag a.yljk:before {
            background-position: -15.17rem -1.41rem;
        }

        .rankTag a.yxzs:before {
            background-position: -16.18rem -1.41rem;
        }

        .rankTag a.xtyy:before {
            background-position: -17.19rem -1.41rem;
        }

        .rankTag a.gdfl:before {
            background-position: -18.2rem -1.41rem;
        }

.rankHot ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width: 106%;
    padding-top: .15rem;
}

.rankHot li {
    display: block;
    text-align: center;
    padding: 0 .13rem;
    width: 1.82rem;
    height: .56rem;
    background: #F5F5F5;
    border-radius: .28rem;
    margin: 0 .2rem .2rem 0;
    line-height: .56rem;
    overflow: hidden;
}

    .rankHot li a {
        display: block;
        font-size: .26rem;
        color: #333;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.rTSure {
    display: block;
    margin: .3rem auto;
    width: 5.4rem;
    height: .72rem;
    background: linear-gradient(to left, #FA7F2A, #99423b);
    background-color: #99423b;
    font-size: .32rem;
    color: #fff;
    line-height: .72rem;
    text-align: center;
    border-radius: 0.36rem;
}

.rankList {
    margin-bottom: .28rem;
}

    .rankList .gsMenu {
        margin: .2rem 0;
    }

    .rankList li {
        position: relative;
    }

        .rankList li a {
            align-items: center;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
        }

            .rankList li a img {
                display: block;
                width: 1rem;
                height: 1rem;
                border: .02rem solid transparent;
                border-radius: .22rem;
                margin: .2rem 0;
            }

        .rankList li .info {
            -webkit-box-flex: 1.0;
            -moz-flex-grow: 1;
            -webkit-flex-grow: 1;
            flex-grow: 1;
            width: 0%;
            height: 1.04rem;
            padding: .2rem 0;
            margin-left: .22rem;
            position: relative;
        }

            .rankList li .info p,
            .gaHSList li .info div {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

            .rankList li .info p {
                display: block;
                font-size: .28rem;
                color: #333;
                font-weight: bold;
                line-height: .38rem;
                font-family: PingFang;
            }

            .rankList li .info div {
                display: block;
                font-size: .2rem;
                line-height: .24rem;
                color: #A8A8A8;
                margin-top: .06rem;
                white-space: nowrap;
                overflow: hidden;
            }

                .rankList li .info div i {
                    display: inline-block;
                    vertical-align: top;
                    font-size: .24rem;
                    color: #0CDD9B;
                    line-height: .24rem;
                }

                    .rankList li .info div i:before {
                        content: "";
                        position: relative;
                        top: .02rem;
                        margin-right: .05rem;
                        vertical-align: top;
                        display: inline-block;
                        width: .19rem;
                        height: .19rem;
                        background: url(../images/icon.png) no-repeat;
                        background-size: 10rem 10rem;
                        background-position: -8.42rem -2.88rem;
                    }

                .rankList li .info div span {
                    display: inline-block;
                    vertical-align: top;
                    font-size: .2rem;
                    color: #999;
                    margin-left: .21rem;
                }

            .rankList li .info em {
                position: relative;
                vertical-align: top;
                display: inline-block;
                margin-top: .08rem;
                padding: 0 .1rem;
                font-size: .18rem;
                color: #0CDD9B;
                height: .24rem;
                line-height: .24rem;
                border: .02rem solid #0CDD9B;
                ;
                border-radius: .08rem;
            }

            .rankList li .info p:nth-of-type(2) {
                font-size: .2rem;
                color: #A8A8A8;
                font-weight: normal;
                line-height: .4rem;
            }

        .rankList li .btn {
            position: absolute;
            top: .41rem;
            right: 0;
            display: block;
            width: 1.2rem;
            height: .48rem;
            background: linear-gradient(to right, #FA7F2A, #99423b);
            background-color: #99423b;
            font-size: .24rem;
            color: #fff;
            line-height: .48rem;
            text-align: center;
            border-radius: 0.24rem;
            margin: auto;
            overflow: hidden;
        }

            .rankList li .btn.no {
                background: linear-gradient(to right, #06A5FF, #0568FA);
            }

                .rankList li .btn:after,
                .rankList li .btn.no:after {
                    content: "";
                    position: relative;
                    margin-left: .05rem;
                    display: inline-block;
                    width: .21rem;
                    height: .17rem;
                    background: url(../images/icon.png) no-repeat;
                    background-size: 10rem 10rem;
                    background-position: -8.91rem -2.88rem;
                }

        .rankList li a > i {
            width: .54rem;
            height: .63rem;
            line-height: .63rem;
            font-size: .32rem;
            color: #ABB2BA;
            font-weight: bold;
            margin-top: .04rem;
            margin-right: .32rem;
            text-align: center;
        }

        .rankList li:nth-of-type(-n+3) a > i {
            font-size: 0;
            background: url(../images/icon.png) no-repeat;
            background-size: 10rem 10rem;
        }

        .rankList li:nth-of-type(n+1) a > i {
            background-position: -.08rem -1.33rem;
        }

        .rankList li:nth-of-type(n+2) a > i {
            background-position: -.88rem -1.33rem;
        }

        .rankList li:nth-of-type(n+3) a > i {
            background-position: -1.68rem -1.33rem;
        }

        .rankList li:nth-of-type(1) a img {
            border-color: #FFDB5C;
        }

        .rankList li:nth-of-type(2) a img {
            border-color: #D7DAE5;
        }

        .rankList li:nth-of-type(3) a img {
            border-color: #FBB56D;
        }

/*biaoqian*/
.tagsList .gsMenu {
    margin-top: .16rem;
}

.tagsList ul {
    width: 108%;
    padding: .12rem 0;
}

.tagsList li {
    display: inline-block;
    width: 2.14rem;
    height: 2.1rem;
    background: #F4F8FB;
    border-radius: .12rem;
    margin-top: .76rem;
    margin-right: .22rem;
}

    .tagsList li a {
        position: relative;
        display: block;
        text-align: center;
        position: relative;
        margin-top: -.51rem;
    }

        .tagsList li a img {
            display: block;
            width: 1.2rem;
            height: 1.2rem;
            border-radius: .24rem;
            margin: 0 auto;
        }

        .tagsList li a p {
            display: block;
            max-width: 90%;
            font-size: .28rem;
            color: #333;
            height: .58rem;
            line-height: .58rem;
            margin: .04rem auto 0;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .tagsList li a span {
            display: block;
            width: 1.2rem;
            height: .48rem;
            background: linear-gradient(to right, #FA7F2A, #99423b);
            background-color: #99423b;
            font-size: .24rem;
            color: #fff;
            line-height: .48rem;
            text-align: center;
            border-radius: 0.24rem;
            margin: auto;
            overflow: hidden;
        }

            .tagsList li a span.no {
                background: linear-gradient(to right, #06A5FF, #0568FA);
            }

.downGSTop {
    position: relative;
    margin-top: .06rem;
    margin-bottom: .24rem;
}

    .downGSTop .info {
        margin-bottom: .12rem;
    }

.gsDTop .intro p {
    max-height: 1.44rem;
    -webkit-line-clamp: 3;
}

.downGSTop .linkBtn {
    position: absolute;
    top: .02rem;
    right: .06rem;
}

    .downGSTop .linkBtn a {
        display: block;
        width: 1.6rem;
        height: .66rem;
        line-height: .66rem;
        margin: 0 auto;
        border-radius: .12rem;
        color: #fff;
        font-size: .32rem;
        text-align: center;
        background-color: #99423b;
    }

        .downGSTop .linkBtn a.orderBtn {
            background: #FFBC03;
        }

        .downGSTop .linkBtn a.no,
        .downGSTop .linkBtn a.noDown {
            background-color: #e0e0e0;
        }

.relDownEd {
    margin: 0 auto .24rem;
    padding-bottom: .1rem;
}

    .relDownEd ul {
        display: flex;
        overflow-x: auto;
        padding-top: .12rem;
    }

        .relDownEd ul li {
            width: 3.67rem;
            height: 2.06rem;
            float: left;
            border-radius: .1rem;
            background: #F4F8FB;
            margin-right: .2rem;
        }

            .relDownEd ul li a {
                width: 3.67rem;
                height: 2.06rem;
                float: left;
                border-radius: .1rem;
            }

                .relDownEd ul li a > p {
                    font-size: .28rem;
                    color: #333;
                    line-height: .28rem;
                    font-weight: 600;
                    width: 100%;
                    margin: .19rem .2rem .2rem;
                }

            .relDownEd ul li img {
                width: 1.2rem;
                height: 1.2rem;
                border-radius: .1rem;
                float: left;
                margin-left: .2rem;
            }

            .relDownEd ul li .info {
                float: left;
                width: 2rem;
                margin-left: .26rem;
            }

                .relDownEd ul li .info p {
                    font-size: .24rem;
                    color: #999;
                    line-height: .24rem;
                    margin-top: .14rem;
                }

/*newsrecgame*/
.newsCont .cont .info {
    width: 100%;
    height: 1.7rem;
    background: #f5f5f5;
    overflow: hidden;
    border-radius: .08rem;
    margin: .2rem auto;
}

    .newsCont .cont .info img {
        width: 1.28rem;
        height: 1.28rem;
        display: block;
        float: left;
        margin: .21rem .2rem;
        border-radius: .25rem
    }

    .newsCont .cont .info p {
        text-indent: 0;
    }

.qaboxs {
    float: left;
    width: 50%;
    max-width: 50%
}

    .qaboxs .name {
        color: #333;
        font-size: .32rem;
        margin-top: .32rem;
        margin-bottom: .2rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

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

        .qaboxs p span {
            font-size: .28rem;
            color: #999
        }

            .qaboxs p span em {
                font-size: .28rem;
                color: #666;
            }

.newsCont .cont .info a {
    border: 0
}

    .newsCont .cont .info a.btn {
        width: 1.2rem;
        height: .52rem;
        display: block;
        float: right;
        font-size: .24rem;
        color: #fff;
        text-align: center;
        background: #ffa622;
        line-height: .52rem;
        border-radius: .08rem;
        margin-top: .6rem;
        margin-right: .2rem;
    }


/* order*/
.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, .5);
}

.orderBox {
    position: absolute;
    z-index: 5;
    top: 3rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 6.06rem;
    min-height: 4.8rem;
    border-radius: .36rem;
    text-align: center;
    background: linear-gradient(180deg, rgba(251, 55, 31, 0.42) 0%, rgba(251, 55, 31, .1) 50%, rgba(251, 55, 31, 0) 100%);
    background-size: 100% 1.17rem;
    background-repeat: no-repeat;
    background-color: #fff;
}

    .orderBox:before {
        content: "";
        position: absolute;
        top: -1.13rem;
        left: 0;
        right: 0;
        margin: auto;
        display: block;
        width: 1.54rem;
        height: 1.98rem;
        background: url(../images/maskicon.png) no-repeat;
        background-size: 3rem 15rem;
        background-position: -.3rem -.1rem;
    }

    .orderBox .oClose {
        position: absolute;
        bottom: -1.33rem;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 10;
    }

        .orderBox .oClose i {
            display: block;
            margin: auto;
            width: .72rem;
            height: .72rem;
            background-position: -6.33rem -3.66rem;
            position: relative;
        }

    .orderBox .oTitle {
        position: relative;
        display: block;
        text-align: center;
        padding-top: 1rem;
        height: 1rem;
    }

        .orderBox .oTitle p {
            display: block;
            font-size: .44rem;
            color: #000;
            font-weight: bold;
            line-height: 1rem;
            white-space: nowrap;
            overflow: hidden;
        }

    .orderBox .oBtn,
    .orderBox .oKnow {
        display: block;
        border: 0;
        width: 4.5rem;
        height: .66rem;
        line-height: .66rem;
        font-size: .28rem;
        color: #fff;
        background: linear-gradient(to left, #FA7F2A, #99423b);
        background-color: #99423b;
        text-align: center;
        border-radius: 0.12rem;
        margin: .45rem auto;
    }

.oOrder > p {
    font-size: .28rem;
    color: #FC942B;
    width: 96%;
    margin: 0rem auto .24rem;
    line-height: .3rem;
}

.orderBox form .telPhone {
    position: relative;
    width: 4.5rem;
    height: .62rem;
    margin: 0 auto;
}

.orderBox form .tel {
    width: 4.02rem;
    border: none;
    border: .02rem solid #DCDCDC;
    background-color: #fff;
    color: #666;
    font-size: .28rem;
    border-radius: .12rem;
    padding: 0 .22rem;
    line-height: .62rem;
    margin: auto;
    overflow: hidden;
    white-space: nowrap;
}

    .orderBox form .tel::-webkit-input-placeholder {
        color: #999;
        font-size: .24rem;
    }

    .orderBox form .tel:-moz-placeholder {
        color: #999;
        font-size: .24rem;
    }

    .orderBox form .tel::-moz-placeholder {
        color: #999;
        font-size: .24rem;
    }

    .orderBox form .tel:-ms-input-placeholder {
        color: #999;
        font-size: .24rem;
    }

.orderBox form span {
    display: block;
    color: #ccc;
    font-size: .24rem;
    line-height: .4rem;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox .msg {
    position: relative;
    top: 0;
    display: block;
    width: 4.5rem;
    margin: 0 auto;
    color: #99423b;
    font-size: .18rem;
    text-align: left;
}

.orderBox .oWin {
    width: 100%;
    height: auto;
    padding-bottom: .1rem;
    border-radius: .12rem;
    text-align: center;
}

    .orderBox .oWin > p {
        position: relative;
        font-size: .28rem;
        color: #FC942B;
        width: 96%;
        margin: 0rem auto .2rem;
        line-height: .3rem;
    }

    .orderBox .oWin > i {
        position: relative;
        display: block;
        width: 1.24rem;
        height: 1.4rem;
        background-position: -7.39rem -3.66rem;
        margin: auto;
    }

.orderBox .oAgin {
    width: 100%;
    height: auto;
    ;
    padding-bottom: .1rem;
    border-radius: .12rem;
    text-align: center;
}

    .orderBox .oAgin > p {
        position: relative;
        font-size: .28rem;
        color: #FC942B;
        width: 96%;
        margin: 0rem auto .2rem;
        line-height: .3rem;
    }

    .orderBox .oAgin > i {
        position: relative;
        display: block;
        width: 1.24rem;
        height: 1.4rem;
        background-position: -7.39rem -3.66rem;
        margin: auto;
    }

    .orderBox .oWin .oTitle p:after,
    .orderBox .oAgin .oTitle p:after {
        content: "";
        position: relative;
        margin-left: .02rem;
        top: -.16rem;
        display: inline-block;
        width: .25rem;
        height: .34rem;
        background: url(../images/maskicon.png) no-repeat;
        background-size: 3rem 15rem;
        background-position: -2.69rem -1.09rem;
    }

/* rule */
.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, .5);
}

.ruleBox {
    position: absolute;
    z-index: 5;
    top: 2.6rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 6.06rem;
    min-height: 4.8rem;
    border-radius: .36rem;
    text-align: center;
    background: linear-gradient(180deg, rgba(170, 105, 249, 0.42) 0%, rgba(170, 105, 249, .1) 50%, rgba(170, 105, 249, 0) 100%);
    background-size: 100% 1.17rem;
    background-repeat: no-repeat;
    background-color: #fff;
}

    .ruleBox:before {
        content: "";
        position: absolute;
        top: -1.13rem;
        left: 0;
        right: 0;
        margin: auto;
        display: block;
        width: 2rem;
        height: 2rem;
        background: url(../images/maskicon.png) no-repeat;
        background-size: 3rem 15rem;
        background-position: -.3rem -6.72rem;
    }

    .ruleBox .rClose {
        position: absolute;
        bottom: -1.33rem;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 10;
    }

        .ruleBox .rClose i {
            display: block;
            margin: auto;
            width: .72rem;
            height: .72rem;
            background-position: -6.33rem -3.66rem;
            position: relative;
        }

    .ruleBox .rTitle {
        position: relative;
        display: block;
        text-align: center;
        padding-top: 1rem;
        height: 1rem;
    }

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

    .ruleBox .rSure {
        display: block;
        border: 0;
        width: 4.5rem;
        height: .66rem;
        line-height: .66rem;
        font-size: .28rem;
        color: #fff;
        background: linear-gradient(to left, #FA7F2A, #99423b);
        background-color: #99423b;
        text-align: center;
        border-radius: 0.12rem;
        margin: .45rem auto;
    }

.ruleMain {
    position: relative;
    display: block;
    width: 4.6rem;
    height: 3rem;
    border: none;
    padding: 0 .21rem 0 .79rem;
    margin-right: .46rem;
    line-height: .42rem;
    font-size: .24rem;
    color: #454545;
    border-radius: .04rem;
    overflow: hidden;
    overflow-y: auto;
}

    .ruleMain > p:nth-of-type(1) {
        text-align: left;
        font-size: .26rem;
        color: #333;
        font-weight: bold;
        line-height: .4rem;
        margin: 0 auto .1rem;
    }

    .ruleMain p {
        text-align: left;
    }

    .ruleMain strong {
        display: block;
        color: #454545;
        line-height: .52rem;
        font-size: .26rem;
        font-weight: 500;
        text-indent: 0em;
        text-align: left;
    }

/* Privacy */
.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, .5);
}

.privacyBox {
    position: absolute;
    z-index: 5;
    top: 2.6rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 6.06rem;
    min-height: 4.8rem;
    border-radius: .36rem;
    text-align: center;
    background: linear-gradient(180deg, rgba(141, 252, 239, 0.42) 0%, rgba(141, 252, 239, .1) 50%, rgba(141, 252, 239, 0) 100%);
    background-size: 100% 1.17rem;
    background-repeat: no-repeat;
    background-color: #fff;
}

    .privacyBox:before {
        content: "";
        position: absolute;
        top: -1.13rem;
        left: 0;
        right: 0;
        margin: auto;
        display: block;
        width: 2rem;
        height: 1.98rem;
        background: url(../images/maskicon.png) no-repeat;
        background-size: 3rem 15rem;
        background-position: -.3rem -4.32rem;
    }

    .privacyBox .pClose {
        position: absolute;
        bottom: -1.33rem;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 10;
    }

        .privacyBox .pClose i {
            display: block;
            margin: auto;
            width: .72rem;
            height: .72rem;
            background-position: -6.33rem -3.66rem;
            position: relative;
        }

    .privacyBox .pTitle {
        position: relative;
        display: block;
        text-align: center;
        padding-top: 1rem;
        height: 1rem;
    }

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

    .privacyBox .pSure {
        display: block;
        border: 0;
        width: 4.5rem;
        height: .66rem;
        line-height: .66rem;
        font-size: .28rem;
        color: #fff;
        background: linear-gradient(to left, #FA7F2A, #99423b);
        background-color: #99423b;
        text-align: center;
        border-radius: 0.12rem;
        margin: .45rem auto;
    }

.privacyMain {
    position: relative;
    display: block;
    width: 4.6rem;
    height: 3rem;
    border: none;
    padding: 0 .21rem 0 .79rem;
    margin-right: .46rem;
    line-height: .42rem;
    font-size: .24rem;
    color: #454545;
    border-radius: .04rem;
    overflow: hidden;
    overflow-y: auto;
}

    .privacyMain > p:nth-of-type(1) {
        text-align: left;
        font-size: .26rem;
        color: #333;
        font-weight: bold;
        line-height: .4rem;
        margin: 0 auto .1rem;
    }

    .privacyMain p {
        text-align: left;
    }

    .privacyMain strong {
        display: block;
        color: #454545;
        line-height: .52rem;
        font-size: .26rem;
        font-weight: 500;
        text-indent: 0em;
        text-align: left;
    }

/* Log */
.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, .5);
}

.logBox {
    position: absolute;
    z-index: 5;
    top: 2.6rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 6.06rem;
    min-height: 4.8rem;
    border-radius: .36rem;
    text-align: center;
    background: linear-gradient(180deg, rgba(6, 165, 255, 0.42) 0%, rgba(6, 165, 255, .1) 50%, rgba(6, 165, 255, 0) 100%);
    background-size: 100% 1.17rem;
    background-repeat: no-repeat;
    background-color: #fff;
}

    .logBox:before {
        content: "";
        position: absolute;
        top: -1.13rem;
        left: 0;
        right: 0;
        margin: auto;
        display: block;
        width: 1.9rem;
        height: 2.02rem;
        background: url(../images/maskicon.png) no-repeat;
        background-size: 3rem 15rem;
        background-position: -.3rem -9.14rem;
    }

    .logBox .lClose {
        position: absolute;
        bottom: -1.33rem;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 10;
    }

        .logBox .lClose i {
            display: block;
            margin: auto;
            width: .72rem;
            height: .72rem;
            background-position: -6.33rem -3.66rem;
            position: relative;
        }

    .logBox .lTitle {
        position: relative;
        display: block;
        text-align: center;
        padding-top: 1rem;
        height: 1rem;
    }

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

    .logBox .lSure {
        display: block;
        border: 0;
        width: 4.5rem;
        height: .66rem;
        line-height: .66rem;
        font-size: .28rem;
        color: #fff;
        background: linear-gradient(to left, #FA7F2A, #99423b);
        background-color: #99423b;
        text-align: center;
        border-radius: 0.12rem;
        margin: .45rem auto;
    }

.logMain {
    position: relative;
    display: block;
    width: 4.6rem;
    height: 3rem;
    border: none;
    padding: 0 .21rem 0 .79rem;
    margin-right: .46rem;
    line-height: .42rem;
    font-size: .24rem;
    color: #454545;
    border-radius: .04rem;
    overflow: hidden;
    overflow-y: auto;
}

    .logMain > p:nth-of-type(1) {
        text-align: left;
        font-size: .24rem;
        color: #666;
        font-weight: bold;
        line-height: .4rem;
        margin: 0 auto .1rem;
    }

    .logMain p {
        text-align: left;
    }

    .logMain strong {
        display: block;
        color: #999;
        line-height: .52rem;
        font-size: .24rem;
        font-weight: 400;
        text-indent: 0em;
        text-align: left;
    }

/*share*/
.gShare {
    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, .5);
}

.shareBox {
    position: absolute;
    z-index: 5;
    top: 2.6rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 6.06rem;
    min-height: 4.8rem;
    border-radius: .36rem;
    text-align: center;
    background: linear-gradient(180deg, rgba(141, 252, 239, 0.42) 0%, rgba(141, 252, 239, .1) 50%, rgba(141, 252, 239, 0) 100%);
    background-size: 100% 1.17rem;
    background-repeat: no-repeat;
    background-color: #fff;
}

    .shareBox:before {
        content: "";
        position: absolute;
        top: -.72rem;
        left: 0;
        right: 0;
        margin: auto;
        display: block;
        width: 1.24rem;
        height: 1.4rem;
        background: url(../images/maskicon.png) no-repeat;
        background-size: 3rem 15rem;
        background-position: -.3rem -2.5rem;
        transform: scale(1.8);
    }

    .shareBox .sClose {
        position: absolute;
        bottom: -1.33rem;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 10;
    }

        .shareBox .sClose i {
            display: block;
            margin: auto;
            width: .72rem;
            height: .72rem;
            background-position: -6.33rem -3.66rem;
            position: relative;
        }

    .shareBox .sTitle {
        position: relative;
        display: block;
        text-align: center;
        padding-top: 1rem;
        height: 1rem;
    }

        .shareBox .sTitle p {
            display: block;
            font-size: .44rem;
            color: #000;
            font-weight: bold;
            line-height: 1rem;
            white-space: nowrap;
            overflow: hidden;
        }

    .shareBox .sSure {
        display: block;
        border: 0;
        width: 4.5rem;
        height: .66rem;
        line-height: .66rem;
        font-size: .28rem;
        color: #fff;
        background: linear-gradient(to left, #FA7F2A, #99423b);
        background-color: #99423b;
        text-align: center;
        border-radius: 0.12rem;
        margin: .45rem auto;
    }

    .shareBox p {
        color: #FC942B;
        font-size: .32rem;
        text-align: center;
        line-height: .33rem;
        margin-top: .4rem;
    }

    .shareBox span {
        font-size: .21rem;
        color: #999;
        text-align: center;
        line-height: .21rem;
        margin-top: .26rem;
        display: block;
    }

    .shareBox em {
        font-size: .21rem;
        color: #999;
        text-align: center;
        line-height: .21rem;
        margin-top: .3rem;
        display: block;
    }

.copybox {
    display: inline-flex;
    border: 1px solid #e6e5e6;
    background: #fff;
    border-radius: .1rem;
    width: 4.8rem;
    height: .48rem;
    margin-top: .24rem;
}

    .copybox input {
        height: .46rem;
        border: none;
        color: #333;
        font-size: .23rem;
        line-height: .46rem;
        width: -webkit-fill-available;
        margin-top: .01rem;
        margin-left: .16rem;
    }

    .copybox span {
        display: inline-block;
        width: .84rem;
        height: .48rem;
        color: #fff;
        background: #19b955;
        font-size: .22rem;
        text-align: center;
        line-height: .48rem;
        border-radius: 0 .1rem .1rem 0;
        margin-top: 0;
    }

/* feedback */
.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, .5);
}

.feBackBox {
    position: absolute;
    z-index: 5;
    top: 1.6rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 6.06rem;
    min-height: 4.8rem;
    border-radius: .36rem;
    text-align: center;
    background: linear-gradient(180deg, rgba(123, 109, 227, 0.42) 0%, rgba(123, 109, 227, .1) 50%, rgba(123, 109, 227, 0) 100%);
    background-size: 100% 1.17rem;
    background-repeat: no-repeat;
    background-color: #fff;
}

    .feBackBox:before {
        content: "";
        position: absolute;
        top: -1.01rem;
        left: 0;
        right: 0;
        margin: auto;
        display: block;
        width: 1.8rem;
        height: 1.79rem;
        background: url(../images/maskicon.png) no-repeat;
        background-size: 3rem 15rem;
        background-position: -.3rem -11.58rem;
    }

    .feBackBox .feBaClose {
        position: absolute;
        bottom: -1rem;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 10;
    }

        .feBackBox .feBaClose i {
            display: block;
            margin: auto;
            width: .72rem;
            height: .72rem;
            background-position: -6.33rem -3.66rem;
            position: relative;
        }

    .feBackBox .fbTitle {
        position: relative;
        display: block;
        text-align: center;
        padding-top: .8rem;
        height: 1rem;
    }

        .feBackBox .fbTitle p {
            display: block;
            font-size: .44rem;
            color: #000;
            font-weight: bold;
            line-height: 1rem;
            white-space: nowrap;
            overflow: hidden;
        }

    .feBackBox .fSure,
    .feSubmit input {
        display: block;
        border: 0;
        width: 4.5rem;
        height: .66rem;
        line-height: .66rem;
        font-size: .28rem;
        color: #fff;
        background: linear-gradient(to left, #FA7F2A, #99423b);
        background-color: #99423b;
        text-align: center;
        border-radius: 0.12rem;
        margin: .45rem auto;
    }

.feBack {
    margin: 0 .63rem;
}

    .feBack > span {
        font-size: .28rem;
        color: #FC942B;
        margin: 0 auto .16rem;
        display: block;
        text-align: left;
    }

    .feBack .info {
        display: flex;
        flex-wrap: wrap;
        text-align: left;
    }

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

.otherRe {
    background: #F7F7F7;
    border-radius: .05rem;
    overflow: hidden;
    padding: .1rem 0 .21rem;
}

.feBack textarea {
    width: 4.36rem;
    height: .48rem;
    border: none;
    resize: none;
    background: transparent;
    padding: .1rem .2rem 0rem;
    font-size: .24rem;
    color: #666;
}

.feBack .photos {
    display: flex;
    height: .64rem;
    overflow: hidden;
}

.feBack .photoInput {
    position: relative;
    width: .6rem;
    height: .6rem;
    border: .02rem dashed #cecece;
    border-radius: .12rem;
    text-align: center;
    margin-left: .2rem;
}

    .feBack .photoInput p {
        color: #DCDCDC;
        font-size: .42rem;
        line-height: .56rem;
    }

    .feBack .photoInput input {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

.feBack .photoList {
    display: flex;
    flex: 1;
    width: 2.7rem;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
    overflow-x: -moz-scrollbars-none;
    -ms-overflow-style: none;
}

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

    .feBack .photoList img {
        width: auto;
        height: 1.2rem;
        margin-left: .2rem;
    }

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

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

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

    .checkbox label {
        position: absolute;
        left: .6rem;
        top: 0;
        height: .2rem;
        line-height: .2rem;
        width: 2.6rem;
        font-size: .24rem;
        color: #999;
        padding: .12rem 0;
    }

        .checkbox label:after {
            content: '';
            position: absolute;
            left: -.4rem;
            top: .12rem;
            width: .145rem;
            height: .145rem;
            border: .03rem solid #fff;
            border-radius: 50%;
            box-shadow: 0 0 0 1px #4BA6FA;
        }

    .checkbox input[type='checkbox']:checked + label:after {
        background-color: #4BA6FA;
    }

.telBox {
    overflow: hidden;
}

    .telBox input {
        display: block;
        border: none;
        padding: 0 .2rem;
        width: 4.36rem;
        border: none;
        border: .02rem solid #DCDCDC;
        background-color: #fff;
        color: #666;
        font-size: .28rem;
        border-radius: .12rem;
        line-height: .62rem;
        margin: .36rem auto 0;
        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;
        }

/*search*/
.tiSle {
    padding: .25rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

    .tiSle em,
    .seaTwoGame .title em {
        height: .36rem;
        line-height: .36rem;
        font-size: .32rem;
        color: #999;
        font-weight: 500;
    }

        .tiSle em span {
            font-size: .18rem;
            color: #a8a8a8;
            margin-left: .06rem;
        }

    .tiSle a i {
        display: block;
        width: .15rem;
        height: .28rem;
        background-position: -6.92rem 0;
        position: relative;
        top: 0.04rem;
    }

.searchbox {
    padding: 0 .25rem 0 .25rem;
    margin-bottom: 0;
    background-color: #fff;
}

    .searchbox a {
        position: relative;
        display: block;
        height: .6rem;
        margin: 0 auto;
        background: #ebeced;
        border-radius: .32rem;
    }

        .searchbox a i {
            display: inline-block;
            width: .35rem;
            height: .35rem;
            background-position: -4.23rem -2.85rem;
            position: relative;
            top: .14rem;
            left: .26rem;
        }

.searchbox,
.search_txt {
    position: relative;
}

.search_ul {
    height: .3rem;
    position: absolute;
    top: .15rem;
    left: .8rem;
    overflow: hidden;
}

    .search_ul li {
        width: 5.5rem;
        height: .3rem;
        line-height: .3rem;
        font-size: .24rem;
        color: #a9a9a9;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.search_txt {
    background: #ebeced;
    border-radius: .32rem;
}

    .search_txt a {
        display: inline-block;
        width: .8rem;
    }

    .search_txt .text {
        position: absolute;
        width: 5.1rem;
        top: 0rem;
        left: .8rem;
        height: .6rem;
        border: none;
        background: none;
        color: #333;
        font-size: .26rem;
        padding: 0 .2rem 0 .1rem;
    }

    .search_txt .close_txt {
        position: absolute;
        top: 0rem;
        right: .12rem;
        width: .6rem;
        height: .6rem;
    }

        .search_txt .close_txt i {
            display: block;
            width: .4rem;
            height: .4rem;
            background-position: -3.5rem -2.82rem;
            margin: .1rem auto;
            transform: scale(.8);
            opacity: .8;
        }

.seaOneTop {
    background: #fff;
    padding: 0;
}

    .seaOneTop > p {
        display: block;
        font-size: .26rem;
        color: #999;
        line-height: .4rem;
        padding: .3rem .25rem .1rem;
    }

        .seaOneTop > p a {
            display: inline-block;
            font-size: .26rem;
            color: #666;
            margin-right: .26rem;
            font-weight: 500;
        }

    .seaOneTop ul {
        display: flex;
        flex-wrap: wrap;
        padding: 0 0 .05rem;
    }

        .seaOneTop ul li {
            display: block;
            width: 25%;
            text-align: center;
            margin-bottom: .2rem;
        }

            .seaOneTop ul li a {
                display: block;
            }

            .seaOneTop ul li img {
                display: block;
                width: 1.28rem;
                height: 1.28rem;
                border-radius: .24rem;
                margin: 0 auto;
            }

            .seaOneTop ul li p {
                width: 90%;
                height: .42rem;
                line-height: .42rem;
                color: #000;
                font-size: .28rem;
                margin: .10rem auto .02rem;
                overflow: hidden;
                white-space: nowrap;
            }

            .seaOneTop ul li .btn {
                margin: .12rem auto 0;
            }

            .seaOneTop ul li a span {
                display: block;
                width: 1.2rem;
                height: .48rem;
                background: linear-gradient(to right, #FA7F2A, #99423b);
                background-color: #99423b;
                font-size: .24rem;
                color: #fff;
                line-height: .48rem;
                text-align: center;
                border-radius: 0.24rem;
                margin: auto;
                overflow: hidden;
            }

                .seaOneTop ul li a span.no {
                    background: linear-gradient(to right, #06A5FF, #0568FA);
                }

.allFind {
    background-color: #fff;
    padding: 0;
}

.seaOneList {
    padding: .1rem .25rem .25rem;
    min-height: 3rem;
}

    .seaOneList a {
        position: relative;
        display: inline-block;
        padding: 0 .3rem;
        max-width: 7rem;
        border-radius: .24rem;
        line-height: .56rem;
        background-color: #f8f8f8;
        margin: 0 .18rem .28rem 0;
        color: #000;
        font-size: .24rem;
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
    }

        .seaOneList a i {
            display: block;
            position: absolute;
            width: .26rem;
            height: .36rem;
            background-position: -3.9rem -2.88rem;
            top: 0.06rem;
            right: 0;
        }

.seaTwoTop ul {
    padding: 0 .25rem .25rem
}

    .seaTwoTop ul li {
        align-items: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

        .seaTwoTop ul li img {
            display: block;
            width: 1.28rem;
            height: 1.28rem;
            border-radius: .24rem;
            margin: .3rem 0;
        }

        .seaTwoTop ul li .fx_gw {
            width: 0%;
        }

        .seaTwoTop ul li .info {
            padding: .3rem 0;
            margin-left: .38rem;
            position: relative;
            border-bottom: 1px solid #e6e6e6;
        }

            .seaTwoTop ul li .info p {
                display: block;
                width: auto;
                font-size: .24rem;
                color: #666666;
                overflow: hidden;
                white-space: nowrap;
            }

            .seaTwoTop ul li .info .name {
                max-width: 3.5rem;
                font-size: .3rem;
                color: #000;
                line-height: .48rem;
            }

        .seaTwoTop ul li:nth-child(n+4) i {
            width: .26rem;
            height: .26rem;
            font-size: .18rem;
            color: #b6b6b6;
            line-height: .26rem;
            border: 1px solid #b6b6b6;
            text-align: center;
            margin: 0 .2rem 0 .05rem;
        }

        .seaTwoTop ul li .info > span {
            position: absolute;
            right: 0;
            display: block;
            width: 1.2rem;
            height: .48rem;
            background: linear-gradient(to right, #FA7F2A, #99423b);
            background-color: #99423b;
            font-size: .24rem;
            color: #fff;
            line-height: .48rem;
            text-align: center;
            border-radius: 0.24rem;
            margin: auto;
            overflow: hidden;
        }

            .seaTwoTop ul li .info > span.no {
                background: linear-gradient(to right, #06A5FF, #0568FA);
            }

        .seaTwoTop ul li:nth-child(1) img {
            margin-top: .1rem;
        }

        .seaTwoTop ul li:nth-child(1) .info {
            padding-top: .1rem;
        }

        .seaTwoTop ul li:last-child .info {
            padding-bottom: .36rem;
        }

        .seaTwoTop ul li:last-child img {
            margin-bottom: .1rem;
        }

        .seaTwoTop ul li:nth-child(1) span {
            top: .34rem;
        }

.seaTwoList {
    padding: .1rem 0;
}

    .seaTwoList ul li {
        padding: 0 .25rem;
    }

        .seaTwoList ul li > div {
            border-bottom: .02rem solid #e6e6e6;
            align-items: center;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
        }

    .seaTwoList img {
        display: inline-block;
        width: 1.28rem;
        height: 1.28rem;
        border-radius: .24rem;
        margin: .3rem auto
    }

    .seaTwoList ul li a:nth-of-type(1) {
        display: block;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-flex: 1.0;
        -moz-flex-grow: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
    }

    .seaTwoList ul li .info {
        width: 0%;
        -webkit-box-flex: 1.0;
        -moz-flex-grow: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        padding: .3rem 0;
        margin-left: .38rem;
    }

        .seaTwoList ul li .info p {
            max-width: 3.8rem;
            display: block;
            width: auto;
            font-size: .24rem;
            color: #999;
            line-height: .4rem;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

            .seaTwoList ul li .info p:nth-child(1) {
                font-size: .3rem;
                color: #000;
                line-height: .48rem;
            }

            .seaTwoList ul li .info p span {
                color: #999;
                margin: 0 .08rem;
                font-size: .18rem;
            }

    .seaTwoList ul li:last-child > div {
        border-bottom: 0;
    }

.seaTwoNews ul {
    padding: 0 .25rem .15rem;
    margin-top: -.18rem;
}

    .seaTwoNews ul li {
        font-size: .28rem;
        color: #666;
        border-bottom: 1px solid #e8e8e8;
        line-height: .82rem;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        white-space: nowrap;
        overflow: hidden;
    }

        .seaTwoNews ul li:last-child {
            border: none;
        }

        .seaTwoNews ul li a {
            display: block;
            max-width: 6rem;
            font-size: .28rem;
            color: #666;
            overflow: hidden;
        }

            .seaTwoNews ul li a i {
                display: inline-block;
                width: .08rem;
                height: .08rem;
                background-color: #000;
                margin: 0 .16rem 0 .02rem;
                position: relative;
                top: -.06rem;
            }

        .seaTwoNews ul li span {
            font-size: .24rem;
            color: #a9a9a9;
        }

.seaTwoGame {
    padding: .1rem 0;
}

    .seaTwoGame ul {
        padding: .06rem 0 .25rem .25rem;
        overflow-x: auto;
        white-space: nowrap;
        font-size: 0;
        overflow-x: -moz-scrollbars-none;
        -ms-overflow-style: none;
    }

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

    .seaTwoGame li {
        width: 1.3rem;
        text-align: center;
        margin-right: .3rem;
    }

        .seaTwoGame li a {
            display: block;
        }

        .seaTwoGame li img {
            display: block;
            width: 1.3rem;
            height: 1.3rem;
            border-radius: .24rem;
            margin: 0 auto;
        }

        .seaTwoGame li p {
            color: #808080;
            font-size: .2rem;
            overflow: hidden;
            white-space: nowrap;
        }

        .seaTwoGame li .name {
            width: 90%;
            height: .42rem;
            line-height: .42rem;
            color: #000;
            font-size: .28rem;
            margin: .10rem auto .02rem;
        }

.search_list_wrap_div {
    bottom: 0;
    overflow-y: scroll;
}

.search_list_wrap em.hot {
    color: #99423b;
}

.search_list_wrap li > div {
    display: flex;
    position: relative;
}

    .search_list_wrap li > div a:nth-of-type(1) .info {
        width: 5.3rem;
    }

.search_list_wrap .btn {
    position: absolute;
    right: 0;
}

.seaTwoList a > span,
.seaTwoList .btn {
    position: absolute;
    right: 0;
    display: block;
    width: 1.2rem;
    height: .48rem;
    background: linear-gradient(to right, #FA7F2A, #99423b);
    background-color: #99423b;
    font-size: .24rem;
    color: #fff;
    line-height: .48rem;
    text-align: center;
    border-radius: 0.24rem;
    margin: auto;
    overflow: hidden;
}

    .seaTwoList a > span.no,
    .seaTwoList .btn.no {
        background: linear-gradient(to right, #06A5FF, #0568FA);
    }

.seaTwoGame .title {
    padding: .25rem;
    display: flex;
    justify-content: space-between;
}

.seaTwoTop,
.search_list_wrap,
.seaTwoGame {
    padding: .1rem 0;
    background-color: #fff;
}

.seaTwoNews {
    padding: 0;
    background-color: #fff;
}