/**
 * 样式
 * @copyright   Copyright(c) 2013
 * @author      AllanBian <bxdsanmao@gmail.com/www.allanbian.com>
 * @github			https://github.com/AllanBian/public_html.git
 * @version     1.0
 */

/*主容器*/
#warpper {  }

/*头部*/
#top { background:url(../images/top_bg.jpg) center top no-repeat; height:564px; }

/*logo*/
#logo { width:130px; height:80px; left:-76px; top:10px; }
#logo a,#logo a:hover { text-indent:-9999px; display:block; width:130px; height:80px; } 

/*选择服务器*/
#selectBox { width:255px; padding:2px; background:url(../images/selectServerList.jpg) no-repeat; top:347px; left:257px; z-index:20; }
.selectedCon { }
.serverName { width:227px; height:28px; line-height:28px; text-indent:3px; }
.serverName a{ color:#333333;}
.down { width:28px; height:28px; cursor:pointer; }
.down a { width:28px; height:28px; display:block; text-indent:-9999px; }
.down a:hover { width:28px; height:28px; display:block; background:url(../images/down_hover.jpg) no-repeat; }
#selectBox ul { height:120px; width:229px; overflow:auto; background:#fff; top:32px; left:0px; display:none; }
#selectBox ul li { height:25px; line-height:25px; font-size:14px; border-bottom:1px dashed #efefef; cursor:pointer; text-indent:8px; }
#selectBox ul li:hover { background:#eee; }
#selectBox ul li a { color:#333333; display:block; }
/*导航*/
#nav { height:80px; top:450px; left:0px; z-index:10; }
#nav ul { height:80px; overflow:hidden; }
#nav ul li { width:195px; float:left; display:inline; }
#nav ul li a { width:195px; display:block; height:80px; background:url(../images/nav.jpg) no-repeat; text-indent:-9999px; }
#nav ul li.sj a { background:url(../images/nav.jpg) no-repeat; } 
#nav ul li.bp a { background:url(../images/nav.jpg) -200px top no-repeat; } 
#nav ul li.zh a { background:url(../images/nav.jpg) -400px top no-repeat; }
#nav ul li.zj a { background:url(../images/nav.jpg) -600px top no-repeat; }
#nav ul li.jj a { background:url(../images/nav.jpg) -800px top no-repeat; }
#nav ul li.sj a:hover,#nav ul li.sj a.on  { background:url(../images/nav.jpg) left -80px no-repeat; } 
#nav ul li.bp a:hover,#nav ul li.bp a.on { background:url(../images/nav.jpg) -200px -80px no-repeat; } 
#nav ul li.zh a:hover,#nav ul li.zh a.on { background:url(../images/nav.jpg) -400px -80px no-repeat; }
#nav ul li.zj a:hover,#nav ul li.zj a.on { background:url(../images/nav.jpg) -600px -80px no-repeat; }
#nav ul li.jj a:hover,#nav ul li.jj a.on { background:url(../images/nav.jpg) -800px -80px no-repeat; }

/*内容部分*/
#con { background:url(../images/con_bg.jpg) center top no-repeat; height:1394px; }

/*排行部分*/
.rankBox { width:924px; overflow:hidden; margin-left:29px; padding-top:38px;  }
.rankTitle { height:50px; overflow:hidden; }
.rankCon { padding-left:1px; overflow:hidden; height:1025px; }
.rankCon ul li { width:922px; display:inline; float:left; height:41px; line-height:40px; font-size:14px; }
.rankCon ul li span { float:left; display:inline; height:40px; line-height:40px; font-size:14px; }
.rankCon ul li .rank_num { width:65px; padding-left:35px; }
.rankCon ul li .pName { width:245px; text-align:center; }
.rankCon ul li .sName { width:205px; text-align:center; }
.rankCon ul li .grade { width:200px; text-align:center; }
.rankCon ul li .profession { width:170px; text-align:center; text-indent:41px; }
.first { background:url(../images/champion.png) left top no-repeat; width:23px; height:43px; top:5px; left:60px; }
.second {
    background: url("../images/champion_2.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 43px;
    left: 60px;
    top: 46px;
    width: 23px;
}
.third {
    background: url("../images/champion_3.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    height: 43px;
    left: 60px;
    top: 87px;
    width: 23px;
}
.turnPage { padding-top:30px; text-align:center; }
.turnPage a,.turnPage a:hover { color:#1c0d03; text-decoration:underline; }
.turnPage span { color:#1c0d03; text-decoration:none; }
.turnPage span,.turnPage a { margin:0px 10px; }
/*世界排行*/
.sj .rankTitle{ background:url(../images/listTh.jpg) left top no-repeat; }
/*帮派排行*/
.bp .rankTitle{ background:url(../images/listTh.jpg) left -50px no-repeat; }
.bp .rankCon ul li .sName { width:320px; text-align:center; }
.bp .rankCon ul li .grade { width:130px; float:right; text-align:center; }
/*综合战力*/
.zh .rankTitle{ background:url(../images/listTh.jpg) left -100px no-repeat; }
.zh .rankCon ul li .profession { width:200px; text-align:center; text-indent: 0px; }
.zh .rankCon ul li .zdl { width:170px; text-align:center; text-indent:41px; }
/*坐骑排行*/
.zj .rankTitle{ background:url(../images/listTh.jpg) left -150px no-repeat; }
.zj .rankCon ul li .zuoqi { width:200px; text-align:center; }
.zj .rankCon ul li .xianshou { width:170px; text-align:center; text-indent:41px; }
/*竞技排行*/
.jj .rankTitle{ background:url(../images/listTh.jpg) left -200px no-repeat; }
.jj .rankCon ul li .profession { width:200px; text-align:center; text-indent: 0px; }
.jj .rankCon ul li .zdl { width:170px; text-align:center; text-indent:41px; }


.copyrightBox{ background:#000000; height:138px; padding-top:30px; font-size:12px; text-align:center;}
.copyrightBox p{text-align:center; color:#CCCCCC; line-height:22px;}
.copyrightBox p a{text-align:center; color:#CCCCCC;}