.rankdiv{
	margin-top:11.7%;
}
.rankdiv .rankmenu ul{
	width:100%
}
.rankdiv .rankmenu ul li{
	float:left;
	width:33%;
	margin:0;
	padding:0;
	text-align:center;
	height:40px;
	line-height:40px;
	color:#666;
	
	font-size:130%;
	border-bottom:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;	
	background-color:#fff;
	
}
.rankdiv .rankmenu ul li.on,.rankdiv .rankmenu ul a:hover li{
	height:40px;
	line-height:40px;
	color:#fff;
	
	background-color:#ccc;
	margin:0;
	padding:0;
	
}



.rankdiv ul{
	padding:0;
	width:98%;
	margin: 0 auto;
}

    
.rankdiv ul li{
	width:100%;
	float:left;
	height:40%;
	margin:2px;
}

.rankcontent .title{
	padding:1% 0% 1% 25%; 
	background:#511a7d; 
	color:#FFF;
	font-size:130%;
	float:left;	
}
.rankcontent .title img {
	vertical-align:middle;width:22%;padding:0.5% 0 0.5% 0 ;
}

.rankcontent ul{
	padding:0; margin:0
}


.rankcontent ul li{
	padding-left:3%;background:#511a7d; color:#FFF;font-size:130%;font-family:黑体;/*font-style: italic;*/
	line-height:400%;
	height:400%;
	border-bottom:#cccccc 1px solid
}

.rankcontent ul li .l{
	float:left; width:25%
}
.rankcontent ul li .m{
	width:45%; 
	float:left; 
	padding-left:0.8%; 
	font-style:normal; 
	text-align:left;
	word-break:keep-all;/* 不换行 */
    white-space:nowrap;/* 不换行 */
    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow:ellipsis;
	margin-left:-8%;
}
.rankcontent ul li .r{

	font-style:normal;padding-right:1%; text-align:right;
}

.rankcontent ul li.r1{
	background:#ff6666
}
.rankcontent ul li.r2{
	background:#ffba00
}
.rankcontent ul li.r3{
	background:#04cabd
}
.rankcontent ul li.r0{
	background:#FFF
}


.rankcontent ul li img{
	vertical-align:middle;width:50%;padding:0.5%
}

.rankcontent ul li.r0 img{
	padding-top:0px
}
.rankcontent ul li.r0 .pm{
	color:#fff; position:relative;left:-30%
}
.rankcontent ul li.r0 .pm1{
	color:#fff; position:relative;left:-34%
}

.rankcontent ul li.r0 .m,.rankcontent ul li.r0 .r{
	color:#000
}


@media only screen and (min-width: 481px) {
	
	.rankdiv{
		margin-top:6.4%;
	}
	
	.rankdiv .rankmenu ul li{
		float:left;
		width:33%;
		margin:0;
		padding:0;
		text-align:center;
		height:50px;
		color:#aaa;
		line-height:50px;
		font-size:170%;
		border-bottom:1px solid #d9d9d9;
		background-color:#f0f2f5;
	}
	.rankdiv .rankmenu ul li.on,.rankdiv .rankmenu ul a:hover li{
		height:50px;
		line-height:50px;		
		margin:0;
		padding:0;
	}
	
	.rankcontent .title{
		padding:1% 0% 1% 17%; 
		background:#511a7d; 
		color:#FFF;
		font-size:160%;
		float:left;
		width:100%;
		
		
	}
	.rankcontent .title img {
		vertical-align:middle;width:13%;padding:0.2% 0 0.2% 0 ;
	}
		
	.rankcontent ul li{
		background:#511a7d; color:#FFF;font-size:160%;  font-family:黑体;font-style: italic;
		line-height:300%; height:300%; float:left;width:97%;margin:0;padding:0;padding-left:3%;border-bottom:#cccccc 1px solid
	}
	
	.rankcontent ul li .l{
		float:left; width:15%
	}
	.rankcontent ul li .m{
		width:60%; 
		float:left; 
		padding-left:0.8%; 
		font-style:normal; 
		text-align:left;
		word-break:keep-all;/* 不换行 */
		white-space:nowrap;/* 不换行 */
		overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
		text-overflow:ellipsis;
	}
	.rankcontent ul li .r{
	
		font-style:normal;padding-right:1%; text-align:right; float:left; width:20%
	}
	
	
	.rankcontent ul li.r0{
		line-height:260%; height:260%
	}

	.rankcontent ul li img{
		vertical-align:middle;width:40%;padding:0.5%
	}


	.rankcontent ul li.r0 .pm{
		color:#fff; position:relative;left:-26%
	}
	
	.rankcontent ul li.r0 .pm1{
		color:#fff; position:relative;left:-33%
	}
}