<include file="public:amz_head" />
		<header data-am-widget="header" class="am-header am-header-default am-header-fixed">
	      	<div class="am-header-left am-header-nav">
			    <a href="javascript:;" onclick="history.back()" class="am-icon-angle-left am-text-xl"></a>
			</div>
			<h1 class="am-header-title">今日头条</h1>
 		</header>
 		
<nav data-am-widget="menu" class="am-menu am-menu-offcanvas1" data-am-menu-offcanvas>
		  <a href="javascript: void(0)" class="am-menu-toggle" style="right: 10px;left: auto;">
		    <i class="am-menu-toggle-icon am-icon-bars am-text-xl"></i>
		  </a>
		  <div class="am-offcanvas">
		    <div class="am-offcanvas-bar am-offcanvas-bar-flip">
		      <div class="series">
				<h4>商品分类</h4>
				<div class="am-g">
					<div class="am-u-sm-4 am-u-end"><a href="{:U('list/index')}" >全部商品</a></div>
					<volist name="catetree" id="tree">
					 <div class="am-u-sm-4 am-u-end"><a href="{:U('list/index',array('cid'=>$tree['id']))}" >{$tree.name}</a></div>
					</volist>
					</div>
					<h4>导航索引</h4>
					<div class="am-g">
						<div class="am-u-sm-4 am-u-end"><a href="{:C('yh_headerm_html')}" >首页</a></div>
						<div class="am-u-sm-4 am-u-end"><a href="{:U('xinping/index')}" >今日新品</a></div>
						<div class="am-u-sm-4 am-u-end"><a href="{:U('jiu/index')}" >9块9包邮</a></div>
						<div class="am-u-sm-4 am-u-end"><a href="{:U('ershi/index')}" >20元封顶</a></div>
						<div class="am-u-sm-4 am-u-end"><a href="{:U('jingxuan/index')}" >特卖精选</a></div>
						<div class="am-u-sm-4 am-u-end"><a href="{:U('top100/index')}" >超级人气榜</a></div>
						<div class="am-u-sm-4 am-u-end"><a href="{:U('article/index')}" >今日头条</a></div>
					</div>
				</div>
		    </div>
		  </div>
		</nav>
		<!--headlines-->
 		<div class="headlines">
			<div class="am-slider am-slider-default"  data-am-widget="slider" data-am-slider='{&quot;animation&quot;:&quot;slide&quot;,&quot;animationLoop&quot;:false,&quot;itemWidth&quot;:80,&quot;itemMargin&quot;:10}'>
				<ul class="am-tabs-nav am-nav am-nav-tabs am-slides">
				    <li class="<if condition="$cateid eq ''"> am-active</if>"><a href="{:U('article/index')}">全部</a></li>
				    <volist name="article_cate" id="cate">
						<li class="<if condition="$cateid eq $cate['id']"> am-active</if>"><a href="{:U('article/index/',array('cateid'=>$cate['id']))}">{$cate.name}</a></li>
					</volist>
				</ul>
			</div>	
					<div class="am-tab-panel am-fade am-in am-active">
						<ul>
							<volist name='list' id="cateid">
								<li>
									<a href="{$cateid.linkurl}">
										<img src="{$cateid.pic}">
										<h3 class="ellipsis-2">{$cateid.title}</h3>
										<p class="ellipsis-2">{$cateid.infocontent}</p>
										<div class="am-cf">
											<span class="mark">{$cateid.catename}</span>
											<p class="time">{$cateid.add_time}</p>
										</div>
									</a>
								</li>
							</volist>
						</ul>
						<div class="page am-margin-bottom-lg">
							<if condition="$total_item gt $size">
							{$page}
							</if>
						</div>
					</div>
					
			</div>
 		</div>
 		
<include file="public:amz_foot" />
		<script language="JavaScript">
		jQuery(function($){
			var backTop=jQuery(".backTop");
			$(window).scroll(function(){
				if($(window).scrollTop()>150){
					backTop.css("display","block");
				}else{
					backTop.css("display","none");
				}
			})
			$('#scrollToTop').click(function(){
				$('body,html').animate({scrollTop:0},500);
				return false;
			})
			$('#scrollToTop').click(function() {
				$('body,html').animate({ scrollTop: 0 }, 500);
				return false;
			})
			$(".headlines .am-tabs-nav li").on("click",function(){
				$(this).addClass("am-active")
			})
		});
		
		
		</script>
	</body>
</html>