/* CSS Document */
.competitionPage {	
	padding-top:148px;
	color:#333;
}
.margin-bt{
	margin-bottom:80px;
}
.rankingBanner{
	color:#FFF;
	font-size:48px;
	padding:50px 0 56px;
	margin-bottom:20px;
	text-align:center;
	background:url(../images/ranking/bg1.jpg);
	background-size:100% 100%;
}
.rankingBanner .time{
	line-height:58px;
	font-weight:bold;
}
.rankingBanner .title{
	line-height:128px;
	font-size:100px;
	font-weight:bold;
	padding:14px 0 10px;
}
.rankingBanner .text{
	line-height:68px;
}
.productItem .itemTitle{
	margin-bottom:30px;
	padding: 6px 0 4px;
}
.productItem .itemTitle.rank:before{
	width:171px;
}
.productItem .itemTitle .nav{
	height:38px;
	line-height:38px;
	display:inline-block;
	margin-bottom:-20px;
}
.productItem .itemTitle .nav a.on{		
	padding:0 24px;
	color:#FFF;
	background:#004990;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
}
/*人气选手*/
.popularPlayerList{
	width:1220px;
	margin:0 auto;
}
.popularPlayerList li{
	width:285px;
	margin:0 10px 110px;
	position:relative;
	float:left;
}
.popularPlayerList li .img{
	width:285px;
	height:250px;	
}
.popularPlayerList li .info{
	width:226px;
	height:127px;
	background:#F4EDAE;
	border-radius: 1.2em;
	position:absolute;
	left:50%;
	bottom:-74px;	
	margin-left:-113px;
	-webkit-box-shadow:0 10px 10px rgba(0,0,0,.1);
	box-shadow:0 10px 10px rgba(0,0,0,.1);
	z-index:1;
}
.popularPlayerList li .info .name{
	line-height:30px;
	color:#292929;
	font-size:20px;
	text-align:center;
	padding:33px 5px 10px;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
}
.popularPlayerList li .info .number{
	line-height:25px;
	color:#777;
	font-size:16px;
	text-align:center;
}
.popularPlayerList li .info .msg{
	line-height:30px;
	color:#FFF;
	font-size:16px;
	padding:0 15px;
	text-align:center;
	display:none;
}
.popularPlayerList li:hover .img{
	-webkit-box-shadow:0 0 10px rgba(0,0,0,.84);
	box-shadow:0 0 10px rgba(0,0,0,.84);	
}
.popularPlayerList li:hover .info{
	background:#4a91e3;	
	-webkit-box-shadow:0 2px 10px rgba(74,145,227,.89);
	box-shadow:0 2px 10px rgba(74,145,227,.89);
}
.popularPlayerList li:hover .info .name{
	color:#FFF;
	font-size:20px;
	text-align:left;
	padding:8px 15px 9px;
}
.popularPlayerList li:hover .number{
	display:none;
}
.popularPlayerList li:hover .msg{
	display:block;
}
.popularPlayerList.rank li .info .name{
	font-weight:700;
}
.popularPlayerList.rank li:hover .img{
	-webkit-box-shadow:10px 10px 9px rgba(0,0,0,.5);
	box-shadow:10px 10px 9px rgba(0,0,0,.5);	
}
.popularPlayerList.rank li:hover .info{
	background:#4a91e3;
	border-radius:1.2em;
	-webkit-box-shadow:0 10px 9px rgba(0,0,0,.39);
	box-shadow:0 10px 9px rgba(0,0,0,.39);
}
.popularPlayer .seeMoreNum{
	width:220px;
	height:68px;
	line-height:68px;
	font-size:20px;
	color:#FFF;
	text-align:center;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	margin:20px auto 90px;
	background:#4a91e3;
}