{{> layout/header}}
<div class="home-page yoho-page brands" data-page="brands">
{{# brands}}
    <div class="sit-nav">
      {{# home}}
       <a href="{{href}}">{{name}}</a><span class="sep">></span><a href="#">品牌一览</a>
      {{/home}}
    </div>
    <div class="brands-tabs height-initial">
        <ul class="clearfix">
            {{#each tabs}}
            <li>
                <a href="{{url}}">
                    <div class="g-mask"></div>
                    <p class="tips">{{name}}</p>
                    <img class="lazy" data-original="{{src}}"/>
                </a>
            </li>
            {{/each}}
        </ul>
        <div class="hover-contain">
            <div class="hoverarr">
                <i></i>
            </div>
        </div>
    </div>
    <div class="brands-items clearfix">
        {{#each items}}
        <div class="brands-item clearfix">
            <a class="brands-pic" title="{{name}}" href="{{url}}" target="_blank">
                <img class="lazy" data-original="{{src}}"/>
            </a>
            <div class="brand-info">
                <a title="{{name}}" href="{{url}}" target="_blank">
                    <h3>
                        {{name}} 
                    </h3>
                </a>
                <div class="brand-desc">{{desc}}</div>
            </div>
        </div>
        {{/each}}
    </div>
    <div class="pagination clearfix">
      {{{page}}}
    </div>
{{/ brands}}
</div>
{{> layout/footer}}