#program-list{
	margin-top: 30px;
}
#program-list .title-list{
	height:36px;
}
#program-list .title-list ul{
	
	height:35px;
	border-top:1px solid #bbb;
	border-bottom: 1px solid #bbb;
}
#program-list .title-list ul li.sm-logo{
	border:0;
	margin-top:0;
	margin-right:0;
}
#program-list .title-list ul li{
	
	margin-top:10px;
	height:13px;
	line-height: 13px;
	float:left;
	padding-right:8px;
	margin-right:8px;
	border-right:1px solid #888;
}
#program-list .title-list ul li a{
	color:black;
	font-size: 15px;
}
#program-list .title-list ul li.current a{
	color:rgb(248,83,87);
	
	/*text-decoration: underline;*/
}
#program-list .media{
	padding-top: 20px;
	padding-bottom: 28px;
	border-bottom: 1px solid #bbb;
	*float:left;
	_float:left;
}
#program-list .media:hover{
	background:rgb(241,241,241);
}
#program-list .media .media-body h3{
	display: inline-block;
	margin-top:5px;

}
#program-list .media .media-body h3 a{
	color:black;
}
#program-list .media .media-body h3 a:hover{
	color:red;
}
#program-list .media .media-body span{
	float:right;
	color:rgb(248,83,87);
}
#program-list .media .media-body p{
	color:#aaa;
	font-size: 16px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
/*热门节目*/


#program-list .rank-list ul li {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
	float:left;
	width:100%;
}

 .rank-list li a{
	color:#666;
}
#program-list .rank-list li.first span.num{
	font-size: 20px;
}
#program-list .rank-list li span.num{
	float:left;
	margin-right:10px;
	font-style: italic;
	color:#666;
	font-size: 12px;

}
#program-list .rank-list li span{
	float:right;
	color:rgb(248,83,87);
}

#program-list li.first{
	font-size: 20px;
}
.rank-list li.first a{
	
	color:black;
}
.rank-list li.first a:hover{
	color:red;
}
#program-list .rank-list li p{
	font-size: 12px;
	color:#aaa;
	text-indent: 18px;
}
/*分页样式*/
.page-list{
	padding:30px 0;
	height:90px;
	text-align: center;
}
.page-list ul{
	text-align: center;
	float:right;
}
.page-list ul li{
	
	float:left;
	width: 30px;
	height:30px;
	margin-right: 10px;
	line-height: 30px;

}
.page-list ul li a{
	display: block;
	color: white;
	width: 30px;
	height:30px;
	background:rgb(165,165,165); 

}
.page-list ul li a:hover{
	text-decoration: none;
}
.page-list ul li.active a{
	background: rgb(229,1,18);
}
@media (max-width: 600px) { 
.mobile-img{width:100%;}
.mobile-img img{width:100%;}
.mobile-chinese{width:100%;padding-top:8px;}
 
 .media-body, .media-left, .media-right {
    display: inline-block;
    vertical-align: top;
}
.mobile-style .big-img{
	width:290px;
}
.mobile-style .rank-list {
    width: 290px;
   
}
#program-list .title-list ul li.sm-logo {
    
    margin-right: 0;
}
#program-list .title-list ul li {
    
     padding-right: 2px; 
     margin-right:5px;
    
}
}