<template>
<div class="cate-page" id='cate-page'>
    <div class="cate-nav clearfix" v-on:click='cateNavTopFun'>
        <ul>
            <li class="focus">
                <span>Boy</span>
            </li>
            <li class="">
                <span>Girl</span>
            </li>
            <li class="">
                <span>Kid</span>
            </li>
            <li class="">
                <span>Lifestyle</span>
            </li>
        </ul>
    </div>
        <div class="cate-container clearfix" v-on:click='cateNavLeftFun'>
                <div class="content " style="height: 522px;">
                    <ul class="primary-level">
                            <li class="p-level-item">
                        上衣
                    </li>
                            <li class="p-level-item focus">
                        鞋靴
                    </li>
                            <li class="p-level-item">
                        包类
                    </li>
                            <li class="p-level-item">
                        内衣/家居服
                    </li>
                            <li class="p-level-item">
                        美妆/个护
                    </li>
                            <li class="p-level-item">
                        裤装
                    </li>
                            <li class="p-level-item">
                        服配
                    </li>
                            <li class="p-level-item">
                        <a href="//list.dev.yohobuy.com/?sort=115&amp;sort_name=NINO&amp;gender=1%2C3"> NINO</a>
                    </li>
                            <li class="p-level-item">
                        <a href="//list.dev.yohobuy.com/?sort=242&amp;sort_name=%E6%B5%8B%E8%AF%95%E5%89%8D%E5%8F%B0%E6%98%AF%E5%90%A6%E8%83%BD%E5%90%8C%E6%AD%A5&amp;gender=1%2C3"> 测试前台是否能同步</a>
                    </li>
                            <li class="p-level-item">
                        <a href="//list.dev.yohobuy.com/?sort=585&amp;sort_name=%E5%90%AB3%E7%BA%A7%E4%B8%8D%E5%85%B3%E8%81%94&amp;gender=1%2C3"> 含3级不关联</a>
                    </li>
                            <li class="p-level-item">
                        含3级关联
                    </li>
                            <li class="p-level-item">
                        <a href="//list.dev.yohobuy.com/?sort=321&amp;sort_name=12&amp;gender=1%2C3"> 12</a>
                    </li>
                    </ul>
                    <div class="sub-level-container">
                            <ul class="sub-level  hide">
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=116%2C114%2C640&amp;sort_name=%E4%B8%8A%E8%A1%A3&amp;gender=1%2C3">
                                            全部上衣
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=114%2C293&amp;sort_name=T%E6%81%A4&amp;gender=1%2C3">
                                            T恤
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=123&amp;sort_name=%E6%A3%89%E8%A1%A3&amp;gender=1%2C3">
                                            棉衣
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=119&amp;sort_name=%E5%8D%AB%E8%A1%A3&amp;gender=1%2C3">
                                            卫衣
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=115&amp;sort_name=%E8%A1%AC%E8%A1%AB&amp;gender=1%2C3">
                                            衬衫
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=125&amp;sort_name=%E5%A4%A7%E8%A1%A3%2F%E9%A3%8E%E8%A1%A3&amp;gender=1%2C3">
                                            大衣/风衣
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=173&amp;sort_name=%E7%9A%AE%E8%A1%A3&amp;gender=1%2C3">
                                            皮衣
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=227&amp;sort_name=%E9%98%B2%E9%A3%8E%E5%A4%96%E5%A5%97&amp;gender=1%2C3">
                                            防风外套
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=118&amp;sort_name=%E9%A9%AC%E7%94%B2&amp;gender=1%2C3">
                                            马甲
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=124&amp;sort_name=%E5%A4%B9%E5%85%8B&amp;gender=1%2C3">
                                            夹克
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=258&amp;sort_name=%E6%AF%9B%E8%A1%A3%2F%E9%92%88%E7%BB%87&amp;gender=1%2C3">
                                            毛衣/针织
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=122&amp;sort_name=%E8%A5%BF%E8%A3%85&amp;gender=1%2C3">
                                            西装
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=413&amp;sort_name=%E5%A5%97%E8%A3%85&amp;gender=1%2C3">
                                            套装
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=116&amp;sort_name=POLO&amp;gender=1%2C3">
                                            POLO
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=117&amp;sort_name=%E8%83%8C%E5%BF%83&amp;gender=1%2C3">
                                            背心
                                        </a>
                                    </li>
                            </ul>
                            <ul class="sub-level">
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=228%2C299%2C231%2C149%2C148%2C147&amp;sort_name=%E9%9E%8B%E9%9D%B4&amp;gender=1%2C3">
                                            全部鞋靴
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=147&amp;sort_name=%E4%BC%91%E9%97%B2%2F%E8%BF%90%E5%8A%A8%E9%9E%8B&amp;gender=1%2C3">
                                            休闲/运动鞋
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=148&amp;sort_name=%E9%9D%B4%E5%AD%90&amp;gender=1%2C3">
                                            靴子
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=151&amp;sort_name=%E6%97%B6%E8%A3%85%E9%9E%8B&amp;gender=1%2C3">
                                            时装鞋
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=149&amp;sort_name=%E5%87%89%E9%9E%8B%2F%E5%87%89%E6%8B%96&amp;gender=1%2C3">
                                            凉鞋/凉拖
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=231&amp;sort_name=%E4%BF%9D%E5%85%BB%E6%8A%A4%E7%90%86&amp;gender=1%2C3">
                                            保养护理
                                        </a>
                                    </li>
                            </ul>
                            <ul class="sub-level hide">
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=152%2C153%2C196%2C238%2C239%2C240%2C349%2C157%2C342%2C156%2C161%2C300%2C160%2C233%2C341%2C340%2C210%2C339%2C351%2C195%2C197&amp;sort_name=%E5%8C%85%E7%B1%BB&amp;gender=1%2C3">
                                            全部包类
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=339&amp;sort_name=%E5%89%91%E6%A1%A5%E5%8C%85&amp;gender=1%2C3">
                                            剑桥包
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=153%2C196%2C195%2C197&amp;sort_name=%E6%89%8B%E6%8B%8E%E5%8C%85%2F%E5%8D%95%E8%82%A9%E5%8C%85&amp;gender=1%2C3">
                                            手拎包/单肩包
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=238%2C239%2C240%2C349&amp;sort_name=%E9%92%B1%E5%8C%85%2F%E5%8D%A1%E5%8C%85%2F%E6%89%8B%E5%8C%85%2F%E9%92%A5%E5%8C%99%E5%8C%85&amp;gender=1%2C3">
                                            钱包/卡包/手包/钥匙包
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=157&amp;sort_name=%E8%85%B0%E5%8C%85&amp;gender=1%2C3">
                                            腰包
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=342&amp;sort_name=%E9%82%AE%E5%B7%AE%E5%8C%85&amp;gender=1%2C3">
                                            邮差包
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=156&amp;sort_name=%E7%94%B5%E8%84%91%E5%8C%85&amp;gender=1%2C3">
                                            电脑包
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=161%2C300&amp;sort_name=%E5%82%A8%E7%89%A9%E5%8C%85&amp;gender=1%2C3">
                                            储物包
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=160&amp;sort_name=%E7%8E%AF%E4%BF%9D%E5%8C%85&amp;gender=1%2C3">
                                            环保包
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=233&amp;sort_name=%E5%8C%85%E9%85%8D&amp;gender=1%2C3">
                                            包配
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=341&amp;sort_name=tote%E5%8C%85&amp;gender=1%2C3">
                                            tote包
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=340&amp;sort_name=%E6%97%85%E8%A1%8C%E5%8C%85&amp;gender=1%2C3">
                                            旅行包
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=210&amp;sort_name=%E6%97%85%E8%A1%8C%E7%AE%B1&amp;gender=1%2C3">
                                            旅行箱
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=351&amp;sort_name=mini%E5%8C%85&amp;gender=1%2C3">
                                            mini包
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=239&amp;sort_name=%E6%BD%AE%E5%8C%85&amp;gender=1%2C3">
                                            潮包
                                        </a>
                                    </li>
                            </ul>
                            <ul class="sub-level hide">
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=311%2C357%2C359&amp;sort_name=%E5%86%85%E8%A1%A3%2F%E5%AE%B6%E5%B1%85%E6%9C%8D&amp;gender=1%2C3">
                                            全部内衣/家居服
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=311&amp;sort_name=%E5%86%85%E8%A3%A4&amp;gender=1%2C3">
                                            内裤
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=357&amp;sort_name=%E5%AE%B6%E5%B1%85%E6%9C%8D&amp;gender=1%2C3">
                                            家居服
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=359&amp;sort_name=%E5%AE%B6%E5%B1%85%E9%9E%8B&amp;gender=1%2C3">
                                            家居鞋
                                        </a>
                                    </li>
                            </ul>
                            <ul class="sub-level hide">
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=263%2C260%2C264%2C261%2C352&amp;sort_name=%E7%BE%8E%E5%A6%86%2F%E4%B8%AA%E6%8A%A4&amp;gender=1%2C3">
                                            全部美妆/个护
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=263&amp;sort_name=%E9%A6%99%E6%B0%B4&amp;gender=1%2C3">
                                            香水
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=260&amp;sort_name=%E9%9D%A2%E9%83%A8%E6%8A%A4%E7%90%86&amp;gender=1%2C3">
                                            面部护理
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=264&amp;sort_name=%E4%B8%AA%E4%BA%BA%E6%8A%A4%E7%90%86&amp;gender=1%2C3">
                                            个人护理
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=261&amp;sort_name=%E5%BD%A9%E5%A6%86&amp;gender=1%2C3">
                                            彩妆
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=352&amp;sort_name=%E7%BA%B9%E8%BA%AB%E8%B4%B4&amp;gender=1%2C3">
                                            纹身贴
                                        </a>
                                    </li>
                            </ul>
                            <ul class="sub-level hide">
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=131%2C129%2C346%2C133%2C348%2C130&amp;sort_name=%E8%A3%A4%E8%A3%85&amp;gender=1%2C3">
                                            全部裤装
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=130&amp;sort_name=%E7%89%9B%E4%BB%94%E8%A3%A4&amp;gender=1%2C3">
                                            牛仔裤
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=129&amp;sort_name=%E4%BC%91%E9%97%B2%E8%A3%A4&amp;gender=1%2C3">
                                            休闲裤
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=131&amp;sort_name=%E7%9F%AD%E8%A3%A4&amp;gender=1%2C3">
                                            短裤
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=346&amp;sort_name=%E8%BF%90%E5%8A%A8%E8%A3%A4&amp;gender=1%2C3">
                                            运动裤
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=133&amp;sort_name=%E6%89%93%E5%BA%95%E8%A3%A4%2F%E7%B4%A7%E8%BA%AB%E8%A3%A4&amp;gender=1%2C3">
                                            打底裤/紧身裤
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=348&amp;sort_name=%E8%A5%BF%E8%A3%A4&amp;gender=1%2C3">
                                            西裤
                                        </a>
                                    </li>
                            </ul>
                            <ul class="sub-level hide">
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=186%2C235%2C163%2C224%2C322%2C323%2C324%2C325%2C326%2C327%2C328%2C329%2C330%2C331%2C72%2C74%2C75%2C76%2C142%2C77%2C78%2C79%2C80%2C199%2C213%2C217%2C218%2C234%2C303%2C305%2C306%2C307%2C334%2C162%2C316%2C320%2C164%2C317%2C295%2C321&amp;sort_name=%E6%9C%8D%E9%85%8D&amp;gender=1%2C3">
                                            全部服配
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=186%2C235&amp;sort_name=%E5%A4%AA%E9%98%B3%E9%95%9C%2F%E7%9C%BC%E9%95%9C&amp;gender=1%2C3">
                                            太阳镜/眼镜
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=163%2C224%2C322%2C323%2C324%2C325%2C326%2C327%2C328%2C329%2C330%2C331&amp;sort_name=%E5%B8%BD%E5%AD%90&amp;gender=1%2C3">
                                            帽子
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=72%2C74%2C75%2C76&amp;sort_name=%E9%A6%96%E9%A5%B0&amp;gender=1%2C3">
                                            首饰
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=142&amp;sort_name=%E8%A2%9C%E5%AD%90&amp;gender=1%2C3">
                                            袜子
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=77%2C78%2C79%2C80%2C199%2C213%2C217%2C218%2C234%2C303%2C305%2C306%2C307%2C334&amp;sort_name=%E9%85%8D%E9%A5%B0&amp;gender=1%2C3">
                                            配饰
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=162&amp;sort_name=%E6%89%8B%E8%A1%A8&amp;gender=1%2C3">
                                            手表
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=316&amp;sort_name=%E5%9B%B4%E5%B7%BE&amp;gender=1%2C3">
                                            围巾
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=320&amp;sort_name=%E6%89%8B%E5%B8%95&amp;gender=1%2C3">
                                            手帕
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=321&amp;sort_name=%E4%B8%9D%E5%B7%BE&amp;gender=1%2C3">
                                            丝巾
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=164&amp;sort_name=%E6%89%8B%E5%A5%97&amp;gender=1%2C3">
                                            手套
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=317&amp;sort_name=%E6%8A%AB%E8%82%A9&amp;gender=1%2C3">
                                            披肩
                                        </a>
                                    </li>
                            </ul>
                            <ul class="sub-level hide">
                            </ul>
                            <ul class="sub-level hide">
                            </ul>
                            <ul class="sub-level hide">
                            </ul>
                            <ul class="sub-level hide">
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=362&amp;sort_name=%E5%90%AB3%E7%BA%A7%E5%85%B3%E8%81%94&amp;gender=1%2C3">
                                            全部含3级关联
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=618&amp;sort_name=3%E7%BA%A7%E5%85%B3%E8%81%94&amp;gender=1%2C3">
                                            3级关联
                                        </a>
                                    </li>
                            </ul>
                            <ul class="sub-level hide">
                            </ul>
                    </div>
                </div>
                <div class="content hide" style="height: 522px;">
                    <ul class="primary-level">
                            <li class="p-level-item focus">
                        上衣
                    </li>
                            <li class="p-level-item">
                        裙装
                    </li>
                            <li class="p-level-item">
                        裤装
                    </li>
                            <li class="p-level-item">
                        鞋靴
                    </li>
                            <li class="p-level-item">
                        包类
                    </li>
                            <li class="p-level-item">
                        服配
                    </li>
                            <li class="p-level-item">
                        内衣/家居服
                    </li>
                            <li class="p-level-item">
                        美妆/个护
                    </li>
                    </ul>
                    <div class="sub-level-container">
                            <ul class="sub-level ">
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=227%2C173%2C125%2C258%2C121%2C123%2C119%2C124%2C118%2C122%2C115%2C117%2C114%2C293%2C116%2C413&amp;sort_name=%E4%B8%8A%E8%A1%A3&amp;gender=2%2C3">
                                            全部上衣
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=114%2C293&amp;sort_name=T%E6%81%A4&amp;gender=2%2C3">
                                            T恤
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=116&amp;sort_name=POLO&amp;gender=2%2C3">
                                            POLO
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=115&amp;sort_name=%E8%A1%AC%E8%A1%AB&amp;gender=2%2C3">
                                            衬衫
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=119&amp;sort_name=%E5%8D%AB%E8%A1%A3&amp;gender=2%2C3">
                                            卫衣
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=124&amp;sort_name=%E5%A4%B9%E5%85%8B&amp;gender=2%2C3">
                                            夹克
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=121%2C123&amp;sort_name=%E6%A3%89%E6%9C%8D&amp;gender=2%2C3">
                                            棉服
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=121&amp;sort_name=%E7%BE%BD%E7%BB%92%E6%9C%8D&amp;gender=2%2C3">
                                            羽绒服
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=258&amp;sort_name=%E6%AF%9B%E8%A1%A3%2F%E9%92%88%E7%BB%87&amp;gender=2%2C3">
                                            毛衣/针织
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=227&amp;sort_name=%E9%98%B2%E9%A3%8E%E5%A4%96%E5%A5%97&amp;gender=2%2C3">
                                            防风外套
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=173&amp;sort_name=%E7%9A%AE%E8%A1%A3&amp;gender=2%2C3">
                                            皮衣
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=122&amp;sort_name=%E8%A5%BF%E8%A3%85&amp;gender=2%2C3">
                                            西装
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=117&amp;sort_name=%E8%83%8C%E5%BF%83&amp;gender=2%2C3">
                                            背心
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=118&amp;sort_name=%E9%A9%AC%E7%94%B2&amp;gender=2%2C3">
                                            马甲
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=413&amp;sort_name=%E5%A5%97%E8%A3%85&amp;gender=2%2C3">
                                            套装
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=125&amp;sort_name=%E5%A4%A7%E8%A1%A3%2F%E9%A3%8E%E8%A1%A3&amp;gender=2%2C3">
                                            大衣/风衣
                                        </a>
                                    </li>
                            </ul>
                            <ul class="sub-level hide">
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=134%2C135&amp;sort_name=%E8%A3%99%E8%A3%85&amp;gender=2%2C3">
                                            全部裙装
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=134&amp;sort_name=%E8%BF%9E%E8%A1%A3%E8%A3%99&amp;gender=2%2C3">
                                            连衣裙
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=135&amp;sort_name=%E5%8D%8A%E8%BA%AB%E8%A3%99&amp;gender=2%2C3">
                                            半身裙
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=134&amp;sort_name=LOLITA%28%E6%B5%8B%E8%AF%95%29&amp;gender=2%2C3">
                                            LOLITA(测试)
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=362&amp;sort_name=LOLITA2%EF%BC%88%E6%B5%8B%E8%AF%95%EF%BC%89&amp;gender=2%2C3">
                                            LOLITA2（测试）
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=359%2C364&amp;sort_name=%E6%B5%8B%E8%AF%95&amp;gender=2%2C3">
                                            测试
                                        </a>
                                    </li>
                            </ul>
                            <ul class="sub-level hide">
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=348%2C346%2C131%2C133%2C129%2C130&amp;sort_name=%E8%A3%A4%E8%A3%85&amp;gender=2%2C3">
                                            全部裤装
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=129&amp;sort_name=%E4%BC%91%E9%97%B2%E8%A3%A4&amp;gender=2%2C3">
                                            休闲裤
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=130&amp;sort_name=%E7%89%9B%E4%BB%94%E8%A3%A4&amp;gender=2%2C3">
                                            牛仔裤
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=346&amp;sort_name=%E8%BF%90%E5%8A%A8%E8%A3%A4&amp;gender=2%2C3">
                                            运动裤
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=133&amp;sort_name=%E6%89%93%E5%BA%95%E8%A3%A4%2F%E7%B4%A7%E8%BA%AB%E8%A3%A4&amp;gender=2%2C3">
                                            打底裤/紧身裤
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=131&amp;sort_name=%E7%9F%AD%E8%A3%A4&amp;gender=2%2C3">
                                            短裤
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=348&amp;sort_name=%E8%A5%BF%E8%A3%A4&amp;gender=2%2C3">
                                            西裤
                                        </a>
                                    </li>
                            </ul>
                            <ul class="sub-level hide">
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=147%2C149%2C148%2C151%2C231&amp;sort_name=%E9%9E%8B%E9%9D%B4&amp;gender=2%2C3">
                                            全部鞋靴
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=147&amp;sort_name=%E4%BC%91%E9%97%B2%2F%E8%BF%90%E5%8A%A8%E9%9E%8B&amp;gender=2%2C3">
                                            休闲/运动鞋
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=148&amp;sort_name=%E9%9D%B4%E5%AD%90&amp;gender=2%2C3">
                                            靴子
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=151&amp;sort_name=%E6%97%B6%E8%A3%85%E9%9E%8B&amp;gender=2%2C3">
                                            时装鞋
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=149&amp;sort_name=%E5%87%89%E9%9E%8B%2F%E5%87%89%E6%8B%96&amp;gender=2%2C3">
                                            凉鞋/凉拖
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=231&amp;sort_name=%E4%BF%9D%E5%85%BB%E6%8A%A4%E7%90%86&amp;gender=2%2C3">
                                            保养护理
                                        </a>
                                    </li>
                            </ul>
                            <ul class="sub-level hide">
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=152%2C153%2C238%2C239%2C240%2C349%2C157%2C342%2C156%2C161%2C300%2C160%2C233%2C341%2C340%2C210%2C339%2C351%2C195%2C196%2C197&amp;sort_name=%E5%8C%85%E7%B1%BB&amp;gender=2%2C3">
                                            全部包类
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=152&amp;sort_name=%E5%8F%8C%E8%82%A9%E5%8C%85&amp;gender=2%2C3">
                                            双肩包
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=153%2C195%2C196%2C197&amp;sort_name=%E6%89%8B%E6%8B%8E%E5%8C%85%2F%E5%8D%95%E8%82%A9%E5%8C%85&amp;gender=2%2C3">
                                            手拎包/单肩包
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=238%2C239%2C240%2C349&amp;sort_name=%E9%92%B1%E5%8C%85%2F%E5%8D%A1%E5%8C%85%2F%E6%89%8B%E5%8C%85%2F%E9%92%A5%E5%8C%99%E5%8C%85&amp;gender=2%2C3">
                                            钱包/卡包/手包/钥匙包
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=157&amp;sort_name=%E8%85%B0%E5%8C%85&amp;gender=2%2C3">
                                            腰包
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=342&amp;sort_name=%E9%82%AE%E5%B7%AE%E5%8C%85&amp;gender=2%2C3">
                                            邮差包
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=156&amp;sort_name=%E7%94%B5%E8%84%91%E5%8C%85&amp;gender=2%2C3">
                                            电脑包
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=161%2C300&amp;sort_name=%E5%82%A8%E7%89%A9%E5%8C%85&amp;gender=2%2C3">
                                            储物包
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=160&amp;sort_name=%E7%8E%AF%E4%BF%9D%E5%8C%85&amp;gender=2%2C3">
                                            环保包
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=233&amp;sort_name=%E5%8C%85%E9%85%8D&amp;gender=2%2C3">
                                            包配
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=341&amp;sort_name=tote%E5%8C%85&amp;gender=2%2C3">
                                            tote包
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=340&amp;sort_name=%E6%97%85%E8%A1%8C%E5%8C%85&amp;gender=2%2C3">
                                            旅行包
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=210&amp;sort_name=%E6%97%85%E8%A1%8C%E7%AE%B1&amp;gender=2%2C3">
                                            旅行箱
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=339&amp;sort_name=%E5%89%91%E6%A1%A5%E5%8C%85&amp;gender=2%2C3">
                                            剑桥包
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=351&amp;sort_name=mini+%E5%8C%85&amp;gender=2%2C3">
                                            mini 包
                                        </a>
                                    </li>
                            </ul>
                            <ul class="sub-level hide">
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=186%2C235%2C163%2C224%2C322%2C323%2C324%2C325%2C326%2C327%2C328%2C329%2C330%2C331%2C72%2C74%2C75%2C76%2C142%2C77%2C78%2C79%2C80%2C199%2C213%2C217%2C218%2C234%2C303%2C305%2C306%2C307%2C334%2C162%2C316%2C320%2C164%2C317%2C295%2C321&amp;sort_name=%E6%9C%8D%E9%85%8D&amp;gender=2%2C3">
                                            全部服配
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=163%2C224%2C322%2C323%2C324%2C325%2C326%2C327%2C328%2C329%2C330%2C331&amp;sort_name=%E5%B8%BD%E5%AD%90&amp;gender=2%2C3">
                                            帽子
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=72%2C74%2C75%2C76&amp;sort_name=%E9%A6%96%E9%A5%B0&amp;gender=2%2C3">
                                            首饰
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=142&amp;sort_name=%E8%A2%9C%E5%AD%90&amp;gender=2%2C3">
                                            袜子
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=77%2C78%2C79%2C80%2C199%2C213%2C217%2C218%2C234%2C303%2C305%2C306%2C307%2C334&amp;sort_name=%E9%85%8D%E9%A5%B0&amp;gender=2%2C3">
                                            配饰
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=162&amp;sort_name=%E6%89%8B%E8%A1%A8&amp;gender=2%2C3">
                                            手表
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=316&amp;sort_name=%E5%9B%B4%E5%B7%BE&amp;gender=2%2C3">
                                            围巾
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=164&amp;sort_name=%E6%89%8B%E5%A5%97&amp;gender=2%2C3">
                                            手套
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=317&amp;sort_name=%E6%8A%AB%E8%82%A9&amp;gender=2%2C3">
                                            披肩
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=186%2C235&amp;sort_name=%E5%A4%AA%E9%98%B3%E9%95%9C%2F%E7%9C%BC%E9%95%9C&amp;gender=2%2C3">
                                            太阳镜/眼镜
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=320&amp;sort_name=%E6%89%8B%E5%B8%95&amp;gender=2%2C3">
                                            手帕
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=321&amp;sort_name=%E4%B8%9D%E5%B7%BE&amp;gender=2%2C3">
                                            丝巾
                                        </a>
                                    </li>
                            </ul>
                            <ul class="sub-level hide">
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=311%2C364%2C357%2C359&amp;sort_name=%E5%86%85%E8%A1%A3%2F%E5%AE%B6%E5%B1%85%E6%9C%8D&amp;gender=2%2C3">
                                            全部内衣/家居服
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=364&amp;sort_name=%E6%96%87%E8%83%B8&amp;gender=2%2C3">
                                            文胸
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=311&amp;sort_name=%E5%86%85%E8%A3%A4&amp;gender=2%2C3">
                                            内裤
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=357&amp;sort_name=%E5%AE%B6%E5%B1%85%E6%9C%8D&amp;gender=2%2C3">
                                            家居服
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=359&amp;sort_name=%E5%AE%B6%E5%B1%85%E9%9E%8B&amp;gender=2%2C3">
                                            家居鞋
                                        </a>
                                    </li>
                            </ul>
                            <ul class="sub-level hide">
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=263&amp;sort_name=%E7%BE%8E%E5%A6%86%2F%E4%B8%AA%E6%8A%A4&amp;gender=2%2C3">
                                            全部美妆/个护
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=263&amp;sort_name=%E9%A6%99%E6%B0%B4&amp;gender=2%2C3">
                                            香水
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=260&amp;sort_name=%E9%9D%A2%E9%83%A8%E6%8A%A4%E7%90%86&amp;gender=2%2C3">
                                            面部护理
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=264&amp;sort_name=%E4%B8%AA%E4%BA%BA%E6%8A%A4%E7%90%86&amp;gender=2%2C3">
                                            个人护理
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=261&amp;sort_name=%E5%BD%A9%E5%A6%86&amp;gender=2%2C3">
                                            彩妆
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=352&amp;sort_name=%E7%BA%B9%E8%BA%AB%E8%B4%B4&amp;gender=2%2C3">
                                            纹身贴
                                        </a>
                                    </li>
                            </ul>
                    </div>
                </div>
                <div class="content hide" style="height: 522px;">
                    <ul class="primary-level">
                            <li class="p-level-item focus">
                        上衣
                    </li>
                            <li class="p-level-item">
                        裤装
                    </li>
                            <li class="p-level-item">
                        泳衣
                    </li>
                            <li class="p-level-item">
                        裙装
                    </li>
                            <li class="p-level-item">
                        鞋靴
                    </li>
                            <li class="p-level-item">
                        包类
                    </li>
                            <li class="p-level-item">
                        服配
                    </li>
                            <li class="p-level-item">
                        <a href="//list.dev.yohobuy.com/?sort=211&amp;sort_name=%E6%B5%8B%E8%AF%95%E6%BD%AE%E7%AB%A5%E6%96%B0%E5%A2%9E%E4%BA%8C%E7%BA%A7%E7%B1%BB%E7%9B%AE&amp;gender=1%2C2%2C3"> 测试潮童新增二级类目</a>
                    </li>
                    </ul>
                    <div class="sub-level-container">
                            <ul class="sub-level ">
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=407%2C405%2C403%2C397%2C374%2C373&amp;sort_name=%E4%B8%8A%E8%A1%A3&amp;gender=1%2C2%2C3">
                                            全部上衣
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=407&amp;sort_name=%E5%A4%A7%E8%A1%A3%2F%E9%A3%8E%E8%A1%A3&amp;gender=1%2C2%2C3">
                                            大衣/风衣
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=405&amp;sort_name=%E5%A4%B9%E5%85%8B%2F%E9%98%B2%E9%A3%8E%E5%A4%96%E5%A5%97&amp;gender=1%2C2%2C3">
                                            夹克/防风外套
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=401&amp;sort_name=%E6%AF%9B%E8%A1%A3%2F%E9%92%88%E7%BB%87&amp;gender=1%2C2%2C3">
                                            毛衣/针织
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=403&amp;sort_name=%E9%A9%AC%E7%94%B2&amp;gender=1%2C2%2C3">
                                            马甲
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=397&amp;sort_name=%E5%8D%AB%E8%A1%A3&amp;gender=1%2C2%2C3">
                                            卫衣
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=399%2C400%2C374&amp;sort_name=%E8%A1%AC%E8%A1%AB&amp;gender=1%2C2%2C3">
                                            衬衫
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=387&amp;sort_name=%E8%83%8C%E5%BF%83&amp;gender=1%2C2%2C3">
                                            背心
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=373&amp;sort_name=T%E6%81%A4&amp;gender=1%2C2%2C3">
                                            T恤
                                        </a>
                                    </li>
                            </ul>
                            <ul class="sub-level hide">
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=389%2C385%2C377%2C376%2C391&amp;sort_name=%E8%A3%A4%E8%A3%85&amp;gender=1%2C2%2C3">
                                            全部裤装
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=376&amp;sort_name=%E4%BC%91%E9%97%B2%E8%A3%A4&amp;gender=1%2C2%2C3">
                                            休闲裤
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=389&amp;sort_name=%E7%89%9B%E4%BB%94%E8%A3%A4&amp;gender=1%2C2%2C3">
                                            牛仔裤
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=391&amp;sort_name=%E8%BF%90%E5%8A%A8%E8%A3%A4&amp;gender=1%2C2%2C3">
                                            运动裤
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=385&amp;sort_name=%E6%89%93%E5%BA%95%E8%A3%A4+%2F%E7%B4%A7%E8%BA%AB%E8%A3%A4&amp;gender=1%2C2%2C3">
                                            打底裤 /紧身裤
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=377&amp;sort_name=%E7%9F%AD%E8%A3%A4&amp;gender=1%2C2%2C3">
                                            短裤
                                        </a>
                                    </li>
                            </ul>
                            <ul class="sub-level hide">
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=381&amp;sort_name=%E6%B3%B3%E8%A1%A3&amp;gender=1%2C2%2C3">
                                            全部泳衣
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=381&amp;sort_name=%E6%B3%B3%E8%A1%A3&amp;gender=1%2C2%2C3">
                                            泳衣
                                        </a>
                                    </li>
                            </ul>
                            <ul class="sub-level hide">
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=378%2C379&amp;sort_name=%E8%A3%99%E8%A3%85&amp;gender=1%2C2%2C3">
                                            全部裙装
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=378&amp;sort_name=%E8%BF%9E%E8%A1%A3%E8%A3%99&amp;gender=1%2C2%2C3">
                                            连衣裙
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=379&amp;sort_name=%E5%8D%8A%E8%BA%AB%E8%A3%99&amp;gender=1%2C2%2C3">
                                            半身裙
                                        </a>
                                    </li>
                            </ul>
                            <ul class="sub-level hide">
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=383%2C375&amp;sort_name=%E9%9E%8B%E9%9D%B4&amp;gender=1%2C2%2C3">
                                            全部鞋靴
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=383&amp;sort_name=%E5%87%89%E9%9E%8B%2F%E5%87%89%E6%8B%96&amp;gender=1%2C2%2C3">
                                            凉鞋/凉拖
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=375&amp;sort_name=%E4%BC%91%E9%97%B2%2F%E8%BF%90%E5%8A%A8%E9%9E%8B&amp;gender=1%2C2%2C3">
                                            休闲/运动鞋
                                        </a>
                                    </li>
                            </ul>
                            <ul class="sub-level hide">
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=393&amp;sort_name=%E5%8C%85%E7%B1%BB&amp;gender=1%2C2%2C3">
                                            全部包类
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=393&amp;sort_name=%E5%8F%8C%E8%82%A9%E5%8C%85&amp;gender=1%2C2%2C3">
                                            双肩包
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=153&amp;sort_name=%E6%89%8B%E6%8B%8E%E5%8C%85%2F%E5%8D%95%E8%82%A9%E5%8C%85&amp;gender=1%2C2%2C3">
                                            手拎包/单肩包
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=210&amp;sort_name=%E6%97%85%E8%A1%8C%E7%AE%B1&amp;gender=1%2C2%2C3">
                                            旅行箱
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=351%2C342&amp;sort_name=%E6%B5%8B%E8%AF%953%E7%BA%A7&amp;gender=1%2C2%2C3">
                                            测试3级
                                        </a>
                                    </li>
                            </ul>
                            <ul class="sub-level hide">
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=395%2C431%2C433&amp;sort_name=%E6%9C%8D%E9%85%8D&amp;gender=1%2C2%2C3">
                                            全部服配
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=395&amp;sort_name=%E6%8A%AB%E8%82%A9&amp;gender=1%2C2%2C3">
                                            披肩
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=431%2C433&amp;sort_name=%E5%A4%AA%E9%98%B3%E9%95%9C%2F%E7%9C%BC%E9%95%9C&amp;gender=1%2C2%2C3">
                                            太阳镜/眼镜
                                        </a>
                                    </li>
                            </ul>
                            <ul class="sub-level hide">
                            </ul>
                    </div>
                </div>
                <div class="content hide" style="height: 522px;">
                    <ul class="primary-level">
                            <li class="p-level-item focus">
                        <a href="//list.dev.yohobuy.com/?sort=259%2C263%2C352&amp;sort_name=%E5%8B%BF%E5%88%A0SYJ%E6%B5%8B%E8%AF%95%E5%88%86%E7%B1%BB&amp;gender=1%2C2%2C3"> 勿删SYJ测试分类</a>
                    </li>
                            <li class="p-level-item">
                        <a href="//list.dev.yohobuy.com/?sort=110%2C112%2C184&amp;sort_name=%E6%96%87%E5%85%B72&amp;gender=1%2C2%2C3"> 文具2</a>
                    </li>
                            <li class="p-level-item">
                        家居生活
                    </li>
                            <li class="p-level-item">
                        数码3C
                    </li>
                            <li class="p-level-item">
                        美妆/个护
                    </li>
                            <li class="p-level-item">
                        <a href="//list.dev.yohobuy.com/?sort=130%2C348%2C346&amp;sort_name=%E6%B5%8B%E8%AF%95%E6%96%B0%E5%A2%9E%E5%88%86%E7%B1%BB%EF%BC%88%E9%9D%9E%E6%B5%8B%E8%AF%95%E8%AF%AF%E6%93%8D%E4%BD%9C%EF%BC%81%EF%BC%89&amp;gender=1%2C2%2C3"> 测试新增分类（非测试误操作！）</a>
                    </li>
                            <li class="p-level-item">
                        <a href="//list.dev.yohobuy.com/?sort=292&amp;sort_name=%E5%85%B3%E8%81%94%E4%B8%80%E4%B8%AA%E7%89%A9%E7%90%86%E7%B1%BB%E7%9B%AE&amp;gender=1%2C2%2C3"> 关联一个物理类目</a>
                    </li>
                    </ul>
                    <div class="sub-level-container">
                            <ul class="sub-level ">
                            </ul>
                            <ul class="sub-level hide">
                            </ul>
                            <ul class="sub-level hide">
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=281%2C292%2C304%2C267%2C268%2C269%2C270%2C271%2C272%2C273%2C274%2C275%2C276%2C277%2C332%2C333%2C353%2C355%2C110%2C112%2C184%2C302%2C343%2C344%2C399&amp;sort_name=%E5%AE%B6%E5%B1%85%E7%94%9F%E6%B4%BB&amp;gender=1%2C2%2C3">
                                            全部家居生活
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=268%2C269%2C270%2C271%2C272%2C273%2C274%2C275%2C276%2C277%2C332%2C333%2C353&amp;sort_name=%E5%B1%85%E5%AE%B6&amp;gender=1%2C2%2C3">
                                            居家
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=355&amp;sort_name=%E5%AE%A0%E7%89%A9%E5%91%A8%E8%BE%B9&amp;gender=1%2C2%2C3">
                                            宠物周边
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=281%2C282%2C283%2C284%2C292%2C304&amp;sort_name=%E7%8E%A9%E5%85%B7%E5%A8%B1%E4%B9%90&amp;gender=1%2C2%2C3">
                                            玩具娱乐
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=283%2C110%2C111%2C112%2C184&amp;sort_name=%E6%96%87%E5%85%B7&amp;gender=1%2C2%2C3">
                                            文具
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=112&amp;sort_name=%E6%96%87%E5%85%B73&amp;gender=1%2C2%2C3">
                                            文具3
                                        </a>
                                    </li>
                            </ul>
                            <ul class="sub-level hide">
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=185%2C211%2C313%2C212%2C171%2C113%2C200%2C398&amp;sort_name=%E6%95%B0%E7%A0%813C&amp;gender=1%2C2%2C3">
                                            全部数码3C
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=211&amp;sort_name=%E6%95%B0%E7%A0%81%E9%85%8D%E4%BB%B6&amp;gender=1%2C2%2C3">
                                            数码配件
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=313&amp;sort_name=%E6%89%8B%E6%9C%BA%2Fipad%E5%A3%B3%E5%A5%97&amp;gender=1%2C2%2C3">
                                            手机/ipad壳套
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=212&amp;sort_name=%E6%89%8B%E6%9C%BA%E9%85%8D%E4%BB%B6&amp;gender=1%2C2%2C3">
                                            手机配件
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=171&amp;sort_name=%E8%80%B3%E6%9C%BA&amp;gender=1%2C2%2C3">
                                            耳机
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=113&amp;sort_name=U%E7%9B%98&amp;gender=1%2C2%2C3">
                                            U盘
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=200&amp;sort_name=%E7%94%B5%E8%84%91%E6%9E%B6&amp;gender=1%2C2%2C3">
                                            电脑架
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=398&amp;sort_name=%E6%99%BA%E8%83%BD%E8%A3%85%E5%A4%87&amp;gender=1%2C2%2C3">
                                            智能装备
                                        </a>
                                    </li>
                            </ul>
                            <ul class="sub-level hide">
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=263%2C260%2C264%2C261%2C352&amp;sort_name=%E7%BE%8E%E5%A6%86%2F%E4%B8%AA%E6%8A%A4&amp;gender=1%2C2%2C3">
                                            全部美妆/个护
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=352&amp;sort_name=%E7%BA%B9%E8%BA%AB%E8%B4%B4&amp;gender=1%2C2%2C3">
                                            纹身贴
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=264&amp;sort_name=%E4%B8%AA%E4%BA%BA%E6%8A%A4%E7%90%86&amp;gender=1%2C2%2C3">
                                            个人护理
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=260&amp;sort_name=%E9%9D%A2%E9%83%A8%E6%8A%A4%E8%82%A4&amp;gender=1%2C2%2C3">
                                            面部护肤
                                        </a>
                                    </li>
                                    <li>
                                        <a href="//list.dev.yohobuy.com/?sort=263&amp;sort_name=%E9%A6%99%E6%B0%B4&amp;gender=1%2C2%2C3">
                                            香水
                                        </a>
                                    </li>
                            </ul>
                            <ul class="sub-level hide">
                            </ul>
                            <ul class="sub-level hide">
                            </ul>
                    </div>
                </div>
        </div>
</div>
</template>
<style>
.cate-page {
    font-size: 36px;
    font-family: helvetica, Arial, "黑体";

    ul,  li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .search-input {
        position: relative;
        background-color: #f8f8f8;
        padding: 13px 20px;

        p {
            box-sizing: border-box;
            width: 100%;
            height: 60px;
            line-height: 60px;
            border: none;
            padding-left: 66px;
            border-radius: 60px;
            font-size: 26px;
            background: #fff;
            color: #999;
        }
    }

    .search-icon {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 43px;
        line-height: 86px;
        color: #999;
    }

    .cate-nav {
        height: 120px;
        border-bottom: 1px solid #e6e6e6;

        li {
            display: block;
            box-sizing: border-box;
            float: left;
            height: 100%;
            padding: 20px 10px;
            width: 25%;
            text-align: center;
            color: #999;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;

            &:last-child {
                border-right: none;
            }

            &.focus {
                color: #000;

                span {
                    border-bottom: 4px solid #000;
                    font-weight: bold;
                }
            }

            &.bytouch {
                background: #eee;
            }
        }

        span {
            line-height: 80px;
            padding-bottom: 10px;
        }

        li:last-child span {
            border-right: 0;
        }
    }

    .content {
        &.hide {
            display: none;
        }
    }

    .primary-level {
        float: left;
        box-sizing: border-box;
        width: 45%;

        > li {
            height: 120px;
            line-height: 120px;
            padding: 0 32px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            border-bottom: 1px solid #e6e6e6;

            &.focus {
                background-color: #fff;

                &:after {
                    content: "";
                    width: 0;
                    height: 0;
                    border-top: 20px solid transparent;
                    border-bottom: 20px solid transparent;
                    border-right: 20px solid #efefef;
                    position: absolute;
                    margin-top: 32px;
                    right: 55%;
                }
            }

            &.highlight {
                background-color: #eee;
            }
        }
    }

    .sub-level-container {
        float: left;
        box-sizing: border-box;
        background: #f6f6f6;
        width: 55%;
        height: 100%;
    }

    .sub-level {
        width: 100%;
        background-color: #f6f6f6;
        position: relative;

        &.hide {
            display: none;
        }

        > li {
            box-sizing: border-box;
            height: 110px;
            line-height: 110px;
            border-bottom: 1px solid #e6e6e6;
            padding-left: 20px;

            &.highlight {
                background: #eee;
            }

            &:hover {
                background-color: #efefef;
            }
        }

        a {
            display: block;
            height: 100%;
            width: 100%;
            color: #000;
        }
    }
}
</style>
<script>
    const $ = require('yoho-jquery');
    const tip = require('common/tip');

    module.exports = {
        props: [],
        data() {
            return {

            };
        },
        watch: {
 
        },
        methods: {
            getCateList() {
                let data = {
                    channel: ''
                };

                $.ajax({
                    url: '/get-cate-list',
                    data: data
                }).then(result => {
                    console.log(result, '====');
                }).fail(() => {
                    tip('网络错误');
                });
            },
            cateNavTopFun(e) {
                var $this = $(e.target).closest('li'),
                    $nav = $('.cate-nav'),
                    $cateContainer = $('.cate-container'),
                    $contents = $cateContainer.children('.content'),
                    $curContent = $contents.not('.hide'),
                    index = $this.index();

                    if ($this.hasClass('focus')) {
                        return;
                    }

                    $nav.find('li.focus').removeClass('focus');
                    $this.addClass('focus');

                    $curContent.addClass('hide');
                    $curContent = $contents.eq(index).removeClass('hide');
            },
            cateNavLeftFun(e) {
                var $this = $(e.target),
                    $subLevel,
                    $cur, index;

                $cur = $this.closest('.p-level-item');
                if ($cur.length > 0) {
                    index = $cur.index();
                    $subLevel = $this.closest('.content').find('.sub-level');

                    if ($this.hasClass('focus')) {
                        return;
                    }

                    $this.closest('.primary-level').children('.focus').removeClass('focus');
                    $this.addClass('focus');

                    $subLevel.not('.hide').addClass('hide');
                    $subLevel.eq(index).removeClass('hide');
                }
            }
        },
        created() {
            this.getCateList();
        }
    };
</script>