/*
* @Author: Administrator
* @Date:   2021-08-25 17:00:48
* @Last Modified by:   Hank
* @Last Modified time: 2022-09-19 15:01:51
*/
*{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; font-weight:bold; letter-spacing: 0; background-color:#ff0; 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 80px}
		.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.main img{width:100%}
		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; max-width:640px; margin:0 auto}
		.foot .left{ width:12%; float:left}
		.foot .left img{ width:100%}
		.foot .center{ width:70%; text-align:center; color:#333;float:left; margin-top:1%; font-size:16px; font-weight:bold}
		.foot .right{ width:18%; background-color:#D63544; 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%}
		}