@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(../img/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;}
.logo a strong{height: 1.1rem;line-height: 1.1rem;display: inline-block;font-size: .4rem;font-weight: 700;}


.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;}
.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;justify-content: space-between;font-size: 0.24rem;}
.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: block;width: 1.125rem;height: 1.5rem;border-right: 1px solid #d9d9db;border-bottom: 1px solid #d9d9db;text-align: center;font-size: .24rem;color: #666;line-height: .42rem;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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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(../img/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("../img/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(../img/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(../img/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)}

/*404页面*/
.noFind{    padding: 2.3rem 0;}
.noFind > img{    display: block;
    width: 4.42rem;
    height: 4.15rem;
    margin: auto;}