{template 'header'}
<style>
	body{
	font:{$_W['styles']['fontsize']} {$_W['styles']['fontfamily']};
	color:{$_W['styles']['fontcolor']};
	padding:0;
	margin:0;
	background-image:url('{if empty($_W['styles']['indexbgimg'])}./themes/style4/images/bg_index.jpg{else}{$_W['styles']['indexbgimg']}{/if}');background-size:cover;
	background-color:{if empty($_W['styles']['indexbgcolor'])}#fbf5df{else}{$_W['styles']['indexbgcolor']}{/if};
	{$_W['styles']['indexbgextra']}
	}
	a{color:{$_W['styles']['linkcolor']}; text-decoration:none;}
	{$_W['styles']['css']}
	.box{width:100%;overflow:hidden;margin-top:40%;}
	.box .box-item{display:block; text-decoration:none;outline:none; height:35px; line-height:35px; margin-bottom:5px; color:#FFF; }
	.box .box-item div{display:inline-block; background:rgba(13, 94, 97, 0.7); padding:0 20% 0 5px; width:auto; position:relative; max-width:320px;overflow:hidden;}
	.box .box-item div i{position:absolute; right:10px; top:10px;}
	.box .box-item span{color:{$_W['styles']['fontnavcolor']}; display:inline-block; font-size:14px;}
	.box ul li{background-color:rgba(13, 94, 97, 0.7);padding:0 10px;margin:1%;display: inline-block;height:45px;width:100%;}
	.box ul li a{text-decoration: none;}
	.box .title{color:#fff;}
	.box .createtime{color:#999;font-size:12px}
	.footer{color:#FFF;}
</style>
<div class="box">
	<!-- 分类下子分类-start -->
	{if !empty($navs)}
	{loop $navs $nav}
	<a href="{$nav['url']}" class="box-item">
		<div><i class="fa fa-chevron-right"></i><span style="{$nav['css']['name']}">{$nav['name']}</span></div>
	</a>
	{/loop}
	{/if}
	<!-- 分类下子分类-end -->

	<!-- 该分类下文章-start -->
	{if $_GPC['c'] == 'site' && $_GPC['a'] == 'site'}
	<ul class="list list-unstyled">
		{data func="site_article" cid=$cid return="true" assign="result"}
			{loop $result['list'] $row}
			<li>
				<a href="{$row['linkurl']}">
					<div class="title">{php echo cutstr($row['title'],20,1);}</div>
					<div class="createtime">{php echo date('Y-m-d H:i:s', $row['createtime'])}</div>
				</a>
			</li>
			{/loop}
	</ul>
	{/if}
	<!-- 该分类下文章-start -->
</div>
{template 'footer'}