/* PC 前台样式（www 站） */
*{box-sizing:border-box;margin:0;padding:0}
body{font:15px/1.75 -apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#2b3137;background:#f5f6f8}
a{color:#444;text-decoration:none}
a:hover{color:#ef7421}
img{max-width:100%;border:0}
ul{list-style:none}
.wrap{max-width:1400px;margin:0 auto;padding:0 16px}

/* 顶部 */
.site-head{background:#1d1d1d;position:sticky;top:0;z-index:10;}
.head-in{display:flex;align-items:center;gap:28px;}
.logo b{font-size:21px;color:#1f2937;letter-spacing:1px}
.nav{display:flex;gap:6px;flex-wrap:wrap}
.nav a{padding:6px 14px;border-radius:6px;color:#efefef;font-size:20px}
.nav a:hover{background:#eef2f8;color:#ef7421}
.nav a.on{background:#ef7421;color:#fff}

.mlogo {
	padding-top: 20px;
	clear: both;
	display: block;
	height: 65px;
}

.mlogo ul {
	float: right;
	margin-right: 50px;
}

.mlogo li {
	width:auto;
	float: left;
	padding-left: 20px;
	font-size: 18px;
	color: #fff;
	font-family: '微软雅黑';
	text-align: center;
}
footer {
	clear: both;
	text-align: center;
}

/******footer********/
.foot {
	background-color: #3a4149;
	display: block;
	height: 300px;
	margin: 0 auto;
}

.foot ul {
	width: 1400px;
	margin: 0 auto;
	padding-top: 100px;
}

.foot ul li {
	line-height: 2;
	color: #aaa;
  float: left;
  font-size: 12px;
}
.foot ul li a{
	
	color: #aaa;
}
.foot ul li:nth-child(1)
{
	width: 30%;
	
}
.foot ul li:nth-child(2) {
	width: 70%;

}


.foot ul li .itemtxt ul {
	width: 100%;
	padding-top: 0px;
	color: #fff;
	margin-left: 22.5px;
}

.foot ul li .itemtxt ul li {
	width: 30%;
	height: 40px;
	float: left;
	font-size: 18px;
	border: 0;
}

.foot ul li .itemtxt ul li:nth-child(1) {
	font-size: 26px;
}
/* 主体布局 */
.main{padding:18px 0 30px}
.cols{display:flex;gap:20px;align-items:flex-start}
.col-main{flex:1;min-width:0}
.col-side{width:300px;flex-shrink:0}
.block{background:#fff;border:1px solid #e8eaee;border-radius:10px;padding:18px 20px;margin-bottom:18px}
.block-h{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #ef7421;padding-bottom:10px;margin-bottom:12px}
.block-h h2{font-size:17px;color:#1f2937}
.block-h h2 a{color:#1f2937}
.tag-n{font-size:12.5px;color:#9aa1a9}
.more{font-size:13px}

/* 焦点图 */
.focus{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;margin-bottom:20px}
.focus-item{position:relative;display:block;border-radius:10px;overflow:hidden;background:#e8eaee;aspect-ratio:16/9}
.focus-item.big{aspect-ratio:auto}
.focus-item img{width:100%;height:100%;object-fit:cover}
.focus-item .t{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 9px;color:#fff;font-size:14px;
  background:linear-gradient(transparent,rgba(0,0,0,.72));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 栏目块列表 */
.news-list li{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px dashed #eef0f2}
.news-list li:last-child{border-bottom:0}
.news-list a{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#2b3137}
.news-list .date{color:#9aa1a9;font-size:13px;flex-shrink:0}

/* 侧栏 */
.side-list li{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px dashed #eef0f2}
.side-list li:last-child{border-bottom:0}
.side-list a{flex:1;color:#2b3137}
.side-list .date{color:#b9bec4;font-size:12.5px;flex-shrink:0}
.side-list.rank em{width:20px;height:20px;border-radius:4px;background:#eef0f2;color:#8b949e;
  font-size:12px;font-style:normal;text-align:center;line-height:20px;flex-shrink:0}
.side-list.rank em.hot{background:#ef7421;color:#fff}

/* 面包屑 */
.crumb{color:#8b949e;font-size:13.5px;margin-bottom:14px}
.crumb a{color:#8b949e}

/* 列表页 */
.list-rows .row{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid #f0f2f4;align-items:flex-start;}
.list-rows .row:last-child{border-bottom:0}
.row-img{width:180px;flex-shrink:0;border-radius:8px;}

.row-img img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;background:#f4f6f8;border-radius:8px}
.row-body h3{font-size:16.5px;font-weight:600;line-height:1.5}
.row-body .summary{color:#6b7280;font-size:13.5px;margin:7px 0}
.row-body .meta{display:flex;gap:16px;color:#9aa1a9;font-size:12.5px}
.empty{padding:36px 0;text-align:center;color:#9aa1a9}

/* 分页 */
.pager{display:flex;gap:8px;flex-wrap:wrap;padding:18px 0 4px}
.pager a,.pager .cur,.pager .dots{padding:6px 13px;border:1px solid #e3e5e8;border-radius:6px;font-size:14px}
.pager a{color:#efefef}
.pager a:hover{border-color:#ef7421;color:#ef7421}
.pager .cur{background:#ef7421;border-color:#ef7421;color:#fff}
.pager .dots{border:0}

/* 详情页 */
.detail{background:#fff;border:1px solid #e8eaee;border-radius:10px;padding:26px 30px}
.d-title{font-size:24px;line-height:1.45;color:#1f2937}
.d-subtitle{color:#6b7280;font-size:15px;margin-top:8px}
.d-meta{display:flex;gap:18px;flex-wrap:wrap;color:#9aa1a9;font-size:13px;
  border-bottom:1px solid #f0f2f4;padding:14px 0 16px;margin:14px 0 20px}
.d-content{font-size:16px;line-height:1.9;color:#2b3137;word-break:break-word}
.d-content p{margin:0 0 16px}
.d-content img{border-radius:6px;margin:6px 0}
.d-content h1,.d-content h2,.d-content h3{margin:20px 0 10px;font-size:19px}
.d-content ul,.d-content ol{padding-left:26px;margin:0 0 14px}
.d-content ul{list-style:disc}
.d-content ol{list-style:decimal}
.d-content blockquote{border-left:3px solid #ef7421;background:#f7f9fc;padding:10px 16px;margin:0 0 14px;color:#efefef}
.d-content table{border-collapse:collapse;width:100%;margin:0 0 14px}
.d-content th,.d-content td{border:1px solid #e3e5e8;padding:8px 12px;font-size:14.5px}
.d-content th{background:#f5f6f8}
.d-content pre{background:#2b3137;color:#e6e8eb;border-radius:8px;padding:14px 16px;overflow:auto;margin:0 0 14px;font-size:13.5px}
.d-content code{font-family:ui-monospace,Consolas,monospace}

.d-tags{margin:22px 0 4px;font-size:13.5px}
.d-tags .lab{color:#9aa1a9}
.d-tags .kw{display:inline-block;background:#eef2f8;color:#ef7421;border-radius:5px;padding:3px 10px;margin:0 8px 6px 0}

.d-ops{display:flex;align-items:center;gap:12px;margin:20px 0}
.like-btn{display:inline-block;border:1px solid #e3e5e8;border-radius:22px;padding:8px 26px;color:#efefef}
.like-btn.done{background:#ef7421;border-color:#ef7421;color:#fff}
.like-btn:hover{color:inherit}
.like-tip{color:#9aa1a9;font-size:13px}

.d-related,.d-comments{border-top:1px solid #f0f2f4;margin-top:26px;padding-top:20px}
.d-related h2,.d-comments h2{font-size:17px;margin-bottom:12px}
.d-related li{display:flex;justify-content:space-between;gap:14px;padding:7px 0}
.d-related li a{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d-related .date{color:#b9bec4;font-size:12.5px}

.clist li{background:#f8f9fb;border-radius:8px;padding:12px 15px;margin-bottom:10px}
.c-head{display:flex;justify-content:space-between;font-size:13.5px;color:#8b949e;margin-bottom:5px}
.c-head b{color:#2b3137}
.c-reply{background:#eef7f0;border-radius:6px;padding:8px 12px;margin-top:8px;font-size:13.5px;color:#1a7f37}
.cmsg{border-radius:7px;padding:10px 14px;margin-bottom:12px;font-size:13.5px}
.cmsg.ok{background:#eaf7ee;color:#1a7f37}
.cmsg.err{background:#fdecec;color:#a52020}

.cform{margin-top:16px}
.cform .cf-row{display:flex;gap:10px;margin-bottom:10px}
.cform input[type=text],.cform input[type=email],.cform textarea{
  width:100%;border:1px solid #d5d8dc;border-radius:7px;padding:9px 12px;font-size:14px;font-family:inherit}
.cform textarea{min-height:88px;margin-bottom:10px;resize:vertical}
.cform input:focus,.cform textarea:focus{outline:none;border-color:#ef7421}
.cform button{background:#ef7421;color:#fff;border:0;border-radius:7px;padding:9px 26px;font-size:14px;cursor:pointer}
.cform button:hover{background:#666666}
.cf-tip{color:#9aa1a9;font-size:12.5px;margin-left:12px}

/* 页脚 */
.site-foot{background:#fff;border-top:1px solid #e8eaee;padding:20px 0;color:#9aa1a9;font-size:13px;text-align:center}

@media (max-width:860px){
  .cols{flex-direction:column}
  .col-side{width:100%}
  .focus{grid-template-columns:1fr}
  .head-in{height:auto;padding:10px 0;flex-direction:column;align-items:flex-start;gap:8px}
}
