{{# category}}
<div class="blk-cate-all category-container clearfix">
    <ul class="category-nav clearfix">
        {{# nav}}
            <li class="{{#if focus}}focus{{/if}}" data-channel="{{channel}}">
                <span>{{name}}</span>
            </li>
        {{/ nav}}
    </ul>

    {{#each list}}
        <div class="content {{@key}} {{#unless focus}}hide{{/unless}}">
            <ul class="primary-level">
                {{# this}}
                    <li class="p-level-item{{#if @first}} focus{{/if}}">
                        {{#if url}}
                        <a href={{url}}> {{category_name}}</a>
                        {{^}}
                        {{category_name}}
                        {{/if}}

                        <div class="primary-level-trilangle trilanglefont{{#unless @first}} hide{{/unless}}"></div>
                    </li>
                {{/ this}}
            </ul>
            <div class="sub-level-container">
                {{# this}}
                    <ul class="sub-level {{#unless @first}}hide{{/unless}}">
                        {{# sub}}
                            <li>
                                <a href={{url}}>
                                    {{category_name}}
                                </a>
                            </li>
                        {{/ sub}}
                    </ul>
                {{/ this}}
            </div>
        </div>
    {{/each}}
</div>
{{/ category}}