.page {
    color: #000000;
    position: relative;
}
.page > div {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin: 0 auto;
    position: relative;
    min-height: 1%;
}
.page .bread {
    font-size: 14px;
    color: #999999;
    margin-top: 20px;
}
.page .bread a {
    color: #999999;
}
.page em {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.page em {
    color: #ffaf0f;
}
.page .bread em {
    margin: 0 12px 0;
    vertical-align: middle;
}
.page > div:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*rank-nav*/
.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:#ef581c;padding-bottom:20px;border-bottom:#ef581c solid 1px}
.detail_all {
    background: url(../img/detail_all.png) no-repeat;
}
.triangle {
    height: 6px;
    width: 4px;
    background-position: 0 0;
}
.page .ranking-list-top {
    width: 1200px;
    height: 76px;
    overflow: hidden;
    margin: 15px auto 0;
}

.pages {height:40px;padding:20px 0px;clear:both;text-align:center}
.pages a,.pages a:visited,.pages a:hover {padding:0px 20px;font-size:16px; border:1px solid #E4E4E4;display:inline-block;height:38px;line-heighT:38px;text-decoration:none;color:#777;margin:0 3px;background:#fff;}
.pages a:hover ,.pages .cur a,.pages .active a,.pages a.cur{border:1px solid #D6231C; color:#fff;background:#D6231C;}
.pages a b,.pages a:visited b,.pages a:hover b{background:none;padding:0;margin:0;display:inline;border:none;color:#666;}
/*rank-con*/
.ranking-game{margin:1200px;margin:0 auto;padding-top:10px}
.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;border-radius:23px;}
.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 .auth a{color:#ef581c;}
.gameInfo .info{height:28px;line-height:28px;overflow:hidden;color:#fc0}
.gameInfo .info .fl{float:left}
.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 .taglist span a:hover{
    color:#ef581c;
}
.gameInfo .tags .state{float:right;height:22px;font-size:14px;color:#ef581c;margin-right:22px}
.gameInfo .tags .state.green{color:#ef581c}
.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:96px;height:160px;overflow:hidden;margin-right:10px}
.gamePho li img{display:block;width:100%;height:auto;}
.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{width: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:48px;overflow:hidden;line-height:22px;font-size:14px;color:#666;margin-top:0px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}.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:5px}.rankList .con .txt2 span{float:left;margin-right:20px}
.rankList .con .txt2 span i{color:#557db4;font-style:normal;}

.page button, .dialog .btn, .page .btn {
    background: #23c268;
    color: white;
    font-size: 16px;
    cursor: pointer;
    font-family: 'Microsoft YaHei';
}