LRank@charset "gb2312";
*html{background-image:url(about:blank);background-attachment:fixed;}
html {font-size:100px;}
* {padding: 0;margin: 0;font-family: 'Microsoft YaHei', "微软雅黑", "PingFang SC", 'Arial', 'Heiti SC';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;min-width:3.2rem;margin:0 auto;overflow: hidden; background: #fff; }



/* header */
header { height: 1.6rem; width: 100%; }
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; }


/* 轮播 */



.box{width: 7.5rem;height: 3.2rem;overflow: hidden;position: relative; margin: 0 auto; box-shadow:0 0 5px #ccc;float: left;}
.box-1 ul{}
.box-1 ul li{width: 7.5rem;height: 3.2rem;position: relative;overflow: hidden;}
.box-1 ul li img{display:block;width: 100%; height: 3.2rem;}
.box-1 ul li h2{position: absolute;left: 0;bottom: 0;height: .4rem;width:2.5rem;background: rgba(125,125,120,.4);text-indent: 2em;padding-right:5rem ;font-size: .15rem;line-height: .4rem;text-overflow: ellipsis;overflow: hidden;
				white-space: nowrap;font-weight: normal;color: ghostwhite}
.box-2{position: absolute;right: .1rem;bottom: .14rem;}
.box-2 ul li{float:left;width: .12rem;height: .12rem;overflow: hidden; margin: 0 .05rem; border-radius: 50%;
				background: rgba(0,0,0,0.5);text-indent: 1rem;cursor: pointer;}
.box-2 ul .on{background: rgba(255,255,255,0.6);}
.box-3 span{position: absolute;color: white;background: rgba(125,125,120,.3);width: .3rem;height: .5rem;
				top:50%; font-family: "宋体";line-height: .5rem;font-size:.3rem;margin-top: -.3rem;border-radius: 3px;
				text-align: center;cursor: pointer;}
.box-3 .prev{left: .1rem;}
.box-3 .next{right: .1rem;}
.box-3 span::selection{background: transparent;}
.box-3 span:hover{background: rgba(125,125,120,.8);}


/*分类开始*/

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





/*热门游戏*/	

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





/*排行榜*/	


.hot{ width:7.5rem; margin-top:.2rem; height:16.8rem; overflow: hidden;}

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

.hot .sylist{  color: #36373b; float: left; margin-top: .38rem; margin-left: .25rem; font-size: .28rem;font-style: normal;  font-weight: 800;
	 width: 2.5rem;  height: .5rem;}


.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: 400;
  margin-right:.1rem;border: 1px solid #F37335;
}
.hotlist span:nth-child(1){border-radius: 30px;}
.hotlist span:nth-child(2){border-radius: 30px;}
.hotlist .current{color: #fff;background: linear-gradient(135deg, #FDC830 0%, #F37335 100%); border: 1px solid #fff;font-weight: 800;}

.three{height: 3.2rem;background: #edf2f5;margin: 0 .26rem;border-radius: .15rem;overflow: hidden; margin-top: .2rem;}
.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: .40rem;height: .40rem;position: absolute;top: .04rem;left: .14rem;}
.three li:nth-child(1) i{background-position: -2.24rem 0; }
.three li:nth-child(2) i{background-position: -2.82rem 0;}
.three li:nth-child(3) i{background-position: -3.44rem 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;margin-top: .05rem;  }
.threedown li .info p:nth-child(1){font-size: .28rem;color: #222;line-height: .3rem; font-weight: 400;font-family: 'Microsoft YaHei', "微软雅黑", "PingFang SC", 'Arial', 'Heiti SC';}
.threedown li .info p:nth-child(2){line-height: .25rem;font-family: 'Microsoft YaHei', "微软雅黑", "PingFang SC", 'Arial', 'Heiti SC';margin-top: .15rem; }

.threedown li .info p{max-width:3.5rem;  text-overflow: ellipsis;overflow: hidden; font-size: .22rem; color: #222;}
.threedown li .info p span{font-size: .22rem; line-height: .3rem; color: #757575;}

.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: .3rem;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%); }










/*新闻资讯*/	
.index8{background: #fff;overflow: hidden;padding-top:.02rem;padding-bottom: .2rem;float: left;width: 7.5rem;}

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

.index8 .indtit em{width: .08rem; height: .25rem; margin-top: .08rem;margin-right: .08rem;border-radius: .10rem;background: linear-gradient(135deg, #FDC830 0%, #F37335 100%); line-height: .3rem;}
.index8 .indtit p{width: 5rem;font-size: .32rem;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;}
.index8 .indtit em{width: .08rem;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;}

.index8{background: #fff;overflow: hidden;}
.index8 ul {padding: 0 .07rem 0 .22rem;background-color: #fff;margin-top: -.06rem;}
.index8 ul li a {display: block;padding-top: .24rem;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: .25rem;color: #00121a; }
.index8 ul li a .info p{ width: 100%;font-size: .2rem; margin-top: .06rem;
	color: #4e4e4e;}
.index8 ul li a .info span{font-size: .15rem;}


/*底部*/	
footer{background-color: #303030;padding: .4rem .01rem;margin-top: .5rem;width: 7.5rem;float: left;}
footer div{display: flex;margin-bottom: .2rem;}
footer div:first-of-type{margin-bottom: .1rem;}

footer div>a{flex: 1;letter-spacing:.05rem; }
footer div  p{top: .02rem;line-height: .32rem;height: .04rem;margin-left: .3rem;}
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;}



/*热门游戏*/	

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

.sjgamelb .sjgamelb_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;}
.sjgamelb_tlt .more { position: absolute; font-size: 0.22rem; font-weight: normal; color: #f37a34; top: 0; bottom: 0; right: 0.10rem; margin: auto 0; }

.sjgamelb_info { width: 100%; display: flex; overflow-x: auto; margin-left: .05rem;}
.sjgamelb_info li{margin-right: .1rem;}
.sjgamelb_info a { display: block; width: 1.45rem; margin: 0.02rem 0.01rem 0; position: relative;margin-right: .15rem; }
.sjgamelb_info a img { display: block; width: 1.3rem; height: 1.3rem; border-radius: 50%; margin: 0 auto; }
.sjgamelb_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; }