##tlayout("www/layout.htm"){

<div class="template">
	<img src="/www/image/banner-template.jpg" class="center" style="width: 100%;margin-left: 0px;left: 0px;" />
</div>
<section class="container">
	<h3 class="template-title text-center" style="margin-top: 0px;">模板大全</h3>
	<div class="template-classify">
		<dl class="dl-horizontal">
			<dt>模板用途：</dt>
			<dd>
				##if(exist("pid")){
					<a href="/template">全部</a>
				##}else{
					<a href="/template" class="active">全部</a>
				##}
				##for(_item in purpose_list!){
               		##if(exist("pid") && pid==_item.id){
               			<a href="/template?pid=${_item.id!}" class="active">${_item.title!}</a>
               		##}else{
               			<a href="/template?pid=${_item.id!}">${_item.title!}</a>
               		##}	
               	##}
			</dd>
		</dl>
		<dl class="dl-horizontal">
			<dt>模板行业：</dt>
			<dd>
				##if(exist("iid")){
					<a href="/template">全部</a>
				##}else{
					<a href="/template" class="active">全部</a>
				##}
				##for(_item in industry_list!){
               		##if(exist("iid") && iid==_item.id){
               			<a href="/template?iid=${_item.id!}" class="active">${_item.title!}</a>
               		##}else{
               			<a href="/template?iid=${_item.id!}">${_item.title!}</a>
               		##}	
               	##}
			</dd>
		</dl>
		<dl class="dl-horizontal">
			<dt>模板节日：</dt>
			<dd>
				##if(exist("fid")){
					<a href="/template">全部</a>
				##}else{
					<a href="/template" class="active">全部</a>
				##}
				##for(_item in festival_list!){
               		##if(exist("fid") && fid==_item.id){
               			<a href="/template?fid=${_item.id!}" class="active">${_item.title!}</a>
               		##}else{
               			<a href="/template?fid=${_item.id!}">${_item.title!}</a>
               		##}	
               	##}
			</dd>
		</dl>
		<dl class="dl-horizontal">
			<dt>模板风格：</dt>
			<dd>
				##if(exist("sid")){
					<a href="/template">全部</a>
				##}else{
					<a href="/template" class="active">全部</a>
				##}
				##for(_item in style_list!){
               		##if(exist("sid") && sid==_item.id){
               			<a href="/template?sid=${_item.id!}" class="active">${_item.title!}</a>
               		##}else{
               			<a href="/template?sid=${_item.id!}">${_item.title!}</a>
               		##}	
               	##}
			</dd>
		</dl>
	</div>
	<div class="product-wrapper">
		<div class="product-content">
			<ul class="product-list row list-unstyled clearfix">
				##for(_item in results.list!){
					<li>
						<a href="/diy?id=${_item.id!}" target="_blank">
							<img src="${_item.img_url!}" class="img-responsive prduct-img"/>
							<div class="product-title">
								<div class="title">${_item.title!}</div>
								<div class="remark">${_item.remark!}</div>
								<div class="fenlei clearfix">
									<span>${_item.purpose_title!}</span>
									<span>${_item.industry_title!}</span>
									<span>${_item.festival_title!}</span>
									<span>${_item.style_title!}</span>
									<span>${_item.subject_title!}</span>
									<span>${_item.bottle_title!}</span>
								</div>
								<div class="use_number">使用次数：${_item.use_number!}</div>
								<span class="btn">在线定制</span>
							</div>
						</a>
					</li>
		        ##}
			</ul>
			##if(totalPage>1){
				<nav aria-label="Page navigation" class="page">
					<#_page page="${results!}" params="pid,iid,fid,sid">
						<ul id="Pagination" class="pagination"></ul>
					</#_page>
				</nav>
			##}
		</div>
	</div>
</section>
<script>
$('.product-list li').hover(function(){
	$(this).find('.product-title').stop().fadeIn();
},function(){
	$(this).find('.product-title').stop().fadeOut();
});
</script>
##}