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

fieldset,img {
    border: 0
}

:focus {
    outline: 0
}

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

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

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

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

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

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

body {
    line-height: 1.5
}

ol,ul {
    list-style: none
}

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

caption,th {
    text-align: left
}

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

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

blockquote,q {
    quotes: none
}

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

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

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

.clearfix:after {
    clear: both
}

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

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

a {
    color: var(--defColor);
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

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

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

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

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

html {
    font-size: 100px;
}

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

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

.hide {
    display: none;
}

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

:root {
    --defColor: #FF810F;
    --larColor: rgba(255,226,195,.6);
}

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

.wrap {
    background-color: #ecebee;
}

.inwrap {
    background-color: #fff;
}

/* ---------------------------------------------------------------------- */
header {
    background: var(--defColor);
}

.hdtop {
    height: 1.1rem;
    display: flex;
    justify-content: space-between;
}

.hdtop img {
    width: auto;
    height: 1rem;
    display: inline-block;
    margin-top: .30rem;
    margin-left: .25rem;
}

.logo {
    display: block;
    position: relative;
    flex: 1;
    font-size: .32rem;
    color: #fff;
    height: 1.1rem;
    line-height: 1.1rem;
    overflow: hidden;
}

.logo a {
    display: inline-block;
    font-size: .32rem;
    color: #fff;
    height: 1.1rem;
    line-height: 1.1rem;
}

.logo a:nth-of-type(1) {
    margin-left: .2rem;
}

.logo a img {
    margin: 0;
}

.hdtop>span {
    width: .96rem;
    height: 1.1rem;
    text-align: center;
    line-height: 1.1rem;
}

.hdtop>span i {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    background-position: -.03rem -.02rem;
    position: relative;
    top: .15rem;
}

.hdtop>span i.hdColor {
    width: .48rem;
    height: .48rem;
    background-position: -.55rem -.02rem;
}

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

.hotTab {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0rem .26rem;
}

.hotTab a {
    display: block;
    width: .94rem;
    height: 1.74rem;
    padding-top: .46rem;
    color: #999;
    line-height: .56rem;
    font-size: .24rem;
    border-radius: .1rem;
    text-align: center;
}

.hotTab a i {
    display: block;
    width: .92rem;
    height: .92rem;
    background-position: -1.88rem -.6rem;
}

.hotTab a:nth-of-type(1) i {
    background-position: -0.02rem -.6rem;
}

.hotTab a:nth-of-type(2) i {
    background-position: -.94rem -.6rem;
}

.hotTab a:nth-of-type(3) i {
    background-position: -1.88rem -.6rem;
}

.hotTab a:nth-of-type(4) i {
    background-position: -2.85rem -.6rem;
}

.hotTab a:nth-of-type(5) i {
    background-position: -3.76rem -.6rem;
}

.hdhBot {
    padding: .2rem 0 .3rem;
    margin: 0 .26rem;
    border-top: 1px solid #e6e6e6;
}

.hdhBot>p {
    margin-left: .16rem;
    font-size: .32rem;
    height: .42rem;
    line-height: .42rem;
    font-weight: bold;
    margin-bottom: .15rem;
}

.hdhBot>div {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    ;}

.hdhBot>div a {
    display: block;
    width: 1.54rem;
    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 .08rem;
}

/* nav导航 */
nav {
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
    padding-left: 0.3rem;
}

nav a {
    display: inline-block;
    height: .8rem;
    line-height: .42rem;
    padding: 0 0.14rem;
    text-align: center;
    color: #fff;
    font-size: .32rem;
    margin-right: 0.46rem;
    position: relative;
}

nav > a:last-child {
    margin-right: 0;
}

nav a.on {
    font-size: .36rem;
    font-weight: bold;
}

nav a.on::after {
    width: 100%;
    content: '';
    height: 0.08rem;
    background: #fff;
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    border-radius: 10px;
}

nav::-webkit-scrollbar {
    display: none;
}

/* 面包屑 */
.crumbM {
    position: relative;
    padding: 0 0.3rem;
    margin: auto;
    height: 0.68rem;
    line-height: .68rem;
    font-size: .24rem;
    color: #ccc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.crumbM i {
    position: relative;
    top: 0.02rem;
    display: inline-block;
    width: 0.28rem;
    height: 0.22rem;
    margin-right: 0.04rem;
    background-position: -6.13rem -.07rem;
}

.crumbM a {
    color: #ccc;
}

/* 列表页热门标题 */
.aTit {
    padding: 0 0.24rem;
    overflow: hidden;
}

.aTit em {
    position: relative;
    display: block;
    height: 0.62rem;
    line-height: .62rem;
    font-size: .32rem;
    color: #1D2135;
    font-weight: bold;
}

.aTit em i {
    display: inline-block;
    width: 0.28rem;
    height: 0.36rem;
    position: relative;
    top: 0.05rem;
    margin-right: 0.14rem;
    background-position: -1.54rem -0.07rem;
}

/* 内容标题 */
.cTit {
    line-height: .42rem;
    overflow: hidden;
}

.cTit em {
    display: block;
    float: left;
    position: relative;
    height: 0.42rem;
    font-size: .32rem;
    color: #333;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-bottom: 0.2rem;
    border-bottom: 0.02rem dashed var(--defColor);
}

.cTit a {
    display: block;
    float: right;
    margin-top: .1rem;
    width: 1.1rem;
    height: 0.45rem;
    background: #F3F3F3;
    border-radius: 0.23rem;
    text-align: center;
    font-size: .2rem;
    color: #666;
    line-height: .44rem;
}

.cTit a i {
    display: inline-block;
    width: 0.25rem;
    height: 0.28rem;
    background-position: -1.17rem -.07rem;
    position: relative;
    top: 0.06rem;
    margin-right: 0.09rem;
}

/* 首页标题 */
.inTit {
    line-height: .42rem;
    height: .42rem;
    overflow: hidden;
    padding: .2rem .3rem;
}

.inTit em {
    display: block;
    float: left;
    position: relative;
    height: 0.42rem;
    font-size: .36rem;
    color: #333;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.inTit a {
    display: block;
    float: right;
    width: 1.1rem;
    height: 0.42rem;
    background: #F3F3F3;
    border-radius: 0.23rem;
    text-align: center;
    font-size: .2rem;
    color: #666;
    line-height: .42rem;
}

.inTit a i {
    display: inline-block;
    width: 0.25rem;
    height: 0.28rem;
    background-position: -1.17rem -.07rem;
    position: relative;
    top: 0.06rem;
    margin-right: 0.09rem;
}

/* 分页 */
.pages {
    background: #fff;
    padding: 0.15rem 0.15rem .3rem;
    display: flex;
    flex-wrap: wrap;
gap: 10px;
    justify-content: center;
    align-items: center;
    font-size: 0.24rem;
}

.pages a {
    width: max-content;
    padding: 0 10px;
    text-decoration: none;
}
 .pages li {
    list-style-type: none !important;
}


.pages a,.pages span {
    flex: 1;
    border: 1px solid #e5e5e5;
    display: inline-block;
    line-height: 0.53rem;
    border-radius: 0.05rem;
    background: #fff;
    text-align: center;
    color: #333;
    margin: 0 1%;
}

.pages a.on,.pages span.on {
    background: var(--defColor);
    color: #fff;
}

footer {
    padding: 0.4rem 0 0.34rem 0;
    background: #2a2a2b;
    width: 100%;
    max-width: 7.5rem;
    min-width: 3.2rem;
    margin: 0 auto;
    position: relative;
}

footer p {
    text-align: center;
    line-height: 0.28rem;
    color: #7a7a7b;
    font-size: 0.24rem;
    margin: 0 0.62rem;
}

footer a {
    color: #7a7a7b
}

/* 内容滚动动画 */
@keyframes moving {
    form {
        transform: translateY(0);
    }

    to {
        transform: translateY(-50%);
    }
}

/* --------------------------------------------------------------------- */
/* --------------------------游戏应用列表页----------------------------- */
/* 热门推荐 */
.hotSlist {
    position: relative;
    /*width: 6.9rem;*/
    margin: 0.19rem auto;
    padding: 0.15rem 0;
    height: 3.5rem;
    border-top: 0.02rem solid #E7B78C;
    background-color: #fff;
    background-image: linear-gradient(180deg, var(--larColor),#fff);
    background-size: 100% 0.72rem;
    background-repeat: no-repeat;
}

.hotSlist::before {
    content: "";
    position: absolute;
    top: 0.93rem;
    display: block;
    width: 100%;
    border-top: 1px solid rgba(51,51,51,.3);
}

.hotSlist ul {
    display: flex;
    padding-left: 0.2rem;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
}

.hotSlist ul li {
    width: 1.8rem;
    max-height: 3.5rem;
    text-align: center;
    margin-right: 0.13rem;
}

.hotSlist ul li a {
    display: block;
    padding: 0 0.15rem 0.15rem;
}

.hotSlist ul li a div {
    position: relative;
    margin-bottom: 0.1rem;
}

.hotSlist ul li a div i {
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 0.32rem;
    height: 0.3rem;
    background-position: -2rem -0.07rem;
}

.hotSlist ul li a div em {
    display: block;
    width: 100%;
    font-size: .18rem;
    color: #666;
    line-height: .42rem;
    text-align: center;
}

.hotSlist ul li a img {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.3rem;
    margin: auto;
}

.hotSlist ul li a p {
    font-size: .24rem;
    color: #000;
    line-height: .56rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 应用分类 */
.gmTags {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.19rem;
    border-top: 1px solid #d9d9db;
    border-left: 1px solid #d9d9db;
}

.gmTags a {
        display: flex;
        width: 1.125rem;
        height: 1rem;
        border-right: 1px solid #d9d9db;
        border-bottom: 1px solid #d9d9db;
        align-items: center;
        justify-content: center;
        font-size: .24rem;
        color: #666;
        overflow: hidden;
}

.gmTags a.on {
    color: var(--defColor)
}

.gmTags a i {
    position: relative;
    margin: 0.25rem auto 0;
    display: block;
    width: 0.65rem;
    height: 0.65rem;
    background: url(/t173_mob/resource/images/type_icon.png) no-repeat;
    background-size: 7.8rem 2.6rem;
    background-position: 0 0;
}

.gmTags a:nth-of-type(1) i {
    background-position: 0 0;
}

.gmTags a:nth-of-type(2) i {
    background-position: -.65rem 0;
}

.gmTags a:nth-of-type(3) i {
    background-position: -1.3rem 0;
}

.gmTags a:nth-of-type(4) i {
    background-position: -1.95rem 0;
}

.gmTags a:nth-of-type(5) i {
    background-position: -2.6rem 0;
}

.gmTags a:nth-of-type(6) i {
    background-position: -3.25rem 0;
}

.gmTags a:nth-of-type(7) i {
    background-position: -3.9rem 0;
}

.gmTags a:nth-of-type(8) i {
    background-position: -4.55rem 0;
}

.gmTags a:nth-of-type(9) i {
    background-position: -5.2rem 0;
}

.gmTags a:nth-of-type(10) i {
    background-position: -5.85rem 0;
}

.gmTags a:nth-of-type(1).on i {
    background-position: 0 -.65rem;
}

.gmTags a:nth-of-type(2).on i {
    background-position: -.65rem -.65rem;
}

.gmTags a:nth-of-type(3).on i {
    background-position: -1.3rem -.65rem;
}

.gmTags a:nth-of-type(4).on i {
    background-position: -1.95rem -.65rem;
}

.gmTags a:nth-of-type(5).on i {
    background-position: -2.6rem -.65rem;
}

.gmTags a:nth-of-type(6).on i {
    background-position: -3.25rem -.65rem;
}

.gmTags a:nth-of-type(7).on i {
    background-position: -3.9rem -.65rem;
}

.gmTags a:nth-of-type(8).on i {
    background-position: -4.55rem -.65rem;
}

.gmTags a:nth-of-type(9).on i {
    background-position: -5.2rem -.65rem;
}

.gmTags a:nth-of-type(10).on i {
    background-position: -5.85rem -.65rem;
}

.appc a:nth-of-type(2) i {
    background-position: -6.5rem 0;
}

.appc a:nth-of-type(3) i {
    background-position: -7.15rem 0;
}

.appc a:nth-of-type(4) i {
    background-position: 0 -1.3rem;
}

.appc a:nth-of-type(5) i {
    background-position: -.65rem -1.3rem;
}

.appc a:nth-of-type(6) i {
    background-position: -1.3rem -1.3rem;
}

.appc a:nth-of-type(7) i {
    background-position: -1.95rem -1.3rem;
}

.appc a:nth-of-type(8) i {
    background-position: -2.6rem -1.3rem;
}

.appc a:nth-of-type(9) i {
    background-position: -3.25rem -1.3rem;
}

.appc a:nth-of-type(10) i {
    background-position: -3.9rem -1.3rem;
}

.appc a:nth-of-type(11) i {
    background-position: -4.55rem -1.3rem;
}

.appc a:nth-of-type(12) i {
    background-position: -5.2rem -1.3rem;
}

.appc a:nth-of-type(13) i {
    background-position: -5.85rem -1.3rem;
}

.appc a:nth-of-type(14) i {
    background-position: -6.5rem -1.3rem;
}

.appc a:nth-of-type(15) i {
    background-position: -7.15rem -1.3rem;
}

.appc a:nth-of-type(2).on i {
    background-position: -6.5rem -.65rem;
}

.appc a:nth-of-type(3).on i {
    background-position: -7.15rem -.65rem;
}

.appc a:nth-of-type(4).on i {
    background-position: 0 -1.95rem;
}

.appc a:nth-of-type(5).on i {
    background-position: -.65rem -1.95rem;
}

.appc a:nth-of-type(6).on i {
    background-position: -1.3rem -1.95rem;
}

.appc a:nth-of-type(7).on i {
    background-position: -1.95rem -1.95rem;
}

.appc a:nth-of-type(8).on i {
    background-position: -2.6rem -1.95rem;
}

.appc a:nth-of-type(9).on i {
    background-position: -3.25rem -1.95rem;
}

.appc a:nth-of-type(10).on i {
    background-position: -3.9rem -1.95rem;
}

.appc a:nth-of-type(11).on i {
    background-position: -4.55rem -1.95rem;
}

.appc a:nth-of-type(12).on i {
    background-position: -5.2rem -1.95rem;
}

.appc a:nth-of-type(13).on i {
    background-position: -5.85rem -1.95rem;
}

.appc a:nth-of-type(14).on i {
    background-position: -6.5rem -1.95rem;
}

.appc a:nth-of-type(15).on i {
    background-position: -7.15rem -1.95rem;
}

/* 列表 */
.apsList {
    padding: 0 0.3rem;
    margin-bottom: 0.26rem;
}

.apsList>ul {
    padding: .15rem .2rem .2rem;
    background: #fff;
}

.apsList>ul li {
    border-bottom: 1px solid #eee;
}

.apsList>ul li a {
    display: block;
    overflow: hidden;
    padding: .15rem 0;
}

.apsList>ul li a img {
    display: block;
    float: left;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 0.3rem;
    margin-right: .2rem;
}

.apsList>ul li a div {
    float: left;
    height: 1.28rem;
    width: 3.6rem;
    overflow: hidden;
}

.apsList>ul li a div p:nth-of-type(1) {
    font-size: .28rem;
    color: #333;
    line-height: .42rem;
    margin-bottom: 0.04rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.apsList>ul li a div p:nth-of-type(2) {
    display: block;
    font-size: .22rem;
    color: #9F9FA4;
    line-height: .4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.apsList>ul li a div>span {
    display: block;
    font-size: .22rem;
    color: #9F9FA4;
    line-height: .4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.apsList>ul li a>span {
    display: block;
    float: left;
    width: 1.2rem;
    height: 0.5rem;
    margin: .35rem 0 0 .1rem;
    font-size: .24rem;
    background: var(--defColor);
    color: #fff;
    line-height: .5rem;
    border-radius: 0.25rem;
    text-align: center;
}

/* ----------------------攻略列表页-------------------------- */
.glBox {
    margin-bottom: .15rem;
}

.glBox .pages {
    background: transparent;
    padding-bottom: .15rem;
}

.gTop {
    position: relative;
    padding: 0.4rem 0.2rem 0.5rem;
    height: 1.2rem;
    margin-bottom: 0.2rem;
    background: url(/t173_mob/resource/images/gltopbg.png) no-repeat;
    background-size: 7.5rem 2.1rem;
    text-align: center;
}

.gTop strong {
    position: relative;
    font-size: .32rem;
    color: #fff;
    line-height: .4rem;
    overflow: hidden;
    white-space: nowrap;
}

.gTop p:nth-of-type(1) {
    display: block;
    font-size: .2rem;
    line-height: .32rem;
    color: #ccc;
    overflow: hidden;
    white-space: nowrap;
}

.gTop p:nth-of-type(2) {
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0 0.36rem;
}

.gTop p:nth-of-type(2) a {
    display: block;
    float: left;
    background-color: #5A5049;
    color: #ccc;
    transform: skewX(-20deg);
    width: 2.2rem;
    height: .62rem;
    line-height: .62rem;
}

.gTop p:nth-of-type(2) a:nth-of-type(n+2) {
    margin-left: .08rem;
}

.gTop p:nth-of-type(2) a em {
    display: block;
    transform: skewX(20deg);
}

.gTop p:nth-of-type(2) a.on {
    background: #fff;
    color: var(--defColor);
}

.glBox ul {
    width: 6.9rem;
    margin: 0.25rem auto 0;
    padding-bottom: .15rem;
    background: #ecebee;
}

.glBox ul li {
    background: #fff;
    margin-top: .25rem;
}

.glBox ul li a {
    display: block;
    overflow: hidden;
}

.glBox ul li a img {
    display: block;
    float: left;
    width: 2.27rem;
    height: 1.72rem;
    margin-right: 0.32rem;
}

.glBox ul li a div {
    float: left;
    height: 1.72rem;
    width: 4.2rem;
}

.glBox ul li a div p {
    height: 0.84rem;
    font-size: .28rem;
    color: #333;
    line-height: .42rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0.16rem 0 0.22rem;
}

.glBox ul li a div span {
    position: relative;
    display: block;
    font-size: .24rem;
    color: #ccc;
    line-height: .26rem;
}

.glBox ul li a div span::before {
    content: "";
    position: relative;
    top: 0.01rem;
    vertical-align: top;
    margin-right: 0.08rem;
    display: inline-block;
    width: 0.24rem;
    height: 0.24rem;
    background: url(/t173_mob/resource/images/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -5.77rem -.07rem ;
}

/* -----------------------攻略资讯内容页-------------------------- */
.glCont {
    margin: 0 0.3rem 0.35rem;
    background: #fff;
    padding: 0.35rem 0.2rem 0.05rem;
    overflow: hidden;
}

/* 资讯标题 */
.glCont>h1 {
    font-size: .38rem;
    color: #333;
    font-weight: bold;
    line-height: .54rem;
    margin-bottom: 0.16rem;
}

.glCont>p {
    overflow: hidden;
    margin-bottom: 0.21rem;
    padding-bottom: .16rem;
    font-size: .2rem;
    color: #ccc;
    line-height: .44rem;
    margin-bottom: 0.21rem;
    border-bottom: 1px solid #ccc;
}

.glCont>p span {
    display: block;
    float: left;
    margin-right: .3rem;
}

/* 资讯内容 */
.glCont .cont {
    font-size: .28rem;
    line-height: .45rem;
    color: #000;
}

.glCont .cont p {
    margin-bottom: 0.16rem;
}

.glCont .cont h3 {
    position: relative;
    display: block;
    font-size: .32rem;
    color: #000;
    font-weight: bold;
    line-height: .58rem;
    margin-bottom: 0.12rem;
}

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

/* 资讯相关应用 */
.glxgGm {
    background: url(/t173_mob/resource/images/glgmbg.png) no-repeat;
    background-size: 100% 100%;
    margin: 0.3rem auto .2rem;
}

.glxgGm a {
    display: block;
    overflow: hidden;
    padding: 0.21rem 0.24rem 0.33rem 0.21rem;
}

.glxgGm a img {
    display: block;
    float: left;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 0.3rem;
    margin-right: 0.2rem;
}

.glxgGm a div {
    float: left;
    width: 3.3rem;
    height: 1.4rem;
}

.glxgGm a div p {
    position: relative;
    display: block;
    font-size: .32rem;
    color: var(--defColor);
    font-weight: 500;
    line-height: .42rem;
    margin-top: 0.09rem;
    margin-bottom: 0.03rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.glxgGm a div span {
    font-size: .22rem;
    color: #999;
    line-height: .4rem;
    margin-bottom: 0.01rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.glxgGm a>span {
    display: block;
    float: left;
    width: 1.1rem;
    height: 0.5rem;
    font-size: .24rem;
    color: #fff;
    text-align: center;
    line-height: .5rem;
    border-radius: 0.25rem;
    margin-top: .4rem;
    background: var(--defColor);
}

/* -----------------------专题列表----------------------- */
.zTop {
    position: relative;
    padding: 0.4rem 0.2rem 0.5rem;
    height: 1.2rem;
    margin-bottom: 0.2rem;
    background: url(/t173_mob/resource/images/zttopbg.png) no-repeat;
    background-size: 7.5rem 2.1rem;
    text-align: center;
}

.zTop strong {
    position: relative;
    font-size: .32rem;
    color: #fff;
    line-height: .4rem;
    overflow: hidden;
    white-space: nowrap;
}

.zTop p:nth-of-type(1) {
    display: block;
    font-size: .2rem;
    line-height: .32rem;
    color: #ccc;
    overflow: hidden;
    white-space: nowrap;
}

.zTop p:nth-of-type(2) {
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 0 0.36rem;
    text-align: center;
}

.zTop p:nth-of-type(2) a {
    display: inline-block;
    background-color: #5A5049;
    color: #ccc;
    transform: skewX(-20deg);
    width: 2.2rem;
    height: .62rem;
    line-height: .62rem;
}

.zTop p:nth-of-type(2) a:nth-of-type(n+2) {
    margin-left: .08rem;
}

.zTop p:nth-of-type(2) a em {
    display: block;
    transform: skewX(20deg);
}

.zTop p:nth-of-type(2) a.on {
    background: #fff;
    color: var(--defColor);
}

/* 热门专题 */
.ztRec {
    display: flex;
    margin: auto;
    margin-bottom: 0.21rem;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
}

.ztRec a {
    position: relative;
    display: block;
    width: 3.35rem;
    height: 2.7rem;
    margin-right: 0.21rem;
    background-color: #ffa123;
}

.ztRec a img {
    display: block;
    width: 3.35rem;
    height: 1.88rem;
}

.ztRec a p {
    display: block;
    margin-top: 0.06rem;
    width: 100%;
    height: 0.36rem;
    line-height: .36rem;
    font-size: .24rem;
    color: #fff;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

.ztRec a span {
    position: relative;
    display: block;
    line-height: .36rem;
    font-size: .18rem;
    color: #fff;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    transform: scale(.9);
}

.ztRec a span::before {
    content: "";
    position: relative;
    top: -0.05rem;
    display: inline-block;
    width: 0.6rem;
    height: 0.01rem;
    background-color: rgba(243,243,243,.6);
    margin-right: 0.15rem;
}

.ztRec a span::after {
    content: "";
    position: relative;
    top: -0.05rem;
    display: inline-block;
    width: 0.6rem;
    height: 0.01rem;
    background-color: rgba(243,243,243,.6);
    margin-left: 0.15rem;
}

.ztRec a em {
    display: block;
    font-size: .18rem;
    color: #fff;
    line-height: .24rem;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    transform: scale(.8);
    margin-top: .08rem
}

.ztRec a:nth-of-type(1) {
    background-color: #f64647;
}

.ztRec a:nth-of-type(3) {
    background-color: #fbaefd;
    margin-right: 0;
}

/* 专题列表 */
.ztBox {
    margin: 0 .3rem .3rem;
}

.ztBox ul {
    background: #fff;
}

.ztBox ul li>a {
    display: block;
    overflow: hidden;
    padding: 0.22rem 0.2rem;
}

.ztBox ul li>a img {
    display: block;
    float: left;
    width: 3.56rem;
    height: 1.75rem;
    background: #FFFAF7;
    border: 1px solid #ECEBEE;
    padding: 0.12rem;
    margin-right: 0.15rem;
}

.ztBox ul li>a div {
    float: left;
    width: 2.5rem;
    height: 2rem;
}

.ztBox ul li>a div p:nth-of-type(1) {
    font-size: .3rem;
    color: #000;
    line-height: .32rem;
    height: 0.32rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ztBox ul li>a div p:nth-of-type(2) {
    height: 1.2rem;
    font-size: .24rem;
    line-height: .3rem;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.ztBox ul li>a div span {
    display: block;
    font-size: .18rem;
    color: var(--defColor);
    line-height: .4rem;
    overflow: hidden;
    white-space: nowrap;
    transform: scale(.96);
}

.ztBox ul li>a div em {
    position: relative;
    display: block;
    line-height: .36rem;
    font-size: .18rem;
    color: #999;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    transform: scale(.9);
}

.ztBox ul li>a div em::before {
    content: "";
    position: relative;
    top: -0.05rem;
    display: inline-block;
    width: 0.6rem;
    height: 0.01rem;
    background-color: #c2c2c2;
    margin-right: 0.15rem;
}

.ztBox ul li>a div em::after {
    content: "";
    position: relative;
    top: -0.05rem;
    display: inline-block;
    width: 0.6rem;
    height: 0.01rem;
    background-color: #c2c2c2;
    margin-left: 0.15rem;
}

.ztBox ul li>div {
    display: flex;
    padding: 0 0.2rem 0.04rem;
}

.ztBox ul li>div a {
    width: 1.3rem;
    text-align: center;
    overflow: hidden;
}

.ztBox ul li>div a img {
    width: 0.92rem;
    height: 0.92rem;
    border-radius: 0.17rem;
}

.ztBox ul li>div a p {
    font-size: .18rem;
    color: #000;
    line-height: .52rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* --------------------专题内容------------------------ */
.ztCtop {
    position: relative;
    padding-top: 1.67rem;
    margin-bottom: 0.2rem;
    background: url(/t173_mob/resource/images/ztdebg.png) no-repeat;
    background-size: 7.5rem 3.23rem;
}

.ztCtop .crumbM {
    position: absolute;
    top: 0;
    left: 0;
}

.ztCtop .crumbM i {
    background-position: -6.47rem -.07rem;
}

/* 专题介绍 */
.zt_detail_box {
    position: relative;
    z-index: 6;
    margin-bottom: .8rem;
}

.zt_detail_box img {
    width: 7.02rem;
    height: 3.94rem;
    display: block;
    border-radius: .1rem;
    margin: 0 .24rem;
}

.zt_detail_box .info {
    width: 6.02rem;
    height: 2.55rem;
    background: #FFFFFF;
    box-shadow: 0 .08rem .5rem 0 rgba(170, 170, 170, 0.2);
    border-radius: .2rem;
    position: absolute;
    top: 1.8rem;
    left: .74rem;
}

.zt_detail_box .info h1 {
    font-size: .3rem;
    font-weight: 600;
    color: #333;
    margin: .3rem .3rem .18rem;
    line-height: .32rem;
    text-align: center;
}

.zt_detail_box .info>span {
    margin: 0 auto;
    font-size: .22rem;
    color: #aaa;
    display: block;
    text-align: center;
    line-height: .22rem;
}

.zt_detail_box .info>span i {
    width: 0.2rem;
    height: 0.2rem;
    display: inline-block;
    background-position: -1.1rem -0.51rem;
    margin-right: 0.08rem;
}

.zt_detail_box .info>div {
    font-size: .24rem;
    color: #666;
    line-height: .36rem;
    margin: 0.22rem 0.3rem 0;
    overflow-y: auto;
    height: 1.1rem;
}

.zt_detail_box .info p::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0);
    border-left: 1px solid rgba(0, 0, 0, 0);
}

.zt_detail_box .info p::-webkit-scrollbar {
    width: 5px;
    height: 13px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.zt_detail_box .info p::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 28px;
}

.zt_detail_box .info p::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.ztCinfo {
    position: absolute;
    top: 1.8rem;
    left: .74rem;
    padding: .2rem .2rem .4rem;
    width: 6.5rem;
    margin: auto;
    background: url(/t173_mob/resource/images/ztrecbg.png) no-repeat;
    background-size: 100% auto;
}

.ztCinfo h1 {
    font-size: .34rem;
    color: #202020;
    font-weight: bold;
    line-height: .52rem;
    margin-bottom: 0.1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ztCinfo em {
    font-size: .18rem;
    color: var(--defColor);
    line-height: .22rem;
}

.ztCinfo div {
    margin-top: 0.12rem;
    overflow: hidden;
}

.ztCinfo div p {
    width: 5.06rem;
    height: 1.1rem;
    font-size: .22rem;
    color: #999;
    line-height: .46rem;
    animation: moving 4s linear infinite;
}

.ztCinfo div span {
    position: absolute;
    top: 1.62rem;
    right: 0.22rem;
    width: 1.16rem;
    height: 0.41rem;
    background: #FFF;
    border-radius: 0.22rem;
    border: 0.02rem solid var(--defColor);
    font-size: .24rem;
    color: var(--defColor);
    text-align: center;
    line-height: .4rem;
}

.ztCinfo i {
    position: absolute;
    top: 0.29rem;
    right: 0.12rem;
    width: 1.18rem;
    height: 0.4rem;
    background-position: -6.9rem -0.07rem;
    font-size: .18rem;
    color: #fff;
    text-align: center;
    line-height: .4rem;
    overflow: hidden;
}

/* 查看介绍 */
.ztAllBox {
    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);
}

.ztAllBox .intro {
    position: absolute;
    z-index: 5;
    top: 3.5rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 5.8rem;
    padding: .5rem .35rem .6rem;
    background-color: #fff;
    background: linear-gradient(0deg, #FFFFFF 70%,#f9dcb6 );
    border-radius: .03rem;
}

.ztAllBox .cont {
    display: block;
    width: 5.8rem;
    max-height: 4.86rem;
    border: none;
    padding: 0 .1rem;
    line-height: .46rem;
    font-size: .24rem;
    color: #999;
    margin: auto;
    overflow: auto;
}

.ztAllBox .cont p {
    text-align: left;
}

.ztAllBox .cont span {
    display: block;
    color: var(--defColor);
    line-height: .52rem;
    font-size: .36rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: .2rem;
}

.ztAllBox .cont span::before {
    content: "";
    display: inline-block;
    position: relative;
    top: .02rem;
    width: .25rem;
    height: .25rem;
    background-image: url(/t173_mob/resource/images/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: -5.75rem -.41rem;
    margin-right: .12rem;
}

.ztAllBox .cont span::after {
    content: "";
    display: inline-block;
    position: relative;
    top: .02rem;
    width: .25rem;
    height: .25rem;
    background-image: url(/t173_mob/resource/images/icon.png);
    background-repeat: no-repeat;
    background-size: 10rem 10rem;
    background-position: -5.75rem -.41rem;
    margin-left: .12rem;
}

.ztAllBox .zClose {
    position: absolute;
    top: -.72rem;
    right: 0;
    display: block;
    width: .45rem;
    height: .72rem;
    background-position: -9.52rem -.07rem;
}

/* 专题相关游戏 */
.ztRecGm {
    position: relative;
    width: 6.9rem;
    height: 2.25rem;
    margin: 0 auto 0.2rem;
    padding: 0;
    background: url(/t173_mob/resource/images/ztderecbg.png) no-repeat;
    background-size: 100% 100%;
}

.ztRecGm a {
    display: block;
    overflow: hidden;
    padding: 0.33rem 0.27rem 0.24rem;
}

.ztRecGm a img {
    display: block;
    float: left;
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 0.3rem;
    margin-right: 0.21rem;
}

.ztRecGm a div {
    float: left;
    width: 3.3rem;
    height: 1.6rem;
}

.ztRecGm a div p {
    position: relative;
    display: block;
    font-size: .32rem;
    font-weight: bold;
    color: var(--defColor);
    line-height: .42rem;
    margin-top: 0.09rem;
    margin-bottom: 0.03rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ztRecGm a div span {
    display: block;
    font-size: .22rem;
    margin-top: .14rem;
    color: #999;
    line-height: .4rem;
    margin-bottom: 0.01rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ztRecGm a>span {
    display: block;
    float: left;
    width: 1.2rem;
    height: 0.5rem;
    font-size: .24rem;
    color: #fff;
    text-align: center;
    line-height: .5rem;
    border-radius: 0.25rem;
    margin-top: .54rem;
    background: var(--defColor);
}

.apsList .cTit {
    background: #fff;
    padding: .2rem .2rem 0;
}

/* ----------------------------公共组件--------------------------- */
/* 热门推荐 */
.hotsGm {
    width: 6.9rem;
    box-sizing: border-box;
    padding: .2rem;
    margin: auto;
    background-color: #fff;
    margin-bottom: 0.35rem;
}

.hotsGm div {
    overflow: hidden;
    margin-top: .2rem;
}

.hotsGm div a {
    display: block;
    float: left;
    display: block;
    width: 1.62rem;
    text-align: center;
    padding: 0.13rem 0;
}

.hotsGm div a img {
    display: block;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 0.26rem;
    margin: auto;
}

.hotsGm div a p {
    font-size: .24rem;
    color: #333;
    line-height: .56rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hotsGm div a span {
    display: block;
    width: 1.2rem;
    height: 0.5rem;
    text-align: center;
    background: var(--defColor);
    font-size: .24rem;
    color: #fff;
    line-height: .5rem;
    border-radius: 0.25rem;
    margin: auto;
    overflow: hidden;
}

/* 最新资讯 */
.newsGl {
    width: 6.9rem;
    box-sizing: border-box;
    margin: auto;
    background-color: #fff;
    margin-bottom: 0.2rem;
}

.newsGl .cTit {
    padding: .2rem .2rem 0;
}

/* 热门标签 */
.hotsTag {
    width: 6.9rem;
    box-sizing: border-box;
    padding: .2rem .2rem 0;
    margin: auto;
    background-color: #fff;
    margin-bottom: 0.35rem;
    overflow: hidden;
}

.hotsTag .cTit {
    margin-bottom: .2rem;
}

.hotsTag>a {
    display: block;
    float: left;
    display: block;
    padding: 0 0.3rem;
    margin: 0 0.16rem 0.26rem 0;
    text-align: center;
    background-color: #ffe5e5;
    color: #e85454;
    height: 0.48rem;
    line-height: .48rem;
    border-radius: 0.22rem;
    font-size: .24rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hotsTag>a:nth-of-type(20n+1) {
    background-color: #FFEDEE;
    color: #F1516C;
}

.hotsTag>a:nth-of-type(20n+2) {
    background-color: #EDFFF5;
    color: #45B97C;
}

.hotsTag>a:nth-of-type(20n+3) {
    background-color: #F1EDFF;
    color: #796CB0;
}

.hotsTag>a:nth-of-type(20n+4) {
    background-color: #EDFAFF;
    color: #009AD6;
}

.hotsTag>a:nth-of-type(20n+5) {
    background-color: #FFF9ED;
    color: #DEA32C;
}

.hotsTag>a:nth-of-type(20n+6) {
    background-color: #F1EDFF;
    color: #796CB0;
}

.hotsTag>a:nth-of-type(20n+7) {
    background-color: #FFF9ED;
    color: #DEA32C;
}

.hotsTag>a:nth-of-type(20n+8) {
    background-color: #EDFBFF;
    color: #2585A6;
}

.hotsTag>a:nth-of-type(20n+9) {
    background-color: #FFEDFB;
    color: #C77EB5;
}

.hotsTag>a:nth-of-type(20n+10) {
    background-color: #F1FFED;
    color: #7FB86E;
}

.hotsTag>a:nth-of-type(20n+11) {
    background-color: #ffe5f0;
    color: #be6a8b;
}

.hotsTag>a:nth-of-type(20n+12) {
    background-color: #ffe5e5;
    color: #e85454;
}

.hotsTag>a:nth-of-type(20n+13) {
    background-color: #f3ffe5;
    color: #88d42f;
}

.hotsTag>a:nth-of-type(20n+14) {
    background-color: #f7e5ff;
    color: #8957a1;
}

.hotsTag>a:nth-of-type(20n+15) {
    background-color: #e5f9ff;
    color: #00b7ee;
}

.hotsTag>a:nth-of-type(20n+16) {
    background-color: #fdffe5;
    color: #a6b314;
}

.hotsTag>a:nth-of-type(20n+17) {
    background-color: #ffeee5;
    color: #ffab80;
}

.hotsTag>a:nth-of-type(20n+18) {
    background-color: #e5faff;
    color: #43b3cb;
}

.hotsTag>a:nth-of-type(20n+19) {
    background-color: #ffece5;
    color: #bf3504;
}

.hotsTag>a:nth-of-type(20n+20) {
    background-color: #e5f4ff;
    color: #83a8c3;
}

/* ---------------------------游戏内容------------------------------ */
.gmCTop {
    position: relative;
    padding-top: 0.36rem;
    min-height: 2.6rem;
    padding-bottom: 0.92rem;
    margin-bottom: 0.18rem;
    background: url(/t173_mob/resource/images/gadetopbg.png) no-repeat;
    background-size: 100% 100%;
}

.gmtC {
    display: flex;
    padding-left: 0.3rem;
}

.gmtC img {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 0.3rem;
    margin-right: 0.2rem;
}

.gmtC div {
    width: 5rem;
}

.gmtC div h1 {
    display: block;
    width: 5rem;
    font-size: .36rem;
    line-height: .6rem;
    color: #fff;
    font-weight: bold;
    margin-top: 0.05rem;
}

.gmtC div p {
    font-size: .24rem;
    color: #ccc;
    line-height: .46rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 按钮盒子 */
.btnBox {
    width: 7.5rem;
    padding-top: 0.25rem;
    margin: auto;
}

.btnBox span,.btnBox a {
    display: block;
    width: 6.9rem;
    height: 0.75rem;
    line-height: .75rem;
    font-size: .32rem;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 0.38rem;
    margin: 0rem auto 0.1rem;
}

.btnBox span i,.btnBox a i {
    display: inline-block;
    width: 0.45rem;
    height: 0.4rem;
    position: relative;
    top: 0.08rem;
    margin-right: 0.12rem;
}

.btnBox .and {
    background-color: #4cd393;
}

.btnBox .pc {
    background-color: #FF9C39;
}

.btnBox .ios {
    background-color: #3A94FF;
}

.btnBox .order {
    background: #44D5E7;
}

.btnBox .none {
    background-color: #e0e0e0;
    color: #999;
}

.btnBox .and i {
    background-position: -6.61rem -.79rem;
}

.btnBox .ios i {
    background-position: -6.05rem -.79rem;
}

.btnBox .order i {
    background-position: -5.47rem -.79rem;
}

.btnBox .none i {
    background-position: -4.87rem -.79rem;
}

.btnBox.safety_down {
    overflow: hidden;
    margin: 0 auto;
    width: 7rem;
}

.btnBox.safety_down > a.and,.btnBox.safety_down > a.aq_btn {
    float: left;
    height: .875rem;
    line-height: .875rem;
    width: 3.32rem;
}

.btnBox.safety_down > a.and {
    background: transparent;
    color: #b9b9b9;
    border: .03rem solid #b9b9b9;
    border-radius: .12rem;
    font-size: .31rem;
}

.btnBox.safety_down > a.aq_btn {
    margin-left: .2rem;
    border-radius: .12rem;
    background: #0ec760;
    border: .03rem solid #0ec760;
    line-height: unset;
}

.btnBox.safety_down > a.aq_btn > strong {
    display: block;
    font-size: .333rem;
    font-weight: normal;
}

.btnBox.safety_down > a.aq_btn > b {
    display: block;
    font-size: .25rem;
    color: #b5fbd4;
    font-weight: normal;
}

.aqBtnMsg {
    position: relative;
    display: block;
    width: 7rem;
    margin: 0 auto;
}

.aqBtnMsg > p {
    background: #f1fff7;
    border: 1px solid #0ec760;
    border-radius: 4px;
    padding: 3px 0;
    font-size: .22rem;
    color: #888;
    box-sizing: border-box;
    text-indent: 1em;
}

.aqBtnMsg > p > strong {
    font-weight: normal;
    color: #0ec760;
}

.noGm {
    display: block;
    position: relative;
    display: block;
    width: 5.5rem;
    height: 0.6rem;
    padding: 0.2rem 0.3rem 0.2rem 1.1rem;
    font-size: .24rem;
    color: #44D5E7;
    line-height: .32rem;
    margin: 0.18rem auto 0.18rem;
    background: url(/t173_mob/resource/images/gametipbg.png);
    background-size: 6.9rem 1rem;
}

.contJump {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    padding: 0 0.3rem;
    line-height: .92rem;
    font-size: .16rem;
    color: rgba(204,204,204,.1);
    display: flex;
    overflow: hidden;
    justify-content: center;
}

.contJump span {
    position: relative;
    font-size: .28rem;
    color: #ccc;
    padding: 0.2rem 0.2rem 0.24rem;
    line-height: .5rem;
    margin-right: 10px;
}

.contJump span.on {
    color: var(--defColor);
    font-size: .34rem;
    font-weight: bold;
}

.contJump span.on::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 0;
    height: 0;
    border-left: 0.16rem solid transparent;
    border-right: 0.16rem solid transparent;
    border-bottom: 0.16rem solid #fff;
}

.contJump span::after {
    content: "/";
    position: absolute;
    right: -0.16rem;
    top: .18rem;
    font-size: .22rem;
    color: #999;
}

.contJump span:last-child::after {
    display: none;
}

/* 游戏内容 */
.gmCont {
    width: 6.9rem;
    box-sizing: border-box;
    margin: 0 auto .2rem;
    padding: .2rem;
    background: #fff;
}

.show-img {
    overflow: hidden;
}

.show-img ul {
    margin: .2rem 0;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

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

.show-img ul li img {
    width: auto;
    max-height: 3.2rem;
}

.gmCont .cont {
    font-size: .26rem;
    line-height: .46rem;
    color: #1D2135;
    margin-top: .2rem;
}

.gmCont .cont p {
    margin-bottom: 0.16rem;
}

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

.gmCont .cont h3 {
    position: relative;
    display: inline-block;
    font-size: .3rem;
    font-weight: bold;
    color: var(--defColor);
    line-height: .58rem;
    margin-bottom: 0.1rem;
}

.gmInfo {
    width: 6.9rem;
    box-sizing: border-box;
    margin: 0 auto .2rem;
    padding: .2rem;
    background: #fff;
}

.gmInfo ul li {
    display: block;
    width: 6.5rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.24rem;
    color: #89898c;
    border-bottom: 1px solid #dadde0;
}

.gmInfo ul li span {
    display: block;
    max-width: 5.3rem;
    float: right;
    font-size: 0.24rem;
    color: #00121a;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
}

.jbBtn {
    display: block;
    float: right;
    margin-top: .1rem;
    width: 0.98rem;
    height: 0.4rem;
    font-size: .22rem;
    color: #fff;
    text-align: center;
    line-height: .4rem;
    border-radius: 0.2rem;
    background: linear-gradient(0deg, #FF8855, #FFDD66);
}

.jbBtn i {
    position: relative;
    top: 0.05rem;
    margin-right: 0.03rem;
    display: inline-block;
    width: 0.25rem;
    height: 0.25rem;
    background-position: -6.17rem -0.46rem;
}

/* 相关专题 */
.xgZtm {
    width: 6.9rem;
    box-sizing: border-box;
    margin: 0 auto .2rem;
    padding: .2rem;
    background: #fff;
    position: relative;
}

.xgZtm .tabMenu {
    position: absolute;
    top: .26rem;
    left: 1.72rem;
    max-width: 5rem;
    height: 0.66rem;
    line-height: 0.66rem;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
    overflow-y: hidden;
    margin-bottom: 0.27rem;
}

.xgZtm .tabMenu span {
    position: relative;
    display: inline-block;
    padding: 0 0.06rem;
    margin: 0 0.08rem 0.06rem;
    font-size: .18rem;
    color: #999;
    line-height: .56rem;
    border-bottom: 0.03rem solid transparent;
    cursor: pointer;
}

.xgZtm .tabMenu span::before {
    content: "/";
    position: absolute;
    left: -0.14rem;
    display: inline-block;
    font-size: .24rem;
    color: #ccc;
}

.xgZtm .tabMenu span::after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -0.05rem;
    bottom: -0.14rem;
    width: 0;
    height: 0;
    border-left: 0.06rem solid transparent;
    border-right: 0.06rem solid transparent;
    border-bottom: 0.06rem solid transparent;
    border-top: 0.06rem solid transparent;
    font-size: 0;
    line-height: 0;
}

.xgZtm .tabMenu span:nth-of-type(1)::before {
    display: none;
}

.xgZtm .tabMenu span.on {
    font-size: .2rem;
    color: var(--defColor);
    border-bottom-color: var(--defColor);
    font-weight: bold;
}

.xgZtm .tabMenu span.on::after {
    border-top-color: var(--defcolor);
}

.xgZtm .tabCont {
    overflow: hidden;
    margin-top: .2rem;
}

.xgZtm .tabCont>div {
    display: none;
    overflow: hidden;
}

.xgZtm .tabCont>div:nth-of-type(1) {
    display: block;
}

.xgZtm .tabCont>div>a {
    display: block;
    overflow: hidden;
    padding: 0.22rem 0.2rem 0;
    border: 1px solid var(--defColor);
}

.xgZtm .tabCont>div>a img {
    display: block;
    float: left;
    width: 3.34rem;
    height: 1.75rem;
    margin-right: 0.18rem;
    padding: 0;
    border: 0;
}

.xgZtm .tabCont>div>a div {
    float: left;
    width: 2.5rem;
    height: 2rem;
}

.xgZtm .tabCont>div>a div p:nth-of-type(1) {
    font-size: .3rem;
    color: #000;
    font-weight: bold;
    line-height: .32rem;
    height: 0.32rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.xgZtm .tabCont>div>a div p:nth-of-type(2) {
    height: .9rem;
    font-size: .24rem;
    line-height: .3rem;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.xgZtm .tabCont>div>a div span {
    display: block;
    font-size: .16rem;
    color: var(--defColor);
    line-height: .4rem;
    overflow: hidden;
    white-space: nowrap;
    transform: scale(.96);
}

.xgZtm .tabCont>div>a div em {
    position: relative;
    display: block;
    line-height: .36rem;
    font-size: .18rem;
    color: #999;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    transform: scale(.9);
}

.xgZtm .tabCont>div>a div em::before {
    content: "";
    position: relative;
    top: -0.05rem;
    display: inline-block;
    width: 0.6rem;
    height: 0.01rem;
    background-color: #c2c2c2;
    margin-right: 0.15rem;
}

.xgZtm .tabCont>div>a div em::after {
    content: "";
    position: relative;
    top: -0.05rem;
    display: inline-block;
    width: 0.6rem;
    height: 0.01rem;
    background-color: #c2c2c2;
    margin-left: 0.15rem;
}

.xgZtm .tabCont>div>div a {
    display: block;
    float: left;
    display: block;
    width: 1.62rem;
    text-align: center;
    padding: 0.13rem 0;
}

.xgZtm .tabCont>div>div a img {
    display: block;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 0.26rem;
    margin: auto;
}

.xgZtm .tabCont>div>div a p {
    font-size: .24rem;
    color: #333;
    line-height: .56rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.orderBox {
    position: fixed;
    top: 3.6rem;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    width: 6.7rem;
    height: 3.77rem;
    border-radius: .4rem;
    text-align: center;
}

.orderBox .oClose {
    position: absolute;
    width: .6rem;
    top: .5rem;
    right: .4rem;
    margin: auto;
}

.orderBox .oClose i {
    display: inline-block;
    width: .46rem;
    height: .46rem;
    background-position: -7.34rem -.69rem;
    position: relative;
    cursor: pointer;
}

.orderBox .oTitle {
    width: 6.2rem;
    height: 0.85rem;
    line-height: 0.85rem;
    text-align: left;
    font-size: 0.42rem;
    font-weight: bold;
    color: #000000;
    padding: 0.25rem 0 0.06rem 0.5rem;
    position: relative;
}

.orderBox .oTitle::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0.5rem;
    width: 0.94rem;
    height: 0.06rem;
    background: var(--defColor);
}

.orderBox .oOrder form {
    position: relative;
    min-height: 2.7rem;
}

.orderBox .oOrder form .tel {
    width: 5.92rem;
    height: .6rem;
    line-height: .6rem;
    border: 1px solid #E0E0E0;
    color: #ccc;
    font-size: .2rem;
    border-radius: .18rem;
    padding-left: .16rem;
    margin: .2rem auto .08rem;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox .oOrder form p {
    height: 0.36rem;
    line-height: 0.36rem;
    color: #404040;
    font-size: 0.22rem;
    text-align: center;
}

.orderBox .oOrder form p span {
    color: #E9443E;
}

.orderBox .oOrder form p:nth-of-type(2) {
    height: 0.34rem;
    line-height: 0.34rem;
    color: #cccccc;
    font-size: 0.2rem;
    text-align: center;
}

.orderBox .oOrder form>span {
    color: #5dd5c8;
    font-size: .28rem;
    text-align: left;
    display: block;
    width: 7.24rem;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox .oOrder form .oBtn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.18rem;
    cursor: pointer;
    width: 2.68rem;
    height: 0.62rem;
    border: 0;
    background: var(--defColor);
    color: #fff;
    font-size: .3rem;
    border-radius: .52rem;
    line-height: .62rem;
    margin: .52rem auto 0 ;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox .oOrder form .txt span {
    display: inline;
}

.orderBox .msg {
    color: #ff3232;
    font-size: .24rem;
    height: .28rem;
    line-height: .28rem;
    text-align: left;
    display: block;
    padding: 0 .6rem;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox .oKnow {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.3rem;
    display: block;
    cursor: pointer;
    width: 2.68rem;
    height: 0.62rem;
    border: 0;
    background: var(--defColor);
    color: #fff;
    font-size: .3rem;
    border-radius: .52rem;
    line-height: .62rem;
    margin: .12rem auto 0;
    overflow: hidden;
    white-space: nowrap;
}

.orderBox .oWin {
    width: 100%;
    min-height: 4.4rem;
    padding: 0 0 .4rem;
    font-size: .36rem;
    border-radius: .4rem;
    text-align: center;
}

.orderBox .oWin p {
    height: 0.82rem;
    line-height: 0.82rem;
    font-size: 0.3rem;
    color: var(--defColor);
    text-align: center;
    font-weight: bold;
}

.orderBox .oWin>i {
    display: block;
    width: 2.88rem;
    height: 1.5rem;
    background-position: -3.68rem -8.32rem;
    margin: -0.04rem auto 0;
}

.orderBox .oAgin {
    width: 100%;
    min-height: 4.4rem;
    padding: 0 0 .4rem;
    font-size: .36rem;
    border-radius: .4rem;
    text-align: center;
}

.orderBox .oAgin p {
    height: 0.82rem;
    line-height: 0.82rem;
    font-size: 0.3rem;
    color: var(--defColor);
    text-align: center;
    font-weight: bold;
}

.orderBox .oAgin>i {
    display: block;
    width: 2.88rem;
    height: 1.5rem;
    background-position: -6.94rem -8.36rem;
    margin: -0.04rem auto 0;
}

/* 反馈 */
.feedBack {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
}

.feBaBox {
    position: fixed;
    top: 2rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 6.7rem;
    background-color: #fff;
    border-radius: .36rem .36rem .4rem .4rem;
}

.feBaBox .fClose {
    position: absolute;
    width: .6rem;
    top: .5rem;
    right: .4rem;
    margin: auto;
    z-index: 10;
}

.feBaBox .fClose i {
    display: inline-block;
    width: .46rem;
    height: .46rem;
    background-position: -7.34rem -.69rem;
    position: relative;
    cursor: pointer;
}

.feBaBox .fTitle {
    width: 6.7rem;
    height: 1.3rem;
    background-position: -.09rem -4.55rem;
    position: relative;
}

.feBaBox .fTitle p {
    height: 1.48rem;
    line-height: 1.48rem;
    color: #000;
    font-size: 0.46rem;
    font-weight: bold;
    text-align: center;
}

.feBack {
    height: 5rem;
    padding: 0.32rem 0.4rem 0.28rem;
    position: relative;
    top: -0.18rem;
    background: #fff;
    border-radius: 0.18rem 0.18rem 0 0;
}

.feBack p {
    height: 0.47rem;
    line-height: 0.47rem;
    font-size: 0.28rem;
    color: #000000;
}

.feBack p:nth-of-type(1) {
    margin-bottom: 5px;
}

.feBack textarea {
    width: 5.52rem;
    height: 0.96rem;
    border: none;
    border-radius: 0.1rem;
    resize: none;
    background: #f0f0f0;
    padding: 0.14rem;
    font-size: 0.2rem;
    color: #999999;
    margin-bottom: 0.06rem;
}

.radio {
    position: relative;
    height: 0.63rem;
    line-height: 0.63rem;
    width: 5.2rem;
}

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

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

.radio label {
    position: absolute;
    left: 0px;
    top: 0;
    height: 0.63rem;
    line-height: 0.63rem;
    font-size: 0.24rem;
    color: #666666;
    text-align: left;
    padding-left: 0.48rem;
}

.radio label:after {
    content: '';
    position: absolute;
    left: 0.02rem;
    top: 0.16rem;
    width: 0.3rem;
    height: 0.3rem;
    border: 0.01rem solid #d0d0d0;
    border-radius: 50%;
    box-sizing: border-box;
}

.radio input[type='radio']:checked + label:after {
    background-color: #fff;
    content: '';
    border-color: var(--defColor);
    display: inline-block;
    width: .3rem;
    height: .3rem;
    background: url(/t173_mob/resource/images/icon.png) no-repeat;
    background-size: 10rem 10rem;
    background-position: -8rem -0.78rem;
}

.feBack p :nth-child(3) {
    height: 0.66rem;
    line-height: 0.66rem;
}

.feSubmit {
    position: relative;
}

.feSubmit input {
    cursor: pointer;
    display: block;
    background: var(--defColor);
    font-size: .28rem;
    margin: 0 auto .36rem;
    width: 5.52rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: .52rem;
}

/* -----------------------------首页-------------------------------- */
.slider {
    height: 3.85rem;
    width: 7.02rem;
    margin-bottom: .2rem;
    margin: 0 .24rem 0;
    z-index: 3;
    position: relative;
    border-radius: .08rem;
    overflow: hidden;
}

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

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

.slider .swiper-pagination-bullet {
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    opacity: .8;
    background: #999;
}

.slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
    border-radius: 80% 0 55% 50% / 55% 0 80% 50%;
    transform: rotate(-45deg);
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: .12rem;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .08rem 0 0;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    width: auto;
    right: .24rem;
    left: inherit;
}

.swiper_abs {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.3rem;
    background: linear-gradient(to top,#212121, #0000);
    border-bottom-left-radius: .08rem;
    border-bottom-right-radius: .08rem;
}

.swiper_abs img {
    width: 1.28rem;
    height: 1.28rem;
    display: block;
    border-radius: .3rem;
    float: left;
    margin-left: .24rem;
    margin-top: .78rem;
}

.swiper_abs .info {
    float: left;
    margin-left: .16rem;
}

.swiper_abs .info p:nth-child(1) {
    font-size: .32rem;
    color: #fff;
    line-height: .32rem;
    margin-top: 1.2rem;
}

.swiper_abs .info p:nth-child(2) {
    font-size: .24rem;
    color: rgba(255, 255, 255, .6);
    line-height: .24rem;
    margin-top: .16rem;
}

.swiper_abs > a > span {
    width: 1.2rem;
    height: .62rem;
    display: block;
    background: #f55636;
    border-radius: .1rem;
    color: #fff;
    line-height: .62rem;
    text-align: center;
    font-size: .26rem;
    position: absolute;
    right: .58rem;
    top: 1.1rem;
}

.swiper_abs > a > span.look {
    background: #FF8838;
}

/* 首页热门 */
.inRec {
    position: relative;
    z-index: 1;
    padding: 0.36rem 0.3rem .86rem;
    background: url(/t173_mob/resource/images/ionebg.png) no-repeat;
    background-size: 100% auto;
}

.inRec>P:nth-of-type(1) {
    position: relative;
    text-align: center;
    line-height: .42rem;
    font-size: .36rem;
    color: var(--defColor);
}

.inRec>P:nth-of-type(2) {
    line-height: .42rem;
    font-size: .22rem;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    margin: 0.04rem;
}

.inRec div {
    overflow: hidden;
    padding: 0.3rem 0.2rem 0 ;
    background: #fff;
    margin-top: 0.185rem;
}

.inRec div a {
    display: block;
    float: left;
    width: 1.62rem;
    text-align: center;
}

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

.inRec div a p {
    line-height: .64rem;
    font-size: .28rem;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 精选应用 */
.inGame {
    position: relative;
    padding: .16rem 0 .2rem;
}

.inGame div {
    overflow: hidden;
    margin: 0 .2rem;
}

.inGame.hotbg div {
    background: url("/t173_mob/resource/images/itwotopbg.png") no-repeat;
    background-size: 100% 100%;
    padding: .14rem 0 .4rem 0
}

.inGame div a {
    display: block;
    float: left;
    width: 1.77rem;
    text-align: center;
    padding: 0.13rem 0;
}

.inGame div a img {
    display: block;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 0.26rem;
    margin: auto;
}

.inGame div a p {
    font-size: .24rem;
    color: #333;
    line-height: .56rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inGame div a span {
    display: block;
    width: 1.2rem;
    height: 0.5rem;
    background: var(--defColor);
    font-size: .24rem;
    color: #fff;
    line-height: .5rem;
    border-radius: 0.25rem;
    margin: auto;
    overflow: hidden;
}

/* 游戏分类 */
.gmTag {
    position: relative;
}

.gmTag>div {
    overflow: hidden;
    padding: 0 .3rem;
}

.gmTag div a {
    display: block;
    overflow: hidden;
    margin-right: .3rem;
    float: left;
    width: 2.1rem;
    padding: 0.15rem 0;
    margin-bottom: 0.06rem;
}

.gmTag div a:nth-of-type(3n) {
    margin-right: 0;
}

.gmTag div a i {
    display: block;
    float: left;
    width: 0.7rem;
    height: 0.7rem;
    position: relative;
    top: 0.02rem;
}

.gmTag div a div {
    float: left;
    width: 1.3rem;
    height: 0.7rem;
    overflow: hidden;
    margin-left: 0.1rem;
}

.gmTag div a div p {
    font-size: .26rem;
    color: #000;
    line-height: .36rem;
    white-space: nowrap;
    overflow: hidden;
}

.gmTag div a div span {
    font-size: .18rem;
    color: #A0A3AC;
    line-height: .36rem;
    white-space: nowrap;
    overflow: hidden;
}

.gmTag div a:nth-of-type(1) i {
    background-position: -.08rem -1.72rem;
}

.gmTag div a:nth-of-type(2) i {
    background-position: -0.88rem -1.72rem;
}

.gmTag div a:nth-of-type(3) i {
    background-position: -1.7rem -1.72rem;
}

.gmTag div a:nth-of-type(4) i {
    background-position: -2.58rem -1.72rem;
}

.gmTag div a:nth-of-type(5) i {
    background-position: -3.48rem -1.72rem;
}

.gmTag div a:nth-of-type(6) i {
    background-position: -4.34rem -1.72rem;
}

/* 热门专题 */
.inZt {
    position: relative;
}

.inZt ul {
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
    padding: 0 .3rem;
}

.inZt ul li {
    display: inline-block;
}

.inZt ul li a {
    position: relative;
    display: block;
    width: 3.84rem;
    height: 3.1rem;
    margin-right: 0.24rem;
    overflow: hidden;
    background-color: #ffa123;
}

.inZt ul li a img {
    display: block;
    width: 3.84rem;
    height: 2.16rem;
}

.inZt ul li a p {
    display: block;
    margin-top: 0.06rem;
    width: 100%;
    height: 0.4rem;
    line-height: .42rem;
    font-size: .26rem;
    color: #fff;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

.inZt ul li a span {
    position: relative;
    display: block;
    line-height: .36rem;
    font-size: .18rem;
    color: #fff;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

.inZt ul li a span::before {
    content: "";
    position: relative;
    top: -0.05rem;
    display: inline-block;
    width: 0.6rem;
    height: 0.01rem;
    background-color: rgba(243,243,243,.6);
    margin-right: 0.15rem;
}

.inZt ul li a span::after {
    content: "";
    position: relative;
    top: -0.05rem;
    display: inline-block;
    width: 0.6rem;
    height: 0.01rem;
    background-color: rgba(243,243,243,.6);
    margin-left: 0.15rem;
}

.inZt ul li a em {
    display: block;
    font-size: .18rem;
    color: #fff;
    line-height: .24rem;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    transform: scale(.9);
    margin-top: .08rem;
}

.inZt ul li:nth-of-type(3n+1) a {
    background-color: #f64647;
}

.inZt ul li:nth-of-type(3n+3) a {
    background-color: #fbaefd;
}

.inZt ul li:last-child a {
    margin-right: 0;
}

.inZt .hotsTag {
    border-top: 1px solid #E7E7E7;
    padding: 0;
    padding-top: 0.28rem;
    margin: 0.28rem 0.3rem 0;
}

/* 首页排行榜 */
.inRank {
    padding-top: 1.75rem;
    margin-top: 0.2rem;
    background: url(/t173_mob/resource/images/irankbg.png) no-repeat;
    background-size: 7.5rem 2.4rem;
}

.inRank .tabMenu {
    overflow: hidden;
    padding: 0 .3rem;
    margin-bottom: 0.2rem;
}

.inRank .tabMenu span {
    display: block;
    float: left;
    position: relative;
    width: 2.3rem;
    height: 0.48rem;
    font-size: .26rem;
    color: #ccc;
    line-height: .48rem;
    text-align: center;
    background: url(/t173_mob/resource/images/icon.png) no-repeat;
    background-size: 10rem 10rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inRank .tabMenu span.on {
    color: #fff;
    font-weight: bold;
}

.inRank .tabMenu span:nth-of-type(1) {
    background-position: -.08rem -8.4rem;
}

.inRank .tabMenu span:nth-of-type(2) {
    background-position: -.08rem -8.96rem;
}

.inRank .tabMenu span:nth-of-type(3) {
    background-position: -.08rem -9.52rem;
}

.inRank .tabCont ul {
    display: none;
}

.inRank .tabCont ul:nth-of-type(1) {
    display: block;
}

.inRank .tabCont ul li a {
    display: block;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #eee;
}

.inRank .tabCont ul li a i {
    display: block;
    float: left;
    width: 0.56rem;
    font-size: .3rem;
    padding-left: 0.06rem;
    color: #8C9C9C;
    font-weight: bold;
    text-align: center;
    margin: 0.715rem 0.18rem 0.715rem 0.3rem;
}

.inRank .tabCont ul li:nth-of-type(-n+3) a i {
    width: 0.56rem;
    height: 0.45rem;
    margin: .715rem 0.18rem .715rem 0.3rem;
}

.inRank .tabCont ul li:nth-of-type(1) a i {
    background-position: -2.48rem -.08rem;
}

.inRank .tabCont ul li:nth-of-type(2) a i {
    background-position: -3.27rem -.08rem;
}

.inRank .tabCont ul li:nth-of-type(3) a i {
    background-position: -4.15rem -.08rem;
}

.inRank .tabCont ul li a img {
    display: block;
    float: left;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: 0.3rem;
    margin: 0.3rem 0.3rem 0.3rem 0;
}

.inRank .tabCont ul li a div {
    float: left;
    height: 1.28rem;
    position: relative;
    padding: 0.3rem 0.3rem 0.28rem 0;
}

.inRank .tabCont ul li a div p {
    font-size: .28rem;
    color: #333;
    line-height: .42rem;
    margin-bottom: 0.04rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inRank .tabCont ul li a div span {
    display: block;
    font-size: .22rem;
    color: #9F9FA4;
    line-height: .4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inRank .tabCont ul li a>span {
    position: absolute;
    top: 0.76rem;
    right: 0.31rem;
    display: block;
    width: 1.2rem;
    height: 0.5rem;
    background: var(--defColor);
    font-size: .24rem;
    color: #fff;
    line-height: .5rem;
    border-radius: 0.25rem;
    text-align: center;
    margin: auto;
    overflow: hidden;
}

/* 友情链接 */
.friLink {
}

.friLink div {
    overflow: hidden;
    padding: 0 .3rem .2rem;
    line-height: .5rem;
}

.friLink div a {
    display: block;
    float: left;
    padding: 0 0.2rem;
    font-size: 0.24rem;
    color: #666;
    line-height: 0.5rem;
}

.mWebSiteMapWrap {
    margin: 0 0.2rem 0.2rem;
    background: #ffffff;
    padding: 0.06rem 0 0.12rem
}

.sitemapListBox {
}

.sitemapListBox > p {
    margin: 0.07rem 0.2rem;
    height: 0.56rem;
    line-height: 0.56rem;
    font-size: 0.3rem;
    color: #333;
    font-weight: bold;
    padding-left: .3rem;
    position: relative
}

.sitemapListBox > p::after {
    content: "";
    width: .1rem;
    height: .3rem;
    position: absolute;
    left: 0;
    top: .13rem;
    background-color: var(--defColor)
}

.sitemapListBox > ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0.08rem
}

.sitemapListBox > ul > li {
}

.sitemapListBox > ul > li a {
    display: block;
    padding: 0 0.1rem;
    min-width: 1.4rem;
    margin: 0 0 0.2rem 0.12rem;
    text-align: center;
    background-color: #f2f3f5;
    color: #666;
    height: 0.48rem;
    line-height: 0.48rem;
    border-radius: 0.06rem;
    font-size: 0.24rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.mXinWrap {
    margin: 0 0.2rem 0.2rem;
    background: #ffffff;
    padding-bottom: 0.1rem
}

.xinTit {
    padding: .3rem;
    display: flex
}

.xinTit > p {
    height: .32rem;
    line-height: .32rem;
    border-left: .12rem solid var(--defColor);
    font-size: .34rem;
    color: #000;
    padding-left: .2rem;
    font-weight: 700;
    -moz-flex-grow: 1;
    flex-grow: 1
}

.xinList {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0.08rem
}

.xinList > li {
    position: relative;
    display: block;
    text-align: center;
    width: 25%;
    padding: 0.13rem 0 0.11rem
}

.xinList > li > a {
    position: relative;
    display: block;
    z-index: 1
}

.xinList > li > a img {
    position: relative;
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 0.24rem;
    margin: 0 auto 0.07rem
}

.xinList > li > a p {
    display: block;
    width: 96%;
    font-size: 0.3rem;
    color: #1f2121;
    height: 0.5rem;
    line-height: 0.5rem;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.xinList > li > a p:nth-of-type(2) {
    font-size: 0.24rem;
    color: #999;
    height: 0.4rem;
    line-height: 0.4rem;
    margin-bottom: 0.1rem
}

.xinList > li > a span {
    display: block;
    margin: auto;
    width: 1.22rem;
    height: 0.46rem;
    line-height: 0.46rem;
    text-align: center;
    font-size: 0.24rem;
    color: var(--defColor);
    border-radius: 0.02rem;
    border: 0.02rem solid var(--defColor)
}