LRank@charset "gb2312";
*html{background-image:url(about:blank);background-attachment:fixed;}
html {font-size:100px;}
* {padding: 0;margin: 0;font-family: "微软雅黑";font-size: .14rem;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,,p,block,th,td,iframe{margin:0;padding:0; font-family:}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,iframe,input{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal;font-weight:normal;}
li{list-style:none;}
html,body{width:100%;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: bold; color:#212121;}
a{color:#333;text-decoration:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{margin:0;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;font-size:12px;line-height:1.5;position:relative;color:#333;background:#fff;height:100%;font-size:.24rem;}
ul,li {list-style: none;}
a {text-decoration: none;color: black;}
.icon{background-image:url("../images/icon.png");background-size:8rem 8rem;}


.wrap{width:100%;max-width:7.5rem;margin:0 auto; background: #fff; }



/* header */
header { height: .56rem; width: 100%;position: relative; }
header .headlogo { width: 100%; height: 0.88rem; background-color:#333;

}
header .logo { float: left; width: 2.02rem; height: 0.66rem; font-size: 0.52rem; font-weight: bold; line-height: 0.66rem; color: #FFFFFF; margin: .11rem 0 0 .2rem; text-align: center; }
header .logo img{height: .66rem;width: auto;}

/* nav */
nav { position: relative;width: 100%;height: 0.68rem;line-height: 0.68rem;float: left;;


}
nav ul { display: flex; overflow-x: auto;width: 100%;}
nav ul li a { display: block;position: relative; height: 0.68rem; line-height: 0.68rem; font-size: 0.26rem; color: #36373b;opacity: .9; white-space: nowrap;margin: 0 0.23rem; }
nav ul li:first-child a { margin-left: 0.31rem;}
nav ul li a.current { font-weight: bold;font-size: 0.26rem;opacity: 1; }
nav ul li a::after { content: "";display: none; position: absolute; width: 50%; height: 0.05rem; background: #36373b; left: 0;right: 0;margin: auto;bottom: 0.12rem; font-weight: 600;}
nav ul li a.current::after { display: block; }


/* 轮播 */



/*分类开始*/

.icon2{background-image: url(../images/icon2.png);background-size: 1.64rem 3.28rem;display: inline-block;}
 
.sort{padding-bottom: .12rem;float: left; width: 7.5rem;}

.sort .indtit em{width: .08rem; height: .25rem; margin-top: .08rem;border-radius: .10rem;background: linear-gradient(135deg, #FDC830 0%, #F37335 100%); line-height: .3rem;float: left;margin-left: .25rem;}
.sort .indtit p{width: 1.3rem;font-size: .32rem;color: #333;font-weight: 600;line-height: .36rem;margin-top: .6rem;margin-left: .41rem;position: relative;}

.sort ul{display: flex;margin: 0 .26rem;flex-wrap: wrap;margin-top: .26rem;}
.sort .current{color: #fff;background: linear-gradient(-90deg, #F37335, #ffffff);}
.sort ul li{width: 3.30rem;height: 1.23rem;border: 1px solid #dfe2e6;border-radius: .15rem;position: relative;margin-bottom: .2rem;background: linear-gradient(-90deg, #e6e6e6, #fff);float: left;margin-right: .1rem;}
.sort ul li span{font-size: .28rem;color: #00121a;margin:.3rem 0 0 .4rem;line-height: .28rem;display: inline-block;font-weight: 600;}
.sort ul li p{font-size: .2rem;color: #999;line-height: .26rem;margin-top: .16rem;margin-left: .4rem;overflow: hidden;max-width: 1.7rem;white-space: nowrap;}
.sort ul li i{width: .82rem;height: .82rem;position: absolute;top: .22rem;right: .18rem; }
.sort ul li:nth-child(2) i{background-position:-.82rem 0;}
.sort ul li:nth-child(3) i{background-position: 0 -.82rem;}
.sort ul li:nth-child(4) i{background-position: -.82rem -.82rem;}
.sort ul li:nth-child(5) i{background-position: 0 -1.64rem;}
.sort ul li:nth-child(6) i{background-position: -.82rem -1.64rem;}
.sort ul li:nth-child(7) i{background-position: 0 -2.46rem;}
.sort ul li:nth-child(8) i{background-position: -.82rem -2.46rem;}










/*排行榜*/	
.hot{ width:7.5rem;   overflow: hidden;}

.hotgame {margin-top:.8rem;}
.hotlist{height: .6rem;width: 6.98rem;margin: .32rem .26rem .2rem;;border-radius: .08rem;}

.hot .sylist{  color: #222; float: left; margin-top: .10rem; margin-left: .28rem; font-size: .35rem;font-style: normal;  font-weight: 800;
	 width: 7.3rem;  height: .5rem;font-family: 'Microsoft YaHei', "微软雅黑", "PingFang SC", 'Arial', 'Heiti SC';}

.hot .sylist b{font-weight: 400;float: right;margin-top: .25rem;font-size: .14rem;margin-right: .1rem;}





.hotlist span{height: .5rem;width: 1.49rem;line-height: .5rem;background: #fff;color: #000000;display: inline-block;text-align: center;float:right;
	font-size: .2rem; font-weight: 800;
  margin-right:.1rem;border: 1px solid #000000;
}
.hotlist span:nth-child(1){border-radius: 30px;}
.hotlist span:nth-child(2){border-radius: 30px;}
.hotlist .current{color: #000;background: linear-gradient(135deg, #FDC830 0%, #F37335 100%); border: 1px solid #000000;}

.three{height: 3.2rem;background: #edf2f5;margin: 0 .26rem;border-radius: .15rem;overflow: hidden;}
.three li{width: 1.78rem;height: 2.5rem;background: #fff;margin: .26rem .26rem .24rem .25rem;padding-top: .2rem;float: left;border-radius: .15rem;position: relative;}
.three li img{width: 1.3rem;height: 1.3rem;border-radius: .28rem;margin-left: .25rem;
}
.three li p{font-size: .26rem;height: .28rem;line-height: .28rem;color: #00121a;text-align: center;width: 1.78rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: .16rem 0;}
.three li span{width: 1.18rem;height: .46rem;display: block;line-height: .46rem;font-size: .22rem;color: #F37335;text-align: center;border: 1px solid #F37335;border-radius: .3rem;margin: 0 auto;}
.three li i{width: .56rem;height: .64rem;position: absolute;top: .04rem;left: .04rem;}
.three li:nth-child(1) i{background-position: -1.67rem 0; }
.three li:nth-child(2) i{background-position: -2.46rem 0;}
.three li:nth-child(3) i{background-position: -3.26rem 0;}

.threedown{margin: 0 .26rem;}
.threedown li{border-bottom: 1px solid #dfe2e6;overflow: hidden;padding: .2rem 0;}
.threedown li:nth-last-child(1){border: none;}
.threedown li a>span{float: left;color: #222;font-size: 0.28rem;margin-right: 0.25rem;width: 0.36rem;height: 0.36rem;font-weight: 800;line-height: 0.36rem;text-align: center;border-radius: 0.1rem;margin-top: .42rem;}
.threedown li img{height: 1.24rem;width: 1.24rem;float: left;border-radius: .28rem;}
.threedown li .info{float: left;margin-left: .2rem; width: 3.5rem; height: 1.37rem;overflow: hidden;white-space: nowrap;  }
.threedown li .info p:nth-child(1){font-size: .3rem;color: #36373b;line-height: .3.2rem; font-weight: 400;font-family: 'Microsoft YaHei', "微软雅黑", "PingFang SC", 'Arial', 'Heiti SC';margin-bottom: .2rem;}
.threedown li .info p:nth-child(2){line-height: .25rem;font-family: 'Microsoft YaHei', "微软雅黑", "PingFang SC", 'Arial', 'Heiti SC'; }

.threedown li .info p{max-width:3.5rem;  text-overflow: ellipsis;overflow: hidden; font-size: .22rem; color: #757575;}
.threedown li .info p span{font-size: .22rem; line-height: .3rem; color: #757575;font-family: 'Microsoft YaHei', "微软雅黑", "PingFang SC", 'Arial', 'Heiti SC';letter-spacing:1.5pt;}


.load{float: right;width: 1.18rem;height: .46rem;display: block;text-align: center;font-size: .23rem;line-height:.46rem;color: #F37335;border: 1px solid #F37335;border-radius: .1rem;margin-top: .39rem;}




/*最新游戏*/	

.hotNet1{ margin-top:-0.3rem;}
.hotNet1 .title{ width:100%; overflow: hidden;  margin-left: .3rem;}
.hotNet1 .title em{position: relative;height:.42rem;font-size:.36rem;color:#333;font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;flex: 1;}



.hotNet1 ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap: wrap;margin-top: .08rem;padding-top: .18remx;box-shadow: 0 .1rem .1rem 0 rgba(0, 0, 0, .04);border-radius: .04rem;}
.hotNet1 li{width: 25%;}
.hotNet1 li a{display: block;text-align: center;height:2.25rem ;padding:.06rem 0 .24rem 0;}
.hotNet1 li a img{display:block;width:1.2rem;height:1.2rem; border-radius:50%;margin: 0 auto;}
.hotNet1 li a p{display: block;max-width: 90%;font-size:.3rem;color:#333;height:.56rem;line-height:.56rem;margin: 0 auto;margin-top: .03rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hotNet1 li span{display: block;margin: 0 auto;font-size: .24rem;color: #fff;text-align: center;width: 1.15rem;height: .48rem;line-height: .48rem;background: linear-gradient(135deg, #FDC830 0%, #F37335 100%); ;border-radius: .24rem;}
.hotNet1 li span.no{background: linear-gradient(135deg, #FDC830 0%, #F37335 100%); }


.indtit{position: relative;margin-bottom: .3rem;}

.indtit em{width: .1rem; height: .32rem; margin-top: .05rem;margin-right: .08rem;border-radius: .10rem;background: linear-gradient(135deg, #FDC830 0%, #F37335 100%); line-height: .2rem;}
.indtit p{width: 5rem;font-size: .36rem;color: #333;font-weight: 600;line-height: .36rem;margin-top: .6rem;margin-left: .38rem;position: relative;}
.indtit span{font-size: .48rem;color: #f4f4f4;font-weight: 600;position: absolute;left: .5rem;top: -.18rem;line-height: .38rem;}
.indtit em{width: .1rem;height: .25rem;display: block;border-radius: .14rem;position: absolute;left: .17rem;}
.indtit a{font-size:.16rem;color: #ff9900;float: right;line-height: .16rem;margin-top: -.2rem;margin-right: .40rem;}



/*热门游戏*/	

.sjgamery{float: left;width: 100%;margin-top: .35rem;}
ul::-webkit-scrollbar {width: 0;height: 0;display: none;-webkit-appearance: none;border-radius: 0}
.sjgamery_tlt { height: 0.6rem; line-height: 0.3rem; font-size: 0.32rem; color: #222; font-weight: bold; text-indent: .08rem; position: relative; }

.sjgamery .sjgamery_tlt em{width: .08rem; height: .25rem; margin-top: .05rem;;border-radius: .10rem;background: linear-gradient(135deg, #FDC830 0%, #F37335 100%); line-height: .3rem;float: left;margin-left: .1rem;}
.sjgamery_tlt .more { position: absolute; font-size: 0.22rem; font-weight: normal; color: #f37a34; top: 0; bottom: 0; right: 0.10rem; margin: auto 0; }

.sjgamery_info { width: 100%; display: flex; overflow-x: auto; margin-left: .05rem;}

.sjgamery_info a { display: block; width: 1.45rem; margin: 0.02rem 0.01rem 0; position: relative;margin-right: .10rem; }
.sjgamery_info a img { display: block; width: 1.35rem; height: 1.35rem; border-radius: 0.1rem; margin: 0 auto; }
.sjgamery_info a p { height: 0.53rem; width: 100%; line-height: 0.53rem; font-size: 0.25rem; color: #1a1c1d; text-align: center; white-space: nowrap; overflow: hidden; }

/*新闻资讯*/	
.index8{background: #fff;overflow: hidden;padding-bottom: .3rem;width: 7.5rem;}

.index8{background: #fff;overflow: hidden;}
.index8 ul {padding: 0 .07rem 0 .32rem;background-color: #fff;margin-top: -.06rem;}
.index8 ul li a {display: block;padding-top: .14rem;overflow: hidden;}
.index8 ul li a img {float: left;width: 2.17rem;height: 1.45rem;border-radius: .01rem;margin-right: .36rem;}
.index8 ul li a .info {float: left;height: 1.72rem;width: 4.58rem;border-bottom: .01rem solid #ededed;margin-top: -.1rem;margin-left: -.1rem;}

.index8 ul li a .info h3{ width: 4.3rem; height:0.4rem;line-height: 0.5rem;font-size: .26rem;color: #00121a; }
.index8 ul li a .info p{ width: 100%;font-size: .22rem; margin-top: .06rem;
	color: #4e4e4e;}
.index8 ul li a .info span{font-size: .18rem;}

/*底部*/	
footer{background-color: #303030;padding: .6rem .4rem;}
footer div{display: flex;margin-bottom: .2rem;}
footer div:first-of-type{margin-bottom: .4rem;}
footer div img{margin-left: .3rem;width: 2.01rem;height: .61rem;margin-right: .14rem;}
footer div>a{flex: 1;}
footer div  p{position: relative;top: .08rem;line-height: .32rem;height: .04rem;}
footer p,footer a{font-size: .28rem;color: #ccc;text-align: center;line-height: .42rem;}
footer p:last-of-type,footer p:last-of-type a{font-size: .24rem;}