@charset "gb2312";
body,p,ul,dl,h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal;}
body{text-align:left;font-size: 12px;padding:0; background:none; background:#f2f2f2; font-family:arial,"Microsoft YaHei","\5fae\8f6f\96c5\9ed1";}
li{list-style:none}
input {-webkit-appearance:none;}
a,a:visited{text-decoration:none;color:#2a2a2a;}
.clearfix:after{clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:"."}
em{ font-style:normal;}






.m-nav-float{ position:fixed; top:0; left:0; z-index:9999}
.m-nav-float b{ top:0}
.m-nav-float #m-nav-hide{ position:fixed; top:40px;}

.g-box{ width:100%; height:auto; padding:10px 10px 0; display:block; overflow:hidden; box-sizing:border-box;}

.g-link-nav{ width:100%; height:auto; background:#fff; display:-webkit-box; overflow:hidden}
.g-link-nav li{ width:auto; height:auto;  border-right:1px solid #eeeeee; display:block; overflow:hidden;-webkit-box-flex:1;}
.g-link-nav li a{ width:100%; height:40px;line-height:40px; font-size:14px; font-weight:normal; color:#333; text-align:center; display:block; overflow:hidden; margin:auto; box-sizing:border-box;}
.g-link-nav li.f-hover a{ width:50%; border-bottom:2px solid #22a7f0; color:#22a7f0}


.g-rank-title{ padding:10px 10px 0;}
.g-rank-title strong{ width:100%; height:auto; padding:10px; box-sizing:border-box; font-size:16px; font-weight:normal; color:#f42946; background:#fff; display:block; overflow:hidden; border-bottom:2px solid #eee}
.g-rank-title strong span{ padding:0 0 0 10px; color:#22a7f0}
.g-gamerank-title2 strong{ color:#82d52a}
.g-gamerank-title3 strong{ color:#ff9900}
.g-gamerank-title4 strong{ color:#19b5ff}


.g-rank-ul{ width:100%; height:auto; display:block; overflow:hidden; box-sizing:border-box;}
.g-rank-ul li{ width:100%; height:auto; display:-webkit-box; overflow:hidden; background:#fff; padding:0 10px; box-sizing:border-box; position:relative; zoom:1}
.g-rank-ul li i{ width:27px; height:40px; line-height:32px; font-size:14px; font-weight:normal; font-style:normal; color:#fff; text-align:center; background:url(../images/home-icon.png) no-repeat -377px 0; background-size:496px; display:block; overflow:hidden; position:absolute; left:10px; top:12px;}
.g-rank-ul li .g-a-left{ width:100%; height:auto; display:-webkit-box; overflow:hidden; padding:10px 36px 10px 38px; box-sizing:border-box; border-bottom:1px solid #eee;}
.g-rank-ul li .g-a-left img{ width:66px; height:66px; margin:0 10px 0 10px; display:block; overflow:hidden;}
.g-rank-ul li .g-a-left p{ width:auto; height:auto; display:block; overflow:hidden; -webkit-box-flex:1}
.g-rank-ul li .g-a-left p strong{ width:100%; height:20px; line-height:20px; font-size:16px; font-weight:normal; color:#333; margin:4px 0 0 0; display:block; overflow:hidden;}
.g-rank-ul li .g-a-left p b{ width:100%; height:18px; line-height:18px; font-size:14px; font-weight:normal; color:#bbb; margin:4px 0 0 0; display:block; overflow:hidden;}
.g-rank-ul li .g-a-left p b span{ float:left; margin:0 0 0 4px; display:inline; overflow:hidden}
.g-rank-ul li .g-a-left p img{ width:auto; height:14px; display:block; overflow:hidden; margin:4px 0 0 0;}
.g-rank-ul li .g-a-right{ width: 36px; height: 36px; line-height: 36px; font-size: 16px; font-weight:normal; color:#22a7f0; text-indent: 38px;background:url(../images/home-icon.png) no-repeat -120px -162px; background-size:382px; display:block; overflow:hidden; position:absolute; right:10px; top:25px;}
.g-rank-ul li .g-a-right:active{ color:#fff; background:url(../images/home-icon.png) no-repeat -170px -162px; background-size:382px}
.g-rank-ul .m-rank-1 i{background:url(../images/home-icon.png) no-repeat -287px 0; background-size:496px;}
.g-rank-ul .m-rank-2 i{background:url(../images/home-icon.png) no-repeat -287px -101px; background-size:496px;}
.g-rank-ul .m-rank-3 i{background:url(../images/home-icon.png) no-repeat -287px -201px; background-size:496px;}

.g-rank-ul .g-rank-more a{ width:100%; height:auto; font-size:14px; font-weight:normal; color:#999; text-align:center; display:block; overflow:hidden;}


.g-rank-class strong{ color:#333; font-size:14px; padding:10px 10px 10px 18px;}
.g-rank-class ul{ width:100%; height:auto; padding:4px 0; background:#fff; display:block; overflow:hidden}
.g-rank-class ul li{ width:25%; height:auto; padding:8px 5px 0 5px; box-sizing:border-box; float:left; display:inline; overflow:hidden; position:relative; zoom:1}
.g-rank-class ul li a{ width: auto; height:26px; line-height:26px; font-size:14px; font-weight:normal; color:#333; padding: 0; display:block; overflow:hidden;text-align: center;}
.g-rank-class ul li i{ width:1px; height: 18px; background:#eee; display:block; overflow:hidden; position:absolute; right:0; top: 14px; }
.g-rank-class ul li .m-hover{ background:#22a7f0; color:#fff;}



/*ÐÞ¸ÄÓÚ2016-1-11*/
.g-rank-ul li{ padding:0}
.g-rank-ul li .g-a-left{ padding:10px 36px 10px 38px}
.g-rank-ul li .g-a-left:active{ background:#E0E0E0}