{{> layout/header}}
<div class="index-page yoho-page">
    <div class="index-container">
        <div class="index-header clearfix">
            <div class="iconfont index-logo">&#xe60e;</div>
            <form action="{{searchUrl}}" class="index-search">
                <a href="javascript:void(0);" class="no-search">取消</a>
                <div class="search-box">
                    <input type="hidden" name="from" value="search">
                    <input type="text" name="query" placeholder="搜索">
                    <span class="iconfont clear-text">&#xe623;</span>
                    <span class="iconfont search-icon">&#xe60f;</span>
                </div>
            </form>
        </div>
        <div class="index-channel">
            <img class="img" src="{{background}}" alt="">  
            <div class="index-channel-list">
                <a href="/boys" class="list-item">男生 <span class="lighter">BOYS</span> <span class="iconfont right-icon">&#xe614;</span></a>
                <a href="/girls" class="list-item">女生 <span class="lighter">GIRLS</span> <span class="iconfont right-icon">&#xe614;</span></a>
                <a href="/kids" class="list-item">潮童 <span class="lighter">KIDS</span> <span class="iconfont right-icon">&#xe614;</span></a>
                <a href="/lifestyle" class="list-item">创意生活 <span class="lighter">LIFESTYLE</span> <span class="iconfont right-icon">&#xe614;</span></a>
            </div> 
        </div>
    </div>
</div>
{{> layout/footer}}