{include file="header.html"} <div class="mb-head"> <a href="javascript:history.back(-1)" class="l_b">返回</a> <div class="tit">分类浏览</div> <a href="javascript" class="r_b"></a>
</div> <script type="text/javascript" src="{lib file=kissy/build/kissy.js}"></script>
<script type="text/javascript" src="{lib file=kissy/build/switchable/switchable-pkg.js}"></script>
<style> .box-category{display: -webkit-box;box-sizing: border-box;padding-top:0px;width: 100%;height: 100%;background: #f8f8f8;} .box-category .ks-switchable-nav{width: 24.6%;box-sizing: border-box;} .box-category .ks-switchable-nav li{position: relative;height: 48px;line-height: 48px;text-align: center;border-bottom: 1px solid #ddd;color: #001642;font-size: 14px;border-left:3px solid rgba(0,0,0,0);width: 99%;overflow:hidden;} .box-category .ks-switchable-nav li.ks-active{border-left:3px solid #ff5000;color: #ff5000;background: #fff;} .box-category .ks-switchable-content{width: 75.4%;box-sizing: border-box;padding: 0 2% 0 2%;border-left: 1px solid #ddd;background: #fff;} .box-category .ks-switchable-content ul{} .box-category .ks-switchable-content ul li{width: 30%;margin-right: 8px;margin-top: 8px;overflow: hidden;background: #f8f8f8;float:left;} .box-category .ks-switchable-content ul li a {display: block;} .box-category .ks-switchable-content ul li img {background: #f8f8f8;width: 100%;display: block;} .box-category .ks-switchable-content ul li .name {text-align: center;font-size: 11px;color: #0a2a5e;padding: 5px 0;}
</style> <div class="box-category"> <ul class="ks-switchable-nav"> <!--{foreach from=$gcategorys item=gcategory name=fe_gcategory}--> <li <!--{if $smarty.foreach.fe_gcategory.first}-->class="ks-active"<!--{/if}-->>{$gcategory.cate_name}</li> <!--{/foreach}--> </ul> <div class="ks-switchable-content"> <!--{foreach from=$gcategorys item=gcategory name=fe_gcategory}--> <ul <!--{if !$smarty.foreach.fe_gcategory.first}-->style="display:none"<!--{/if}-->> <!--{foreach from=$gcategory.children item=child}--> <a href="{url app=search&cate_id=$child.cate_id}"> <li> <div class="pic"> <img src="{$child.cate_logo}" > </div> <p class="name">{$child.cate_name}</p> </li> </a> <!--{/foreach}--> </ul> <!--{/foreach}--> </div>
</div>
<script> KISSY.ready(function (S) { var tabs = new S.Tabs('.box-category', { aria: false }); });
</script>
{include file="footer.html"}