html,body {
	padding: 0;
	margin: 0;
	background: #f2f2f2;
	font-family: '微软雅黑'
}
	height: 100%;
	background: #f0f0f0
}

.img {
	padding: 12px 0 10px;
}

pre {
	margin: 0;
	color: #1a1a1a;
	white-space: pre-wrap;
	font: 16px/1.75 XinGothic-SinaWeibo,Microsoft Yahei,helvetica,arial;
	text-align: justify;
	word-break: break-all;
}

pre div,pre figure,img {
	width: 100%
}

pre img{
	border-radius:6px;
}

figure {
	margin: 5px 0 0
}

figcaption {
	color: red;
	text-align: center;
	font-size: 15px
}

.end {
	text-align: center;
	color: #aaa
}

.end span {
	display: inline-block;
	height: 1px;
	background: #aaa;
	width: 25%;
	margin-bottom: 6px
}

#name {
	color: #fff
}

#date {
	color: #c3c0c7;
	font-size: 15px
}

#date>span {
	padding: 0 2px
}

#top {
	background: #fff;
	padding: 20px 20px 16px;
}

.size12{
	font-size:12px;
}

#footer {
	color: #fff;
	background: #2c2c2c;
	padding: 4% 2.5%;
	line-height: 20px;
}

#footer p {
	margin: 0
}

#footer>div {
	display: inline-block;
	padding-left: 11px;
	vertical-align: middle;
}

#footer img {
	width: 20%;
	margin-left: 18%;
	vertical-align: middle;
}

#con {
	padding: 25px 20px
}

h3 {
	font-size: 21px;
	margin: 0px 0 12px;
}

#tag {
/*text-align:center*/
}

#tag img {
	height: 32px;
	width: 32px;
	line-height: 29px;
	vertical-align: middle;
	margin-right: 10px;
	border-radius: 50%;
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);
}

#tag>span {
	display: inline-block;
	color: #aaa;
	font-size: 14px;
	margin-right: 10px;
}

.hr {
	height: 1px;
	background: #ddd;
	margin: 15px 0
}

.delv {
	text-align: center;
	margin: 10px 0
}

.delv img {
	width: 60%
}

#gy {
	text-align: center
}

#gy>img {
	width: 80%
}

.m_b5 {
	margin-bottom: 5px!important;
}

.img.p_t0 {
	padding-top: 0
}