{template "header.html"}
<header class="hui-header">
    <div id="hui-back"></div>
    <h1>{$cat.name}</h1>
    <a id="hui-search" href="javascript:dr_m_top_category();"><i class="fa fa-navicon"></i></a>
</header>
<div class="hui-header-line"></div>

    <div class="search-page search-content-1 margin-top-20">


        <!--循环输出顶级栏目下面的子栏目及其内容，运用到了双list循环标签因此需要定义返回值return=c（都懂得）-->
        {category pid=$catid return=c}

        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption">
                    <span class="caption-subject bold uppercase"><a class=" font-green" href="{$c.url}">{$c.name}</a></span>
                </div>
            </div>
            <div class="portlet-body">

                <div class="search-container">
                    <ul>
                        {module module=MOD_DIR catid=$c.id order=updatetime num=10}
                        <li class="search-item clearfix">
                            <a title="{$t.title}" href="{$t.url}">
                                <img src="{dr_thumb($t.thumb, 100, 90)}" width="100" height="90" style="margin-top: 15px;">
                            </a>
                            <div class="search-content text-left">
                                <h4 class="search-title">
                                    <a title="{$t.title}" href="{$t.url}">{dr_strcut($t.title, 20)}</a>
                                </h4>
                                <p class="search-desc">{dr_strcut($t.description, 44)}</p>
                            </div>
                            <div class="search-post-foot">
                                <a href="{dr_cat_value('news',$t.catid, 'url')}"><i class="fa fa-list"></i> {dr_cat_value('news',$t.catid, 'name')}</a>
                                <a href="{$t.url}"><i class="fa fa-calendar"></i> {$t.updatetime}</a>
                            </div>
                        </li>
                        {/module}
                    </ul>
                </div>

            </div>
        </div>

        {/category}


    </div>


{template "footer.html"}