<{import file="common.html" title='产品分类'}>
<style type="text/css">
body{ background:#fff;} 
.cnav{ width:7.5rem; position:fixed; float: left; } 
.cbox{ width:7.5rem; border-top:1px solid #efefef; position:fixed; padding-bottom:50px; float:left; }

.clft{ width:1.7rem; position:fixed; left:0; top:0.9rem; bottom:0; z-index:0; overflow-y:scroll; background:#f8f8f8; float:left; }
.clft ul{ float:left; }
.clft a{ width:1.55rem; padding:0.3rem 0 0.28rem 0.15rem; border-bottom:1px solid #eee; color:#555; font-size:0.28rem; float:left; }
.clft a.ch{ background:#fff; border-left:0px solid #f00; padding-left:0.15rem; } 
.scrollbar-none::-webkit-scrollbar { width:0px; height: 0; } 

.crit{ width:5.7rem; margin-left:1.8rem; margin-top:0; background:#fff; display:none; position:fixed; right:0; left:0; top:0.9rem; bottom:0; overflow-y: scroll; }
.crit .name{ width:5.7rem; background:#fff; padding:0.05rem 0 0.1rem 0; float:left; } 
.crit .name:first-child{ padding:0.28rem 0 0.15rem 0; float:left; }
.crit .name span{ padding:0 0 0.2rem 0.1rem; margin:0.1rem 0 0 0.1rem; line-height:0.23rem; font-size:0.3rem; float:left; }
.crit .name a{ padding-right:15px; margin:0; color:#999; font-size:0.23rem; float:right; }
.crit .name a i{ font-size:0.23rem; color:#999; font-family:Arial, Helvetica, sans-serif; }

.crit .ccon{ width:5.7rem; padding:0.1rem 0 0.3rem 0; float:left; }
.crit .ccon:last-child{ padding:0 0 1rem 0; float:left; }
.crit .ccon a{ width:1.6rem; height:2.2rem; margin:0 0.12rem; padding:0 0 0.23rem 0; float:left;}  
.crit .ccon a i{ overflow:hidden; float:left; }
.crit .ccon a i img{ width:1.6rem; height:1.6rem; border:none; }
.crit .ccon a span{ width:100%; line-height:13px; text-align:center; vertical-align:middle; padding-top:0.18rem; font-size:0.25rem; color:#777; float:left; }
</style>
<body>
<div class="cnav">
	<a class="back">&nbsp;</a>产品分类<a href="javascript:;" class="thome">主页</a>
</div> 
<{uqcms m="category" v="cats" c="get_all"}>
<{if $cats}>
	<div class="cbox">
		<aside>
			<div class="clft">
				<ul>
					<{foreach item=c key=k from=$cats}> 
						<a href="javascript:;" data-cid="<{$c.cid}>" <{if $k == '0'}>class="ch"<{/if}>><{$c.sname}></a>
					<{/foreach}>
				</ul>
			</div> 
		</aside> 
		<{foreach item=c key=k from=$cats}>
			<div class="crit" id="tc_<{$c.cid}>" <{if $k==0}>style="display:block;"<{/if}>> 
				<{if $UQCMS.tpl_menu_class == '1'}> 
					<div class="name">
						<span><{$c.sname}></span>
						<a href="<{$__WAP__}>goods/index?cid=<{$c.cid}>">查看更多 <i>〉</i></a>
					</div>
					<div class="ccon">
						<{foreach item=i from=$c.parent}>
							<a href="<{$__WAP__}>goods/index?cid=<{$i.cid}>" title="<{$i.name}>" <{if $i.hot == '1'}>class="hot"<{/if}>>
								<{if $i.images != ''}>
									<i><img src="<{$__IMG__}><{$i.images|img_size:120x120}>"/></i>
								<{else}>
									<i><img src="<{$__APP__}>public/images/cats_dft.png?dds"/></i>
								<{/if}> 
								<span><{$i.name}></span>
							</a>
						<{/foreach}>
					</div>
				<{else}>
					<{foreach item=i from=$c.parent}>
						<div class="name">
							<span><{$i.name}></span>
							<a href="<{$__WAP__}>goods/index?cid=<{$i.cid}>">查看更多 <i>〉</i></a>
						</div>
						<div class="ccon">
							<{foreach item=ii from=$i.pparent}> 
								<a href="<{$__WAP__}>goods/index?cid=<{$ii.cid}>" title="<{$ii.name}>" <{if $ii.hot == '1'}>class="hot"<{/if}>>
									<{if $ii.images != ''}>
										<i><img src="<{$__IMG__}><{$ii.images|img_size:120x120}>"/></i>
									<{else}>
										<i><img src="<{$__APP__}>public/images/cats_dft.png?ds"/></i>
									<{/if}> 
									<span><{$ii.name}></span>
								</a>
							<{/foreach}>	
						</div>
					<{/foreach}>
				<{/if}>
				
			</div>
		<{/foreach}> 
	</div>
<{/if}>
<{import file="btm_tab.html"}>
<{import file="footer.html"}> 
<script type="text/javascript">
$(function(){	
	$(".ccon i").css('height', $('.ccon i img').width()); 
	$('.clft a').click(function(){
	 	$this = $(this);
		cats_id = $this.attr('data-cid');
		$this.addClass('ch').siblings('a').removeClass('ch');
		$("#tc_"+cats_id).show().siblings('.crit').hide();
	});
}); 
</script>