body {
  padding-top: 50px;
}
.fl{float:left}
.fr{float:right}
.blog-cate,.blog-main,.blog-sidebar{
	padding:15px;
	margin:15px 0;
	overflow:hidden;
	background-color:#fcf8e3;
	border: 1px solid #fbeed5;
}
.col-sm-6{padding:0}
.blog-cate li{
	width:33%;float:left
}
.blog-cate2 li{
	width:20%;float:left
}
.footer{text-align:center;background-color:#005f3c;color:#fff;padding:5px;}
.footer a{color:#fff}
.list-unstyled,.blog-info{clear:both; }
.shici{display:block;font-size:18px;padding:16px;margin: 0 0 10px;color: #000;background-color: #f5f5f5;border: 1px solid #ccc;border-radius: 4px;word-break: break-all;word-wrap: break-word;}
.shici strong{display:none;color:#005f3c;}
.shici p{margin:0;}
.circle{margin-left:10px;font-size:14px; width: 24px;  height: 24px;  border-radius: 50%;  border: 12px solid #005f3c;  display: flex;  justify-content: center;  align-items: center;  color:#fff}
a.circle,a.circle:hover,a.circle:visited{color:#fff;text-decoration:none}
ruby rt{width:38px; font-size:60%;}