
#rankingWrap{
	position:relative;
}


#rankMenu{
	position:relative;
	height:40px;
}
#rankMode{
	width:240px;
	position:absolute;
	top:0px;
	left:0px;
}
#rankMode p{
	background-color:rgba(74,189,172,0.9);
	line-height:32px;
	padding:0px 10px;
	border-bottom:1px solid #ddd;
	color:#ff0;
	cursor:pointer;
}
#rankMode p span{
	float:right;
	color:#fff;
	line-height:32px;
}

#rankMode ul{
	display:none;
	background-color:rgba(74,189,172,0.9);
}
#rankMode ul li{
	border-bottom:1px solid #ddd;
}
#rankMode ul li a{
	display:block;
	color:#fff;
	line-height:32px;
	padding:0px 10px;
}
#rankMode ul li a:hover{
	background-color:#ff5992;
}

#rankExchange{
	position:absolute;
	top:0px;
	left:250px;
	right:0px;
}
#rankExchange p{
	background-color:rgba(74,189,172,0.9);
	line-height:32px;
	padding:0px 10px;
	border-bottom:1px solid #ddd;
	color:#ff0;
	cursor:pointer;
	width:220px;
}
#rankExchange p span{
	float:right;
	color:#fff;
	line-height:32px;
}
#rankExchange div{
	display:none;
	background-color:rgba(74,189,172,0.9);
}
#rankExchange div ul{
	overflow:hidden;
	padding:2px;
}
#rankExchange div ul li{
	width:25%;
	float:left;
	background-repeat:no-repeat;
	background-position:14px 50%;
	background-size:24px;
}
#rankExchange div ul li a{
	display:block;
	line-height:32px;
	padding:0px 10px 0px 40px;
	margin:0px 2px;
	border-bottom:1px solid #ddd;
	color:#fff;
}
#rankExchange div ul li a:hover{
	background-color:#ff5992;
}


#ranking{
	padding-top:20px;
}
#ranking table{
	width:100%;
}
#ranking table tr{
	border-bottom:1px solid #ededed;
}
#ranking table tr:hover{
	background-color:#fff9d2;
}
#ranking table tr:first-of-type:hover{
	background:none;
	border:0px;
}
#ranking table th{
	vertical-align:middle;
	text-align:center;
	border-bottom:1px solid #ccc;
	background-color:#4abdac;
	padding:10px 0px;
	font-size:13px;
	color:#fff;
}
#ranking table th dl{
	overflow:hidden;
}
#ranking table th dl dt, #ranking table th dl dd{
	width:25%;
	float:left;
	text-align:center;
}

#ranking table th p{
	margin:8px 0px;
}
#ranking table td{
	padding:10px 0px;
	vertical-align:middle;
	text-align:center;
	font-size:14px;
}
#ranking table tr td:nth-of-type(2){
	width:170px;
	text-align:left;
}
#ranking table tr td:nth-of-type(2) img{
	width:36px;
	float:left;
}
#ranking table tr td:nth-of-type(2) span{
	display:block;
	font-size:14px;
	text-align:left;
	margin-left:42px;
	color:#444;
	font-weight:bold;
	padding:2px 0px;
}
#ranking table tr td:nth-of-type(2) strong{
	font-size:18px;
	color:#9bc89b;
	text-align:left;
	font-weight:bold;
	margin-left:6px;
	padding:2px 0px;
}
#ranking table tr th:nth-of-type(3), #ranking table tr td:nth-of-type(3){
	text-align:right;
}
#ranking table tr td:nth-of-type(1) span{
	display:block;
	font-weight:bold;
	font-size:11px;
	color:#ffa66a;
	margin-top:2px;
}

#ranking table tr th:nth-of-type(4), #ranking table tr td:nth-of-type(4){
	text-align:right;
}
#ranking table tr th:nth-of-type(5), #ranking table tr td:nth-of-type(5){
	text-align:right;
}
#ranking table tr th:nth-of-type(6), #ranking table tr td:nth-of-type(6){
	text-align:right;
	line-height:1.2em;
}
#ranking table tr td:nth-of-type(7){
	width:330px;
}
#ranking table td dl{
	overflow:hidden;
	margin-left:10px;
}
#ranking table td dl dt, #ranking table td dl dd{
	width:25%;
	float:left;
	text-align:center;
}

#ranking table tr td div{
	margin:1px 0px;
}
#ranking table tr td b, #ranking table tr td u, #ranking table tr td i{
	color:#fff;
	padding:8px 0px;
	display:inline-block;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	width:74px;
	text-align:center;
	font-size:12px;
}
#ranking table tr td b:first-letter, #ranking table tr td u:first-letter{
	font-size:11px;
}

#ranking table tr td b{
	background-color:#ca2c78;
}
#ranking table tr td u{
	background-color:#73c921;
	text-decoration:none;
}
#ranking table tr td i{
	background-color:#ddd;
	text-decoration:none;
	color:#aaa;
}
#rankPager{
	margin-top:50px;
}
#rankPager ul{
	overflow:hidden;
	width:280px;
	margin:0px auto;
}
#rankPager li{
	float:left;
	width:50%;
}
#rankPager li *{
	display:inline-block;
	width:130px;
	margin:4px 0px;
	padding:8px 0px;
	font-size:14px;
	text-align:center;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border:1px solid #ccc;
}
#rankPager li button{
	background:none;
	color:#444;
	cursor:pointer;
}
#rankPager li button:hover{
	border-color:#23aaff;
	color:#23aaff;
	background-color:#dbf1ff;
}
#rankPager li span{
	background:none;
	color:#ccc;
}





