{qing:template header.html}
<div class="news-banner" aria-hidden="true"></div>

<main class="news-list-bg">
	<nav class="breadcrumb wow fadeIn" aria-label="面包屑导航">
		<div class="container">当前位置：<a href="{qing:$site_url}">首页</a> &gt; {qing:function.position($catid, ' &gt;&nbsp;&nbsp;')}</div>
	</nav>
	<div class="container">
		<section class="news-list wow fadeInLeft" aria-labelledby="category-title">
			<h1 id="category-title" class="sr-only">{qing:$title}</h1>
			<ul>
				{qing:list catid=$catid page=$page}
				<li class="wow fadeIn">
					<div class="li_title"><a href="{qing:$qing['url']}"><h2>{qing:$qing['title']}</h2></a><span>{qing:function.date("Y-m-d", $qing['time'])}</span></div>
					<div class="li_left">
						<a href="{qing:$qing['url']}"><img src="{qing:function.image($qing['thumb'])}" alt="{qing:$qing['title']}"></a>
						<span class="li_cat"><a href="{qing:$cats[$qing['catid']]['url']}">{qing:$cats[$qing['catid']]['catname']}</a></span>
					</div>
					<div class="li_right">
						<p>{qing:function.clean_summary($qing[description],280,'...')}</p>
						<div class="li_attr">
							<span>作者：{qing:$qing['username']}</span>
							<span class="biaoqian">
								{qing:if $qing['tagids']}
								{qing:list table=tags tagid=$qing[tagids] num=4 return=q}
								<a href="/sswd{qing:$q['tagid']}.html" title="查看 {qing:$q['name']} 相关内容">{qing:$q['name']}</a>
								{/qing:list}
								{/qing:if}
							</span>
							<span class="chakan">{qing:$qing['hits']}</span>
							<span class="fr"><a href="{qing:$qing['url']}">查看详情</a></span>
						</div>
					</div>
				</li>
				{/qing:list}
			</ul>
			<div class="pages">{qing:$pagelist}</div>
		</section>
		{qing:template news-side.html}
	</div>
</main>

{qing:template footer.html}