{extend name="Hustbe/common/base" /}
{block name="title"}{notempty name="articlesort.name"}{$articlesort.name}{else/}服务支持{/notempty}{/block}
{block name="banner"}
<!-- 模版特殊处理，其他模版不参考此方法 -->
<div class="container-fluid" id="top-content">
	<div class="container">
		<div class="row">
			<div class="col-sm-12">
				<div class="page-title">
					{notempty name="articlesort.name"}{$articlesort.name}{else/}服务支持{/notempty}
				</div>
				<div class="page-subtitle">
				</div>
			</div>
		</div>
	</div>
</div>
{/block}
{block name="main"}
<style>
	.post-box .post-summary {
		text-align: left;
	}
</style>
<div class="blog container-fluid">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<!-- 文章列表 -->
				{volist name="articleList" id="article"}
				<div class="post-box summary">
					<div class="post-photo">
						<img alt="" src="images/post-photo1.jpg">
						</img>
					</div>
					<div class="post-title">
						{$article.title}
					</div>
					<div class="post-summary">
						{:subtext(strip_tags($article.content),200)}
					</div>
					<div class="post-link">
						<a class="hbtn hbtn-blue hbtn-lg"
							href="{:url('index/article/articleinfo',['id'=>$article.id])}">
							查看全文
						</a>
					</div>
				</div>
				{/volist}
				<nav class="paging">
					<!-- 翻页按钮 -->
					{$articleList->render()}
				</nav>
			</div>
		</div>
	</div>
</div>
<style type="text/css">
	/*翻页按钮*/

	.paging li span {
		margin: 0px 4px;
		line-height: 32px;
		color: #91a0bd;
		padding: 0;
		background-color: #eaebed;
		border: 0;
		width: 32px;
		height: 32px;
		border-radius: 30px;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.paging li span:hover {
		color: #8192b3;
		background-color: #dcdee1;
	}

	.paging li a {
		border-top-left-radius: 30px !important;
		border-bottom-left-radius: 30px !important;
		border-top-right-radius: 30px !important;
		border-bottom-right-radius: 30px !important;
		margin: 0px 4px;
		line-height: 32px;
		color: #91a0bd;
		padding: 0;
		background-color: #eaebed;
		border: 0;
		width: 32px;
		height: 32px;
		border-radius: 30px;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.paging li a:hover {
		color: #8192b3;
		background-color: #dcdee1;
	}

	.paging .active span {
		color: #111a2b;
		background-color: #ffc600;
	}
</style>
{/block}