@charset "UTF-8";
/* 初始化*/
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }

th, tr, td, tbody { margin: 0; padding: 0; }

body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { -webkit-tap-highlight-color: transparent; }

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

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { font: 0.24rem Helvetica Regular, Microsoft YaHei, sans-serif, Tahoma; color: #333; }

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

input { outline: none; }

em, i { font-style: normal; }

ul, ol { list-style: none; }

a { text-decoration: none; color: #333; font-family: STHeiti,'Microsoft YaHei',Helvetica,Arial,sans-serif; outline: 0; }

a:hover { text-decoration: none; }

img { border: none; -ms-interpolation-mode: bicubic; }

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

.clear { zoom: 1; }

#warp { min-width: 320px; max-width: 750px; margin: 0 auto; background: #fff; overflow: hidden; position: relative; font-size: 0.24rem; min-height: 100vh; }

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

.box_flex_1 { -webkit-box-flex: 1; box-flex: 1; -ms-flex: 1; flex: 1; }

html { font-size: calc(100vw / 7.5); }

.linebor { border-top: 0.1rem solid #f7f7f7; }

.content { min-height: calc(100vh - 3.7rem); position: relative; background: #f7f7f7; }

.content .img { display: block; overflow: hidden; }

.content .img img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }

.indexcomment { padding-top: 0px; }

.noscroll { height: calc(100vh - 4rem); overflow: hidden; min-height: auto; }

.hide { display: none; }

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

/* 按钮*/
.btndown { width: 1.26rem; height: 0.52rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; background: #0d57e0; border-radius: 0.08rem; font-size: .28rem; }

.btndown > * { display: block; }

.btndown:active { color: #fff; background: #0d57e0; }

header { position: relative; }

header .hdTop { height: 1.1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

header .hdTop .logo { display: block; position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: .3rem; color: #000; height: 1.1rem; line-height: 1.1rem; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; }

header .hdTop .logo img { margin: -0.02rem 0.16rem 0 0.36rem; vertical-align: middle; display: inline-block; }

header .hdTop .logo span { position: absolute; left: .86rem; display: block; width: 1.6rem; height: 1.1rem; line-height: 1.1rem; overflow: hidden; background-color: #008bff; font-size: .3rem; color: #fff; }

header .hdTop .logo i { font-family: serif; padding: 0 0.1rem; color: #000; }

header .hdTop .logo a { font-size: .3rem; color: #000; }

header .hdTop .flex1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}

header .hdTop .logo a:last-child { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

header .hdTop .hdR { display: -webkit-box; display: -ms-flexbox; display: flex; }

header .hdTop a, header .hdTop span { display: block; }

header .hdTop i { display: inline-block; }

header .hdTop img { width: auto; height: .6rem; display: inline-block; margin-top: .30rem; margin-left: .25rem; }

header .hdTop .hdMenu { width: .96rem; height: 1.1rem; text-align: center; line-height: 1.1rem; }

header .hdTop .hdMenu i { width: .46rem; height: .5rem; background-position: -.09rem -.14rem; position: relative; top: .15rem; }

header .hdTop .hdMenu i.hdColor { width: .48rem; height: .48rem; background-position: -.84rem -.14rem; }

header .hdNav { width: 100%; max-width: 7.5rem; padding-bottom: .1rem; position: absolute; top: 1.1rem; z-index: 8; left: 50%; margin-left: -3.75rem; background-color: #fff; border-top: 1px solid #e6e6e6; height: calc(100vh - 1.1rem); overflow-y: auto; }

header .hdNav:after { content: ""; display: block; position: relative; border: 0; width: 100%; height: .3rem; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.06)), to(rgba(255, 255, 255, 0))); background-image: -o-linear-gradient(rgba(0, 0, 0, 0.06), rgba(255, 255, 255, 0)); background-image: linear-gradient(rgba(0, 0, 0, 0.06), rgba(255, 255, 255, 0)); }

header .hdNav .hdnTop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0rem .26rem; }

header .hdNav .hdnTop a { display: block; width: .94rem; height: 1.74rem; padding-top: .46rem; color: #424242; line-height: .56rem; font-size: .3rem; border-radius: .1rem; text-align: center; }

header .hdNav .hdnTop a i { display: block; width: .92rem; height: .92rem; }

header .hdNav .hdnTop a i.sy { background-position: -.1rem -3.69rem; }

header .hdNav .hdnTop a i.yxgl { background-position: -1.36rem -3.69rem; }

header .hdNav .hdnTop a i.rjjc { background-position: -2.67rem -3.69rem; }

header .hdNav .hdnTop a i.zt { background-position: -3.98rem -3.69rem; }

header .hdNav .hdnTop a i.ph { background-position: -5.29rem -3.69rem; }

header .hdNav .hdnBot { padding: .3rem 0; margin: 0 .26rem; border-top: 1px solid #e6e6e6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

header .hdNav .hdnBot .bt { display: block; width: 1.6rem; min-height: 3rem; background-image: url(../images/navbg.jpg); font-size: .3rem; color: #38a6fd; line-height: .68rem; font-weight: bold; text-align: center; border-radius: .06rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

header .hdNav .hdnBot .bt i { display: block; width: .83rem; height: .83rem; margin: 0 auto; }

header .hdNav .hdnBot .bt i.yx { background-position: -4.29rem -2.58rem; }

header .hdNav .hdnBot .bt i.rj { background-position: -5.39rem -2.58rem; }

header .hdNav .hdnBot .list { width: 5.36rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

header .hdNav .hdnBot .list a { display: block; width: 1.58rem; height: .62rem; line-height: .62rem; color: #424242; font-size: .28rem; text-align: center; border: 1px solid #e2e2e2; background-color: #f8f8f8; border-radius: .32rem; overflow: hidden; white-space: nowrap; margin: .1rem .02rem .1rem .14rem; }

header .hdNav .hdnBot .list a.on, header .hdNav .hdnBot .list a:active { color: #fff; background: #0d57e0; border-color: #0d57e0; }

header nav { padding: 0 0.1rem; padding-bottom: 0.1rem; }

header nav .swiper-slide { width: auto; text-align: center; }

header nav a { height: .8rem; line-height: .8rem; text-align: center; font-size: .36rem; display: block; }

header nav .on a { color: #0d57e0; }

.footer { background: -o-linear-gradient(305deg, #96b3e9 0%, #96b3e9 50%, #96b3e9 100%); background: linear-gradient(145deg, #96b3e9 0%, #96b3e9 50%, #96b3e9 100%); background-size: 100% 100%; background-color: #9ebbef; }

.footer .text { padding: .22rem 0 .3rem; }

.footer p, .footer p a { font-size: .18rem; color: #fff; text-align: center; line-height: .4rem; }

.footer p span { font-size: .26rem; color: #fff; margin: 0 .2rem; }

.footer p:nth-of-type(1) { font-size: .26rem; font-weight: lighter; color: #fff; }

.Minbox { padding: 0.2rem 0; margin-bottom: 0.1rem; background: #fff; }

.Minbox .title { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 0.6rem; padding: 0 0.26rem; }

.Minbox .title .bt { height: .6rem; font-size: .36rem; color: #333; font-weight: 500; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.Minbox .title .bt u { display: inline-block; vertical-align: middle; height: 0.3rem; width: 0.08rem; background: #0d57e0; background: -webkit-gradient(linear, left top, left bottom, from(#96b3e9), to(#0d57e0)); background: -o-linear-gradient(top, #96b3e9 0%, #0d57e0 100%); background: linear-gradient(to bottom, #96b3e9 0%, #0d57e0 100%); margin: -0.06rem 0.15rem 0 0; }

.Minbox .title .bt b { font-weight: normal; color: #666666; font-size: 0.26rem; display: inline-block; vertical-align: middle; margin-top: -0.05rem; }

.Minbox .title .bt i { display: inline-block; width: .42rem; height: .42rem; background-position: -.08rem -1.79rem; position: relative; top: .1rem; margin-right: .1rem; }

.Minbox .title .bt i.hr { background-position: -.08rem -1.79rem; }

.Minbox .title .bt i.yx { background-position: -.72rem -1.79rem; }

.Minbox .title .bt i.yf { background-position: -1.34rem -1.79rem; }

.Minbox .title .bt i.yy { background-position: -1.95rem -1.79rem; }

.Minbox .title .bt i.rf { background-position: -2.57rem -1.79rem; }

.Minbox .title .bt i.hj { background-position: -3.18rem -1.79rem; }

.Minbox .title .bt i.gl { background-position: -3.77rem -1.79rem; }

.Minbox .title .bt i.xx { background-position: -5.03rem -1.79rem; }

.Minbox .title .bt i.jt { background-position: -5.62rem -1.79rem; }

.Minbox .title .bt i.nr { background-position: -6.3rem -1.79rem; }

.Minbox .title .bt i.qt { background-position: -6.87rem -1.79rem; }

.Minbox .title .bt i.xz { background-position: -7.53rem -1.79rem; }

.Minbox .title .bt i.xh { background-position: -5rem -1.06rem; }

.Minbox .title .bt i.pl { background-position: -5.67rem -1.09rem; }

.Minbox .title .more { position: relative; font-size: .24rem; color: #8f8f8f; padding-right: .2rem; }

.Minbox .title .more::after { content: ''; display: block; width: .11rem; height: .22rem; background-image: url(../images/icon.png); background-repeat: no-repeat; background-size: 10rem 10rem; background-position: -2.83rem -.3rem; position: absolute; top: .2rem; right: 0; }

.switch-h1 { padding: 0 0.26rem; line-height: 0.4rem; height: 0.6rem; overflow: hidden; font-size: 0.32rem; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; }

.switch-h1 a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; position: relative; overflow: hidden; padding-bottom: 0.2rem; height: 0.4rem; color: #999; }

.switch-h1 a.on { color: #0d57e0; font-weight: bold !important; font-size: 0.32rem !important; }

.switch-h1 a.on::before { content: ''; display: block; width: 80%; height: 0.05rem; color: #0d57e0; background: -webkit-gradient(linear, left top, right top, from(#0d57e0), to(#96b3e9)); background: -o-linear-gradient(left, #0d57e0 0%, #96b3e9 100%); background: linear-gradient(to right, #0d57e0 0%, #96b3e9 100%); left: 10%; bottom: 0px; position: absolute; }

.switch-h1.theme a { max-width: 1.5rem; font-size: 0.28rem; font-weight: normal; text-align: left; }

.switch-h1.theme a::before { left: 0px; }

.switch-h2 { padding: 0.1rem .26rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.switch-h2.around { -ms-flex-pack: distribute; justify-content: space-between; }

.switch-h2 a { margin: 0.1rem 0;display: block; width: 1.98rem; height: .64rem; line-height: .66rem; text-align: center; color: #8f8f8f; font-size: .3rem; border-radius: .32rem; border: 1px solid #e4e4e4; overflow: hidden; white-space: nowrap; }

.switch-h2 a.on { color: #fff; background-color: #0d57e0; border-color: #0d57e0; }

.switch-h2 .swiper-slide-thumb-active a { color: #fff; background-color: #0d57e0; border-color: #0d57e0; }

.switch-h2 .swiper-slide a { margin: 0 auto; }

.moreLink { display: -webkit-box; display: -ms-flexbox; display: flex; margin: .09rem auto; width: 2.16rem; height: .5rem; line-height: .5rem; border: .02rem solid #333; border-radius: .24rem; font-size: .24rem; color: #333; font-weight: bold; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.moreLink:after { content: ""; display: block; width: .21rem; height: .13rem; background: url(../images/icon2.png) no-repeat; background-size: 10rem 10rem; background-position: -1.72rem -.09rem; margin-left: .1rem; }

/* 分页*/
.page { background: #fff; padding: 0.3rem 0.15rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 0.24rem; }

.page > a { width: 18%; display: inline-block; line-height: 0.53rem; border-radius: 0.05rem; background: #efeff4; text-align: center; color: #626675; margin: 0 1%; }

.page > a.gray-page { background-color: #9195a3; border: none; }

.page > a:active, .page span .cbtn a:active { background: #ddd; }

.page > a:nth-child(2) { width: 15%; }

.page > a:nth-child(4) { width: 15%; }

.page > a.over { color: #efeff4; }

.page > span { width: 20%; display: inline-block; line-height: 0.53rem; border-radius: 0.02rem; text-align: center; background: #0d57e0; color: #fff; position: relative; border: 1px solid #0d57e0; }

.page > span .cbtn { display: none; width: 100%; position: absolute; top: -1.25rem; left: 0; z-index: 10; height: 1.8rem; overflow-y: scroll; background: #fff; border-radius: 0.02rem; -webkit-box-shadow: 0 0 3px #bbb; box-shadow: 0 0 3px #bbb; }

.page > span .cbtn a { display: inline-block; text-align: center; line-height: 0.6rem; margin-bottom: 1px; width: 100%; background: #f6f6f6; color: #666; }

.page > span .cbtn .now { background: #0d57e0; color: #fff; }

.Minbox > .page:first-child { padding: 0.1rem 0.2rem; }

/* 首页轮播*/
.swiper_lunbox { padding: 0 .31rem; height: 2.7rem; margin: 0 auto; padding-bottom: 0.3rem; background: #fff; }

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

.swiper_lunbox .img { display: block; width: 100%; border-radius: .24rem; height: 2.7rem; }

.swiper_lunbox .swiper-pagination-bullet { width: .1rem; height: .1rem; background: rgba(255, 255, 255, 0.5); border-radius: .1rem; opacity: 1; margin: 0 .3rem; }

.swiper_lunbox .swiper-pagination-bullet.swiper-pagination-bullet-active { width: .66rem; margin: 0 .1rem; background: #fff; opacity: 1; }

/* 装机必备*/
.hzjBot { background: #fff; padding-bottom: 0.1rem; }

.hzjBot .box { display: -webkit-box; display: -ms-flexbox; display: flex; width: 6.24rem; height: 2.12rem; padding-left: .74rem; background-image: url(../images/zjbg.jpg); background-repeat: no-repeat; background-size: 100% 100%; margin: 0 auto; }

.hzjBot .list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; overflow-x: auto; white-space: nowrap; font-size: 0px; }

.hzjBot .list a { display: inline-block; }

.hzjBot a { display: block; width: 1.25rem; height: 2.1rem; line-height: .6rem; color: #333; text-align: center; overflow: hidden; font-size: 0.28rem; white-space: normal; }

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

/* 热游推荐*/
.hHotRec .list { padding: 0 0.26rem; }

.hHotRec .list li { overflow: hidden; }

.hHotRec .list li:last-child .box { border: none; padding-bottom: 0px; }

.hHotRec .list li:nth-of-type(-n+3) .num { color: #ee6767; font-weight: bold; }

.hHotRec .list li .box { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #e0e0e0; padding: 0.15rem 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.hHotRec .list li .num { display: inline-block; width: 0.43rem; font-size: .24rem; color: #8f8f8f; }

.hHotRec .list li .img { width: 1.2rem; height: 1.2rem; border-radius: .24rem; }

.hHotRec .list li .info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 0.2rem; line-height: 0.4rem; }

.hHotRec .list li .info .name { font-size: .32rem; width: 100%; line-height: 0.42rem; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; margin-bottom: 0.05rem; }

.hHotRec .list li .info p { color: #ababab; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.hHotRec .list li .info p i { padding: 0 0.1rem 0 0.15rem; }

.hHotRec .list li .info p u { display: inline-block; width: 1.34rem; height: 0.21rem; margin: 0 0.1rem 0 0; position: relative; top: 0.01rem; }

.hHotRec .list li .info p u.star1 { background-position: -8.49rem -3.1rem; }

.hHotRec .list li .info p u.star2 { background-position: -8.49rem -2.76rem; }

.hHotRec .list li .info p u.star3 { background-position: -8.49rem -2.42rem; }

.hHotRec .list li .info p u.star4 { background-position: -8.49rem -2.08rem; }

.hHotRec .list li .info p u.star5 { background-position: -8.49rem -1.74rem; }

.hHotRec .list li .info p u.star6 { background-position: -8.49rem -1.4rem; }

.hHotRec .list li .info p u.star7 { background-position: -8.49rem -1.06rem; }

.hHotRec .list li .info p u.star8 { background-position: -8.49rem -.72rem; }

.hHotRec .list li .info p u.star9 { background-position: -8.49rem -.38rem; }

.hHotRec .list li .info p u.star10 { background-position: -8.49rem -.04rem; }

/* 游戏分类*/
.hClassify .cont { padding: .2rem 0 0 0.26rem; overflow-x: auto; white-space: nowrap; font-size: 0; overflow-x: -moz-scrollbars-none; -ms-overflow-style: none; }

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

.hClassify .cont a { display: inline-block; background-image: url(../images/bigicon.png); background-repeat: no-repeat; background-size: 10rem 4.16rem; background-position: -.18rem -2.57rem; width: 2.14rem; height: .7rem; margin-right: .16rem; padding-top: .26rem; text-align: center; border: .02rem solid #eee; border-radius: .08rem; margin-bottom: .1rem; overflow: hidden; }

.hClassify .cont a p, .hClassify .cont a span { display: block; line-height: .42rem; font-size: .24rem; color: #707070; margin: auto; overflow: hidden; }

.hClassify .cont a p { margin-top: .03rem; }

.hClassify .cont a span { font-size: .3rem; color: #424242; }

.hClassify .cont a i { display: block; background-image: url(../images/bigicon.png); background-repeat: no-repeat; background-size: 10rem 4.16rem; margin: .26rem auto; position: relative; }

.hClassify .cont a i.qb { width: .71rem; height: .71rem; background-position: -.11rem -.11rem; top: -.06rem; }
.hClassify .cont a i.dzgd { width: .76rem; height: .71rem; background-position: -1.07rem -.11rem; top: -.06rem; }
.hClassify .cont a i.kpdz { width: .72rem; height: .71rem; background-position: -2.06rem -.11rem; top: -.06rem; }
.hClassify .cont a i.mnjy { width: .71rem; height: .71rem; background-position: -3.05rem -.11rem; }
.hClassify .cont a i.yywd { width: .72rem; height: .71rem; background-position: -5.90rem -.11rem; }
.hClassify .cont a i.xwyd { width: .72rem; height: .71rem; background-position: -6.97rem -.11rem; top: -.06rem; }
.hClassify .cont a i.xwzx { width: .71rem; height: .71rem; background-position: -8.01rem -.11rem; top: -.06rem; }
.hClassify .cont a i.shsy { width: .64rem; height: .71rem; background-position: -2.06rem -1.11rem; top: -.06rem; }
.hClassify .cont a i.xxyx { width: .71rem; height: .71rem; background-position: -3.05rem -1.11rem; top: -.06rem; }
.hClassify .cont a i.xxjy { width: .72rem; height: .71rem; background-position: -4.03rem -1.11rem; }
.hClassify .cont a i.wsgw { width: .69rem; height: .71rem; background-position: -5.06rem -1.11rem; top: -.06rem; }

.hClassify .cont a i.tyjj { width: .72rem; height: .71rem; background-position: -5.97rem -1.11rem; top: -.06rem; }
.hClassify .cont a i.yybf { width: .72rem; height: .71rem; background-position: -1.07rem -1.11rem; top: -.06rem; }
.hClassify .cont a i.txsj { width: .72rem; height: .71rem; background-position: -8rem -1.11rem; top: -.06rem; }
.hClassify .cont a i.xtgj { width: .72rem; height: .71rem; background-position: -5.06rem -1.11rem; top: -.06rem; }
.hClassify .cont a i.sytx { width: .72rem; height: .71rem; background-position: -2.06rem -1.11rem; top: -.06rem; }
.hClassify .cont a i.jsby { width: .72rem; height: .71rem; background-position: -3.05rem -.11rem; top: -.06rem; }
.hClassify .cont a i.xxyz { width: .72rem; height: .71rem; background-position: -8.01rem -.11rem; top: -.06rem; }
.hClassify .cont a i.fxsj { width: .73rem; height: .71rem; background-position: -4.03rem -.11rem; top: -.06rem; }
.hClassify .cont a i.cltf { width: .58rem; height: .71rem; background-position: -5.06rem -.11rem; top: -.06rem; }

/* 手机游戏*/
.hGame .list { padding: 0 0 0 .06rem; }

.hGame .list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }

.hGame .list ul li { padding-bottom: .1rem; margin-left: .2rem; text-align: center; }

.hGame .list ul li .img { width: 1.6rem; display: block; }

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

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

.hGame .list ul li .btndown { margin: 0 auto; }

/* 手机游戏*/
.hHotCol .cont { padding: .2rem .26rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.hHotCol .cont a { display: block; text-align: center; margin-bottom: .1rem; overflow: hidden; }

.hHotCol .cont a img { display: block; width: 3.38rem; height: 1.91rem; border-radius: .08rem; }

.hHotCol .cont a p { display: block; width: 100%; height: .5rem; line-height: .5rem; padding-top: 0.1rem; font-size: .3rem; color: #424242; margin: auto; overflow: hidden; }

.hHotCol .list { padding: .2rem 0 0 .26rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.hHotCol .list a { display: block; width: 1.5rem; height: .6rem; line-height: .6rem; text-align: center; background-color: #ee6767; color: #fff; font-size: .26rem; border-radius: .08rem; overflow: hidden; margin: 0 .2rem .2rem 0; padding: 0 0.05rem; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 攻略资讯教程 列表*/
.newslist .list { padding: 0 0.26rem; }

.newslist .list li { padding: 0.24rem 0; border-bottom: 1px solid #eee; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }

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

.newslist .list li .img { display: block; width: 2.18rem; height: 1.48rem; border-radius: .12rem; margin-left: .3rem; }

.newslist .list li .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; height: 100%; }

.newslist .list li .infor .name { text-align: justify; display: block; height: .8rem; font-size: .3rem; font-weight: bold; line-height: .4rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: .05rem 0 .27rem; }

.newslist .list li .infor p { position: relative; display: block; font-size: .24rem; color: #999; line-height: .36rem; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.newslist .list2 { padding: 0 0.26rem; }

.newslist .list2 li { position: relative; }

.newslist .list2 li:last-child .box .info { border: none; }

.newslist .list2 li .box { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; }

.newslist .list2 li .img { display: block; width: 2.7rem; height: 1.5rem; border-radius: .08rem; margin: .2rem 0; }

.newslist .list2 li .info { -webkit-box-flex: 1.0; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; width: 0%; height: 1.9rem; margin-left: .2rem; position: relative; border-bottom: 1px solid #e0e0e0; }

.newslist .list2 li .info .name { display: block; width: auto; font-size: .24rem; line-height: .42rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: .3rem; color: #424242; margin: .12rem 0 .02rem; white-space: nowrap; }

.newslist .list2 li .info .txt { margin-top: .06rem; color: #8f8f8f; height: .74rem; line-height: 0.36rem; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.newslist .list2 li .info span { display: block; text-align: right; color: #8f8f8f; }

.newslist .list2 li .info span i { display: inline-block; width: .24rem; height: .24rem; background-position: -3.26rem -.32rem; position: relative; top: 0.04rem; margin-right: .1rem; }

/* 编辑盘点*/
.Mintab1 .list { padding: 0.1rem 0.13rem 0; }

.Mintab1 .list li { float: left; width: 33.333%; }

.Mintab1 .list a { font-size: 0.26rem; display: block; width: 90%; margin: 0 auto; height: .6rem; line-height: .6rem; border: 1px solid #eee; text-align: center; border-radius: 0.05rem; padding: 0 1%; overflow: hidden; margin: 0.1rem 0; }

.Mintab1 .list a:active { color: #fff; background: #0d57e0; border-color: #0d57e0; }

/* 排行榜*/
.Minph { padding: 0.2rem 0.26rem; }

.Minph .swiper-warp { position: relative; background: url(../images/igarankbg.png) no-repeat; background-size: 100% auto; padding-top: 1.89rem; }

.Minph .swiper-thumbs { line-height: 0.6rem; padding: 0 0.12rem; overflow: hidden; font-size: 0.32rem; }

.Minph .swiper-thumbs .swiper-slide { position: relative; text-align: center; padding-bottom: 0.1rem; overflow: hidden; height: 0.6rem; }

.Minph .swiper-thumbs a { color: rgba(217, 199, 246, 0.6); }

.Minph .swiper-thumbs .swiper-slide-thumb-active { color: #E1CFFF; font-weight: bold; }

.Minph .swiper-thumbs .swiper-slide-thumb-active::before { content: ''; display: block; width: 50%; height: 0.05rem; color: #0d57e0; background: #E1CFFF; left: 25%; bottom: 0px; position: absolute; }

.Minph .list { padding: 0 0.1rem; padding-top: 0.84rem; }

.Minph .list li:nth-of-type(-n+3) .box i { font-size: 0; background: url(../images/icon2.png) no-repeat; background-size: 10rem 10rem; }

.Minph .list li:nth-of-type(1) .box .img { border-color: #FFDB5C; }

.Minph .list li:nth-of-type(1) .box i { background-position: -.08rem -1.33rem; }

.Minph .list li:nth-of-type(2) .box .img { border-color: #D7DAE5; }

.Minph .list li:nth-of-type(2) .box i { background-position: -.88rem -1.33rem; }

.Minph .list li:nth-of-type(3) .box .img { border-color: #FFDB5C; }

.Minph .list li:nth-of-type(3) .box i { background-position: -1.68rem -1.33rem; }

.Minph .list li .box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .18rem 0; }

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

.Minph .list li .box .img { width: .8rem; height: .8rem; border: .02rem solid transparent; border-radius: .2rem; }

.Minph .list li .box .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding: 0 0.22rem; }

.Minph .list li .box .infor .name { font-size: .3rem; font-weight: bold; max-height: 0.84rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.Minph .list li .box .btndown { border-radius: 0.3rem; }

/* 友情链接*/
.hfLink .flinkList { overflow: hidden; padding: 0.12rem 0 0; height: 0.5rem; line-height: 0.5rem; position: relative; }

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

.hfLink .fLink a { display: inline-block; padding: 0 0.16rem; font-size: 0.26rem; color: #454545; line-height: 0.5rem; position: relative; }

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

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

/* 游戏软件列表分类*/
.kgNav .list { padding: 0 0 0 .26rem; margin-top: .1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.kgNav .list a { display: block; width: 2.2rem; height: .7rem; line-height: .7rem; text-align: center; background-color: #ee6767; color: #fff; font-size: .26rem; border-radius: .08rem; overflow: hidden; white-space: nowrap; margin: 0 .19rem .2rem 0; }

.kgNav .list a:nth-of-type(16n+1) { color: #bea901; background-color: #fbf9e3; }

.kgNav .list a:nth-of-type(16n+2) { color: #f47920; background-color: #fff5ed; }

.kgNav .list a:nth-of-type(16n+3) { color: #7fb80e; background-color: #f9ffed; }

.kgNav .list a:nth-of-type(16n+4) { color: #6f60aa; background-color: #f1edff; }

.kgNav .list a:nth-of-type(16n+5) { color: #009ad6; background-color: #edfaff; }

.kgNav .list a:nth-of-type(16n+6) { color: #c77eb5; background-color: #ffedfb; }

.kgNav .list a:nth-of-type(16n+7) { color: #4e72b8; background-color: #edf3ff; }

.kgNav .list a:nth-of-type(16n+8) { color: #dea32c; background-color: #fff9ed; }

.kgNav .list a:nth-of-type(16n+9) { color: #45b97c; background-color: #edfff5; }

.kgNav .list a:nth-of-type(16n+10) { color: #7bbfea; background-color: #edf8ff; }

.kgNav .list a:nth-of-type(16n+11) { color: #f1516c; background-color: #ffedf0; }

.kgNav .list a:nth-of-type(16n+12) { color: #7fb86e; background-color: #f1ffed; }

.kgNav .list a:nth-of-type(16n+13) { color: #9b95c9; background-color: #efedff; }

.kgNav .list a:nth-of-type(16n+14) { color: #f69c9f; background-color: #ffedee; }

.kgNav .list a :nth-of-type(16n+15) { color: #fcaf18; background-color: #fff9ed; }

.kgNav .list a:nth-of-type(16n+16) { color: #2585a6; background-color: #edfbff; }

.kgNav .list a.on { color: #fff; background-color: #0d57e0; }

.krNav .list { padding: .2rem 0 0 .26rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.krNav .list a { display: block; width: 3.4rem; height: .64rem; line-height: .64rem; text-align: center; background-color: #eee; color: #424242; font-size: .3rem; border-radius: .08rem; overflow: hidden; white-space: nowrap; margin: 0 .19rem .2rem 0; }

.krNav .list a.on { color: #fff; background-color: #ee6767; }

/* 合集banner*/
.tSlider { padding: 0; padding-left: .26rem; height: 3.28rem; }

.tSlider .swiper { height: 100%; width: 100%; }

.tSlider .img { position: relative; display: block; width: 5.2rem; height: 2.49rem; margin-top: .17rem; border-radius: .12rem; overflow: hidden; }

.tSlider .img p { position: absolute; top: 0; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.18); }

.tSlider .img p span { position: absolute; top: .82rem; display: block; width: 100%; height: .86rem; line-height: .86rem; text-align: center; font-size: .36rem; color: #140e10; background-color: rgba(255, 255, 255, 0.3); text-shadow: 0 0 20px rgba(255, 255, 255, 0.9); }

.tSlider .swiper-slide { width: 5.2rem; height: 2.49rem; }

.tSlider .swiper-slide-active { width: 5.9rem; height: 2.83rem; }

.tSlider .swiper-slide-active .img { width: 5.9rem; height: 2.83rem; margin-top: 0; }

.tSlider .swiper-slide-active .img p span { height: .97rem; line-height: .97rem; top: .93rem; }

.tSlider .swiper-pagination-bullets { bottom: .15rem !important; }

.tSlider .swiper-pagination-bullet { width: .26rem; height: .05rem; background-color: #dcdcdc; border-radius: .05rem; opacity: 1; margin: 0 .2rem; }

.tSlider .swiper-pagination-bullet.swiper-pagination-bullet-active { width: .36rem; background-color: #0d57e0; opacity: 1; }

/* 专题合集列表*/
.kTopList .list { padding: 0 .26rem; }

.kTopList .list li { position: relative; padding: .3rem 0; border-bottom: 1px solid #e6e6e6; }

.kTopList .list li:last-child { padding-bottom: 0.1rem; border: none; }

.kTopList .list li .item { position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; }

.kTopList .list li .item .img { display: block; width: 3.38rem; height: 1.91rem; border-radius: .08rem; overflow: hidden; }

.kTopList .list li .item .img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.kTopList .list li .item > span { position: absolute; top: 0; left: 0; display: block; width: 1.3rem; height: .46rem; padding-left: .2rem; line-height: .46rem; font-size: .22rem; color: #fff; background-color: rgba(0, 0, 0, 0.5); background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.01))); background: -o-linear-gradient(left, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.01)); background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.01)); border-top-left-radius: .08rem; }

.kTopList .list li .item .info { -webkit-box-flex: 1.0; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; width: 0%; height: 1.91rem; margin-left: .2rem; }

.kTopList .list li .item .info .name { display: block; width: 100%; line-height: .36rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: .32rem; margin: .08rem 0; white-space: nowrap; }

.kTopList .list li .item .info em { display: block; font-size: .24rem; color: #8f8f8f; }

.kTopList .list li .item .info em:before { content: ""; position: relative; top: .07rem; vertical-align: top; display: inline-block; width: .24rem; height: .24rem; background: url(../images/icon.png) no-repeat; background-size: 10rem 10rem; background-position: -3.26rem -.32rem; margin-right: .06rem; }

.kTopList .list li .item .info p { height: 1.08rem; color: #8f8f8f; line-height: .36rem; line-height: 0.36rem; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.kTopList .list li .tags { margin-top: .3rem; overflow-x: auto; white-space: nowrap; font-size: 0; overflow-x: -moz-scrollbars-none; -ms-overflow-style: none; }

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

.kTopList .list li .tags a { display: inline-block; min-width: 1.6rem; height: .6rem; line-height: .6rem; color: #8f8f8f; font-size: .26rem; text-align: center; border-radius: .06rem; background-color: #eee; margin-right: .16rem; overflow: hidden; padding: 0 0.1rem; }

/* 专题合集详情头部*/
.ktdTop { position: relative; padding: 0 .26rem; overflow: hidden; }

.ktdTop > span { position: absolute; top: 0; left: .26rem; display: block; width: 1.6rem; height: .46rem; padding-left: .2rem; line-height: .46rem; font-size: .22rem; color: #fff; background-color: rgba(0, 0, 0, 0.5); background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.01))); background: -o-linear-gradient(left, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.01)); background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.01)); }

.ktdTop > em { position: absolute; top: 0; right: .26rem; display: block; width: 2.2rem; height: .46rem; padding-left: .2rem; line-height: .46rem; font-size: .22rem; color: #fff; background-color: rgba(0, 0, 0, 0.5); background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 0.8))); background: -o-linear-gradient(left, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.8)); background: linear-gradient(to right, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.8)); overflow: hidden; }

.ktdTop .img { display: block; width: 100%; height: 4.23rem; margin: 0 auto; overflow: hidden; }

.ktdTop img { display: block; width: 100%; min-height: 4.23rem; margin: 0 auto; height: auto; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.ktdTop .intro { padding: .14rem 0 0; line-height: .5rem; background-color: #eee; text-align: center; }

.ktdTop .intro h1 { display: inline-block; max-width: 5.6rem; font-size: .36rem; color: #424242; line-height: .5rem; font-weight: bold; overflow: hidden; }

.ktdTop .intro i { display: inline-block; width: .23rem; height: .2rem; margin: 0 .16rem; vertical-align: top; position: relative; top: .1rem; }

.ktdTop .intro i:nth-of-type(1) { background-position: -6.36rem -.32rem; }

.ktdTop .intro i:nth-of-type(2) { background-position: -6.8rem -.32rem; }

.ktdTop p { display: block; padding: .2rem 0 .22rem; font-size: .28rem; color: #8f8f8f; line-height: .5rem; overflow: hidden; }

/* 排行榜详情精选推荐*/
.relTopic .title { padding-bottom: 0.2rem; }

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

.relTopic .list:last-child { padding-bottom: 0px; }

.relTopic .list:last-child ul { border: none; padding-bottom: 0px; }

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

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

.relTopic .list .bigimg .infor { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; width: 100%; height: .88rem; padding-top: .6rem; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0))); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%); border-radius: 0 0 .08rem .08rem; }

.relTopic .list .bigimg .infor p { margin-left: .2rem; max-width: 5.6rem; }

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

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

.relTopic .list .bigimg .infor span { display: block; width: 1.06rem; height: .42rem; line-height: .42rem; margin-right: .24rem; border-radius: .06rem; color: #fff; margin-top: .16rem; background-color: #0d57e0; font-size: .24rem; text-align: center; }

.relTopic .list ul { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: .06rem dotted #EFEDFF; padding-bottom: .12rem; padding-top: .05rem; }

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

.relTopic .list ul li .box { display: block; }

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

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

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

.newsinfortop { padding: 0.1rem 0; margin: 0 0.26rem; border-bottom: 1px solid #eee; }

.newsinfortop .h1 { font-size: 0.36rem; font-weight: bold; line-height: 0.42rem; text-align: center; margin-bottom: 0.2rem; }

.newsinfortop .bq { line-height: 0.4rem; font-size: 0.26rem; color: #999; overflow: hidden; }

.newsinfortop .bq span { padding-right: 0.1rem; }

.newsinfortop .bq span:last-child { padding-right: 0px; }

.detaile_cont, .textjieshao { padding: 0.2rem 0.3rem 0; position: relative; word-break: break-all; line-height: 0.45rem; font-size: 0.28rem; }

.detaile_cont a, .textjieshao a { color: #007aff; }

.detaile_cont .bt, .textjieshao .bt { height: 0.5rem; }

.detaile_cont .bt, .detaile_cont h3, .textjieshao .bt, .textjieshao h3 { font-size: 0.32rem; font-weight: 600; margin-bottom: 0.2rem; padding-top: 0.1rem; line-height: 0.36rem; }

.detaile_cont .bt:before, .detaile_cont h3:before { display: inline-block; content: ''; width: 0.08rem; height: 0.36rem; background: #0d57e0; border-radius: 2px; vertical-align: middle; margin: -0.02rem 0.1rem 0 0; }

.detaile_cont p, .textjieshao p { overflow: hidden; width: 100%; text-align: justify; margin-bottom: 0.15rem; }

.detaile_cont img, .detaile_cont embed, .detaile_cont iframe { max-width: 100%; margin: 0 auto; display: block;object-fit: cover; height:auto;}

.detaile_cont table { max-width: 100%; margin: 0 auto; margin-bottom: 0.2rem; }

.detaile_cont + .page { padding: 0 0.3rem 0.2rem; }

.knDetial { border-top: 1px solid #dfdfdf; padding: 0.35rem 0.26rem 0.2rem; }

.knDetial .newsinfortop { border-bottom: 1px dashed #d2d2d2; padding: 0; margin: 0; }

.knDetial .newsinfortop .h1 { line-height: 0.56rem; margin-bottom: 0px; }

.knDetial .newsinfortop .bq { font-size: .24rem; color: #8f8f8f; padding: .2rem  0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.knDetial .newsinfortop .bq span { max-width: 50%; overflow: hidden; white-space: nowrap; }

.knDetial .newsinfortop .bq span i { display: inline-block; width: .24rem; height: .24rem; background-position: -3.26rem -.32rem; position: relative; top: 0.04rem; margin-right: .1rem; }

.knDetial .detaile_cont, .knDetial .textjieshao { padding: 0.2rem 0; padding-bottom: 0px; }

.nextPre { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: .1rem .2rem; }

.nextPre p { display: block; width: 3.1rem; height: .66rem; line-height: .64rem; font-size: .26rem; color: #5E5E5E; border: 1px solid #EBEBEB; border-radius: .33rem; }

.nextPre a, .nextPre span { display: block; padding: 0 .05rem 0 .25rem; font-size: .26rem; color: #5E5E5E; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.nextPre a::before, .nextPre span::before { content: ""; position: relative; top: .03rem; margin-right: .1rem; display: inline-block; width: .24rem; height: .24rem; background: url(../images/icon.png) no-repeat; background-size: 10rem 10rem; background-position: -2.45rem -4.98rem; }

.knGame { position: relative; background-image: url(../images/newsbg.jpg); background-repeat: no-repeat; background-size: 100% auto; margin: .2rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; padding: .2rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.knGame .img { display: block; width: 1.2rem; height: 1.2rem; border-radius: .24rem; border: .04rem solid #fff; }

.knGame .infor { -webkit-box-flex: 1.0; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; width: 0%; height: 1.28rem; margin-left: .2rem; position: relative; }

.knGame .infor .name { font-size: .32rem; color: #424242; line-height: .52rem; margin-bottom: .06rem; white-space: nowrap; width: 70%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.knGame .infor p { display: block; width: auto; font-size: .24rem; color: #8f8f8f; line-height: .32rem; overflow: hidden; }

.knGame .infor p span { display: inline-block; width: 2rem; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.knGame .btndown { position: absolute; top: 50%; right: 0px; margin-top: -0.3rem; width: 1.42rem; }

/* 盘点详情*/
.StockList { border-radius: 0.1rem; overflow: hidden; background: #f4f4f4; padding: 0.1rem 0.2rem 0.2rem; }

.StockList ul { overflow: hidden; }

.StockList ul li { float: left; width: 20%; }

.StockList ul li:hover a p { color: #0d57e0; }

.StockList ul li a { margin: 0.1rem 4%; background: #fff; border-radius: 0.1rem; display: block; overflow: hidden; padding-bottom: 0.1rem; }

.StockList ul li a img { display: block; width: 1rem; height: 1rem; border-radius: 0.2rem; margin: 0.2rem auto 0.1rem; }

.StockList ul li a p { text-align: center; height: 0.5rem; line-height: 0.5rem; overflow: hidden; font-size: 0.26rem; }

.StockItems { padding: 0.2rem 0.1rem; }

.StockItems .title { padding-bottom: 0.1rem; }

.StockItems .item { background: #f4f4f4; border-radius: 0.1rem; margin: 0.1rem auto; padding: 0.15rem; }

.StockItems .item .info { height: 1.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.StockItems .item .info .img { display: block; float: left; height: 1.2rem; width: 1.2rem; border-radius: 0.2rem; }

.StockItems .item .info .txt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 0.2rem; overflow: hidden; float: left; }

.StockItems .item .info .txt .name { height: 0.5rem; overflow: hidden; width: 100%; line-height: 0.5rem; font-size: 0.3rem; color: #333; float: left; margin-bottom: 0.2rem; }

.StockItems .item .info .txt p { display: block; float: left; font-size: 0.28rem; color: #999; }

.StockItems .item .info .txt p + p { float: right; }

.StockItems .item .info .btndown { width: 1.6rem; height: 0.6rem; line-height: 0.6rem; }

.StockItems .item .desc { background: #fff; padding: 0.2rem; border-radius: 0.1rem; font-size: 0.28rem; color: #666; line-height: 0.45rem; margin-top: 0.2rem; }

.StockItems .item .imglist { overflow: hidden; background: #fff; border-radius: 0.1rem; margin-top: 0.2rem; }

.StockItems .item .imglist img { display: inline-block; width: auto; height: 4rem; margin-right: 0.2rem; }

.StockItems .item .imglist a { overflow-x: auto; white-space: nowrap; display: block; margin: 0.2rem; padding-bottom: 0.2rem; }

.StockItems .item .imglist::-webkit-scrollbar { background: none; height: 0.1rem; width: 0.1rem; }

.StockItems .item .imglist::-webkit-scrollbar-thumb { background: #14b9c8; height: 0.1rem; width: 0.1rem; border-radius: 0.05rem; }

/* 下载详情*/
.gsDTop { padding: 0 0.26rem; }

.gsDTop .info { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: .34rem; }

.gsDTop .info img { width: 1.4rem; height: 1.4rem; padding: .06rem; background-size: 100% 100%; margin-right: .2rem; border-radius: 0.3rem; }

.gsDTop .info .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

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

.gsDTop .info .infor .bq { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; }

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

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

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

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

.gsDTop .tag { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: .24rem; color: #999; line-height: .4rem; margin-bottom: .1rem; }

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

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

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

.gsDTop .downLink { display: -webkit-box; display: -ms-flexbox; display: flex; width: 7.02rem; padding: .2rem 0 .1rem; margin: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; }

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

.gsDTop .downLink a::before, .gsDTop .downLink button::before { position: relative; display: inline-block; background: url(../images/icon2.png) no-repeat center; background-repeat: no-repeat; background-size: 10rem 10rem; top: .06rem; margin-right: .12rem; }

.gsDTop .downLink .adrBtn { background: -webkit-gradient(linear, left top, right top, from(#23D29E), to(#54D1AB)); background: -o-linear-gradient(left, #23D29E, #54D1AB); background: linear-gradient(to right, #23D29E, #54D1AB); background-color: #23D29E; -webkit-box-shadow: 0 0.05rem 0.15rem rgba(35, 210, 158, 0.2); box-shadow: 0 0.05rem 0.15rem rgba(35, 210, 158, 0.2); }

.gsDTop .downLink .adrBtn::before { content: ""; width: .4rem; height: .41rem; background-position: -1.1rem -2.26rem; top: 0.1rem; }

.gsDTop .downLink .iosBtn { background-color: #000; -webkit-box-shadow: 0 0.05rem 0.15rem rgba(0, 0, 0, 0.4); box-shadow: 0 0.05rem 0.15rem rgba(0, 0, 0, 0.4); }

.gsDTop .downLink .iosBtn:before { content: ""; width: .32rem; height: .39rem; background-position: -.08rem -2.26rem; }

.gsDTop .downLink .orderBtn { background: #FFBC03; -webkit-box-shadow: 0 0.05rem 0.15rem rgba(255, 188, 3, 0.4); box-shadow: 0 0.05rem 0.15rem rgba(255, 188, 3, 0.4); }

.gsDTop .downLink .orderBtn::before { content: ""; width: .32rem; height: .32rem; background-position: -1.6rem -2.26rem; }

.gsDTop .downLink .noDown { background-color: #e0e0e0; color: #999; -webkit-box-shadow: 0 0.05rem 0.15rem rgba(224, 224, 224, 0.4); box-shadow: 0 0.05rem 0.15rem rgba(224, 224, 224, 0.4); }

.gsDTop .downLink .noDown::before { content: ""; width: .32rem; height: .32rem; background-position: -2.11rem -2.26rem; }

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

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

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

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

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

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

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

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

.hj_swiper { margin: 0 0.26rem; position: relative; margin-bottom: 0.2rem; }

.hj_swiper .swiper { padding-bottom: 0.24rem; }

.hj_swiper .swiper-horizontal > .swiper-scrollbar { bottom: 0; height: 0.15rem; left: 0; width: 100%; background: #eee; }

.hj_swiper .swiper-slide { width: auto; height: 3.2rem; max-width: 100%; }

.hj_swiper .swiper-slide .img { max-width: 100%; height: 100%; }

.hj_swiper .swiper-scrollbar-drag { background: #D2D2D2 !important; }

.IDboxwrap .title .bt { font-weight: bold; }

.IDboxwrap .detaile_cont { padding-top: 0.1rem; color: #666; }

.IDboxwrap .btndown { background: -webkit-gradient(linear, left top, right top, from(#06A5FF), to(#0568FA)); background: -o-linear-gradient(left, #06A5FF, #0568FA); background: linear-gradient(to right, #06A5FF, #0568FA); border-radius: 0.24rem; height: 0.48rem; line-height: 0.48rem; font-size: 0.24rem; }

.feBaBtn { float: right; height: .32rem; font-size: .24rem; color: #FAD337; text-align: center; line-height: .6rem; }

.feBaBtn i { position: relative; top: .05rem; margin-right: .05rem; display: inline-block; width: .25rem; height: .25rem; background: url("../images/icon2.png") no-repeat center; background-size: 10rem 10rem; background-position: -2.57rem -.09rem; }

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

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

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

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

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

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

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

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

.relVersion ul li .box .img { display: block; width: .8rem; height: .8rem; border-radius: .1rem; }

.relVersion ul li .box .infor { -webkit-box-flex: 1.0; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; width: 0%; height: .8rem; margin-left: .18rem; position: relative; }

.relVersion ul li .box .infor p { display: block; width: auto; font-size: 0.28rem; color: #333; line-height: .4rem; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.relVersion ul li .box .infor p:nth-of-type(2) { line-height: .32rem; font-size: .24rem; padding-top: 0.08rem; }

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

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

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

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

.gaHScore .gaHSTop .info { padding: .15rem .24rem .15rem .18rem; height: .7rem; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; }

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

.gaHScore .gaHSTop .info .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; color: #fff; }

.gaHScore .gaHSTop .info .infor h1, .gaHScore .gaHSTop .info .infor strong { font-size: .28rem; font-weight: 700; line-height: .34rem; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.gaHScore .gaHSTop .info .infor .bq { margin-top: .06rem; line-height: .28rem; font-size: .2rem; color: rgba(255, 255, 255, 0.8); white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

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

.gaHScore .gaHSTop .info i { float: right; display: block; width: .32rem; height: .32rem; background: url(../images/icon2.png) no-repeat; background-size: 10rem 10rem; background-position: -.56rem -2.26rem; position: relative; top: .19rem; }

.gaHScore ul { padding: 0 0.26rem; padding-bottom: 0.2rem; }

.gaHScore ul li { position: relative; }

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

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

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

.gaHScore ul li .box .info div { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

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

.gaHScore ul li .box .info .p { display: block; font-size: .2rem; line-height: .24rem; color: #A8A8A8; margin-top: .06rem; }

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

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

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

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

.relGameZt .swiper-warp { padding: 0 0.26rem; }

.relGameZt .swiper-thumbs { position: relative; z-index: 3; margin-top: .24rem; left: .24rem; margin-right: .6rem; height: .68rem; overflow: hidden; background: -webkit-gradient(linear, left top, right top, from(#FF6358), to(#FF8F55)); background: -o-linear-gradient(left, #FF6358, #FF8F55); background: linear-gradient(to right, #FF6358, #FF8F55); border-radius: .2rem .4rem; }

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

.relGameZt .swiper-thumbs .swiper-slide { width: auto; }

.relGameZt .swiper-thumbs .swiper-slide-thumb-active a { font-size: .28rem; font-weight: bold; color: white; }

.relGameZt .swiper-thumbs .swiper-slide-thumb-active a:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; display: block; width: 68%; height: .04rem; background: #fff; border-radius: .02rem; }

.relGameZt .swipercont { position: relative; margin-top: -0.78rem; }

.relGameZt .swipercont .imgitem { display: block; height: 2.78rem; padding-top: 0.78rem; background: url(../images/gadeztbg.png) no-repeat; background-size: 100% auto; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; }

.relGameZt .swipercont .imgitem .img { float: left; margin: 0.19rem 0.2rem 0 0.4rem; width: 3.18rem; height: 2.24rem; overflow: hidden; border-radius: 0.2rem; }

.relGameZt .swipercont .imgitem .info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; margin-right: 0.3rem; }

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

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

.relGameZt .swipercont .imgitem .bq { overflow: hidden; position: absolute; top: .9rem; left: .36rem; display: block; padding: 0 .1rem; background: -webkit-gradient(linear, left top, right top, from(#FA7F2A), to(#FB371F)); background: -o-linear-gradient(left, #FA7F2A, #FB371F); background: linear-gradient(to right, #FA7F2A, #FB371F); font-size: .22rem; color: #fff; line-height: .42rem; border-radius: .22rem .11rem .22rem .11rem; }

.relGameZt .swipercont .list { padding-bottom: 0.1rem; background: #fff; }

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

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

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

/* 详情放大图*/
.big_img_mb { display: none; width: 100%; height: 100vh; position: fixed; z-index: 20186; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); }

.big_img_wrap { display: none; position: fixed; left: 0; top: 0; z-index: 201822; width: 100%; margin: 0 auto; height: 100vh; }

#Gm-big-pic { width: 100%; height: 80%; overflow: hidden; }

#Gm-big-pic img { width: auto; height: auto; max-height: 100%; min-width: initial; max-width: 96%; margin: 0 2%; }

.big_img_wrap .big_img_top { position: fixed; width: 100%; height: 36px; line-height: 36px; font-size: 14px; left: 0; top: 10px; z-index: 201823; display: -webkit-box; display: -ms-flexbox; display: flex; }

.big_img_wrap .big_img_top .img_num { -webkit-box-flex: 1px; -ms-flex: 1px; flex: 1px; text-align: center; color: #fff; font-weight: bold; }

.big_img_wrap .big_img_top .back_btn { color: #fff; font-weight: bold; width: 70px; text-align: center; margin-left: 15px; background: url("../images/icon_back.png") no-repeat left; background-size: auto 20px; }

.big_img_wrap .big_img_top .img_src { width: 90px; height: 30px; line-height: 30px; color: #0de8fb; border: 1px solid #0de8fb; text-align: center; margin-right: 5px; }

/* 弹出层*/
.layertan { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 1000; max-width: 7.5rem; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }

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

.layertan.gRule .Box { background: -webkit-gradient(linear, left top, left bottom, from(rgba(170, 105, 249, 0.42)), color-stop(50%, rgba(170, 105, 249, 0.1)), to(rgba(170, 105, 249, 0))); background: -o-linear-gradient(top, rgba(170, 105, 249, 0.42) 0%, rgba(170, 105, 249, 0.1) 50%, rgba(170, 105, 249, 0) 100%); background: linear-gradient(180deg, rgba(170, 105, 249, 0.42) 0%, rgba(170, 105, 249, 0.1) 50%, rgba(170, 105, 249, 0) 100%); background-size: 100% 1.17rem; background-repeat: no-repeat; background-color: #fff; }

.layertan.gRule .Box::before { background-position: -0.3rem -6.72rem; }

.layertan.gPrivacy .Box { background: -webkit-gradient(linear, left top, left bottom, from(rgba(141, 252, 239, 0.42)), color-stop(50%, rgba(141, 252, 239, 0.1)), to(rgba(141, 252, 239, 0))); background: -o-linear-gradient(top, rgba(141, 252, 239, 0.42) 0%, rgba(141, 252, 239, 0.1) 50%, rgba(141, 252, 239, 0) 100%); background: linear-gradient(180deg, rgba(141, 252, 239, 0.42) 0%, rgba(141, 252, 239, 0.1) 50%, rgba(141, 252, 239, 0) 100%); background-size: 100% 1.17rem; background-repeat: no-repeat; background-color: #fff; }

.layertan.gPrivacy .Box::before { background-position: -0.3rem -4.32rem; }

.layertan.orderList .Box { background: -webkit-gradient(linear, left top, left bottom, from(rgba(251, 55, 31, 0.42)), color-stop(50%, rgba(251, 55, 31, 0.1)), to(rgba(251, 55, 31, 0))); background: -o-linear-gradient(top, rgba(251, 55, 31, 0.42) 0%, rgba(251, 55, 31, 0.1) 50%, rgba(251, 55, 31, 0) 100%); background: linear-gradient(180deg, rgba(251, 55, 31, 0.42) 0%, rgba(251, 55, 31, 0.1) 50%, rgba(251, 55, 31, 0) 100%); background-size: 100% 1.17rem; background-repeat: no-repeat; background-color: #fff; }

.layertan.orderList .Box::before { width: 1.54rem; height: 1.98rem; background-position: -0.3rem -0.1rem; }

.layertan.feedBack .Box { background: -webkit-gradient(linear, left top, left bottom, from(rgba(123, 109, 227, 0.42)), color-stop(50%, rgba(123, 109, 227, 0.1)), to(rgba(123, 109, 227, 0))); background: -o-linear-gradient(top, rgba(123, 109, 227, 0.42) 0%, rgba(123, 109, 227, 0.1) 50%, rgba(123, 109, 227, 0) 100%); background: linear-gradient(180deg, rgba(123, 109, 227, 0.42) 0%, rgba(123, 109, 227, 0.1) 50%, rgba(123, 109, 227, 0) 100%); background-size: 100% 1.17rem; background-repeat: no-repeat; background-color: #fff; }

.layertan.feedBack .Box::before { width: 1.8rem; height: 1.79rem; background-position: -0.3rem -11.58rem; }

.layertan .Box { position: absolute; z-index: 5; top: 2.6rem; left: 0; right: 0; margin: auto; width: 6.06rem; min-height: 4.8rem; border-radius: 0.36rem; text-align: center; }

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

.layertan .Box .close { position: absolute; bottom: -1.33rem; left: 0; right: 0; margin: auto; z-index: 10; }

.layertan .Box .close i { display: block; margin: auto; width: 0.72rem; height: 0.72rem; background-position: -6.33rem -3.66rem; position: relative; }

.layertan .Box .Title_bt { position: relative; display: block; text-align: center; padding-top: 1rem; height: 1rem; }

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

.layertan .Box .Main_tex { position: relative; display: block; width: 4.6rem; height: 3rem; border: none; padding: 0 0.21rem 0 0.79rem; margin-right: 0.46rem; line-height: .42rem; font-size: .24rem; color: #454545; border-radius: 0.04rem; overflow: hidden; overflow-y: auto; }

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

.layertan .Box .Main_tex p { text-align: left; }

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

.layertan .Box .btnbox { display: block; border: 0; width: 4.5rem; height: 0.66rem; line-height: .66rem; font-size: .28rem; color: #fff; background: -webkit-gradient(linear, right top, left top, from(#FA7F2A), to(#FB371F)); background: -o-linear-gradient(right, #FA7F2A, #FB371F); background: linear-gradient(to left, #FA7F2A, #FB371F); background-color: #FB371F; text-align: center; border-radius: 0.12rem; margin: 0.45rem auto; }

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

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

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

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

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

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

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

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

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

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

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

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

.layertan .Box.feBackBox .feBack { margin: 0 .63rem; }

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

.layertan .Box.feBackBox .feBack .info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: left; }

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

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

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

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

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

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

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

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

.layertan .Box.feBackBox .feBack .telBox { overflow: hidden; }

.layertan .Box.feBackBox .feBack .telBox .msg { display: block; text-align: left; }

.layertan .Box.feBackBox .feBack .telBox input { display: block; border: none; padding: 0 .2rem; width: 4.36rem; border: none; border: .02rem solid #DCDCDC; background-color: #fff; color: #666; font-size: .28rem; border-radius: .12rem; line-height: .62rem; margin: .36rem auto 0; overflow: hidden; white-space: nowrap; }

.layertan .Box.feBackBox .feBack .telBox input::-webkit-input-placeholder { color: #999; }

.layertan .Box.feBackBox .feBack .telBox input:-moz-placeholder { color: #999; }

.layertan .Box.feBackBox .feBack .telBox input::-moz-placeholder { color: #999; }

.layertan .Box.feBackBox .feBack .telBox input:-ms-input-placeholder { color: #999; }

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

.layertan .Box.feBackBox .feBack .photos { display: -webkit-box; display: -ms-flexbox; display: flex; height: .64rem; overflow: hidden; }

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

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

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

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

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

.layertan .Box.feBackBox .feBack .photoList img { width: auto; height: 1rem; margin-left: .2rem; }

/* 404*/
.warp404 {  padding:2rem 0.26rem; background: #fff; text-align: center; line-height: 0.4rem; font-size: 0.28rem; }

.warp404 p { padding-top: 1rem; }

.warp404 p a { text-decoration: underline; }

.warp404 p:first-child { font-size: .32rem; font-weight: bold; line-height: 0.8rem; }

.warp404 p:nth-child(3) { font-size: .26rem; color: #8f8f8f; padding-top: 0.4rem; }

.warp404 p:nth-child(3) a { color: #ee6767; text-decoration: none; }

.warp404 img { max-width: 80%; height: auto; margin: 0 auto; padding-top: 0.6rem; display: block; }


.epipage{
    text-align: center;
    margin-bottom: 10px;
}
.epipage li {
    margin-bottom: 10px;
}
.epipage li {
    float: left;
}

.epipage li a,.epipage a,.epipage em {
    border: 1px solid #d1d1d6;
    font-style:normal;
    border-radius: 5px;
    width: auto;
    height: 38px;
    padding:0 16px;
    text-align: center;
    line-height: 38px;
    display: inline-block;
    margin-right: 10px;
    font-size: 15px;
    /*background: #fff;*/
    color: #333;
}
.epipage li.cur a,.epipage em,.epipage a:hover {
    background: #0d57e0;
    border-color: #0d57e0;
    color: white;
}

.download {
    height: 60px;
    background: #40aae2;
    text-align: center;
    line-height: 60px;
    font-size: 30px;
    color: #fff;
    margin: 10px auto;
    display: none;
}
.download a {
    color: #fff;
    display: block;
}