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


.location {  margin-top:1.3rem;margin-left: .15rem;}
.location { height: 0.61rem; line-height: 0.61rem;}
.location i { float: left; height: 0.27rem; width: 0.24rem; background-position: -0.42rem -1.61rem; margin: 0.29rem 0.12rem 0 0.29rem; }
.location span { float: left; font-size: 0.20rem; color: #999999; max-width: 2.5rem; white-space: nowrap; overflow: hidden; }
.location a { float: left; font-size: 0.20rem; color: #999999; max-width: 2.5rem; white-space: nowrap; overflow: hidden; }

/*ÅÅÐаñ*/	



.hot{ width:7.5rem;  height:26.1rem; 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: .3rem; margin-left: .25rem; font-size: .32rem;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;}














/*ÐÂÎÅ×ÊѶ*/	
.index8{background: #fff;overflow: hidden;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;}

/*kaice*/
.gameopen {  width:7.5rem;ovden;  margin-top: .15rem;margin-bottom: 15.1rem;}
.gameopen .title{width: 7.5rem;height: .25rem; letter-spacing:2pt; font-weight: bold;margin-left: .15rem;font-size: .3rem;}

.gameopen .title a{ font-size: .16rem;height: .30rem;margin-top: .08rem; color: #00b3fe;margin-left: 4.9rem;}

.gameopen .title em{ float: left; width: .1rem; height: .25rem;background: #fff;  margin-right: .08rem;border-radius: .10rem;background: linear-gradient(135deg, #FDC830 0%, #F37335 100%);margin-top: .12rem; }

.gameopen .gamelist{margin: 0 .16rem; margin-top: .35rem;}
.gameopen .gamelist li{width: 7rem;height: 1.6rem;float: left;position: relative;margin-top: .2rem;}
.gameopen .gamelist a{width: 100%;height: 2.5rem;  }
.gameopen .gamelist li img{width: 1.4rem;height: 1.4rem;border-radius: .2rem; float: left;}

.gameopen .gamelist li i{width: .4rem;height: .4rem;position: absolute;top: .04rem;float: left; margin-top: .5rem;margin-left: -.2rem;text-align: center; }
.gameopen .gamelist li:nth-child(1) i{background-position:-1.13rem 0;}
.gameopen .gamelist li:nth-child(2) i{background-position:-1.65rem 0;}
.gameopen .gamelistt li:nth-child(3) i{background-position:-2.23rem 0;}

.gameopen .gamelist li i{width: .4rem;height: .4rem;position: absolute;top: .04rem;left: .3rem; float: left; margin-top: .5rem;font-size: .3rem;font-weight: 800;font-family: 'Microsoft YaHei', "΢ÈíÑźÚ", "PingFang SC", 'Arial', 'Heiti SC';color: #1d2026;font-style:normal;color: #1d2026; }

.gameopen .gamelist .info{ width: 3.1rem;height: 1.4rem;  float: left;letter-spacing:2pt;margin-left: .2rem; }
.gameopen .gamelist .info h2{  font-size: .3rem; margin-top: .10rem; font-weight: 800;font-family: 'Microsoft YaHei', "΢ÈíÑźÚ", "PingFang SC", 'Arial', 'Heiti SC';color: #1d2026; }

.gameopen .gamelist .info p{font-size: .25rem; font-family: 'Microsoft YaHei', "΢ÈíÑźÚ", "PingFang SC", 'Arial', 'Heiti SC';color: #53575c;margin-top: .1rem;}
.gameopen .gamelist .info span{font-size: .2rem; width: 3.1rem; color: #53575c;line-height: .21rem;}
.gameopen .gamelist li .infoview{  width: 1.2rem; height: .5rem;background: linear-gradient(135deg, #FDC830 0%, #F37335 100%);float: left;color: #FFFFFF;text-align: center;line-height: .5rem;font-size: .25rem;font-family: 'Microsoft YaHei', "΢ÈíÑźÚ", "PingFang SC", 'Arial', 'Heiti SC'; margin-top: .6rem;margin-left: .9rem;border-radius: .3rem;}

/*ÈÈÃÅÓÎÏ·*/	

.sjgamery{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}
.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 li{margin-right: .1rem;}
.sjgamery_info a { display: block; width: 1.45rem; margin: 0.02rem 0.01rem 0; position: relative;margin-right: .15rem; }
.sjgamery_info a img { display: block; width: 1.55rem; height: 1.9rem; 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; }




/*µ×²¿*/	
footer{background-color: #303030;padding: .4rem .0rem;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 img{margin-left: .3rem;width: 2.01rem;height: .61rem;margin-right: .14rem;}
footer div>a{flex: 1;letter-spacing:.05rem; }
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;}