/*
* @Author: Administrator
* @Date:   2021-08-25 17:00:48
* @Last Modified by:   Hank
* @Last Modified time: 2023-02-08 15:52:18
*/
*{margin:0; padding:0}
		.box{ width:100%; margin:0 auto; max-width:640px; font-family: "微软雅黑";}
		.author{ width:94%; margin:2% auto 5%; overflow:hidden;}
		.author .a-left{ width:12%; float:left}
		.author .a-left img{ width:100%; border-radius:100px}
		.author .a-center{ width:60%; float:left; margin-left:3%}
		.author .a-center .big{ font-size:16px; font-weight:bold; margin-bottom:1.5%; position:relative}
		.author .a-center .small{ font-size:12px; color:#666}
		.author .a-right{ width:14%; float:right; margin-top:1.5%; text-align:center; margin-right:2%; background-color:#64C6A2;  border-radius:5px;line-height:23px;}
		.author .a-right span{ color:#fff; font-size:13px;}
		.title{ width:94%; margin:4% auto; font-size:20px; line-height:30px;  font-weight:bold}
		.article{ width:94%; margin:0 auto 3%; font-size:17px; text-indent: 2em; line-height:30px; color:#414141}
		.img{ width:94%; margin:0 auto 3%; overflow:hidden; text-align: center;}
		.img img{ width:100%; float:left}
		.red{ color:#f00;  letter-spacing: 0; border-radius:5px; padding:0 1.5%}
		.articles{ color:#f00}
		.titles{ font-size:14px; text-align:center; font-weight:bold; margin-bottom:3%}
		.ping{ width:94%; margin:3% auto 60px}
		.ping .p_title{ font-size:19px; font-weight:bold; color:#3f3f3f; margin-bottom:5%}
		dl{ width:100%; overflow:hidden; padding-bottom:4%; margin-bottom:3%}
		dl dt{ width:10%; float:left}
		dl dt img{ width:100%; border-radius:100px}
		dl dd{ width:87%; float:right}
		dl dd.blue{ font-size:15px;}
		dl dd.gray{ color:#999; font-size:11px; letter-spacing:0}
		dl dd.main{ color:#3f3f3f; font-size:16px; line-height:24px; margin-top:2.5%}
		
		dl dd.huifu{ background-color:#FAF7F7; font-size:14px; line-height:22px; padding:2% 2.5%; width:82%; border-radius:8px; margin-top:3%; color:#666}
		dl dd.huifu p{ margin-bottom:2%}
		dl dd.d_huifu{ text-align:right; color:#6f6f6f; font-size:14px}
		dl dd.huifu .gray{ color:#02879F}
		.foot{position:fixed; bottom:0; left:0; right:0; width:100%; background-color:#f5f5f5; padding:2% 0 0; max-width:640px; margin:0 auto}
		.foot .left{ width:14%; float:left}
		.foot .left img{ width:80%;padding-left:10px}
		.foot .center{ width:68%; text-align:center; color:#333;float:left; font-size:16px; font-weight:bold}
		.foot .right{ width:18%;  color:#fff; text-align:center; line-height:28px;float:right; font-size:14px; border-radius:5px; margin-top:2%}
		.model {width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);position: fixed;top: 0;left: 0; font-size:16px; display:none}	
		.model_content {width: 300px;height: 200px;background-color: #fff;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 10px;box-shadow: 0 0 30px rgba(0, 0, 0, .6);text-align: center;}	
		.model .model_content .model_img {width:15%; margin:25px auto 0}
		.model .model_content .model_img img{ width:100%}		
		.model_center {line-height: 30px}	
		.close {position: absolute;right: 10px;top: 5px;width: 20px;height: 20px}
		a {text-decoration: none}
		@media only screen and (min-width:480px) {
			.author{ margin:2% auto 3%; }
			.author .a-left{ width:8%; float:left}
			.author .a-center{ margin-left:2%}
			.author .a-center .big{ margin-bottom:1%}
			.author .a-right{ width:10%;}
			dl dt{ width:8%}
			dl dd{ width:89%;}
			.foot{ padding:0}
			.foot .left{ width:10%;}
			.foot .center{ font-size:20px;}
			.foot .right{ width:12%; margin-top:3%; margin-right:1%}
		}
.header {
	position: relative;
	display: flex;
	margin: 15px;
}

.header .author-about {
	padding-left: 45px;
	height: 45px;
	position: relative;
	flex: 1;
}
.header .author-about .author-avatar {
	width: 45px;
	height: 45px;
	position: absolute;
	left: 0;
	top: 1px;
}
.header .author-about .author-avatar img {
	width: 40px;
	height: 40px;
	border-radius: 20px;
}
.header .author-about .renzheng {
	width: 45px;
	height: 45px;
	position: absolute;
	left: 26px;
	top: 26px;
}
.header .author-about .renzheng img {
	width: 14px;
	height: 14px;
	border-radius: 7px;
}
.header .author-about .cname1 .row1 {
	line-height: 28px;
}
.header .author-about .cname1 .row1 img{
	height: 16px;
	position: relative;
	top: 2px;
}
.header .author-about .cname1 .row2 {
	line-height: 17px;
	font-size: 12px;
	color: #6F6F6F;
}
.header .ff {
	height: 45px;
	line-height: 45px;
	font-size: 14px;
	width: 80px;
}
.header .ff .follow {
	display: none;
	background-color: #f7f7f7;
	color: #C1C1C1;
	float: right;
	line-height: 18px;
	padding: 5px 12px;
	border-radius: 16px;
	cursor: pointer;
	margin-top: 10px;
}
.header .ff .cancle-follow {
	background-color: #fef5f4;
	color: #ff7843;
	float: right;
	line-height: 18px;
	padding: 5px 12px;
	border-radius: 16px;
	cursor: pointer;
	margin-top: 10px;
}