.clearfix::after{
    content: "";
    display: block;
    clear: both;
}
.list{
	float:left;
	border-right:1px solid #DFDFDF;
	border-top:1px solid #DFDFDF;
	width:618px;
	background:#FFF;
	padding-top:10px;
	padding-right:10px;
	overflow:hidden;
}
.list #banner_left{
	height:300px;
	width:619px;
}
.list div.blog{
	padding-bottom:10px;
	padding-top:25px;
    border-bottom:1px solid #DFDFDF;
}
.list div.blog div.info_left{
    padding-top:6px;
	width:150px;
	float:left;
}
.list div.blog div.info_left ul{
	line-height:150%;
	color:#999999;
}
.list div.blog div.info_left ul li{
	text-align: center;
}
.list div.blog div.info_left ul li a{
	color:#175F77;
}
.list div.blog div.info_left ul li.time{
	color:#777777;
	font-weight:bold;
	margin-bottom:15px;
}
.list div.blog div.blog_right{
	width:460px;
	float:right;
}
.list div.blog div.blog_right h2 a{
   color:#690;
   font-size:18px;
}
.list div.blog div.blog_right h2 a:hover{
   color:#666;
}
.list div.blog div.content{
	line-height:28px;
	padding-bottom:14px;
	padding-top:14px;
	overflow:hidden;
}
.list div.tag{
	width:460px;
	clear:both;
	padding-left:160px;
}
.list div.tag{
	color:#999999;
}
.list div.tag a{
	color:#999999;
}

#list_right{
	width:300px;
	float:right;
	padding-top:28px;
	border-top:1px solid #DFDFDF;
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:hidden;
}
#list_right i{
	font-size:16px;
	height:32px;
	line-height:32px;
	margin:0 0 10px 20px;
    border-bottom:1px solid #DFDFDF;
    font-weight:bold;
    display:block;
}
#list_right ul{
	line-height:200%;
	color:#CCC;
	margin-bottom:20px;
}
#list_right ul li{
	margin-left:25px;
}
#list_right ul li a{
	color:#333;
}
#list_right ul li a:hover{
	color:#777;
}
#list_right ul li a.name{
	padding-left:15px;
	color:#333;
	background:url(/blog/html/images/z_a1.gif) no-repeat left center;
}
#list_right ul li a.name:hover{
	background:url(/blog/html/images/z_a2.gif) no-repeat left center;
	color:#777;
}