.page .ranking-list-top {
 width:1200px;
 height:76px;
 overflow:hidden;
 margin:15px auto 0
}
.page .ranking-list-top .rank-type {
 float:left;
 width:320px;
 height:26px;
 line-height:26px;
 font-size:14px;
 overflow:hidden;
 padding:50px 0 0 144px;
 background:url(../img/rank-type.png) no-repeat
}
.page .ranking-list-top .rank-type1 {
 background-position:0 0;
 color:#7891D2
}
.page .ranking-list-top .rank-type2 {
 background-position:0 -76px;
 color:#B4955E
}
.page .ranking-list-top .rank-type3 {
 background-position:0 -152px;
 color:#FF7D69
}
.page .ranking-list-top .rank-type4 {
 background-position:0 -228px;
 color:#42CBD7
}
.page .ranking-list-top .rank-type5 {
 background-position:0 -304px;
 color:#71BFF3
}
.page .ranking-list-top .rank-type6 {
 background-position:0 -380px;
 color:#0AAADC
}
.page .ranking-list-top .rank-type7 {
 background-position:0 -456px;
 color:#FA82AA
}
.page .ranking-list-top .rank-tab {
 float:right;
 color:#999999;
 font-size:18px;
 margin-top:15px
}
.page .ranking-list-top .rank-tab a {
 float:left;
 margin:0 5px 0 35px;
 color:#555
}
.page .ranking-list-top .rank-tab a.active {
 color:#23c268;
 padding-bottom:20px;
 border-bottom:#23c268 solid 1px
}
.ranking-game {
 margin:1200px;
 margin:0 auto;

}
.ranking-game>li {
 background:#fff;
 padding:10px 0;
 overflow:hidden;
 border-radius:5px;
 box-shadow:0 0 5px 1px #ECECEC;
 margin-top:10px;
 position:relative
}
.rank-num {
 background:url(../img/ranknum.png) no-repeat;
 width:40px;
 height:60px;
 overflow:hidden;
 position:absolute;
 left:0;
 top:0;
 font-size:24px;
 color:#999;
 font-style:italic;
 line-height:38px;
 text-align:center;
 padding-right:20px;
 border-top-left-radius:4px
}
.rank-num.num1 {
 background-position:0 -60px;
 color:#fff
}
.rank-num.num2 {
 background-position:0 -120px;
 color:#fff
}
.rank-num.num3 {
 background-position:0 -180px;
 color:#fff
}
.gameLogo {
 float:left;
 width:120px;
 height:120px;
 margin:10px 0 0 60px
}
.gameInfo {
 float:left;
 width:636px;
 height:160px;
 padding-right:16px;
 border-right:1px solid #eee;
 margin-left:38px
}
.gameInfo .name {
 display:block;
 height:32px;
 overflow:hidden;
 line-height:32px;
 font-size:24px;
 color:#333;
 margin-top:5px
}
.gameInfo .auth {
 height:24px;
 overflow:hidden;
 line-height:24px;
 font-size:14px;
 color:#999
}
.gameInfo .info {
 height:28px;
 line-height:28px;
 overflow:hidden;
 color:#fc0
}
.gameInfo .info .fl {
 float:left;
 border: 0px solid #CDCDCD;
border-top: none;
background: #FFF;
}
.gameInfo .info .gameScore {
 float:left;
 margin-left:20px
}
.gameInfo .info .gameScore .star {
 float:left;
 background:url(../img/star_bar.png) no-repeat 0 -41px;
 width:90px;
 height:16px;
 overflow:hidden;
 margin-top:5px;
 position:relative
}
.gameInfo .info .gameScore .star span {
 background:url(../img/star_bar.png) no-repeat 0 -57px;
 height:16px;
 overflow:hidden;
 position:absolute;
 left:0;
 top:0
}
.gameInfo .info .gameScore .score {
 float:left;
 padding:0 10px
}
.gameInfo .desc {
 height:24px;
 overflow:hidden;
 line-height:24px;
 font-size:14px;
 color:#333;
 margin-top:6px
}
.gameInfo .tags {
 height:22px;
 overflow:hidden;
 margin-top:10px
}
.gameInfo .tags .taglist {
 float:left
}
.gameInfo .tags .taglist span {
 float:left;
 height:22px;
 line-height:22px;
 font-size:12px;
 background:#F0F0F0;
 color:#999;
 padding:0 8px;
 border-radius:4px;
 margin-right:14px
}
.gameInfo .tags .state {
 float:right;
 height:22px;
 font-size:14px;
 color:#23c268;
 margin-right:22px
}
.gameInfo .tags .state.green {
 color:#23c268
}
.gameInfo .tags .state.yellow {
 color:#FFAF0F
}
.gameInfo .tags .state.blue {
 color:#46AFFA
}
.gamePho {
 float:right;
 width:308px;
 height:160px;
 overflow:hidden;
 margin-right:10px
}
.gamePho ul {
 width:318px
}
.gamePho li {
 float:left;
 width: 288px;;
 height:160px;
 overflow:hidden;
 margin-right:10px
}
.gamePho li img {
 display:block;
 width:100%;
 height:100%
}
.gamePho.imgWidth li {
 width:308px;
 height:160px
}
.ident {
 background:url(../img/all.png) no-repeat;
 width:32px;
 height:32px;
 overflow:hidden;
 line-height:99
}
.ident.ident1 {
 background-position:0 -74px
}
.ident.ident2 {
 background-position:0 -106px
}
.rankList {
 margin:1200px;
 margin:0 auto;
 padding-top:10px
}
.rankList>li {
 background:#fff;
 padding:20px 0;
 overflow:hidden;
 border-radius:5px;
 box-shadow:0 0 5px 1px #ECECEC;
 margin-top:10px;
 position:relative
}
.rankList .btn {
 float:right;
 width:100px;
 min-width:auto;
 height:40px;
 text-align:center;
 line-height:40px;
 border-radius:4px;
 margin:40px 40px 0 0
}
.rankList .img {
 float:left;
 width:120px;
 height:120px;
 border-radius:50%;
 position:relative;
 margin-left:60px
}
.rankList .img span {
 position:absolute;
 right:2px;
 bottom:2px
}
.rankList .img img {
 width:100%;
 height:100%;
 border-radius:50%;
 box-shadow:0 0 10px 2px #ECECEC
}
.rankList .con {
 float:left;
 width:816px;
 height:120px;
 overflow:hidden;
 margin-left:26px
}
.rankList .con .name {
 height:40px;
 line-height:40px;
 font-size:24px;
 overflow:hidden
}
.rankList .con .name .devlvl {
 background:url(../img/all.png) no-repeat -345px -38px;
 width:19px;
 padding-left:35px;
 height:24px;
 text-align:center;
 line-height:24px;
 font-size:14px;
 color:#FFAF0F;
 display:inline-block;
 vertical-align:middle;
 margin:-2px 0 0 10px
}
.rankList .con .txt1 {
 height:28px;
 overflow:hidden;
 line-height:28px;
 font-size:14px;
 color:#666;
 margin-top:5px
}
.rankList .con .txt1 span {
 float:left;
 width:20px;
 height:22px;
 margin:3px 8px 0 0
}
.rankList .con .txt1 span.ident1 {
 background-position:-34px -74px
}
.rankList .con .txt1 span.ident2 {
 background-position:-34px -106px
}
.rankList .con .txt2 {
 height:28px;
 overflow:hidden;
 line-height:28px;
 font-size:14px;
 color:#666;
 margin-top:12px
}
.rankList .con .txt2 span {
 float:left;
 margin-right:20px
}
.rankList .con .txt2 span i {
 color:#557db4
}