@charset "utf-8";

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

fieldset,
img {
    border: 0
}

:focus {
    outline: 0
}

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

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

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

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

code,
kbd,
samp,
tt {
    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
}

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

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

blockquote,
q {
    quotes: none
}

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

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

button,
input,
select,
textarea,
th {
    background: #fff;
    font-family: "Microsoft Yahei", Arial, Tahoma, Helvetica, SimSun, "Hiragino Sans GB", sans-serif
}

img {
    display: block;
    border: 0
}

* {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none
}

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

html {
    overflow-x: hidden;
    overflow-y: auto
}

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

html {
    font-size: 100px
}

body {
    font-size: .24rem;
    background: #f6f7f9
}

.hide {
    display: none
}

.icon {
    background-image: url(../images/icon.png);
    background-size: 6rem 6rem;
    display: inline-block
}

.icon2 {
    background-image: url(../images/gamenav.png);
    background-size: 2.96rem 8.04rem;
    display: inline-block
}

.icon3 {
    background-image: url(../images/icon3.png);
    background-size: 7.5rem 6rem;
    display: inline-block
}

.icon4 {
    background-image: url(../images/appnav.png);
    background-size: 2rem 13rem;
    display: inline-block
}

.wrap {
    width: 100%;
    height: auto;
    max-width: 7.5rem;
    min-width: 3.2rem;
    margin: 0 auto;
    background: #fff;
    min-height: 13.33rem;
    overflow: hidden;
    position: relative
}

.h10 {
    height: .1rem;
    background: #f5f5f5
}

/* 移动端分割线 */
.mob-divider {
    border-bottom: 1px solid #eee;
    margin: 25px 15px 15px;
    position: relative;
}

.mob-section-title {
    position: absolute;
    left: 50%;
    top: -12px;
    transform: translateX(-50%);
    background: #fff;
    padding: 0 15px;
    color: #333;
    font-size: 16px;
    white-space: nowrap;
}

/* 移动端应用信息 */
.mob-app-info {
    background: #fff;
    margin: 0 15px;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.info-list {
    padding: 12px 10px;
}

.info-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px dashed #f5f5f5;
}

.info-list li:last-child {
    border-bottom: none;
}

.info-label {
    color: #666;
    font-size: 14px;
    flex-shrink: 0;
}

.info-content {
    color: #333;
    font-size: 14px;
    text-align: right;
    margin-left: 15px;
    word-break: break-all;
}

@media (max-width: 480px) {
    .info-label {
        width: 80px;
    }
}

.clearfix {
    margin-right: auto;
    margin-left: auto
}

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

.clearfix:after {
    clear: both
}

header {
    background: #008bff;
    height: 1rem;
    overflow: hidden
}

header img {
    float: left;
    width: 1.82rem;
    height: .45rem;
    display: inline-block;
    margin-top: .36rem;
    margin-left: .32rem
}

.searchbox {
    position: relative;
    float: right;
    display: inline-block;
    width: 4.4rem;
    width: 3.3rem;
    height: .54rem;
    border-radius: .27rem;
    background: #fff;
    margin-top: .26rem;
    margin-right: .32rem
}

.searchbox i {
    position: absolute;
    width: .35rem;
    height: .35rem;
    background-position: -4.04rem -.63rem;
    top: .08rem;
    right: .26rem
}

nav {
    overflow: hidden;
    background: #008bff
}

nav ul {
    border-bottom: 1px solid rgba(255, 255, 255, .6);
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
    overflow-x: -moz-scrollbars-none;
    -ms-overflow-style: none
}

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

nav li {
    display: inline-block;
    font-size: .32rem;
    color: #f0f0f0;
    position: relative;
    padding-right: 40px;
}

nav li:nth-child(1) {
    padding-left: 18px
}

nav li a {
    display: inline-block;
    width: 100%;
    height: .87rem;
    line-height: .87rem;
    text-align: center;
    color: #99d1ff;
    font-size: .32rem
}

nav li.current a,
nav li.current-menu-item a {
    color: #fff;
    font-weight: 600
}

nav li.current span,
nav li.current-menu-item span {
    border-bottom: .04rem solid #fff;
    height: .83rem;
    display: inline-block
}

.indexbg {
    height: 2rem;
    width: 100%;
    background: url(../images/indexbg.png) no-repeat;
    background-size: 7.5rem 2rem;
    position: absolute;
    left: 0
}

.slider {
    height: 3rem;
    margin: .21rem .32rem
}

.slider a {
    display: block;
    width: 100%;
    height: 100%
}

.slider img {
    display: block;
    width: 100%;
    height: 100%
}

.slider .swiper-pagination-bullet {
    width: .2rem;
    height: .2rem;
    background: #ddd;
    border-radius: 0;
    opacity: 1
}

.slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #1aa9fb
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 5px !important;
    right: 0 !important;
    width: auto !important;
    left: 0 !important
}

.swiper-container {
    width: 100%;
    height: 100%;
    border-radius: .1rem
}

.headnav ul {
    overflow: hidden;
    margin: .4rem .5rem .7rem .5rem
}

.headnav ul li {
    float: left;
    width: .58rem;
    margin-right: .9rem
}

.headnav ul li:nth-last-child(1) {
    margin-right: 0
}

.headnav ul li i {
    width: .58rem;
    height: .58rem
}

.headnav ul li a {
    display: inline-grid
}

.headnav ul li:nth-child(2) i {
    background-position: -.77rem 0
}

.headnav ul li:nth-child(3) i {
    background-position: -1.54rem 0
}

.headnav ul li:nth-child(4) i {
    background-position: -2.31rem 0
}

.headnav ul li:nth-child(5) i {
    background-position: -3.08rem 0
}

.headnav ul li p {
    font-size: .26rem;
    color: #1a1a1a;
    text-align: center;
    margin-top: .22rem;
    line-height: .26rem
}

.title {
    overflow: hidden
}

.title h2,
.title h1,
.title p {
    font-size: .32rem;
    font-weight: 600;
    line-height: .32rem;
    color: #282828;
    float: left;
    margin-left: .32rem
}

.title span {
    float: right;
    font-size: .18rem;
    margin-right: .32rem
}

.title span a {
    color: #c4c4c4;
    font-size: .26rem;
    line-height: .26rem
}

.title i {
    width: .07rem;
    height: .14rem;
    background-position: -.67rem -.73rem;
    margin-left: .1rem
}

.newgame .topbox {
    overflow-x: auto;
    display: flex;
    margin-top: .2rem;
    margin-bottom: .2rem
}

.newgame .topbox li {
    width: 2rem;
    height: 2.8rem;
    position: relative;
    margin-right: .1rem
}

.newgame .topbox li:nth-child(1) {
    margin-left: .32rem
}

.newgame .topbox li .imgbg1 {
    width: 2rem;
    height: 2.8rem;
    filter: blur(.02rem)
}

.newgame .topbox li .bgmask1 {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .4)
}

.newgame .topbox li .info {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center
}

.newgame .topbox li .imgcont {
    width: 1.16rem;
    height: 1.16rem;
    border-radius: .25rem;
    border: .02rem solid #fff;
    border-bottom: .08rem solid #fff;
    margin: .4rem .4rem .12rem
}

.newgame .topbox li .info p {
    color: #fff;
    font-size: .24rem;
    text-align: center;
    width: 1.65rem;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    line-height: .24rem
}

.newgame .topbox li .info span {
    background: #fff;
    width: 1.2rem;
    height: .48rem;
    display: inline-block;
    text-align: center;
    color: #008bff;
    border-radius: .24rem;
    line-height: .48rem
}

.botbox {
    margin: .24rem .32rem .4rem;
    overflow: hidden;
    position: relative
}

.botbox li {
    width: 6.86rem;
    height: 1.3rem;
    position: relative;
    border-radius: .15rem;
    float: left;
    display: none
}

.botbox li:nth-child(1) {
    display: block
}

.botbox li img {
    width: 6.86rem;
    height: 1.3rem;
    border-radius: .15rem
}

.botbox li .bgmask2 {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .3);
    border-radius: .15rem
}

.botbox li span {
    width: 2.22rem;
    height: .48rem;
    line-height: .48rem;
    background: #fff;
    color: #008bff;
    font-weight: 600;
    font-size: .22rem;
    text-align: center;
    border-radius: .24rem;
    position: absolute;
    bottom: .13rem;
    left: 0;
    right: 0;
    margin: 0 auto
}

.botbox i {
    position: absolute;
    right: .14rem;
    top: .16rem;
    width: .4rem;
    height: .29rem;
    background-position: -.07rem -.73rem
}

.goodgame {
    margin-top: .3rem
}

.goodgame ul {
    margin: .3rem .32rem .1rem
}

.goodgame ul li {
    overflow: hidden;
    width: 100%;
    height: 1.52rem;
    background: #f5f5f5;
    border-radius: .32rem;
    margin-bottom: .2rem
}

.goodgame ul li .info {
    float: left;
    margin-left: .22rem;
    margin-top: .22rem;
    width: 3.5rem
}

.goodgame ul li .info p:nth-child(1) {
    color: #282828;
    font-weight: 600;
    font-size: .3rem;
    line-height: .3rem
}

.goodgame ul li .info p:nth-child(2) {
    color: #8f8f8f;
    font-size: .18rem;

    text-overflow: ellipsis;

    margin-top: .08rem;

    height: .6rem;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.goodgame ul li .info p:nth-child(3) {
    white-space: nowrap;
    margin-top: .08rem;
    max-width: 4.5rem;
    display: inline-block;
    overflow: hidden
}

.goodgame ul li .info p:nth-child(3) span {
    padding: 0 .18rem;
    background: #e6e6e6;
    font-size: .18rem;
    line-height: .28rem;
    text-align: center;
    color: #757575;
    margin-right: .1rem;
    display: inline-block;
    border-radius: .08rem
}

.goodgame ul li a>span {
    float: left;
    width: 1.16rem;
    height: .46rem;
    border: 1px solid #008bff;
    color: #008bff;
    font-size: .22rem;
    text-align: center;
    border-radius: .24rem;
    line-height: .48rem;
    margin-top: .52rem;
    margin-left: .2rem;
    margin-right: .2rem
}

.goodgame ul li img {
    float: right;
    width: 1.52rem;
    height: 1.52rem;
    border-radius: .32rem
}

.maxgame {
    margin: .3rem 0
}

.maxgame ul {
    margin: .25rem .32rem .24rem
}

.maxgame ul li {
    padding: .15rem 0
}

.maxgame ul li .infotop {
    overflow: hidden
}

.maxgame ul li .infotop img {
    width: 1.3rem;
    height: 1.3rem;
    float: left;
    border-radius: .3rem
}

.maxgame ul li .infotop .info {
    float: left;
    margin-left: .2rem;
    width: 4rem
}

.maxgame ul li .infotop .info p:nth-child(1) {
    font-size: .3rem;
    color: #282828;
    font-weight: 600;
    line-height: .3rem;
    margin-top: .12rem
}

.maxgame ul li .infotop .info p:nth-child(2) {
    font-size: .22rem;
    color: #8f8f8f;
    margin-top: .08rem
}

.maxgame ul li .infotop .info p:nth-last-child(1) {
    white-space: nowrap;
    margin-top: .08rem
}
.maxgame ul li .infotop .info p:nth-last-child(1)  {
    color: #8f8f8f;
}



.maxgame ul li .infotop .info p:nth-last-child(1) span {
    padding: 0 .18rem;
    background: #e6e6e6;
    font-size: .18rem;
    line-height: .28rem;
    text-align: center;
    color: #757575;
    margin-right: .1rem;
    display: inline-block;
    border-radius: .08rem
}

.maxgame ul li .infotop>span {
    float: right;
    width: 1.18rem;
    height: .46rem;
    border: 1px solid #008bff;
    color: #008bff;
    font-size: .22rem;
    text-align: center;
    border-radius: .24rem;
    line-height: .48rem;
    margin-top: .6rem
}

.maxgame ul li a>p {
    color: #5c5c5c;
    font-size: .24rem;
    line-height: .42rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin: .15rem 0 0 0
}

.maxgame ul li .infobot {
    overflow: hidden
}

.maxgame ul li .infobot img {
    float: left;
    width: 1.42rem;
    height: 1.42rem;
    margin-right: .09rem
}

.maxgame ul li .infobot img:nth-child(3),
.maxgame ul li .infobot img:nth-child(5) {
    margin-right: 0
}

.maxgame ul li .infobot img:nth-child(2),
.maxgame ul li .infobot img:nth-child(3) {
    margin-bottom: .1rem
}

.maxgame ul li .infobot .max1 {
    width: 3.83rem;
    height: 2.94rem
}

.maxgame .box>p {
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    font-size: .28rem;
    color: #008bff;
    background: #f2f9ff;
    border-radius: .14rem;
    margin: 0 .32rem
}

.indexrank {
    margin: .33rem 0 .11rem
}

.topthree {
    overflow: hidden;
    margin: 0 .32rem .4rem;
    padding-top: 1rem
}

.topthree div {
    float: left
}

.topthree div:nth-child(1) {
    margin-left: .1rem
}

.top1 {
    width: 2rem;
    border-radius: .25rem;
    margin: 0 .3rem;
    position: relative
}

.top1 img {
    width: 1.16rem;
    height: 1.16rem;
    display: block;
    margin: 0 auto;
    border-radius: .3rem
}

.topthree .rankt {
    width: .6rem;
    height: .52rem;
    background-position: -.67rem -1.31rem;
    position: absolute;
    top: -.66rem;
    left: 0;
    right: 0;
    margin: 0 auto
}

.topthree .top1 .rankt {
    background-position: 0 -1.31rem
}

.topthree .top23:nth-last-child(1) .rankt {
    background-position: -1.35rem -1.31rem
}

.topthree .rankb {
    width: 1.7rem;
    height: .48rem;
    background-position: 0 -2.64rem;
    position: absolute;
    top: .91rem;
    left: 0;
    right: 0;
    margin: 0 auto
}

.topthree .top1 .rankb {
    background-position: 0 -2.06rem
}

.topthree .top23:nth-last-child(1) .rankb {
    background-position: 0 -3.22rem
}

.top23 {
    width: 2rem;
    border-radius: .25rem;
    margin-top: .22rem;
    position: relative
}

.top23 img {
    width: 1.16rem;
    height: 1.16rem;
    display: block;
    margin: 0 auto;
    border-radius: .25rem
}

.topthree p {
    font-size: .27rem;
    color: #333;
    line-height: .27rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    display: block;
    margin: .5rem 0 .08rem
}

.topthree em {
    display: block;
    font-size: .24rem;
    color: #cbcbcb;
    line-height: .24rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: .2rem
}

.topthree span {
    width: 1.24rem;
    height: .46rem;
    border: 1px solid #008bff;
    border-radius: .23rem;
    color: #008bff;
    line-height: .46rem;
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-top: .2rem
}

.indexrank ul {
    overflow: hidden;
    margin: 0 .32rem
}

.indexrank ul li {
    float: left;
    position: relative;
    margin-bottom: .32rem
}

.indexrank ul li em {
    position: absolute;
    width: .64rem;
    height: .3rem;
    background: #b1c4d5;
    color: #fff;
    font-size: .22rem;
    text-align: center;
    line-height: .3rem;
    border-top-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
    top: 0;
    left: 0
}

.indexrank ul li img {
    float: left;
    width: 1.36rem;
    height: 1.36rem;
    border-radius: .35rem
}

.indexrank ul li .info {
    float: left;
    margin-left: .3rem;
    width: 3.9rem
}

.indexrank ul li .info p:nth-child(1) {
    font-size: .3rem;
    color: #333;
    font-weight: 600;
    line-height: .3rem;
    margin-top: .08rem;
    white-space: nowrap;
    overflow: hidden
}

.indexrank ul li .info p:nth-child(2) {
    font-size: .24rem;
    color: #b5b5b5;
    line-height: .24rem;
    margin-top: .3rem
}

.indexrank ul li .info p:nth-child(2) span:nth-child(1) {
    margin-right: .38rem
}

.indexrank ul li .info p:nth-child(3) {
    font-size: .24rem;
    color: #b5b5b5;
    line-height: .24rem;
    margin-top: .15rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.indexrank ul li a>span {
    float: right;
    width: 1.18rem;
    height: .46rem;
    border: 1px solid #008bff;
    border-radius: .23rem;
    line-height: .48rem;
    font-size: .24rem;
    color: #008bff;
    text-align: center;
    display: block;
    margin-top: .38rem
}

.indexnew {
    margin-top: .3rem
}

.indexnew .newnav {
    overflow: hidden;
    margin: .15rem .32rem 0
}

.indexnew .newnav span {
    float: left;
    font-size: .24rem;
    line-height: .58rem;
    color: #757575;
    margin-right: .35rem;
    border-bottom: .03rem solid #fff
}

.indexnew .newnav span.current {
    color: #008bff;
    border-color: #008bff;
    font-size: .28rem
}

.indexnew ul {
    overflow: hidden;
    margin: 0 .32rem .2rem;
    border-top: 1px solid #d2d2d2;
    padding-top: .05rem
}

.indexnew ul li {
    float: left;
    padding: .2rem 0;
    border-bottom: 1px solid #d2d2d2
}

.indexnew ul li:nth-last-child(1) {
    border-bottom: none
}

.indexnew ul li img {
    float: left;
    width: 2.6rem;
    height: 1.5rem;
    border-radius: .2rem
}

.indexnew ul li .info {
    float: left;
    margin-left: .2rem;
    width: 4.04rem
}

.indexnew ul li .info p:nth-child(1) {
    font-size: .28rem;
    line-height: .4rem;
    color: #212121;
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: .8rem;
    margin-top: .05rem
}

.indexnew ul li .info p:nth-child(2) {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: .25rem
}

.indexnew ul li .info p:nth-child(2) span {
    color: #a8a8a8;
    font-size: .22rem
}

.indexnew ul li .info p:nth-child(2) em {
    color: #008bff;
    font-size: .22rem;
    background: #f0f6ff;
    line-height: .32rem;
    padding: 0 .18rem;
    display: inline-block
}

footer {
    background: url(../images/footerbg.png) no-repeat;
    background-size: 7.5rem 3.15rem;
    height: 3.15rem;
    position: relative
}

footer img {
    width: 1.46rem;
    height: .45rem;
    position: absolute;
    top: 1.07rem;
    left: 1.17rem
}

footer span {
    width: 1.44rem;
    height: .4rem;
    line-height: .42rem;
    border: 1px solid #008bff;
    font-size: .22rem;
    border-radius: .2rem;
    position: absolute;
    text-align: center
}

footer .pccom {
    border-color: #008bff;
    color: #fff;
    box-shadow: 0 .1rem .1rem rgba(215, 237, 255, .9);
    background: #008bff;
    top: .77rem;
    right: 2.6rem;
    color: #fff
}

footer .mcom {
    border-color: #4cafff;
    color: #fff;
    background: #f2f9ff;
    top: 1.39rem;
    right: 2.6rem;
    color: #4cafff
}

footer .info {
    position: absolute;
    bottom: .15rem;
    left: 0;
    right: 0;
    margin: 0 auto
}

footer p,
footer p a {
    font-size: .18rem;
    color: #b3cbff;
    text-align: center
}

.gamenav {
    margin-top: .3rem
}

.gamenav .title {
    position: relative
}

.gamenav .title em {
    font-size: .24rem;
    color: #b5b5b5;
    position: absolute;
    right: .32rem;
    top: 0
}

.gamenav .title em i {
    width: .14rem;
    height: .14rem
}

.gamenav .title em i.up {
    background-position: -1.52rem -.73rem
}

.gamenav .title em i.down {
    background-position: -1.35rem -.72rem
}

.gamenav ul {
    overflow: hidden;
    margin: .3rem .32rem .1rem;
    height: 4.6rem
}

.gamenav ul li {
    float: left;
    width: 3.3rem;
    height: 1.34rem;
    border: 1px solid #e6e6e6;
    border-radius: .15rem;
    margin-right: .16rem;
    margin-bottom: .2rem;
    position: relative;
    overflow: hidden
}

.gamenav ul li.current {
    width: 3.28rem;
    height: 1.32rem;
    border: .02rem solid #008bff
}

.gamenav ul li.current a {
    border-color: #008bff
}

.gamenav ul li.current p,
.gamenav ul li.current span {
    color: #008bff
}

.gamenav ul li:nth-child(2n) {
    margin-right: 0
}

.gamenav ul li p {
    font-size: .3rem;
    color: #212121;
    line-height: .3rem;
    margin-top: .36rem;
    margin-left: .25rem
}

.gamenav ul li span {
    font-size: .2rem;
    color: #949494;
    line-height: .2rem;
    margin-top: .2rem;
    display: block;
    margin-left: .25rem
}

.gamenav ul li i {
    width: 1.48rem;
    height: 1.34rem;
    position: absolute;
    top: 0;
    right: 0
}

.gamenav ul li:nth-child(1) i {
    background-position: 0 0
}

.gamenav ul li:nth-child(2) i {
    background-position: -1.48rem 0
}

.gamenav ul li:nth-child(3) i {
    background-position: 0 -1.34rem
}

.gamenav ul li:nth-child(4) i {
    background-position: -1.48rem -1.34rem
}

.gamenav ul li:nth-child(5) i {
    background-position: 0 -2.68rem
}

.gamenav ul li:nth-child(6) i {
    background-position: -1.48rem -2.68rem
}

.gamenav ul li:nth-child(7) i {
    background-position: 0 -4.02rem
}

.gamenav ul li:nth-child(8) i {
    background-position: -1.48rem -4.02rem
}

.gamenav ul li:nth-child(9) i {
    background-position: 0 -5.36rem
}

.gamenav ul li:nth-child(10) i {
    background-position: -1.48rem -5.36rem
}

.gamenav ul li:nth-child(11) i {
    background-position: 0 -6.7rem
}

.gamenav ul li:nth-child(12) i {
    background-position: -1.48rem -6.7rem
}

.gamenav ul li:nth-child(1) i.icon4 {
    width: .7rem;
    height: .69rem;
    background-position: -1.03rem -.04rem;
    top: .32rem;
    right: .18rem
}

.gamenav ul li:nth-child(2) i.icon4 {
    width: .79rem;
    height: .72rem;
    background-position: -1.03rem -.86rem;
    top: .3rem;
    right: .18rem
}

.gamenav ul li:nth-child(3) i.icon4 {
    width: .72rem;
    height: .72rem;
    background-position: -1.03rem -1.71rem;
    top: .3rem;
    right: .18rem
}

.gamenav ul li:nth-child(4) i.icon4 {
    width: .72rem;
    height: .72rem;
    background-position: -1.03rem -2.56rem;
    top: .3rem;
    right: .18rem
}

.gamenav ul li:nth-child(5) i.icon4 {
    width: .72rem;
    height: .52rem;
    background-position: -1.03rem -10.85rem;
    top: .41rem;
    right: .18rem
}

.gamenav ul li:nth-child(6) i.icon4 {
    width: .72rem;
    height: .7rem;
    background-position: -1.03rem -4.21rem;
    top: .31rem;
    right: .18rem
}

.gamenav ul li:nth-child(7) i.icon4 {
    width: .72rem;
    height: .58rem;
    background-position: -1.03rem -5.04rem;
    top: .36rem;
    right: .18rem
}

.gamenav ul li:nth-child(8) i.icon4 {
    width: .72rem;
    height: .72rem;
    background-position: -1.03rem -5.75rem;
    top: .3rem;
    right: .18rem
}

.gamenav ul li:nth-child(9) i.icon4 {
    width: .72rem;
    height: .72rem;
    background-position: -1.03rem -6.61rem;
    top: .3rem;
    right: .18rem
}

.gamenav ul li:nth-child(10) i.icon4 {
    width: .72rem;
    height: .72rem;
    background-position: -1.03rem -7.46rem;
    top: .3rem;
    right: .18rem
}

.gamenav ul li:nth-child(11) i.icon4 {
    width: .72rem;
    height: .72rem;
    background-position: -1.03rem -8.31rem;
    top: .3rem;
    right: .18rem
}

.gamenav ul li:nth-child(12) i.icon4 {
    width: .72rem;
    height: .71rem;
    background-position: -1.03rem -9.18rem;
    top: .31rem;
    right: .18rem
}

.gamenav ul li:nth-child(13) i.icon4 {
    width: .7rem;
    height: .7rem;
    background-position: -1.03rem -10.02rem;
    top: .32rem;
    right: .18rem
}

.gamenav ul li:nth-child(1).current i.icon4 {
    width: .7rem;
    height: .69rem;
    background-position: -.04rem -.04rem;
    top: .32rem;
    right: .18rem
}

.gamenav ul li:nth-child(2).current i.icon4 {
    width: .79rem;
    height: .72rem;
    background-position: -.04rem -.86rem;
    top: .3rem;
    right: .18rem
}

.gamenav ul li:nth-child(3).current i.icon4 {
    width: .72rem;
    height: .72rem;
    background-position: -.04rem -1.71rem;
    top: .3rem;
    right: .18rem
}

.gamenav ul li:nth-child(4).current i.icon4 {
    width: .72rem;
    height: .72rem;
    background-position: -.04rem -2.56rem;
    top: .3rem;
    right: .18rem
}

.gamenav ul li:nth-child(5).current i.icon4 {
    width: .72rem;
    height: .52rem;
    background-position: -.04rem -10.85rem;
    top: .41rem;
    right: .18rem
}

.gamenav ul li:nth-child(6).current i.icon4 {
    width: .72rem;
    height: .7rem;
    background-position: -.04rem -4.21rem;
    top: .31rem;
    right: .18rem
}

.gamenav ul li:nth-child(7).current i.icon4 {
    width: .72rem;
    height: .58rem;
    background-position: -.04rem -5.04rem;
    top: .36rem;
    right: .18rem
}

.gamenav ul li:nth-child(8).current i.icon4 {
    width: .72rem;
    height: .72rem;
    background-position: -.04rem -5.75rem;
    top: .3rem;
    right: .18rem
}

.gamenav ul li:nth-child(9).current i.icon4 {
    width: .72rem;
    height: .72rem;
    background-position: -.04rem -6.61rem;
    top: .3rem;
    right: .18rem
}

.gamenav ul li:nth-child(10).current i.icon4 {
    width: .72rem;
    height: .72rem;
    background-position: -.04rem -7.46rem;
    top: .3rem;
    right: .18rem
}

.gamenav ul li:nth-child(11).current i.icon4 {
    width: .72rem;
    height: .72rem;
    background-position: -.04rem -8.31rem;
    top: .3rem;
    right: .18rem
}

.gamenav ul li:nth-child(12).current i.icon4 {
    width: .72rem;
    height: .71rem;
    background-position: -.04rem -9.18rem;
    top: .31rem;
    right: .18rem
}

.gamenav ul li:nth-child(13).current i.icon4 {
    width: .7rem;
    height: .7rem;
    background-position: -.04rem -10.02rem;
    top: .32rem;
    right: .18rem
}

.tabnav {
    margin: 0 .32rem
}

.tabnav p {
    width: 100%;
    background: #f2f9ff;
    border-radius: .36rem;
    height: .72rem;
    line-height: .72rem;
    font-size: .28rem;
    text-align: center
}

.tabnav p a {
    width: 33%;
    display: inline-block;
    color: #89caff
}

.tabnav p a.current {
    color: #fff;
    background: #008bff;
    border-radius: .36rem;
    box-shadow: 0 .1rem .1rem rgba(242, 249, 255, .9)
}

.gamebox {
    margin: .32rem 0 .2rem
}

.gamebox ul {
    overflow: hidden;
    margin: .25rem .32rem 0
}

.gamebox ul li {
    float: left;
    position: relative;
    margin-bottom: .32rem
}

.gamebox ul li img {
    float: left;
    width: 1.36rem;
    height: 1.36rem;
    border-radius: .35rem
}

.gamebox ul li .info {
    float: left;
    margin-left: .3rem;
    width: 3.9rem
}

.gamebox ul li .info p:nth-child(1) {
    font-size: .3rem;
    color: #333;
    font-weight: 600;
    line-height: .3rem;
    margin-top: .08rem;
    white-space: nowrap;
    overflow: hidden
}

.gamebox ul li .info p:nth-child(2) {
    font-size: .24rem;
    color: #b5b5b5;
    line-height: .24rem;
    margin-top: .3rem
}

.gamebox ul li .info p:nth-child(2) span:nth-child(1) {
    margin-right: .38rem
}

.gamebox ul li .info p:nth-child(3) {
    font-size: .24rem;
    color: #b5b5b5;
    line-height: .24rem;
    margin-top: .15rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.gamebox ul li a>span {
    float: right;
    width: 1.18rem;
    height: .46rem;
    border: 1px solid #008bff;
    border-radius: .23rem;
    line-height: .48rem;
    font-size: .24rem;
    color: #008bff;
    text-align: center;
    display: block;
    margin-top: .38rem
}

.topiclist {
    margin: 0 .32rem;
    position: relative
}

.topiclist ul {
    margin-top: .3rem
}

.topiclist ul li {
    position: relative;
    float: left;
    width: 6.86rem;
    max-height: 4rem;
    min-height: 2.36rem;
    background: #fff;
    border-radius: .25rem;
    box-shadow: 0 .01rem .06rem .06rem rgba(0, 139, 255, .05);
    margin-bottom: .35rem;
    position: relative;
    overflow: hidden
}

.topiclist ul li:nth-child(1) {
    box-shadow: 0 .1rem .1rem rgba(0, 139, 255, .05)
}

.topiclist ul li a {
    display: block
}

.topiclist ul li>a {
    float: left
}

.topiclist ul li>a img {
    width: 3.6rem;
    height: 1.8rem;
    float: left;
    border-radius: .2rem;
    margin-left: .24rem;
    margin-top: .28rem
}

.topiclist ul li .info {
    float: left;
    margin-left: .2rem;
    width: 2.6rem;
    height: 2.08rem
}

.topiclist ul li .info p:nth-child(1) {
    font-size: .28rem;
    font-weight: 600;
    color: #292929;
    margin-top: .3rem;
    margin-bottom: .1rem;
    line-height: .38rem;
    height: .38rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.topiclist ul li .info p:nth-child(2) {
    font-size: .22rem;
    color: #5c5c5c;
    line-height: .36rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: .22rem
}

.topiclist span {
    position: absolute;
    font-size: .24rem;
    color: #999;
    line-height: .4rem;
    height: .4rem;
    display: block;
    top: 1.7rem;
    left: 4.06rem
}

.topiclist em {
    font-size: .24rem;
    line-height: .24rem;
    color: #fff;
    position: absolute;
    top: 1.8rem;
    left: 1.8rem
}

.xreGame {
    float: left;
    margin: .2rem 0 .15rem;
    padding: 0 .05rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.xreGame a {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    text-align: center;
    margin-right: .1rem;
    overflow: hidden;
    font-size: .24rem;
    color: #454545
}

.xreGame img {
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    margin: 0 auto
}

.footer2 {
    background: url(../images/footerbg2.png) no-repeat;
    background-size: 7.5rem 1.04rem;
    height: 1.04rem;
    position: relative
}

.footer2 .info {
    position: absolute;
    bottom: .15rem;
    left: 0;
    right: 0;
    margin: 0 auto
}

.footer2 p,
.footer2 p a {
    font-size: .18rem;
    color: #b3cbff;
    text-align: center
}

.ztnav {
    padding: .32rem .32rem 0;
    background: #008bff
}

.ztnav .box {
    border: 1px solid #fff;
    overflow: hidden;
    border-radius: .2rem
}

.ztnav a i {
    width: .4rem;
    height: .4rem;
    background-position: -2.33rem -2.65rem;
    vertical-align: sub;
    margin-right: .15rem
}

.ztnav a:nth-child(1) i {
    background-position: -2.33rem -2.65rem
}

.ztnav a:nth-child(1).current i {
    background-position: -2.33rem -2.03rem
}

.ztnav a:nth-child(2) i {
    background-position: -2.98rem -2.65rem
}

.ztnav a:nth-child(2).current i {
    background-position: -2.98rem -2.03rem
}

.ztnav a {
    display: inline-block;
    float: left;
    text-align: center;
    height: .88rem;
    line-height: .88rem;
    font-size: .34rem;
    background: #008bff;
    color: #b3dcff;
    font-weight: 600;
    width: 50%
}

.ztnav a.current {
    background: #fff;
    color: #424242
}

.ztbox {
    position: relative
}

.ztbox .indexbg {
    top: .72rem
}

.site {
    background: #008bff;
    height: .72rem;
    line-height: .72rem;
    max-width: 7.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .24rem;
    color: #99d1ff;
    padding: 0 .3rem
}

.site a {
    color: #99d1ff;
    font-size: .24rem;
    line-height: .72rem
}

.site i {
    width: .21rem;
    height: .26rem;
    background-position: -3.98rem -1.43rem;
    vertical-align: sub
}

.ztmain {
    position: relative
}

.ztmaintop {
    margin: 0 .32rem;
    background: #fff;
    border-radius: .25rem;
    overflow: hidden;
    box-shadow: 0 .1rem .1rem rgba(243, 250, 255, .9)
}

.ztmaintop img {
    width: 6.38rem;
    height: 3.18rem;
    border-radius: .15rem;
    margin: .28rem .24rem 0
}

.ztmaintop h3 {
    max-width: 72%;
    font-size: .36rem;
    color: #292929;
    line-height: .36rem;
    margin-top: .28rem;
    font-weight: 600;
    margin-left: .24rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ztmaintop p {
    font-size: .24rem;
    line-height: .38rem;
    color: #5c5c5c;
    margin-top: .25rem;
    margin-bottom: .15rem;
    margin-left: .24rem
}

.ztmaintop span {
    position: absolute;
    font-size: .24rem;
    color: #8f8f8f;
    line-height: .4rem;
    height: .4rem;
    display: block;
    top: 3.7rem;
    right: .56rem
}

.ztmaintop .info {
    position: absolute;
    top: 3.1rem;
    right: .56rem;
    width: 6.38rem;
    background: linear-gradient(to top, rgba(0, 0, 0, .5), transparent 100%);
    border-radius: .15rem
}

.ztmaintop em {
    color: #fff;
    float: right
}

.ztmain ul {
    overflow: hidden;
    margin: .4rem .32rem 0
}

.ztmain ul li {
    float: left;
    position: relative;
    margin-bottom: .32rem
}

.ztmain ul li img {
    float: left;
    width: 1.36rem;
    height: 1.36rem;
    border-radius: .35rem
}

.ztmain ul li .info {
    float: left;
    margin-left: .3rem;
    width: 3.9rem
}

.ztmain ul li .info p:nth-child(1) {
    font-size: .3rem;
    color: #333;
    font-weight: 600;
    line-height: .3rem;
    margin-top: .08rem;
    white-space: nowrap;
    overflow: hidden
}

.ztmain ul li .info p:nth-child(2) {
    font-size: .24rem;
    color: #b5b5b5;
    line-height: .24rem;
    margin-top: .3rem
}

.ztmain ul li .info p:nth-child(2) span:nth-child(1) {
    margin-right: .38rem
}

.ztmain ul li .info p:nth-child(3) {
    font-size: .24rem;
    color: #b5b5b5;
    line-height: .24rem;
    margin-top: .15rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ztmain ul li a>span {
    float: right;
    width: 1.18rem;
    height: .46rem;
    border: 1px solid #008bff;
    border-radius: .23rem;
    line-height: .48rem;
    font-size: .24rem;
    color: #008bff;
    text-align: center;
    display: block;
    margin-top: .38rem
}

.pagecode {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin: 1px .3rem .42rem .3rem
}

.pagecode a {
    width: .58rem;
    height: .58rem;
    color: #75757d;
    font-size: .24rem;
    line-height: .58rem;
    text-align: center;
    border-radius: .06rem;
    background: #f4f4f4
}

.pagecode a:nth-child(1) {
    width: 1rem
}

.pagecode a:nth-last-child(1) {
    width: 1rem
}

.pagecode .current {
    background: #008bff;
    color: #fff
}

.pagecode .left {
    width: .11rem;
    height: .22rem;
    background-position: -.89rem -.73rem;
    display: inline-block;
    position: relative;
    top: .06rem
}

.pagecode .right {
    width: .11rem;
    height: .22rem;
    background-position: -1.12rem -.73rem;
    display: inline-block;
    position: relative;
    top: .06rem;
    left: .03rem
}

.blue {
    color: #008bff !important
}

.ranknav {
    margin: .32rem .32rem .4rem
}

.ranknav ul {
    overflow: hidden
}

.ranknav ul li {
    float: left;
    width: 2.12rem;
    height: 1.06rem;
    margin-right: .22rem;
    text-align: center;
    border-radius: .15rem
}

.ranknav ul li a {
    display: block
}

.ranknav ul li:nth-child(1) {
    background-image: linear-gradient(135deg, #38a5fd .1rem, #a3e4ff 2.04rem)
}

.ranknav ul li:nth-child(2) {
    background-image: linear-gradient(135deg, #f694a7 .1rem, #fab9c6 2.04rem)
}

.ranknav ul li:nth-child(3) {
    background-image: linear-gradient(135deg, #af8cf1 .1rem, #b1bdff 2.04rem)
}

.ranknav ul li:nth-child(3n) {
    margin-right: 0
}

.ranknav ul li i {
    width: .34rem;
    height: .37rem;
    margin-top: .15rem
}

.ranknav ul li:nth-child(1) i {
    background-position: -1.7rem -.73rem
}

.ranknav ul li:nth-child(2) i {
    background-position: -2.09rem -.73rem
}

.ranknav ul li:nth-child(3) i {
    background-position: -2.46rem -.73rem
}

.ranknav ul li p {
    font-size: .24rem;
    color: #fff
}

.loadcont {
    position: relative
}

.loadtop {
    margin: 0 .32rem;
    text-align: center;
    width: 6.86rem;
    min-height: 1.5rem;
    background: #fff;
    border-radius: .2rem;
    overflow: hidden;
    box-shadow: 0 .1rem .3rem rgba(243, 250, 255, .9);
    padding: .35rem 0 .15rem
}

.loadtop img.suolue {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: .35rem;
    margin: 0 auto .25rem
}

.loadtop img.star {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}

.loadtop h1 {
    font-size: .32rem;
    line-height: .32rem;
    color: #292929;
    font-weight: 600
}

.loadtop span {
    font-size: .24rem;
    line-height: .24rem;
    color: #a8a8a8;
    margin-top: .2rem;
    display: inline-block
}

.loadtop span em {
    font-size: .24rem;
    line-height: .24rem;
    color: #5c5c5c;
    margin: 0 .2rem
}

.loadtop a {
    display: block;
    width: 6.32rem;
    height: .66rem;
    color: #fff;
    font-size: .32rem;
    line-height: .66rem;
    margin: .18rem .27rem 0;
    font-weight: 600
}

.loadtop .dontload {
    display: block;
    width: 6.32rem;
    height: .66rem;
    color: #999;
    font-size: .32rem;
    line-height: .66rem;
    margin: .38rem .27rem;
    font-weight: 600
}

.loadtop .and_show {
    background: #008bff !important;
    border-radius: .33rem
}


.loadtop .safe_down a.anquan {
    background: #eb7608 !important;
    border-radius: .33rem
}


.safe-download-fixed a.anquan {
    background-color: #eb7608 !important;
}

.loadtop .ios_show {
    background: #515151 !important;
    border-radius: .33rem
}

.loadtop .no_down_show {
    background: #efefef;
    border-radius: .33rem
}

.loadtop .no_down_show a {
    color: #666 !important
}

.loadtop .yuyue_show {
    background: linear-gradient(to right, #0ed2d0, #01d5b1) !important;
    margin: .38rem .27rem;
    border-radius: .33rem
}

.loadtop .yuyue_show a.down_upload_and{
    background-color: #008bff !important;
    border-radius: .33rem;
}

.loadtop .yuyue_show button {
    width: 100%;
    border: none;
    display: inline-block;
    height: .72rem;
    line-height: .72rem;
    text-align: center;
    font-size: .24rem;
    color: #fff;
    border-radius: .08rem;
    background: linear-gradient(to right, #0ed2d0, #01d5b1);
    border-radius: .33rem
}

.and_show i {
    width: .3rem;
    height: .44rem;
    background-position: -2.29rem -1.32rem;
    vertical-align: middle;
    margin-right: .1rem;
}

.ios_show i {
    width: .3rem;
    height: .4rem;
    background-position: -2.76rem -1.32rem;
    vertical-align: middle;
    margin-right: .1rem;
}

#modal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    display: none
}

.loaddetail {
    margin: .2rem .32rem .4rem
}

.loaddetail .loadmenu {
    width: 100%;
    background: #fafafa;
    border-radius: .36rem;
    height: .72rem;
    line-height: .71rem;
    font-size: .28rem;
    text-align: center;
    margin-top: .32rem;
    display: flex;
    justify-content: space-between
}

.loaddetail .loadmenu span {
    display: inline-block;
    color: #9a9a9a;
    padding: 0 .4rem
}

.loaddetail .loadmenu span.current {
    color: #008bff;
    background: #ebf6ff;
    border-radius: .36rem;
    box-shadow: 0 .1rem .1rem rgba(242, 249, 255, .9)
}

.loaddetail .title p {
    margin-left: 0
}

.linear {
    position: absolute;
    height: .8rem;
    top: -.79rem;
    width: 100%;
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0, #fff 70%)
}

.loaddetail .cont {
    height: 7.88rem;
    overflow: hidden
}

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

.loaddetail .cont>h3 {
    font-size: .28rem;
    color: #1a1a1a;
    line-height: .28rem;
    padding-left: .1rem;
    font-weight: 700;
    margin: .24rem 0;
    border-left: .08rem solid #008bff
}

.loaddetail .cont img {
    max-width: 6.9rem;
    max-height: 7rem;
    height: auto;
    width: auto;
    display: block;
    margin: .15rem auto
}

.loaddetail .cont a {
    color: #008bff
}

.drawer {
    position: relative
}

.drawer span {
    width: 1.69rem;
    height: .56rem;
    background: #008bff;
    text-align: center;
    color: #fff;
    font-size: .28rem;
    line-height: .56rem;
    display: block;
    border-radius: .15rem;
    margin: 0 auto
}

.drawer span i {
    width: .25rem;
    height: .18rem;
    margin-left: .1rem
}

.drawer span i.up {
    background-position: -3.08rem -.73rem
}

.drawer span i.down {
    background-position: -3.4rem -.73rem
}

.drawer .info {
    overflow: hidden;
    margin-top: .32rem
}

.drawer .info a {
    float: left;
    display: inline-block;
    height: .5rem;
    color: #008bff;
    background: #f2f9ff;
    border-radius: .2rem;
    text-align: center;
    line-height: .5rem;
    font-size: .22rem;
    padding: 0 .18rem;
    margin-right: .2rem;
    margin-bottom: .1rem
}

.gameinfo {
    margin: .32rem .32rem 0;
    overflow: hidden
}

.gameinfo .title p {
    margin-left: 0
}

.gameinfo li {
    width: 6.86rem;
    height: .86rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #dadde0
}

.gameinfo li:nth-last-child(1) {
    border: none
}

.gameinfo li>span {
    font-size: .28rem;
    color: #292929
}

.gameinfo li>em {
    font-size: .28rem;
    color: #757575
}

.gameinfo li>em.qx {
    color: #008bff
}

.show_img {
    margin-top: .25rem
}

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

.img_item ul {
    font-size: 0
}

.img_item ul li {
    margin-right: .1rem;
    display: inline-block
}

.img_item ul li img {
    width: auto;
    max-height: 4.6rem;
    border-radius: .2rem
}

div.photo-box {
    width: 100%;
    background: rgba(0, 0, 0, .8);
    height: 100% !important;
    position: fixed;
    overflow: hidden;
    display: none;
    z-index: 999;
    left: 0;
    top: 0
}

.pinch-zoom-container {
    height: 100% !important
}

.img-slider {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0
}

.img-slider li {
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    z-index: 999
}

div.photo-box li {
    list-style: none
}

.img-slider li img {
    vertical-align: middle;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

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

.cf:after {
    clear: both
}

.game-video {
    height: 4.5rem;
    margin: auto;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: 50%
}

.game-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0
}

.game-video img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.game-video .cont {
    width: 7.5rem;
    height: 4.5rem
}

.game-video .cont iframe {
    width: 7.5rem;
    height: 4.5rem
}

.game-video .vback {
    display: none;
    width: 100%;
    height: 4.5rem;
    position: absolute;
    left: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .6)
}

.game-video .vback .info {
    width: 2rem;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: .8rem auto .3rem auto
}

.game-video .vback .info .img_box {
    width: 2rem;
    text-align: center;
    position: relative
}

.game-video .vback .info img {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: .3rem;
    margin: 0 auto
}

.game-video .vback .info p {
    color: #fff;
    font-size: .28rem;
    overflow: hidden;
    white-space: nowrap;
    margin: .1rem auto 0 auto;
    text-align: center
}

.game-video .vback .info .replay {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    background: rgba(0, 0, 0, .3);
    position: absolute;
    top: 0;
    left: .2rem;
    border-radius: .3rem
}

.game-video .vback .info .replay i {
    display: block;
    width: .63rem;
    height: .63rem;
    background-position: -2.96rem -5.28rem;
    margin: .44rem auto
}

.game-video .vback .btn {
    display: block;
    width: 2.6rem;
    height: .6rem;
    line-height: .6rem;
    color: #fff;
    background: #ffa115;
    border-radius: .6rem;
    font-size: .3rem;
    text-align: center;
    margin: 0 auto
}

.game-video .vback .btn i {
    display: inline-block;
    width: .36rem;
    height: .36rem;
    border-radius: .02rem;
    margin-left: .15rem;
    background-position: -3.89rem -5.65rem;
    position: relative;
    top: .12rem
}

.correla {
    overflow: hidden
}

.correla .cornav {
    display: flex;
    justify-content: space-around
}

.correla .cornav li {
    height: 1rem;
    max-width: 18.5%;
    text-align: center;
    display: inline-block;
    position: relative;
    padding: 0 .1rem;
    overflow: hidden
}

.correla .cornav li p {
    font-size: .28rem;
    color: #282828;
    line-height: .93rem;
    white-space: nowrap;
    overflow: hidden
}

.correla .cornav li em {
    width: .38rem;
    height: .1rem;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #008bff;
    display: none
}

.correla .cornav li.current p {
    font-size: .34rem;
    font-weight: 600
}

.correla .cornav li.current em {
    display: block
}

.menu_cont {
    overflow: hidden;
    border-top: .02rem solid #f6f7f9;
    margin: .3rem .32rem .25rem;
    background: #f5f5f5;
    border-radius: .15rem
}

.menu_cont img {
    width: 2.8rem;
    height: 1.8rem;
    border-radius: .15rem;
    float: left
}

.menu_cont .info {
    float: left;
    width: 3.75rem;
    height: 1.8rem;
    margin-left: .18rem;
    position: relative
}

.menu_cont .info p:nth-child(1) {
    font-size: .3rem;
    font-weight: 600;
    color: #008bff;
    line-height: .3rem;
    margin-top: .22rem;
    width: 2.8rem;
    white-space: nowrap;
    overflow: hidden
}

.menu_cont .info p:nth-child(2) {
    font-size: .2rem;
    color: #666;
    line-height: .32rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-top: .12rem
}

.menu_cont .info span {
    font-size: .18rem;
    color: #c9c9c9;
    position: absolute;
    right: .12rem;
    top: .3rem;
    line-height: .18rem
}

.menu_cont .info span i {
    width: .07rem;
    height: .14rem;
    background-position: -.67rem -.94rem;
    margin-left: .1rem
}

.menu_info {
    margin: 0 .32rem .45rem
}

.menu_info ul {
    overflow: hidden;
    border-top: .02rem dashed #e1ebf5
}

.menu_info ul li {
    float: left;
    text-align: center;
    margin-right: .55rem;
    margin-top: .26rem
}

.menu_info ul li:nth-child(4n) {
    margin-right: .19rem
}

.menu_info ul li:nth-child(4n-3) {
    margin-left: .19rem
}

.menu_info ul li img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .3rem
}

.menu_info ul li p {
    font-size: .3rem;
    color: #424242;
    line-height: .3rem;
    margin-top: .15rem;
    white-space: nowrap;
    overflow: hidden;
    width: 1.2rem
}

.newsList {
    padding-bottom: .08rem
}

.newsList .ntab {
    padding: .3rem .32rem 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between
}

.newsList .ntab a {
    display: block;
    width: 3.33rem;
    height: .7rem;
    line-height: .7rem;
    text-align: center;
    font-size: .28rem;
    color: #b2b2b2;
    border-radius: .06rem;
    -moz-box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);
    box-shadow: 0 0 .1rem rgba(0, 0, 0, .1)
}

.newsList .ntab a i {
    margin-right: .1rem;
    position: relative;
    top: .05rem
}

.newsList .ntab a:nth-of-type(1) i {
    width: .5rem;
    height: .29rem;
    background-position: -4.71rem -.05rem
}

.newsList .ntab a:nth-of-type(2) i {
    width: .26rem;
    height: .3rem;
    background-position: -5.7rem -.05rem
}

.newsList .ntab a.current {
    background-color: #008bff;
    color: #fff;
    -moz-box-shadow: 0 0 .1rem transparent;
    -webkit-box-shadow: 0 0 .1rem transparent;
    box-shadow: 0 0 .1rem transparent
}

.newsList .ntab a:nth-of-type(1).current i {
    width: .5rem;
    height: .29rem;
    background-position: -4.08rem -.05rem
}

.newsList .ntab a:nth-of-type(2).current i {
    width: .26rem;
    height: .3rem;
    background-position: -5.34rem -.05rem
}

.newsList ul {
    padding: 0 .32rem
}

.newsList li {
    display: block;
    padding: .24rem 0;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden
}

.newsList li h4 {
    display: inline-block;
    max-height: .84rem;
    font-size: .28rem;
    color: #424242;
    line-height: .42rem;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

.newsList li.nVer h4 {
    height: auto;
    margin-top: .1rem
}

.newsList li a>span {
    display: inline-block;
    padding: 0 .1rem;
    border: 1px solid #e6e6e6;
    font-size: .24rem;
    color: #008bff;
    transform: scale(.9);
    transform-origin: 0 0;
    line-height: .36rem;
    margin-left: .1rem;
    border-radius: .06rem;
    position: relative;
    top: -.08rem
}

.newsList li .info span {
    display: inline-block;
    padding: 0 .1rem;
    border: 1px solid #e6e6e6;
    font-size: .24rem;
    color: #008bff;
    transform: scale(.9);
    transform-origin: 0 0;
    line-height: .36rem;
    margin-left: .1rem;
    border-radius: .06rem;
    position: relative;
    top: -.08rem
}

.newsList li.nVer img {
    width: 100%;
    height: 2.8rem;
    border-radius: .06rem
}

.newsList li.nVer div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-top: .1rem
}

.newsList li.nVer div p {
    display: block;
    overflow: hidden;
    white-space: nowrap
}

.newsList li div p {
    font-size: .2rem;
    color: #a8a8a8;
    line-height: .36rem
}

.newsList li div span {
    display: inline-block;
    padding: 0 .16rem;
    line-height: .34rem;
    font-size: .2rem;
    color: #d0b993;
    background-color: #fbf9f5;
    border: 1px solid #d0b993;
    text-align: center;
    margin-right: .1rem;
    border-radius: .04rem
}

.newsList li div i {
    display: inline-block;
    position: relative;
    top: .03rem;
    margin-right: .08rem
}

.newsList li.nVer i.iTime {
    margin-left: .25rem
}

.newsList li div i.iLook {
    width: .33rem;
    height: .2rem;
    background-position: -4.62rem -.71rem
}

.newsList li div i.iTime {
    width: .2rem;
    height: .2rem;
    background-position: -5.18rem -.7rem
}

.newsList li.nHor img {
    float: left;
    width: 3rem;
    height: 1.68rem;
    border-radius: .06rem;
    margin-right: .2rem
}

.newsList li.nHor div {
    width: 3.66rem;
    height: 1.68rem;
    overflow: hidden
}

.newsList li.nHor div p:last-of-type {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-top: .36rem
}

.newsList li.nHor div p:nth-of-type(1) {
    font-size: .28rem;
    color: #424242;
    margin-bottom: .1rem;
    white-space: normal
}

.newsList li.nHor div p:nth-of-type(1) em {
    color: #a8a8a8;
    font-size: .2rem;
    line-height: .36rem
}

.newsList li.nHor div p {
    display: block;
    overflow: hidden;
    white-space: nowrap
}

.newsList li:nth-of-type(5n+1) {
    padding: .32rem 0
}

.newsList li:last-of-type {
    border: none
}

.newsList .pagecode {
    margin-top: .25rem
}

.newsDetail {
    padding: .32rem;
    background-color: #fff;
    border-top: 1px solid #dfdfdf;
    font-family: "黑体"
}

.newsDetail h1 {
    font-size: .36rem;
    color: #292929;
    line-height: .52rem;
    font-weight: 700
}

.newsDetail .nInfo {
    font-size: .24rem;
    color: #8f8f8f;
    padding: .14rem 0 .22rem 0;
    overflow: hidden;
    white-space: nowrap
}

.newsDetail .nInfo span {
    margin-right: .28rem
}

.newsDetail .nInfo span:last-child {
    margin-right: 0
}

.newsDetail .cont {
    font-size: .3rem;
    color: #424242;
    line-height: .52rem;
    overflow: hidden
}

.newsDetail .cont a {
    color: #008bff;
    display: inline-block;
    line-height: .42rem;
    border-bottom: 1px solid #008bff;
    text-indent: 0
}

.newsDetail .cont p {
    margin-bottom: .25rem
}

.newsDetail .cont img {
    display: block;
    width: 90%;
    height: auto;
    margin: .1rem auto
}

.newsDetail .cont h3 {
    display: block;
    font-size: .32rem;
    line-height: .52rem;
    font-weight: 700;
    color: red;
    margin-bottom: .25rem
}

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

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

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

.newsDetail .cont td {
    border-color: #d9d9d9
}

.newsDetail .cont strong {
    font-weight: 700
}

.newsDetail .drawer p {
    display: block;
    line-height: .7rem;
    font-size: .24rem;
    color: #008bff;
    text-align: center;
    margin-top: .32rem;
    background-color: #f2f9ff;
    overflow: hidden;
    white-space: nowrap
}

.ngame {
    position: relative;
    background-image: url(../images/ngame.jpg);
    background-size: 100% 100%;
    margin: .24rem auto 0;
    padding: .2rem;
    background-color: #eaf2fa;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center
}

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

.ngame .info {
    width: 3.7rem;
    flex: 1
}

.ngame img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .2rem;
    border: .04rem solid #fff;
    margin-right: .32rem;
    flex-shrink: 0
}

.ngame .info p {
    line-height: .36rem;
    font-size: .24rem;
    color: grey;
    white-space: nowrap;
    overflow: hidden
}

.ngame .info p:nth-child(1) {
    font-size: .3rem;
    color: #3e423c
}

.ngame .info p span {
    display: inline-block;
    padding: 0 .16rem;
    line-height: .44rem;
    color: #008bff;
    background-color: #fff;
    text-align: center;
    margin-right: .1rem;
    margin-top: .08rem;
    border-radius: .08rem
}

.ngame .btn {
    display: block;
    width: 1.16rem;
    height: .46rem;
    line-height: .48rem;
    text-align: center;
    border-radius: .23rem;
    color: #008bff;
    font-size: .24rem;
    background-color: #fff;
    letter-spacing: .02rem;
    border: 1px solid #008bff;
    margin-top: .32rem
}

.ngame>p {
    position: absolute;
    top: 0;
    line-height: .54rem;
    right: .18rem;
    font-size: .22rem;
    color: #404347;
    font-weight: 700
}

.nrank {
    background-image: url(../images/nrank.jpg);
    background-size: 100% 100%;
    margin: .32rem .32rem 0;
    height: 1.34rem;
    background-color: #ffeed4
}

.nRecGame {
    padding: .32rem 0 .24rem;
    overflow: hidden
}

.nRecGame ul {
    width: 100%;
    padding: .12rem .32rem 0;
    overflow: hidden
}

.nRecGame ul li {
    float: left;
    text-align: center;
    width: 1.56rem;
    margin-right: .2rem;
    margin-top: .12rem
}

.nRecGame ul li a {
    display: block
}

.nRecGame ul li img {
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    border-radius: .2rem;
    margin: 0 auto
}

.nRecGame ul li p {
    max-width: 1.5rem;
    font-size: .3rem;
    color: #424242;
    line-height: .6rem;
    white-space: nowrap;
    overflow: hidden
}

.edition {
    padding: .32rem 0 .24rem
}

.edition ul {
    margin-top: .2rem
}

.edition ul li {
    margin: 0 .32rem;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    padding: .15rem 0
}

.edition ul li:nth-last-child(1) {
    border-bottom: none
}

.edition ul li img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .3rem;
    float: left
}

.edition ul li .info {
    float: left;
    margin-left: .4rem
}

.edition ul li .info p {
    font-size: .3rem;
    color: #666;
    margin-top: .05rem;
    width: 3rem;
    white-space: nowrap;
    overflow: hidden
}

.edition ul li .info span {
    font-size: .28rem;
    color: #666;
    margin-top: .15rem;
    display: inline-block
}

.edition ul li em {
    float: right;
    display: inline-block;
    height: .56rem;
    font-size: .28rem;
    line-height: .55rem;
    text-align: center;
    color: #fff;
    background: #008bff;
    border-radius: .08rem;
    margin-top: .25rem;
    padding: 0 .4rem
}

.relatenew {
    padding: .32rem 0 .24rem
}

.relatenew ul {
    padding: .35rem .25rem 0;
    margin-top: -.18rem
}

.relatenew 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
}

.relatenew ul li:last-child {
    border: none
}

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

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

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

.included {
    padding: .32rem 0 .24rem
}

.included ul {
    width: 100%;
    padding: .12rem .32rem 0;
    overflow: hidden
}

.included ul li {
    float: left;
    text-align: center;
    width: 1.56rem;
    margin-right: .2rem;
    margin-top: .12rem
}

.included ul li a {
    display: block
}

.included ul li img {
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    border-radius: .2rem;
    margin: 0 auto
}

.included ul li p {
    max-width: 1.56rem;
    font-size: .3rem;
    color: #424242;
    line-height: .6rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pag {
    margin: .25rem 0;
    overflow: hidden
}

.pag p {
    float: left;
    width: 50%;
    display: inline-block;
    white-space: nowrap
}

.pag a {
    color: #424242;
    width: 2.4rem;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom
}

.nlNav {
    display: flex;
    justify-content: space-around;
    margin-bottom: .1rem;
    border-bottom: 1px solid #eee;
    line-height: 1rem
}

.nlNav a {
    display: block;
    font-size: .3rem;
    padding: 0 .1rem;
    border-bottom: .02rem solid transparent;
    color: #454545;
    border-radius: .08rem;
    text-align: center;
    margin: 0 .1rem;
    max-width: 25%;
    max-height: .92rem;
    overflow: hidden;
    white-space: nowrap
}

.nlNav a.current {
    color: #008bff;
    border-color: #008bff
}

.news .newnav {
    overflow: hidden
}

.news .newnav span {
    width: 50%;
    text-align: center;
    display: inline-block;
    float: left;
    height: .7rem;
    font-size: .3rem;
    line-height: .7rem
}

.news .newnav .current {
    color: #008bff;
    border-bottom: .04rem solid #008bff
}

.news ul {
    padding: 0 .32rem
}

.news li a {
    display: block;
    padding: .24rem 0;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden
}

.news li a>p {
    display: inline-block;
    max-height: .84rem;
    margin-top: .1rem;
    font-size: .28rem;
    color: #424242;
    line-height: .42rem;
    overflow: hidden
}

.news li div p {
    font-size: .2rem;
    color: #a8a8a8;
    line-height: .36rem
}

.news li div span {
    display: inline-block;
    padding: 0 .16rem;
    line-height: .34rem;
    font-size: .2rem;
    color: #d0b993;
    background-color: #fbf9f5;
    border: 1px solid #d0b993;
    text-align: center;
    margin-right: .1rem;
    border-radius: .04rem
}

.news li div i {
    display: inline-block;
    position: relative;
    top: .03rem;
    margin-right: .08rem
}

.news li div i.iLook {
    width: .33rem;
    height: .2rem;
    background-position: -4.62rem -.71rem
}

.news li div i.iTime {
    width: .2rem;
    height: .2rem;
    background-position: -5.18rem -.7rem
}

.news li img {
    float: left;
    width: 3rem;
    height: 1.68rem;
    border-radius: .06rem;
    margin-right: .2rem
}

.news li div {
    width: 3.66rem;
    height: 1.68rem;
    overflow: hidden
}

.news li div p:last-of-type {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-top: .08rem
}

.news li div p:nth-of-type(1) {
    font-size: .28rem;
    color: #424242;
    line-height: .42rem;
    height: .82rem;
    margin-bottom: .1rem;
    white-space: normal
}

.news li div p {
    display: block;
    overflow: hidden;
    white-space: nowrap
}

.news li:last-of-type a {
    border: none
}

.news .pagecode {
    margin-top: .25rem
}

.ztmain ul li a {
    float: left
}

.ztmain ul li .info {
    width: 3.96rem
}

.relabel {
    display: flex;
    font-size: .3rem;
    color: #000;
    margin: .2rem .32rem 0
}

.relabel span {
    font-size: .32rem
}

.relabel p {
    flex: 1
}

.relabel p a {
    padding: .02rem .1rem;
    line-height: .42rem;
    border: 1px solid #25c88a;
    background-color: #f3faf7;
    border-radius: .06rem;
    font-size: .24rem;
    color: #25c88a;
    margin-right: .12rem;
    margin-bottom: .1rem
}

.relabel p a:nth-child(1) {
    background-color: #e5fff1;
    color: #57db86;
    border-color: #57db86
}

.relabel p a:nth-child(2) {
    background-color: #ffe6e5;
    color: #ff8484;
    border-color: #ff8484
}

.relabel p a:nth-child(3) {
    background-color: #fff7e5;
    color: #ffb400;
    border-color: #ffb400
}

.relabel p a:nth-child(4) {
    background-color: #e5f6ff;
    color: #6ac9ff;
    border-color: #6ac9ff
}

.relabel p a:nth-child(5) {
    background-color: #f3faf7;
    color: #25c88a;
    border-color: #25c88a
}

.relabel p a:nth-child(6) {
    background-color: #e5fff1;
    color: #57db86;
    border-color: #57db86
}

.relabel p a:nth-child(7) {
    background-color: #ffe6e5;
    color: #ff8484;
    border-color: #ff8484
}

.relabel p a:nth-child(8) {
    background-color: #fff7e5;
    color: #ffb400;
    border-color: #ffb400
}

.relabel p a:nth-child(9) {
    background-color: #e5f6ff;
    color: #6ac9ff;
    border-color: #6ac9ff
}

.relabel p a:nth-child(10) {
    background-color: #f3faf7;
    color: #25c88a;
    border-color: #25c88a
}

.ico {
    background-image: url(../images/sicon.png);
    background-size: 3rem 3rem;
    display: inline-block
}

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

.fx_gw {
    -webkit-box-flex: 1;
    -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;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

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

.tiSle em {
    height: .36rem;
    line-height: .36rem;
    font-size: .3rem;
    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: .04rem
}

.searchBox {
    padding: .25rem .25rem 0 .25rem
}

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

.searchBox a i {
    display: inline-block;
    width: .28rem;
    height: .28rem;
    background-position: -.08rem -.09rem;
    position: relative;
    top: .16rem;
    left: .32rem
}

.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;
    margin: .08rem 0 .06rem
}

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

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

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

.search_txt .close_txt i {
    display: block;
    width: .28rem;
    height: .28rem;
    background-position: -.54rem -.07rem;
    margin: .16rem auto
}

.seaOneTop {
    background: #fff
}

.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 {
    font-size: 0;
    padding: 0 0 .05rem
}

.seaOneTop ul li {
    display: inline-block;
    width: 1.3rem;
    text-align: center;
    margin: 0 .3rem .2rem
}

.seaOneTop ul li:nth-child(4n+1) {
    margin-left: .25rem
}

.seaOneTop ul li:nth-child(4n+4) {
    margin-right: .25rem
}

.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: .1rem auto .02rem;
    overflow: hidden;
    white-space: nowrap
}

.seaOneTop ul li .btn {
    display: block;
    width: 1.16rem;
    height: .48rem;
    line-height: .48rem;
    margin: .11rem auto;
    border: 1px solid #008bff;
    border-radius: .06rem;
    color: #008bff;
    background-color: #fff;
    font-size: .24rem;
    text-align: center
}

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

.seaOneList a {
    position: relative;
    display: inline-block;
    padding: 0 .25rem;
    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: .2rem;
    height: .24rem;
    background-position: -1.06rem -.08rem;
    top: .02rem;
    right: .05rem
}

.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: #666;
    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 span {
    position: absolute;
    top: .54rem;
    right: 0;
    display: block;
    width: 1.2rem;
    height: .52rem;
    line-height: .52rem;
    margin: 0 auto;
    border-radius: .06rem;
    color: #fff;
    font-size: .24rem;
    text-align: center;
    background-color: #008bff
}

.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;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.seaTwoList ul li .info {
    width: 0%;
    -webkit-box-flex: 1;
    -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: #666;
    line-height: .4rem;
    overflow: hidden;
    white-space: nowrap
}

.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
}

.seaTwoList ul li .btn {
    display: block;
    width: 1.2rem;
    height: .52rem;
    line-height: .52rem;
    margin: 0 auto;
    background-color: #008bff;
    border-radius: .06rem;
    color: #fff;
    font-size: .24rem;
    text-align: center
}

.seaTwoList ul li .btn.no {
    display: block;
    width: 1.2rem;
    height: .52rem;
    line-height: .52rem;
    margin: 0 auto;
    background-color: #008bff;
    border-radius: .06rem;
    color: #fff;
    font-size: .24rem;
    text-align: center
}

.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: grey;
    font-size: .2rem;
    overflow: hidden;
    white-space: nowrap
}

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

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

.search_list_wrap em.hot {
    color: #008bff
}

.hGame {
    padding-top: .12rem
}

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

.hGame li {
    margin-right: .19rem
}

.hGame li a {
    display: block;
    text-align: center
}

.hGame li a:first-of-type {
    width: 1.6rem
}

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

.hGame li a p {
    display: block;
    max-width: 90%;
    font-size: .26rem;
    color: #333;
    height: .56rem;
    line-height: .56rem;
    margin: 0 auto;
    overflow: hidden
}

.hGame li .btn {
    display: block;
    width: 1.16rem;
    height: .46rem;
    border: 1px solid #008bff;
    color: #008bff;
    font-size: .22rem;
    text-align: center;
    border-radius: .24rem;
    line-height: .46rem;
    margin: 0 auto
}

.goodgame ul li .info p:nth-child(3) {
    max-width: 5rem
}

.gMore {
    font-size: .28rem;
    color: #fff;
    text-align: center;
    display: block;
    width: 2rem;
    line-height: .62rem;
    background-color: #008bff;
    border-radius: .08rem;
    margin: .36rem auto 0
}

.menu_info {
    margin-bottom: .36rem
}

.ztHot {
    padding: .3rem 0
}

.ztHot ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: .32rem
}

.ztHot ul li {
    margin: .2rem .2rem 0 0
}

.ztHot ul li a {
    display: block;
    padding: .02rem .16rem;
    line-height: .46rem;
    background-color: #f3faf7;
    border-radius: .06rem;
    font-size: .24rem;
    color: #25c88a
}

.ztHot ul li:nth-of-type(16n+1) a {
    color: #f47920;
    background-color: #fff5ed
}

.ztHot ul li:nth-of-type(16n+2) a {
    color: #7fb80e;
    background-color: #f9ffed
}

.ztHot ul li:nth-of-type(16n+3) a {
    color: #6f60aa;
    background-color: #f1edff
}

.ztHot ul li:nth-of-type(16n+4) a {
    color: #009ad6;
    background-color: #edfaff
}

.ztHot ul li:nth-of-type(16n+5) a {
    color: #c77eb5;
    background-color: #ffedfb
}

.ztHot ul li:nth-of-type(16n+6) a {
    color: #4e72b8;
    background-color: #edf3ff
}

.ztHot ul li:nth-of-type(16n+7) a {
    color: #dea32c;
    background-color: #fff9ed
}

.ztHot ul li:nth-of-type(16n+8) a {
    color: #45b97c;
    background-color: #edfff5
}

.ztHot ul li:nth-of-type(16n+9) a {
    color: #7bbfea;
    background-color: #edf8ff
}

.ztHot ul li:nth-of-type(16n+10) a {
    color: #f1516c;
    background-color: #ffedf0
}

.ztHot ul li:nth-of-type(16n+11) a {
    color: #7fb86e;
    background-color: #f1ffed
}

.ztHot ul li:nth-of-type(16n+12) a {
    color: #9b95c9;
    background-color: #efedff
}

.ztHot ul li:nth-of-type(16n+13) a {
    color: #f69c9f;
    background-color: #ffedee
}

.ztHot ul li:nth-of-type(16n+14) a {
    color: #fcaf18;
    background-color: #fff9ed
}

.ztHot ul li:nth-of-type(16n+15) a {
    color: #2585a6;
    background-color: #edfbff
}

.ztHot ul li:nth-of-type(16n+16) a {
    color: #bea901;
    background-color: #fbf9e3
}

.indexnew .newnav {
    display: flex
}

.indexnew .newnav span {
    flex: 1;
    margin-right: 0;
    text-align: center
}

.tablep table {
    margin-bottom: .42rem
}

.tablep em {
    display: block;
    font-size: .32rem;
    line-height: .36rem;
    margin-bottom: .3rem;
    padding: 0 .16rem;
    border-left: .08rem solid #38a6fd;
    font-weight: 700;
    color: #333
}

.tablep a {
    color: #00e
}

#newsDeCont .info {
    width: 100%;
    height: 1.7rem;
    background: #f5f5f5;
    overflow: hidden;
    border-radius: .08rem;
    margin-bottom: .2rem
}

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

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

.qaboxs .name {
    color: #333;
    font-size: .32rem;
    margin-top: .27rem;
    margin-bottom: .2rem
}

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

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

#newsDeCont .info a {
    border: 0
}

#newsDeCont .info a:nth-last-child(1) {
    width: 1.2rem;
    height: .52rem;
    display: block;
    float: left;
    font-size: .24rem;
    color: #fff;
    text-align: center;
    background: #ffa622;
    line-height: .52rem;
    border-radius: .08rem;
    margin-top: .6rem
}

.loadtop .yuyue_show {
    margin: .18rem .27rem 0
}

.indexrank .img {
    display: block
}

.indexrank ul .img {
    float: left
}

.indexrank .btn {
    display: block;
    width: 1.24rem;
    height: .46rem;
    border: 1px solid #008bff;
    border-radius: .23rem;
    color: #008bff;
    line-height: .46rem;
    text-align: center;
    margin: .2rem auto 0
}

.indexrank ul .btn {
    float: right;
    margin-top: .43rem
}

.xyBtn {
    display: block;
    width: 1.16rem;
    height: .46rem;
    border: 1px solid #008bff;
    color: #008bff;
    font-size: .22rem;
    text-align: center;
    border-radius: .24rem;
    line-height: .46rem;
    margin: 0 auto .1rem
}

.game-video .vback .btn i {
    background-position: -1.08rem -4.32rem
}

.game-video .vback .info .replay i {
    background-position: -3.75rem -3rem
}

.game-video .vback .info {
    margin-top: 1rem
}

.loadtop .yuyue_show button {
    font-size: .32rem
}

.and_show i {
    width: .4rem;
    height: .24rem;
    background-position: -3.31rem -1.38rem;
    vertical-align: initial;
}

.loadtop .no_down_show,
.loadtop .and_show,
.loadtop .ios_show,
.loadtop .yuyue_show,
.safe-download {
    margin: .24rem .27rem .12rem;
}

.loadtop .dontload,
.loadtop .downbtn a {
    width: 100%;
    margin: 0;
    height: .72rem;
    line-height: .72rem;
}

.orderBtn button i {
    display: inline-block;
    width: 0.36rem;
    height: 0.36rem;
    position: relative;
    top: .06rem;
    background: url(../images/maskicon.png) no-repeat;
    background-size: 3rem 12rem;
    background-position: -2.17rem -.02rem;
    margin-right: .06rem;
}

.and_show i {
    display: inline-block;
    width: 0.38rem;
    height: 0.38rem;
    position: relative;
    top: .06rem;
    background: url(../images/maskicon.png) no-repeat;
    background-size: 3rem 12rem;
    background-position: -2.6rem -.02rem;
    margin-right: .06rem;
}

.ios_show i {
    position: relative;
    top: 0;
}

.hTips {
    padding: .19rem .25rem;
    color: #666666;
    text-align: left;
    font-size: .24rem;
    line-height: .4rem;
    margin: .2rem .27rem .1rem;
    border-radius: .08rem;
    background-color: #fffaf2;
    border: 1px solid #ffd2a6;
}

.hTips label {
    font-size: .24rem;
    color: #ffa622;
    margin-right: .1rem;
}


/* add */
.orderList i,
.gRule i,
.gPrivacy i,
.feedBack i,
.feBaBtn i {
    background: url(../images/maskicon.png) no-repeat;
    background-size: 3rem 12rem;
}

.gameinfo {
    position: relative;
    margin-top: .2rem;
    padding-top: .12rem;
}

.feBaBtn {
    color: #999;
    font-size: .2rem;
    position: absolute;
    right: 0;
    top: .02rem;
    border: 1px solid #d9d9d9;
    border-radius: .2rem;
    padding: 0 .1rem;
}

.gSecret,
.gPower {
    color: #008BFF !important;
}

.feBaBtn i {
    display: inline-block;
    width: 0.22rem;
    height: 0.22rem;
    position: relative;
    top: .005rem;
    background-position: -1.05rem -.17rem;
    margin-right: .06rem;
}

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

.feHead {
    position: absolute;
    z-index: 5;
    top: 1.6rem;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    width: 5.66rem;
    border-radius: .08rem;
    text-align: center;
}

.feBaClose {
    position: absolute;
    top: .2rem;
    right: .2rem;
    margin: auto;
    z-index: 10;
}

.feBaClose i {
    display: inline-block;
    width: .3rem;
    height: .3rem;
    background-position: -.16rem -.13rem;
    position: relative;
}

.feHead .oTitle {
    position: relative;
    width: 100%;
    height: 1rem;
    padding-top: .28rem;
    text-align: center;
    border-top-left-radius: .08rem;
    border-top-right-radius: .08rem;
}

.feHead .oTitle>i {
    display: block;
    width: 2.66rem;
    height: 1.93rem;
    background-position: -.22rem -8.28rem;
    position: absolute;
    top: -1.12rem;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.feBack {
    background-color: #fff;
    margin: 0 .4rem .2rem;
}

.feBack span {
    font-size: .24rem;
    color: #008bff;
    font-weight: bold;
    margin: .16rem 0;
    display: block;
    text-align: left;
}

.feBack span:nth-of-type(1) {
    margin-top: 0;
}

.feBack .info {
    border: 1px solid #e0e0e0;
    border-radius: .1rem;
}

.feBack .info p {
    font-size: .28rem;
    color: #303030;
    line-height: .88rem;
    border-bottom: 1px solid #e0e0e0;
}

.feBack textarea {
    display: block;
    width: 4.62rem;
    height: .82rem;
    border: none;
    resize: none;
    background: #edf1f5;
    padding-left: .2rem;
    padding-top: .1rem;
    font-size: .24rem;
}

.checkbox {
    position: relative;
    height: .58rem;
    line-height: .58rem;
    border-bottom: 1px solid #e0e0e0;
}

.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: .2rem;
    top: 0;
    height: .2rem;
    line-height: .2rem;
    width: 4.16rem;
    text-align: left;
    font-size: .24rem;
    color: #8f8f8f;
    padding: .19rem 0;
}

.checkbox label:after {
    content: '';
    position: absolute;
    right: -.3rem;
    top: .16rem;
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    border: 1px solid #dcdcdc;
    text-align: center;
}

.checkbox input[type='checkbox']:checked+label:after {
    background-color: #008bff;
    content: "√";
    border-color: #008bff;
    color: #fff;
    font-size: .18rem;
}

.telBox {
    height: .62rem;
    overflow: hidden;
}

.telBox span {
    font-size: .24rem;
    color: 00121a;
}

.telBox input {
    border: none;
    padding-left: .2rem;
    line-height: .58rem;
    width: 4.6rem;
    font-size: .24rem;
    border: 1px solid #e0e0e0;
    border-radius: .08rem;
}

.telBox input::-webkit-input-placeholder {
    color: #888;
}

.telBox input:-moz-placeholder {
    color: #888;
}

.telBox input::-moz-placeholder {
    color: #888;
}

.telBox input:-ms-input-placeholder {
    color: #888;
}

.feSubmit input {
    display: block;
    width: 4.4rem;
    height: .78rem;
    border: 0;
    background: linear-gradient(to right, #ff8d5b, #e13d3d);
    color: #fff;
    font-size: .28rem;
    border-radius: .08rem;
    line-height: .78rem;
    margin: .3rem auto .5rem;
    overflow: hidden;
    white-space: nowrap;
}

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

.orderBox {
    position: absolute;
    z-index: 5;
    top: 3.2rem;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    width: 4.9rem;
    border-radius: .08rem;
    text-align: center;
}

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

.orderBox .oClose i {
    display: inline-block;
    width: .3rem;
    height: .3rem;
    background-position: -.16rem -.13rem;
    position: relative;
}

.orderBox .oTitle {
    position: relative;
    width: 100%;
    height: 1rem;
    padding-top: .28rem;
    text-align: center;
    border-top-left-radius: .08rem;
    border-top-right-radius: .08rem;
}

.orderBox .oTitle>i {
    display: block;
    width: 2.66rem;
    height: 1.81rem;
    background-position: -.22rem -.96rem;
    position: absolute;
    top: -.92rem;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.maskTit {
    font-size: .4rem;
    color: #202020;
    font-weight: bold;
    margin-top: -.15rem;
    line-height: .42rem;
    white-space: nowrap;
    overflow: hidden;
}

.orderBox form .tel {
    width: 3.3rem;
    border: 0;
    background-color: #f5f5f5;
    color: #808080;
    font-size: .24rem;
    border-radius: .08rem;
    padding: 0 .25rem;
    line-height: .72rem;
    margin: .35rem auto .1rem;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox form p {
    color: #666;
    font-size: .28rem;
    line-height: .46rem;
    margin-top: .24rem;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox form p em {
    color: #cc0000;
}

.orderBox form .oBtn,
.orderBox .oKnow {
    border: 0;
    display: block;
    width: 3.8rem;
    height: .72rem;
    border: 0;
    background: #008bff;
    color: #fff;
    font-size: .28rem;
    border-radius: .08rem;
    line-height: .72rem;
    margin: .36rem auto .5rem;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox .msg {
    color: #ff3232;
    font-size: .18rem;
    text-align: left;
    display: block;
    width: 3.8rem;
    margin: 0 auto;
}

.orderBox form {
    position: relative;
}

.orderBox .maskclear {
    position: absolute;
    width: .22rem;
    height: .22rem;
    top: .55rem;
    right: .8rem;
    background-position: -1.46rem -.17rem;
}

.orderBox .onclear {
    background-position: -.69rem -.17rem;
}

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

.orderBox .oWin>p {
    font-size: .24rem;
    color: #666;
    line-height: .36rem;
    margin: .5rem 0;
}

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

.orderBox .oAgin>p {
    font-size: .24rem;
    color: #666;
    line-height: .36rem;
    margin: .5rem 0;
}

.orderBox .oLose {
    width: 100%;
    border-radius: .08rem;
    text-align: center;
}

.orderBox .oLose>p {
    font-size: .24rem;
    color: #666;
    line-height: .36rem;
    margin: .5rem 0;
}

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

.ruleBox {
    position: absolute;
    z-index: 5;
    top: 2rem;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    width: 6.4rem;
    border-radius: .08rem;
    text-align: center;
}

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

.ruleBox .rClose i {
    display: inline-block;
    width: .3rem;
    height: .3rem;
    background-position: -.16rem -.13rem;
    position: relative;
}

.ruleBox .rTitle {
    position: relative;
    width: 100%;
    height: 1rem;
    padding-top: .28rem;
    text-align: center;
    border-top-left-radius: .08rem;
    border-top-right-radius: .08rem;
}

.ruleBox .rTitle>i {
    display: block;
    width: 2.66rem;
    height: 1.82rem;
    background-position: -.22rem -5.93rem;
    position: absolute;
    top: -.97rem;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.ruleBox .rSure {
    display: block;
    width: 4.8rem;
    height: .78rem;
    border: 0;
    background: #008bff;
    color: #fff;
    font-size: .28rem;
    border-radius: .08rem;
    line-height: .78rem;
    margin: .3rem auto .5rem;
    overflow: hidden;
    white-space: nowrap;
}

.ruleMain {
    background-color: #fff;
    display: block;
    height: 4.4rem;
    border: none;
    padding: .15rem .25rem .25rem;
    line-height: .42rem;
    font-size: .24rem;
    color: #4c4c4c;
    margin: .2rem .25rem .3rem;
    overflow: auto;
}

.ruleMain p {
    text-align: left;
}

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

.ruleMain p:nth-of-type(1) {
    color: #333;
    font-size: .24rem;
    font-weight: bold;
}

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

.privacyTxt {
    position: absolute;
    z-index: 5;
    top: 2rem;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    width: 6.4rem;
    border-radius: .08rem;
    text-align: center;
}

.privacyTxt .pClose {
    position: absolute;
    top: .2rem;
    right: .2rem;
    margin: auto;
    z-index: 10;
}

.privacyTxt .pClose i {
    display: inline-block;
    width: .3rem;
    height: .3rem;
    background-position: -.16rem -.13rem;
    position: relative;
}

.privacyTxt .oTitle {
    position: relative;
    width: 100%;
    height: 1rem;
    padding-top: .28rem;
    text-align: center;
    border-top-left-radius: .08rem;
    border-top-right-radius: .08rem;
}

.privacyTxt .oTitle>i {
    display: block;
    width: 2.66rem;
    height: 1.82rem;
    background-position: -.22rem -3.54rem;
    position: absolute;
    top: -.97rem;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.privacyTxt .gSure {
    display: block;
    width: 4.8rem;
    height: .78rem;
    border: 0;
    background: #008bff;
    color: #fff;
    font-size: .28rem;
    border-radius: .08rem;
    line-height: .78rem;
    margin: .3rem auto .5rem;
    overflow: hidden;
    white-space: nowrap;
}

.privacyMain {
    background-color: #fff;
    display: block;
    height: 4.4rem;
    border: none;
    padding: .15rem .25rem .25rem;
    line-height: .42rem;
    font-size: .24rem;
    color: #4c4c4c;
    margin: .2rem .25rem .3rem;
    overflow: auto;
}

.privacyMain p {
    text-align: left;
}

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

.privacyMain p:nth-of-type(1) {
    color: #333;
    font-size: .24rem;
    font-weight: bold;
}

.hotTag {
    margin-top: .3rem;
}

.hotTag ul {
    overflow: hidden;
    margin: .26rem .3rem 0;
}

.hotTag ul li {
    float: left;
    width: 1.15rem;
    height: .44rem;
    line-height: .44rem;
    text-align: center;
    margin-bottom: .3rem;
}

.hotTag ul li a {
    color: #fff;
    display: inline-block;
    width: 1rem;
    height: .44rem;
    line-height: .44rem;
    border-radius: .22rem;
}

.rMore {
    font-size: .28rem;
    color: #fff;
    text-align: center;
    display: block;
    width: 92%;
    line-height: .62rem;
    background-color: #008bff;
    border-radius: .08rem;
    margin: 0rem auto .36rem;
}

.goodgame ul li a {
    display: block;
}

.goodgame ul li .img {
    float: right;
}

.goodgame ul li .info {
    width: 4.8rem;
}

.goodgame ul li .info p:nth-child(3) span {
    line-height: .35rem;
}

.goodgame ul li .info p:nth-child(2) {
    height: 0.8rem;
    line-height: .36rem;
}

.maxgame ul li>p {
    color: #5c5c5c;
    font-size: .24rem;
    line-height: .42rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin: .15rem 0 0 0;
}

.maxgame ul li .infotop .btn {
    float: right;
    width: 1.18rem;
    height: .46rem;
    border: 1px solid #008bff;
    color: #008bff;
    font-size: .22rem;
    text-align: center;
    border-radius: .24rem;
    line-height: .48rem;
    margin-top: .6rem;
}

.maxgame ul li .infotop .info p:nth-last-child(1) span {
    line-height: .35rem;
}

.menu_cont a {
    display: block;
}

.menu_cont .img {
    width: 2.8rem;
    height: 1.8rem;
    border-radius: .15rem;
    float: left;
    overflow: hidden;
}

.menu_cont .info p {
    font-size: .2rem;
    color: #666;
    line-height: .32rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-top: .12rem;
}

.menu_cont .info a {
    font-size: .3rem;
    font-weight: 600;
    color: #008bff;
    line-height: .3rem;
    margin-top: .22rem;
    width: 2.8rem;
    white-space: nowrap;
    overflow: hidden;
}

.xyTags {
    display: flex;
    flex-wrap: wrap;
    padding: .1rem 0 .15rem;
    width: 105%;
}

.xyTags a {
    display: block;
    padding: 0 .1rem;
    font-size: .24rem;
    color: #008bff;
    border: 1px solid #ddd;
    border-radius: .04rem;
    margin: 0 .12rem .1rem 0;
}

.fixedDown {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 9px 0px;
    ;
    width: 7rem;
    overflow: hidden;
    padding: .2rem .25rem;
    background-color: #fff;
}

.fixedDown span,
.fixedDown a {
    display: block;
    width: 100%;
    margin: 0 auto !important;
    font-size: .32rem;
    color: #fff;
    height: .72rem;
    line-height: .72rem;
    background: #008bff;
    border-radius: .36rem;
}

.fixedDown .down_upload_ios {
    background: #515151 !important;
}

.fixedDown .orderBtn {
    background: linear-gradient(to right, #0ed2d0, #01d5b1);
}

.fixedDown .no_down_show {
    color: #666 !important
}

.fixedDown .down_upload_and i {
    display: inline-block;
    width: 0.38rem;
    height: 0.38rem;
    position: relative;
    top: .06rem;
    background: url(../images/maskicon.png) no-repeat;
    background-size: 3rem 12rem;
    background-position: -2.6rem -.02rem;
    margin-right: .08rem;
}

.fixedDown .down_upload_ios i {
    width: .3rem;
    height: .4rem;
    background-position: -2.76rem -1.32rem;
    vertical-align: middle;
    margin-right: .06rem;
}

.fixedDown .orderBtn i {
    display: inline-block;
    width: 0.36rem;
    height: 0.36rem;
    position: relative;
    top: .06rem;
    background: url(../images/maskicon.png) no-repeat;
    background-size: 3rem 12rem;
    background-position: -2.17rem -.02rem;
    margin-right: .1rem;
}

.fixedDown .anquan{
    background-color: #eb7608 !important;
}

.topiclist ul li {
    min-height: 2.28rem;
}

.topiclist ul li>a {
    width: 3rem;
    height: 1.68rem;
    margin-left: .23rem;
    margin-top: .28rem;
    overflow: hidden;
    border-radius: .08rem;
}

.topiclist ul li>a img {
    margin: auto;
    width: 100%;
    min-height: 100%;
    height: auto;
    border-radius: .08rem;
}

.topiclist ul li .info p:nth-child(1) {
    font-size: .3rem;
    font-weight: bold;
}

.topiclist ul li .info p:nth-child(2) {
    font-size: .24rem;
    margin-top: 4px;
}

.topiclist span {
    top: .28rem;
    left: .23rem;
    display: block;
    width: 1.5rem;
    height: .4rem;
    line-height: .4rem;
    font-size: .2rem;
    color: #fff;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 34%, rgba(0, 0, 0, 0) 100%);
    border-radius: .1rem 0 0 0;
}

.topiclist span i {
    color: #FF6600;
}

.topiclist em {
    font-size: .2rem;
    color: #999;
    left: 3.44rem;
    top: 1.69rem;
}

.topiclist em:before {
    content: "";
    display: inline-block;
    width: .2rem;
    height: .2rem;
    background-image: url(../images/icon.png);
    background-size: 6rem 6rem;
    background-position: -5.56rem -.7rem;
    margin-right: .06rem;
    vertical-align: top;
    position: relative;
    top: .025rem;
}

.topiclist ul li .info {
    width: 3.12rem;
    height: 1.96rem;
}

.xreGame {
    display: block;
    margin: .25rem 0 .3rem;
}

.xreGame a {
    float: left;
    color: #292929;
    width: 1.42rem;
    height: 1.55rem;
    margin-right: 0;
}

.xreGame img {
    width: 1.12rem;
    height: 1.12rem;
    border-radius: .2rem;
    margin-bottom: .08rem;
}

.xreGame .morexy {
    position: relative;
    width: 2.22rem;
    height: .9rem;
    margin: .12rem 0 0 .13rem;
}

.xreGame .morexy img {
    display: block;
    float: left;
    width: .9rem;
    height: .9rem;
    border-radius: .2rem;
    border: .06rem solid #fff;
    position: absolute;
    top: -.06rem;
}

.xreGame .morexy img:nth-of-type(1) {
    z-index: 5;
    left: -.06rem;
}

.xreGame .morexy img:nth-of-type(2) {
    z-index: 4;
    left: .35rem;
}

.xreGame .morexy img:nth-of-type(3) {
    z-index: 3;
    left: .76rem;
}

.xreGame .morexy img:nth-of-type(n+4) {
    z-index: 0;
}

.xreGame .morexy span {
    display: block;
    background: #E9EBEE;
    width: .9rem;
    height: .9rem;
    border-radius: .9rem .4rem .4rem .9rem;
    position: absolute;
    top: 0;
    z-index: 2;
    left: 1.32rem;
}

.xreGame .morexy span i {
    display: block;
    width: .18rem;
    height: .75rem;
    position: absolute;
    right: .15rem;
    top: .08rem;
    background-image: url(../images/icon.png);
    background-size: 6rem 6rem;
    background-position: -5.72rem -1.06rem;
}

.rzinfo {
    overflow: hidden;
}

.rzinfo h3 {
    font-size: .28rem;
    color: #1a1a1a;
    line-height: .28rem;
    padding-left: .1rem;
    font-weight: 700;
    margin: .24rem 0;
    border-left: .08rem solid #008bff;
}

.rzbox {
    background: #F5F5F5;
    max-height: 2.6rem;
    height: auto;
    padding: .24rem .38rem .3rem .2rem;
    margin-bottom: .2rem;
    border-radius: .2rem;
    overflow: hidden;
}

.rzbox span {
    font-size: .24rem;
    color: #AAAAAA;
    margin-bottom: .3rem;
}

.rzbox p {
    font-size: .24rem;
    color: #666666;
    line-height: .4rem !important;
    margin-bottom: 0rem !important;
}

.rzbox::-webkit-scrollbar {
    width: 4px;
    height: 1px;
}

.rzbox::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 5px rgba(170, 170, 170, 1);
    background: #535353;
}

.rzinfo h3 span {
    float: right;
    font-size: .24rem;
    color: #AAAAAA;
    font-weight: 300;
}

.rzinfo .rzbox h3 {
    color: #000 !important;
    font-size: .26rem !important;
    margin: 0 !important;
}

.rzbg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 66;
    display: none;
}

.rzhead {
    height: .88rem;
    line-height: .88rem;
    background: #008bff;
    padding: 0 .26rem;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.rzhead i {
    display: block;
    width: .22rem;
    height: .38rem;
    vertical-align: middle;
    background-position: -4.07rem -1.69rem;
}

.rzhead p {
    flex: 1;
    font-size: .3rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.rzcont .info {
    height: 12rem;
    width: 100%;
    overflow: auto;
    margin-bottom: .3rem;
}

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

.rzcont .info span {
    color: #aaa;
    font-size: .24rem;
    margin: 0 .48rem .1rem .2rem;
}

.rzcont .info strong {
    font-size: .26rem;
    font-weight: bold;
}

.cHotAsk {
    padding: .32rem 0 .12rem;
}

.cHAList {
    padding: .12rem .32rem;
}

.cHAList a {
    line-height: .56rem;
    margin-right: .24rem;
}

.cHAList a:hover {
    text-decoration: underline;
}

.cHAList a:nth-of-type(10n+1) {
    font-size: .30rem;
    color: #f1516c;
}

.cHAList a:nth-of-type(10n+2) {
    font-size: .36rem;
    font-weight: 700;
    color: #45b97c;
}

.cHAList a:nth-of-type(10n+3) {
    font-size: .32rem;
    color: #796cb0;
}

.cHAList a:nth-of-type(10n+4) {
    font-size: .32rem;
    font-weight: 700;
    color: #009ad6;
}

.cHAList a:nth-of-type(10n+5) {
    font-size: .28rem;
    color: #4e72b8;
}

.cHAList a:nth-of-type(10n+6) {
    font-size: .36rem;
    color: #dea32c;
}

.cHAList a:nth-of-type(10n+7) {
    font-size: .32rem;
    color: #f69c9f;
}

.cHAList a:nth-of-type(10n+8) {
    font-size: .28rem;
    color: #45b97c;
}

.cHAList a:nth-of-type(10n+9) {
    font-size: .36rem;
    color: #93c244;
}

.cHAList a:nth-of-type(10n+10) {
    font-size: .28rem;
    font-weight: 700;
    color: #c77eb5;
}

/*2022 0208 */
.wrapper {
    width: 100%;
    height: auto;
    max-width: 7.5rem;
    min-width: 3.2rem;
    margin: 0 auto;
    background: #fff;
    min-height: 13.33rem;
    overflow: hidden;
    position: relative;
}

.wrapper nav ul {
    border-bottom: 0;
}

.wrapper .site {
    background-color: transparent;
    margin-bottom: .53rem;
    height: .62rem;
    line-height: .62rem;
    padding: 0 .2rem;
}

.wrapper .site a {
    line-height: .62rem;
}

.wrapper .ztmainbot .title {
    margin: .3rem 0 .2rem;
}

.wrapper .xyEditRec .title {
    margin: .3rem 0 .2rem;
}

.xyTopic {
    position: relative;
    background: url(../images/ztdetialbg.png) no-repeat;
    background-size: 100% auto;
    min-height: 2.8rem;
}

.xyTopic h1 {
    position: relative;
    font-size: .54rem;
    color: #fff;
    line-height: .66rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 .24rem;
}

.xyTopRec {
    position: relative;
    top: .06rem;
    background: url(../images/editrec.png) no-repeat;
    background-size: 100% auto;
    margin: .45rem .13rem 0;
    height: 3.56rem;
}

.xyTopRec .img {
    display: block;
    display: flex;
    padding: .96rem .32rem .24rem;
}

.xyTopRec .img img {
    display: block;
    width: 1.3rem;
    height: 1.3rem;
    border-radius: .26rem;
    margin-right: .19rem;
}

.xyTopRec .img div {
    flex: 1;
    height: 1.3rem;
    overflow: hidden;
    white-space: nowrap;
}

.xyTopRec .img strong {
    font-size: .36rem;
    color: #333;
    line-height: .5rem;
    font-weight: 600;
}

.xyTopRec .img p {
    font-size: .22rem;
    color: #999;
    line-height: .4rem;
}

.xyTopRec .img p em {
    color: #FF8C40;
}

.xyTopRec .btn {
    display: block;
    margin: auto;
    width: 91%;
    height: .64rem;
    line-height: .64rem;
    background: linear-gradient(to right, #ffaf0f, #ffaf0f);
    border-radius: .09rem;
    font-size: .28rem;
    color: #fff;
    text-align: center;
}

.xyEditRec ul {
    padding: .1rem 0 .12rem .26rem;
    margin: auto;
}

.xyEditRec ul li {
    width: 6.98rem;
    height: 1.64rem;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, .16);
    border-radius: 0.18rem;
    position: relative;
    margin-bottom: 0.2rem;
}

.xyEditRec li a {
    display: block;
    height: 1.64rem;
    display: flex;
    align-items: center;
}

.xyEditRec li img {
    display: block;
    width: 1.24rem;
    height: 1.24rem;
    margin-right: 0.2rem;
    margin-left: 0.2rem;
    border-radius: 0.28rem;
}

.xyEditRec li .btn {
    display: block;
    width: 1.18rem;
    height: 0.46rem;
    border: 1px solid #ffaf0f;
    border-radius: 0.23rem;
    line-height: .48rem;
    font-size: .24rem;
    color: #ffaf0f;
    text-align: center;
    display: block;
    margin-top: 0.38rem;
    position: absolute;
    top: 0.2rem;
    right: 0.2rem;
}

.xyEditRec li a:nth-of-type(1) div {
    max-width: 3.8rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.xyEditRec li a:nth-of-type(1) div strong {
    font-weight: 400;
    max-width: 3.5rem;
    white-space: nowrap;
    overflow: hidden;
    color: #00121a;
    font-size: 0.28rem;
    font-weight: bold;
    line-height: 0.42rem;
    margin-top: 0.2rem;
    margin-bottom: .06rem;
    overflow: hidden;
    white-space: nowrap;
}

.xyEditRec li a:nth-of-type(1) div p:nth-of-type(1) {
    margin-bottom: 0.06rem;
    max-height: .32rem;
    overflow: hidden;
    white-space: nowrap;
}

.xyEditRec li a:nth-of-type(1) div p>span {
    padding: 0 0.03rem;
    display: block;
    float: left;
    height: 0.28rem;
    line-height: 0.28rem;
    text-align: center;
    color: #999999;
    font-size: 0.18rem;
    background-color: #f8f8f8;
    margin-right: 0.1rem;
    border-radius: 0.04rem;
    border: 1px solid #eaeaea;
}

.xyEditRec li a:nth-of-type(1) div p:last-of-type {
    max-width: 3.5rem;
    color: #a0a0a0;
    font-size: 0.18rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ztRel {
    padding: .3rem 0;
}

.ztRel ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: .32rem;
}

.ztRel ul li {
    margin: .2rem .2rem 0 0;
}

.ztRel ul li a {
    display: block;
    padding: .02rem .16rem;
    line-height: .46rem;
    background-color: #f3faf7;
    border-radius: .06rem;
    font-size: .24rem;
    color: #25c88a;
}

.ztRel ul li:nth-of-type(16n+11) a {
    color: #f47920;
    background-color: #fff5ed;
}

.ztRel ul li:nth-of-type(16n+12) a {
    color: #7fb80e;
    background-color: #f9ffed;
}

.ztRel ul li:nth-of-type(16n+13) a {
    color: #6f60aa;
    background-color: #f1edff;
}

.ztRel ul li:nth-of-type(16n+14) a {
    color: #009ad6;
    background-color: #edfaff;
}

.ztRel ul li:nth-of-type(16n+15) a {
    color: #c77eb5;
    background-color: #ffedfb;
}

.ztRel ul li:nth-of-type(16n+16) a {
    color: #4e72b8;
    background-color: #edf3ff;
}

.ztRel ul li:nth-of-type(16n+7) a {
    color: #dea32c;
    background-color: #fff9ed;
}

.ztRel ul li:nth-of-type(16n+8) a {
    color: #45b97c;
    background-color: #edfff5;
}

.ztRel ul li:nth-of-type(16n+9) a {
    color: #7bbfea;
    background-color: #edf8ff;
}

.ztRel ul li:nth-of-type(16n+10) a {
    color: #f1516c;
    background-color: #ffedf0;
}

.ztRel ul li:nth-of-type(16n+1) a {
    color: #7fb86e;
    background-color: #f1ffed;
}

.ztRel ul li:nth-of-type(16n+2) a {
    color: #9b95c9;
    background-color: #efedff;
}

.ztRel ul li:nth-of-type(16n+3) a {
    color: #f69c9f;
    background-color: #ffedee;
}

.ztRel ul li:nth-of-type(16n+4) a {
    color: #fcaf18;
    background-color: #fff9ed;
}

.ztRel ul li:nth-of-type(16n+5) a {
    color: #2585a6;
    background-color: #edfbff;
}

.ztRel ul li:nth-of-type(16n+6) a {
    color: #bea901;
    background-color: #fbf9e3;
}

.friendLink {
    margin-top: 0.3rem;
}

.friLink {
    overflow: hidden;
    padding: 0.12rem 0 .2rem;
    height: 0.56rem;
    line-height: 0.5rem;
    position: relative;
    margin-top: .2rem;
}

.fLink {
    margin-left: -0.17rem;
    overflow: hidden;
    position: absolute;
    left: .3rem;
    top: 0rem;
}

.fLink a {
    display: inline-block;
    padding: 0 0.2rem;
    font-size: 0.24rem;
    color: #666;
    line-height: 0.5rem;
    position: relative;
}

.fLink a:before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.08rem;
    width: 1px;
    height: 0.2rem;
}

.fLink.on {
    height: 0.5rem;
    overflow: hidden;
}

.relTopic .title {
    margin: 0.3rem 0 0.24rem;
}

.relTopic .list {
    padding: 0 .25rem .2rem;
}

.relTopic .list>a {
    position: relative;
    display: block;
    height: 2.28rem;
    overflow: hidden;
    border-radius: .06rem;
}

.relTopic .list>a img {
    width: 100%;
    min-height: 2.48rem;
    height: auto;
    display: block;
    margin: auto;
    margin-top: -.2rem;
}

.relTopic .list>a div {
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: .88rem;
    padding-top: .6rem;
    background: linear-gradient(0deg, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, 0) 100%);
    border-radius: 0 0 .08rem .08rem;
}

.relTopic .list>a div p {
    margin-left: .2rem;
    max-width: 5.6rem;
}

.relTopic .list>a div strong {
    display: block;
    font-size: .28rem;
    font-weight: bold;
    color: #fff;
    line-height: .42rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.relTopic .list>a div em {
    display: block;
    color: #ccc;
    font-size: .18rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.relTopic .list>a div span {
    display: block;
    width: 1.06rem;
    height: .42rem;
    line-height: .42rem;
    margin-right: .24rem;
    border-radius: .06rem;
    color: #fff;
    margin-top: .16rem;
    background-color: #008bff;
    font-size: .24rem;
    text-align: center
}

.relTopic ul {
    display: flex;
}

.relTopic ul li {
    max-width: 1.7rem;
    text-align: center;
    flex: 1;
    margin-top: .16rem;
    margin-right: .08rem;
}

.relTopic ul li a {
    display: block;
}

.relTopic ul li img {
    display: block;
    width: 1.08rem;
    height: 1.08rem;
    border-radius: .2rem;
    margin: 0 auto;
}

.relTopic ul li p {
    width: 99%;
    height: .42rem;
    line-height: .42rem;
    color: #000;
    font-size: .28rem;
    margin: .04rem auto 0;
    overflow: hidden;
    white-space: nowrap;
}

.relTopic ul li .btn {
    display: block;
    width: 1.06rem;
    height: .4rem;
    line-height: .4rem;
    margin: .11rem auto;
    border-radius: .06rem;
    color: #008bff;
    border: 1px solid #008bff;
    font-size: .24rem;
    text-align: center
}

header img {
    height: .70rem;
    width: 160px;
    object-fit: cover;
    object-position: center;
}

.relTopic .list {
    padding-top: .02rem;
}

.relTopic ul {
    border-bottom: .06rem dotted #EFEDFF;
    padding-bottom: .12rem;
    padding-top: .05rem;
}

.relTopic .list:last-of-type ul {
    border: none;
    padding-bottom: 0;
}

.news .newnav {
    padding: 0 .32rem;
}

.loadtop .downTips {
    display: block;
    padding: .19rem .24rem;
    width: auto;
    height: auto;
    color: #666;
    font-size: .24rem;
    font-weight: 400;
    line-height: .4rem;
    text-align: center;
    margin: .22rem .27rem .1rem;
    border-radius: .08rem;
    background-color: #fffaf2;
    border: .06rem dashed #ffd2a6;
}

.loadtop .downTips em {
    font-size: .24rem;
    color: #005ce6;
    text-decoration: underline;
}

.safe-info {
    margin-top: 10px;
}


.safe-info p em {
    /* content: ''; */
    display: inline-block;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    background-image: url(../images/checked.png);
    line-height: 2em;
    margin-top: 0.02rem;
    margin-right: 5px;
}


.safe-info p em.uncheck {
    background-image: url(../images/unchecked.png);
}

.safe-info p {
    color: #999;
    font-size: 0.14rem;
    text-align: left;
    line-height: 2.5em;
}

.forCheck {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 2147483646;
   background-color: #fff;
}

.forCheck .imgDiv {
    background-image: url('../../../../uploads/ertyhjm854bfgtyser.png');
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2147483647;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: blue;
 }
 .imgDiv .icp {
     color: blue;
 }