<div class="brand-page brand-search-page yoho-page">
    <div class="newbrand-search {{#if isWechat}} wechat {{/if}}">
        <form class="search-box clearfix">
            <input type="text" class="search-input" id="keyword" placeholder="查找品牌">
            <i class="search-icon iconfont">&#xe60f;</i>
            <div class="search-action">
                <span class="iconfont clear-text">&#xe623;</span>
                <a class="cancel-btn" href="javascript: history.go(-1);">取消</a>
            </div>
        </form>
    </div>
    <div class="search-result {{#if isWechat}} wechat {{/if}}">
    </div>
</div>

<div class="search-brand-page">
    <div class="search-items">
        <div class="net-history hide">
            <div class="history-search net-search hide">
                <ul class="history clearfix net">
                    <li>
                        <a href="{{url}}" brandName="{{name}}" collectTime="{{searchTime}}">{{name}}</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="history-search local-search">
            <h3><span class="iconfont left-icon">&#xe64a;</span>最近搜索
                <button id="clear-history" class="clear-icon iconfont">&#xe64c;</button>
            </h3>
            <ul class="history clearfix local-history">
            </ul>
        </div>
        {{#if hot}}
            <div class="hot-search">
                <h3><span class="iconfont left-icon">&#xe64b;</span>热门搜索</h3>
                    <ul class="hot clearfix">
                        {{# hot}}
                            <li>
                                <a href="{{url}}" brandName="{{name}}">{{name}}</a>
                            </li>
                        {{/ hot}}
                    </ul>
            </div>
        {{/if}}
    </div>
</div>

<script id="brands-data" type="text/tmpl">
    {{{brandList}}}
</script>