.back { width: 1000px; height: 40px; line-height: 40px; margin: 30px auto 0px auto; }
.back a { font-size: 20px; font-weight: bold; border-radius: 12px; padding: 10px 20px 10px 40px; text-decoration: none; color: #333; position: relative; }
.back a:hover { background-color: #f0f7ff; }
.back a::after { position: absolute; left: 24px; top: 18px; content: ''; width: 10px; height: 10px; border-top: 2px solid #333; border-right: 2px solid #333; transform: rotate(225deg); }
.article { width: 1000px; margin: 40px auto 80px auto; }
.article .title { font-size: 38px; font-weight: bold; text-align: center; }
.article .author { height: 60px; margin-top: 40px; }
.article .author .afaceurl { width: 60px; height: 60px; float: left; }
.article .author .afaceurl img { width: 56px; height: 56px; border-radius: 100%; border: 2px solid #3498db; }
.article .author .info { width: 300px; height: 60px; float: left; margin-left: 12px; }
.article .author .info .name { height: 25px; line-height: 25px; margin-top: 5px; }
.article .author .info .posttime { height: 25px; line-height: 25px; }
.article .faceurl { margin-top: 20px; }
.article .faceurl img { border-radius: 30px; width: 100%; }
.article .tag { overflow: auto; margin-top: 10px; }
.article .tag a { padding: 8px 15px; display: inline-block; border-radius: 10px; background: rgb(217, 236, 255); color: #409EFF; font-size: 16px; margin-right: 4px; margin-top: 14px; white-space: nowrap; text-decoration: none; }
.article h1 {
	color: #2c3e50;
	border-bottom: 2px solid #3498db;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.article h2 {
	color: #34495e;
	margin-top: 30px;
	margin-bottom: 15px;
	padding-left: 8px;
	border-left: 4px solid #3498db;
}
.article h3 {
	color: #41586e;
	margin-top: 25px;
	margin-bottom: 10px;
}
.article p {
	margin-bottom: 15px;
	text-align: justify;
	line-height: 30px;
}
.article ol {
	line-height: 30px;
	margin: 10px 0 20px 20px;
	padding-left: 10px;
}
.article ol li {
	margin-bottom: 10px;
}
.article ul {
	line-height: 30px;
	margin: 10px 0 20px 20px;
	padding-left: 10px;
}
.article ul li {
	margin-bottom: 10px;
}
.article table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
}
.article table th, table td {
	border: 1px solid #ddd;
	padding: 12px 15px;
	text-align: left;
}
.article table th {
	background-color: #f5f7fa;
	font-weight: bold;
	color: #2c3e50;
}
.article table tr:nth-child(even) {
	background-color: #f9f9f9;
}
.article .summary {
	background-color: #f0f7ff;
	padding: 15px;
	border-radius: 5px;
	margin-top: 30px;
}


.blog { width: 1000px; margin: 80px auto; }
.blog .h2 { font-size: 18px; font-weight: bold; }

.list { margin-top: 20px; margin-bottom: 80px; overflow: auto; }
.list .news { float: left; }
.list .news+.news { margin-left: 20px; }
.list .news { width: 298px; height: 350px; border: 1px solid #ddd; border-radius: 15px; padding: 10px; }
.list .news .img img { width: 298px; height: 180px; border-radius: 15px; }
.list .news .title { font-size: 18px; font-weight: bold; margin: 12px 0 11px 10px;  }
.list .news .title a { text-decoration: none; color: #000; }
.list .news .desc { font-size: 16px; color: #666; margin: 0 5px 20px 10px; line-height: 26px; }
.list .news .author { overflow: auto; margin: 0 10px; height: 34px; }
.list .news .author .posttime { float: left; color: #666; height: 34px; line-height: 34px; }
.list .news .author .face { float: right; height: 34px; width: 34px; overflow: hidden; }
.list .news .author .face img { width: 30px; height: 30px; border: 2px solid #3498db; border-radius: 50%; }

.guide { background-color: #F6FBFF; height: 150px; width: 100%; position: relative; margin: 70px 0; }
.guide .info { position: absolute; left: 100px; top: 45px; width: 500px; height: 60px; line-height: 60px; font-size: 40px; font-weight: 600; color: #2C3346; }
.guide .info span { color: #3498db; padding-left: 6px; }
.guide .btn { position: absolute; transition: all 0.3s; right: 100px; top: 45px; font-size: 18px; font-weight: 500; width: 306px; height: 60px; line-height: 60px; color: #fff; background-color: #25A4FF; text-align: center; border-radius: 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; }
.guide .btn img { width: 18px; height: 18px; margin: 0 0 0 10px; vertical-align: text-top; margin-top: 2px; }
.guide .btn:hover { background-color: #79BBFF; transition: all 0.3s; }