仿天猫浮动折叠菜单

未来,只属于那些知道自己归属的人。


index.html

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>浮动折叠菜单</title>
<meta name="keywords" content="CSS,JavaScript,jQuery,html,html5,css3" />
<meta name="description" content="仿天猫" />
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/tmallMenu.js"></script>
<style type="text/css">
*{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
a{ text-decoration:none;}
ul,ol,li{list-style-type:none;}
img,input,textarea{border:0;}
em{ font-style:normal;}
body{ font:12px/1.5 'Lucida Grande',tahoma,arial; background:url(images/body_bg.jpg); height:3000px;}
.hide{ display:none;}
#header{ height:90px; background:#B20000;}
#nav{ height:30px; background:#8E0000;}

.categoryHd i,.categoryBd .itemHd i,.categoryBd .itemBottom i,.categoryBd .itemHd a,.categoryBd .itemIcon{ background:url(images/script.png) no-repeat;}

.mallMain{ width:85%; margin:0 auto; position:relative;}
.mallLeft{ width:240px; background:white; position:absolute; top:-30px; left:0; z-index:10;}
.mallLeft h2,.mallLeft h3,.mallLeft h4{ font-family:'\5FAE\8F6F\96C5\9ED1';}
.category{ width:240px; background:white; position:relative; z-index:20;}

.categoryHd { height:30px; line-height:30px; font-size:14px; color:white; padding:0 15px; background:#A21C1D; position:relative; z-index:100;}
.categoryHd i{ display:block; width:21px; height:19px; border:1px solid #780000; background-color:#BE0000; position:absolute; top:5px; cursor:pointer;}
.categoryHd i.expand{ right:27px; border-radius:2px 0 0 2px; background-position:0 0;}
.categoryHd i.simple{ right:5px; border-radius:2px 2px 0 0; background-position:-22px 0;}
.categoryHd i.selected{ background-color:#850000; cursor:default;}
.categoryHd i.hide{ display:none;}

.categoryBd{ border:1px solid #E6E6E6; border-top:none;}
.categoryBd .item,.categoryBd .itemBottom{ padding:8px 0; position:relative; overflow:hidden;}
.categoryBd .item2,.categoryBd .item4,.categoryBd .item6,.categoryBd .item8,.categoryBd .item10,.categoryBd .item12,.categoryBd .item14,.itemBottom{ background:#F1F1F1;}
.categoryBd .itemIcon,.categoryBd .itemBottom .itemIcon{ display:block; width:5px; height:9px; background-position:-50px -4px; position:absolute; top:40%; right:10px; visibility:hidden;}
.categoryBd .itemHd{ height:14px; line-height:14px; padding:0 10px 0 38px; position:relative;}
.categoryBd .itemHd a{ display:inline-block; width:44px; height:16px; line-height:16px; color:white; font-size:12px; font-weight:normal; padding-left:10px; margin:-3px 0 0 5px; background-position:0 -100px; vertical-align:middle;}
.categoryBd .itemHd i{ display:block; width:16px; height:16px; position:absolute; top:-1px; left:15px;}
.categoryBd .itemHd1 i{ background-position:0 -20px;}
.categoryBd .itemHd2 i{ background-position:0 -40px;}
.categoryBd .itemHd3 i{ background-position:-21px -20px;}
.categoryBd .itemHd4 i{ background-position:-21px -40px;}
.categoryBd .itemHd5 i{ background-position:-42px -20px;}
.categoryBd .itemHd6 i{ background-position:-42px -40px;}
.categoryBd .itemHd7 i{ background-position:-63px -20px;}
.categoryBd .itemHd8 i{ background-position:-63px -40px;}
.categoryBd .itemHd9 i{ background-position:-84px -20px;}
.categoryBd .itemHd10 i{ background-position:-84px -40px;}
.categoryBd .itemHd11 i{ background-position:-105px -20px;}
.categoryBd .itemHd12 i{ background-position:-105px -40px;}
.categoryBd .itemHd13 i{ background-position:-126px -20px;}
.categoryBd .itemHd14 i{ background-position:-126px -40px;}
.categoryBd .itemHd15 i{ background-position:-147px -20px;}
.categoryBd .itemBottom a{ display:block; color:black;}
.categoryBd .itemBottom i{ background-position:-147px -40px;}
.categoryBd .itemCol{ height:21px; line-height:21px; padding:0 15px; overflow:hidden;
    -webkit-transform: perspective(700px) translateY(0px) translateZ(0px) rotateX(0deg);
    -moz-transform: perspective(700px) translateY(0px) translateZ(0px) rotateX(0deg);
    -ms-transform: perspective(700px) translateY(0px) translateZ(0px) rotateX(0deg);
    -o-transform: perspective(700px) translateY(0px) translateZ(0px) rotateX(0deg);
    transform: perspective(700px) translateY(0px) translateZ(0px) rotateX(0deg);

    -webkit-transform-origin:50% 0;
    -moz-transform-origin:50% 0;
    -ms-transform-origin:50% 0;
    -o-transform-origin:50% 0;
    transform-origin:50% 0;

    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -ms-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}
.categoryBd .itemCol a{ color:#848484; margin-right:5px;}
.categoryBd .itemCol a:hover{ text-decoration:underline;}
.categoryBd .itemCol_sp{ padding-top:6px;}

.categoryBd .selected{ background-color:#88766E;}
.categoryBd .selected .itemHd1 i{ background-position:0 -60px;}
.categoryBd .selected .itemHd2 i{ background-position:0 -80px;}
.categoryBd .selected .itemHd3 i{ background-position:-21px -60px;}
.categoryBd .selected .itemHd4 i{ background-position:-21px -80px;}
.categoryBd .selected .itemHd5 i{ background-position:-42px -60px;}
.categoryBd .selected .itemHd6 i{ background-position:-42px -80px;}
.categoryBd .selected .itemHd7 i{ background-position:-63px -60px;}
.categoryBd .selected .itemHd8 i{ background-position:-63px -80px;}
.categoryBd .selected .itemHd9 i{ background-position:-84px -60px;}
.categoryBd .selected .itemHd10 i{ background-position:-84px -80px;}
.categoryBd .selected .itemHd11 i{ background-position:-105px -60px;}
.categoryBd .selected .itemHd12 i{ background-position:-105px -80px;}
.categoryBd .selected .itemHd13 i{ background-position:-126px -60px;}
.categoryBd .selected .itemHd14 i{ background-position:-126px -80px;}
.categoryBd .selected .itemHd15 i{ background-position:-147px -60px;}
.categoryBd .selected .itemHd16 i{ background-position:-147px -80px;}
.categoryBd .selected .itemHd,.categoryBd .selected .itemCol a{ color:white;}
.categoryBd .selected .itemHd a{ color:#88766E; background-position:-54px -100px;}
.categoryBd .selected .itemIcon{ visibility:visible;}
.itemSelected .itemCol{
    -webkit-transform: perspective(700px) translateY(0px) translateZ(-21px) rotateX(90deg);
    -moz-transform: perspective(700px) translateY(0px) translateZ(-21px) rotateX(90deg);
    -ms-transform: perspective(700px) translateY(0px) translateZ(-21px) rotateX(90deg);
    -o-transform: perspective(700px) translateY(0px) translateZ(-21px) rotateX(90deg);
    transform: perspective(700px) translateY(0px) translateZ(-21px) rotateX(90deg);
    -webkit-transform-origin:50% 0;
    -moz-transform-origin:50% 0;
    -ms-transform-origin:50% 0;
    -o-transform-origin:50% 0;
    transform-origin:50% 0;
    -webkit-box-shadow:0 2px 2px #AAA;
    -moz-box-shadow:0 2px 2px #AAA;
    box-shadow:0 2px 2px #AAA;
    background:#EBEBEB;
    padding-top:0;
    line-height:0;
    height:0;
    *font-size:0;
}
.itemSelected .itemCol_sp{
    -webkit-transform: perspective(700px) translateY(0px) translateZ(-21px) rotateX(-90deg);
    -moz-transform: perspective(700px) translateY(0px) translateZ(-21px) rotateX(-90deg);
    -ms-transform: perspective(700px) translateY(0px) translateZ(-21px) rotateX(-90deg);
    -o-transform: perspective(700px) translateY(0px) translateZ(-21px) rotateX(-90deg);
    transform: perspective(700px) translateY(0px) translateZ(-21px) rotateX(-90deg);
    -webkit-transform-origin:50% 100%;
    -moz-transform-origin:50% 100%;
    -ms-transform-origin:50% 100%;
    -o-transform-origin:50% 100%;
    transform-origin:50% 100%;
    -webkit-box-shadow:0 -2px 2px #AAA;
    -moz-box-shadow:0 -2px 2px #AAA;
    box-shadow:0 -2px 2px #AAA;
}

/* 子类 */
.subCategory{ width:0; position:absolute; left:240px; top:20px; overflow:hidden;}
.subCategory a:hover{ text-decoration:underline;}
.subCategory .subView{ width:744px; height:auto; margin:10px 10px 10px 0; border:1px solid #E6E6E6; border-left:none; background:white; box-shadow:5px 5px 5px rgba(0, 0, 0, 0.2),1px -3px 5px rgba(0, 0, 0, 0.2);}
.subCategory ul{ width:218px; display:inline-block; *display:inline; *zoom:1; margin:10px 0 15px 20px; _margin:10px 0 15px 8px; vertical-align:top; overflow:visible;}
.subCategory .subItem{ width:218px; overflow:hidden;}
.subCategory .subItem_hd{ height:34px; line-height:34px; font-size:15px; border-bottom:2px solid black; margin-bottom:6px;}
.subCategory .subItem_hd a{ color:black;}
.subCategory .subItem_cat{ margin-bottom:6px;}
.subCategory .subItem_title{ height:15px; line-height:15px; padding:7px 0 4px 0; border-top:1px dotted black; margin-right:1px;}
.subCategory .subItem_brand{ margin-bottom:15px;}
.subCategory .subItem p{ margin-left:-11px;}
.subCategory .subItem p a{ display:inline-block; height:15px; line-height:15px; color:#646464; border-left:1px solid #EAEAEA; padding:0 5px 0 10px; margin:2px 0 4px 0;}

.cateFixed{ position:fixed; top:0;}
.browserTip{ height:22px; line-height:22px; text-align:center; color:white; border-bottom:1px solid #8E0000; background:#810539;}
</style>
</head>
<body>

<div id="header"></div>
<div id="nav"></div>

<div id="content">
    <div class="mallMain">
        <div class="mallLeft">
            <div class="category">
                <h2 class="categoryHd">
                    <a>所有商品分类</a>
                    <i class="expand selected" title="扩展视图"></i>
                    <i class="simple" title="精简视图"></i>
                </h2>
                <div class="categoryBd">
                    <ul>
                        <li class="item item1">
                            <h3 class="itemHd itemHd1"><i></i>服装/内衣/配件</h3>
                            <p class="itemCol itemCol_sp">
                                <a href="#">女装</a>
                                <a href="#">男装</a>
                                <a href="#">内衣</a>
                                <a href="#">羽绒</a>
                                <a href="#">呢大衣</a>
                            </p>
                            <p class="itemCol">
                                <a href="#">毛衣</a>
                                <a href="#">保暖</a>
                                <a href="#">睡衣</a>
                                <a href="#">男羽绒</a>
                                <a href="#">男毛衣</a>
                            </p>
                            <i class="itemIcon"></i>
                        </li>
                        <li class="item item2">
                            <h3 class="itemHd itemHd2"><i></i>鞋/箱包<a href="#">大减价</a></h3>
                            <p class="itemCol itemCol_sp">
                                <a href="#">女装</a>
                                <a href="#">男装</a>
                                <a href="#">内衣</a>
                                <a href="#">羽绒</a>
                                <a href="#">呢大衣</a>
                            </p>
                            <p class="itemCol">
                                <a href="#">毛衣</a>
                                <a href="#">保暖</a>
                                <a href="#">睡衣</a>
                                <a href="#">男羽绒</a>
                                <a href="#">男毛衣</a>
                            </p>
                            <i class="itemIcon"></i>
                        </li>
                        <li class="item item3">
                            <h3 class="itemHd itemHd3"><i></i>运动户外</h3>
                            <p class="itemCol itemCol_sp">
                                <a href="#">女装</a>
                                <a href="#">男装</a>
                                <a href="#">内衣</a>
                                <a href="#">羽绒</a>
                                <a href="#">呢大衣</a>
                            </p>
                            <p class="itemCol">
                                <a href="#">毛衣</a>
                                <a href="#">保暖</a>
                                <a href="#">睡衣</a>
                                <a href="#">男羽绒</a>
                                <a href="#">男毛衣</a>
                            </p>
                            <i class="itemIcon"></i>
                        </li>
                        <li class="item item4">
                            <h3 class="itemHd itemHd4"><i></i>手机数码<a href="#">抢爱疯</a></h3>
                            <p class="itemCol itemCol_sp">
                                <a href="#">女装</a>
                                <a href="#">男装</a>
                                <a href="#">内衣</a>
                                <a href="#">羽绒</a>
                                <a href="#">呢大衣</a>
                            </p>
                            <p class="itemCol">
                                <a href="#">毛衣</a>
                                <a href="#">保暖</a>
                                <a href="#">睡衣</a>
                                <a href="#">男羽绒</a>
                                <a href="#">男毛衣</a>
                            </p>
                            <i class="itemIcon"></i>
                        </li>
                        <li class="item item5">
                            <h3 class="itemHd itemHd5"><i></i>家纺/居家</h3>
                            <p class="itemCol itemCol_sp">
                                <a href="#">女装</a>
                                <a href="#">男装</a>
                                <a href="#">内衣</a>
                                <a href="#">羽绒</a>
                                <a href="#">呢大衣</a>
                            </p>
                            <p class="itemCol">
                                <a href="#">毛衣</a>
                                <a href="#">保暖</a>
                                <a href="#">睡衣</a>
                                <a href="#">男羽绒</a>
                                <a href="#">男毛衣</a>
                            </p>
                            <i class="itemIcon"></i>
                        </li>
                        <li class="item item6">
                            <h3 class="itemHd itemHd6"><i></i>母婴玩具</h3>
                            <p class="itemCol itemCol_sp">
                                <a href="#">女装</a>
                                <a href="#">男装</a>
                                <a href="#">内衣</a>
                                <a href="#">羽绒</a>
                                <a href="#">呢大衣</a>
                            </p>
                            <p class="itemCol">
                                <a href="#">毛衣</a>
                                <a href="#">保暖</a>
                                <a href="#">睡衣</a>
                                <a href="#">男羽绒</a>
                                <a href="#">男毛衣</a>
                            </p>
                            <i class="itemIcon"></i>
                        </li>
                        <li class="item item7">
                            <h3 class="itemHd itemHd7"><i></i>汽车配件</h3>
                            <p class="itemCol itemCol_sp">
                                <a href="#">女装</a>
                                <a href="#">男装</a>
                                <a href="#">内衣</a>
                                <a href="#">羽绒</a>
                                <a href="#">呢大衣</a>
                            </p>
                            <p class="itemCol">
                                <a href="#">毛衣</a>
                                <a href="#">保暖</a>
                                <a href="#">睡衣</a>
                                <a href="#">男羽绒</a>
                                <a href="#">男毛衣</a>
                            </p>
                            <i class="itemIcon"></i>
                        </li>
                        <li class="item item8">
                            <h3 class="itemHd itemHd8"><i></i>图书音像</h3>
                            <p class="itemCol itemCol_sp">
                                <a href="#">女装</a>
                                <a href="#">男装</a>
                                <a href="#">内衣</a>
                                <a href="#">羽绒</a>
                                <a href="#">呢大衣</a>
                            </p>
                            <p class="itemCol">
                                <a href="#">毛衣</a>
                                <a href="#">保暖</a>
                                <a href="#">睡衣</a>
                                <a href="#">男羽绒</a>
                                <a href="#">男毛衣</a>
                            </p>
                            <i class="itemIcon"></i>
                        </li>
                        <li class="item item9">
                            <h3 class="itemHd itemHd9"><i></i>珠宝饰品/手表眼镜</h3>
                            <p class="itemCol itemCol_sp">
                                <a href="#">女装</a>
                                <a href="#">男装</a>
                                <a href="#">内衣</a>
                                <a href="#">羽绒</a>
                                <a href="#">呢大衣</a>
                            </p>
                            <p class="itemCol">
                                <a href="#">毛衣</a>
                                <a href="#">保暖</a>
                                <a href="#">睡衣</a>
                                <a href="#">男羽绒</a>
                                <a href="#">男毛衣</a>
                            </p>
                            <i class="itemIcon"></i>
                        </li>
                        <li class="item item10">
                            <h3 class="itemHd itemHd10"><i></i>化妆品</h3>
                            <p class="itemCol itemCol_sp">
                                <a href="#">女装</a>
                                <a href="#">男装</a>
                                <a href="#">内衣</a>
                                <a href="#">羽绒</a>
                                <a href="#">呢大衣</a>
                            </p>
                            <p class="itemCol">
                                <a href="#">毛衣</a>
                                <a href="#">保暖</a>
                                <a href="#">睡衣</a>
                                <a href="#">男羽绒</a>
                                <a href="#">男毛衣</a>
                            </p>
                            <i class="itemIcon"></i>
                        </li>
                        <li class="item item11">
                            <h3 class="itemHd itemHd11"><i></i>家用电器</h3>
                            <p class="itemCol itemCol_sp">
                                <a href="#">女装</a>
                                <a href="#">男装</a>
                                <a href="#">内衣</a>
                                <a href="#">羽绒</a>
                                <a href="#">呢大衣</a>
                            </p>
                            <p class="itemCol">
                                <a href="#">毛衣</a>
                                <a href="#">保暖</a>
                                <a href="#">睡衣</a>
                                <a href="#">男羽绒</a>
                                <a href="#">男毛衣</a>
                            </p>
                            <i class="itemIcon"></i>
                        </li>
                        <li class="item item12">
                            <h3 class="itemHd itemHd12"><i></i>家具建材</h3>
                            <p class="itemCol itemCol_sp">
                                <a href="#">女装</a>
                                <a href="#">男装</a>
                                <a href="#">内衣</a>
                                <a href="#">羽绒</a>
                                <a href="#">呢大衣</a>
                            </p>
                            <p class="itemCol">
                                <a href="#">毛衣</a>
                                <a href="#">保暖</a>
                                <a href="#">睡衣</a>
                                <a href="#">男羽绒</a>
                                <a href="#">男毛衣</a>
                            </p>
                            <i class="itemIcon"></i>
                        </li>
                        <li class="item item13">
                            <h3 class="itemHd itemHd13"><i></i>食品</h3>
                            <p class="itemCol itemCol_sp">
                                <a href="#">女装</a>
                                <a href="#">男装</a>
                                <a href="#">内衣</a>
                                <a href="#">羽绒</a>
                                <a href="#">呢大衣</a>
                            </p>
                            <p class="itemCol">
                                <a href="#">毛衣</a>
                                <a href="#">保暖</a>
                                <a href="#">睡衣</a>
                                <a href="#">男羽绒</a>
                                <a href="#">男毛衣</a>
                            </p>
                            <i class="itemIcon"></i>
                        </li>
                        <li class="item item14">
                            <h3 class="itemHd itemHd14"><i></i>医药保健</h3>
                            <p class="itemCol itemCol_sp">
                                <a href="#">女装</a>
                                <a href="#">男装</a>
                                <a href="#">内衣</a>
                                <a href="#">羽绒</a>
                                <a href="#">呢大衣</a>
                            </p>
                            <p class="itemCol">
                                <a href="#">毛衣</a>
                                <a href="#">保暖</a>
                                <a href="#">睡衣</a>
                                <a href="#">男羽绒</a>
                                <a href="#">男毛衣</a>
                            </p>
                            <i class="itemIcon"></i>
                        </li>
                        <li class="item item15">
                            <h3 class="itemHd itemHd15"><i></i>文化娱乐</h3>
                            <p class="itemCol itemCol_sp">
                                <a href="#">女装</a>
                                <a href="#">男装</a>
                                <a href="#">内衣</a>
                                <a href="#">羽绒</a>
                                <a href="#">呢大衣</a>
                            </p>
                            <p class="itemCol">
                                <a href="#">毛衣</a>
                                <a href="#">保暖</a>
                                <a href="#">睡衣</a>
                                <a href="#">男羽绒</a>
                                <a href="#">男毛衣</a>
                            </p>
                            <i class="itemIcon"></i>
                        </li>
                    </ul>
                    <div class="itemBottom">
                        <a href="#">
                            <h3 class="itemHd itemHd16"><i></i>手机/网游点卡</h3>
                        </a>
                        <i class="itemIcon"></i>
                    </div>
                </div>
                <div class="subCategory">
                    <div class="subView">
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">品牌女装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">连衣裙</a>
                                    <a href="#">毛呢外套</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">真皮皮衣</a>
                                    <a href="#">PU外套</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">皮草</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">棉衣棉服</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">T恤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">婚纱/礼服/旗袍</a>
                                    <a href="#">短外套</a>
                                    <a href="#">风衣</a>
                                    <a href="#">半身裙</a>
                                    <a href="#">小西装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">波司登</a>
                                    <a href="#">ochirly</a>
                                    <a href="#">only</a>
                                    <a href="#">韩都衣舍</a>
                                    <a href="#">优衣库</a>
                                    <a href="#">裂帛</a>
                                    <a href="#">秋水伊人</a>
                                    <a href="#">哥弟</a>
                                    <a href="#">三彩</a>
                                    <a href="#">粉红大布娃娃</a>
                                    <a href="#">veromoda</a>
                                    <a href="#">茵曼</a>
                                    <a href="#">大嘴猴</a>
                                    <a href="#">艾莱依</a>
                                    <a href="#">歌莉娅</a>
                                    <a href="#">纳纹</a>
                                    <a href="#">艾格</a>
                                    <a href="#">江南布衣</a>
                                    <a href="#">衣香丽影</a>
                                    <a href="#">雅鹿</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">服饰配件</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">女士腰带</a>
                                    <a href="#">男士皮带</a>
                                    <a href="#">女士围巾</a>
                                    <a href="#">男士围巾</a>
                                    <a href="#">帽子</a>
                                    <a href="#">手套</a>
                                    <a href="#">领带/领结/袖扣</a>
                                    <a href="#">毛线</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">Rayli</a>
                                    <a href="#">CARTELO</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">精品男装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">棉衣</a>
                                    <a href="#">皮衣</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">呢大衣</a>
                                    <a href="#">风衣</a>
                                    <a href="#">夹克</a>
                                    <a href="#">羊绒衫</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">马甲/背心</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">t恤</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">皮裤</a>
                                    <a href="#">西服</a>
                                    <a href="#">西裤</a>
                                    <a href="#">西服套装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">JACKJONES</a>
                                    <a href="#">太平鸟</a>
                                    <a href="#">GXG</a>
                                    <a href="#">恒源祥</a>
                                    <a href="#">劲霸</a>
                                    <a href="#">马克华菲</a>
                                    <a href="#">九牧王</a>
                                    <a href="#">利郎</a>
                                    <a href="#">LEE</a>
                                    <a href="#">柒牌</a>
                                    <a href="#">LEVI'S</a>
                                    <a href="#">SELECTED</a>
                                    <a href="#">杉杉</a>
                                    <a href="#">雅戈尔</a>
                                    <a href="#">DICKIES</a>
                                    <a href="#">诺帝卡</a>
                                    <a href="#">报喜鸟</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">时尚家居</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">睡衣套装</a>
                                    <a href="#">夹棉睡衣</a>
                                    <a href="#">珊瑚绒睡衣</a>
                                    <a href="#">情侣套装</a>
                                    <a href="#">卡通睡衣</a>
                                    <a href="#">睡袍</a>
                                    <a href="#">睡裙</a>
                                    <a href="#">睡裤</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">芬腾</a>
                                    <a href="#">雪俐</a>
                                    <a href="#">安之伴</a>
                                    <a href="#">派邦奴</a>
                                    <a href="#">睦隆世家</a>
                                    <a href="#">秋鹿</a>
                                    <a href="#">美梦</a>
                                    <a href="#">红豆</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">品牌女装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">保暖套装</a>
                                    <a href="#">精品文胸</a>
                                    <a href="#">连裤袜</a>
                                    <a href="#">女式内裤</a>
                                    <a href="#">保暖裤</a>
                                    <a href="#">文胸套装</a>
                                    <a href="#">保暖上衣</a>
                                    <a href="#">聚拢文胸</a>
                                    <a href="#">中筒袜</a>
                                    <a href="#">塑身上衣</a>
                                    <a href="#">男式内裤</a>
                                    <a href="#">美腿袜</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">南极人</a>
                                    <a href="#">北极绒</a>
                                    <a href="#">爱慕</a>
                                    <a href="#">古今</a>
                                    <a href="#">七匹狼</a>
                                    <a href="#">歌瑞尔</a>
                                    <a href="#">曼妮芬</a>
                                    <a href="#">猫人</a>
                                    <a href="#">夏娃之秀</a>
                                    <a href="#">浪莎</a>
                                    <a href="#">安莉芳</a>
                                    <a href="#">婷美</a>
                                    <a href="#">俞兆林</a>
                                    <a href="#">润微</a>
                                    <a href="#">帕兰朵</a>
                                    <a href="#">纤丝鸟</a>
                                </p>
                            </li>
                            <li class="subItem_ad"><a href="#"><img width="218" height="32" src="images/small_banner.png" alt="更多精彩内容"></a></li>
                        </ul>
                    </div>
                    <div class="subView hide">
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">鞋/箱包</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">连衣裙</a>
                                    <a href="#">毛呢外套</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">真皮皮衣</a>
                                    <a href="#">PU外套</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">皮草</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">棉衣棉服</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">T恤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">婚纱/礼服/旗袍</a>
                                    <a href="#">短外套</a>
                                    <a href="#">风衣</a>
                                    <a href="#">半身裙</a>
                                    <a href="#">小西装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">波司登</a>
                                    <a href="#">ochirly</a>
                                    <a href="#">only</a>
                                    <a href="#">韩都衣舍</a>
                                    <a href="#">优衣库</a>
                                    <a href="#">裂帛</a>
                                    <a href="#">秋水伊人</a>
                                    <a href="#">哥弟</a>
                                    <a href="#">三彩</a>
                                    <a href="#">粉红大布娃娃</a>
                                    <a href="#">veromoda</a>
                                    <a href="#">茵曼</a>
                                    <a href="#">大嘴猴</a>
                                    <a href="#">艾莱依</a>
                                    <a href="#">歌莉娅</a>
                                    <a href="#">纳纹</a>
                                    <a href="#">艾格</a>
                                    <a href="#">江南布衣</a>
                                    <a href="#">衣香丽影</a>
                                    <a href="#">雅鹿</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">服饰配件</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">女士腰带</a>
                                    <a href="#">男士皮带</a>
                                    <a href="#">女士围巾</a>
                                    <a href="#">男士围巾</a>
                                    <a href="#">帽子</a>
                                    <a href="#">手套</a>
                                    <a href="#">领带/领结/袖扣</a>
                                    <a href="#">毛线</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">Rayli</a>
                                    <a href="#">CARTELO</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">精品男装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">棉衣</a>
                                    <a href="#">皮衣</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">呢大衣</a>
                                    <a href="#">风衣</a>
                                    <a href="#">夹克</a>
                                    <a href="#">羊绒衫</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">马甲/背心</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">t恤</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">皮裤</a>
                                    <a href="#">西服</a>
                                    <a href="#">西裤</a>
                                    <a href="#">西服套装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">JACKJONES</a>
                                    <a href="#">太平鸟</a>
                                    <a href="#">GXG</a>
                                    <a href="#">恒源祥</a>
                                    <a href="#">劲霸</a>
                                    <a href="#">马克华菲</a>
                                    <a href="#">九牧王</a>
                                    <a href="#">利郎</a>
                                    <a href="#">LEE</a>
                                    <a href="#">柒牌</a>
                                    <a href="#">LEVI'S</a>
                                    <a href="#">SELECTED</a>
                                    <a href="#">杉杉</a>
                                    <a href="#">雅戈尔</a>
                                    <a href="#">DICKIES</a>
                                    <a href="#">诺帝卡</a>
                                    <a href="#">报喜鸟</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">时尚家居</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">睡衣套装</a>
                                    <a href="#">夹棉睡衣</a>
                                    <a href="#">珊瑚绒睡衣</a>
                                    <a href="#">情侣套装</a>
                                    <a href="#">卡通睡衣</a>
                                    <a href="#">睡袍</a>
                                    <a href="#">睡裙</a>
                                    <a href="#">睡裤</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">芬腾</a>
                                    <a href="#">雪俐</a>
                                    <a href="#">安之伴</a>
                                    <a href="#">派邦奴</a>
                                    <a href="#">睦隆世家</a>
                                    <a href="#">秋鹿</a>
                                    <a href="#">美梦</a>
                                    <a href="#">红豆</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">品牌女装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">保暖套装</a>
                                    <a href="#">精品文胸</a>
                                    <a href="#">连裤袜</a>
                                    <a href="#">女式内裤</a>
                                    <a href="#">保暖裤</a>
                                    <a href="#">文胸套装</a>
                                    <a href="#">保暖上衣</a>
                                    <a href="#">聚拢文胸</a>
                                    <a href="#">中筒袜</a>
                                    <a href="#">塑身上衣</a>
                                    <a href="#">男式内裤</a>
                                    <a href="#">美腿袜</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">南极人</a>
                                    <a href="#">北极绒</a>
                                    <a href="#">爱慕</a>
                                    <a href="#">古今</a>
                                    <a href="#">七匹狼</a>
                                    <a href="#">歌瑞尔</a>
                                    <a href="#">曼妮芬</a>
                                    <a href="#">猫人</a>
                                    <a href="#">夏娃之秀</a>
                                    <a href="#">浪莎</a>
                                    <a href="#">安莉芳</a>
                                    <a href="#">婷美</a>
                                    <a href="#">俞兆林</a>
                                    <a href="#">润微</a>
                                    <a href="#">帕兰朵</a>
                                    <a href="#">纤丝鸟</a>
                                </p>
                            </li>
                            <li class="subItem_ad"><a href="#"><img width="218" height="32" src="images/small_banner.png" alt="更多精彩内容"></a></li>
                        </ul>
                    </div>
                    <div class="subView hide">
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">运动户外</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">连衣裙</a>
                                    <a href="#">毛呢外套</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">真皮皮衣</a>
                                    <a href="#">PU外套</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">皮草</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">棉衣棉服</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">T恤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">婚纱/礼服/旗袍</a>
                                    <a href="#">短外套</a>
                                    <a href="#">风衣</a>
                                    <a href="#">半身裙</a>
                                    <a href="#">小西装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">波司登</a>
                                    <a href="#">ochirly</a>
                                    <a href="#">only</a>
                                    <a href="#">韩都衣舍</a>
                                    <a href="#">优衣库</a>
                                    <a href="#">裂帛</a>
                                    <a href="#">秋水伊人</a>
                                    <a href="#">哥弟</a>
                                    <a href="#">三彩</a>
                                    <a href="#">粉红大布娃娃</a>
                                    <a href="#">veromoda</a>
                                    <a href="#">茵曼</a>
                                    <a href="#">大嘴猴</a>
                                    <a href="#">艾莱依</a>
                                    <a href="#">歌莉娅</a>
                                    <a href="#">纳纹</a>
                                    <a href="#">艾格</a>
                                    <a href="#">江南布衣</a>
                                    <a href="#">衣香丽影</a>
                                    <a href="#">雅鹿</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">服饰配件</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">女士腰带</a>
                                    <a href="#">男士皮带</a>
                                    <a href="#">女士围巾</a>
                                    <a href="#">男士围巾</a>
                                    <a href="#">帽子</a>
                                    <a href="#">手套</a>
                                    <a href="#">领带/领结/袖扣</a>
                                    <a href="#">毛线</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">Rayli</a>
                                    <a href="#">CARTELO</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">精品男装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">棉衣</a>
                                    <a href="#">皮衣</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">呢大衣</a>
                                    <a href="#">风衣</a>
                                    <a href="#">夹克</a>
                                    <a href="#">羊绒衫</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">马甲/背心</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">t恤</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">皮裤</a>
                                    <a href="#">西服</a>
                                    <a href="#">西裤</a>
                                    <a href="#">西服套装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">JACKJONES</a>
                                    <a href="#">太平鸟</a>
                                    <a href="#">GXG</a>
                                    <a href="#">恒源祥</a>
                                    <a href="#">劲霸</a>
                                    <a href="#">马克华菲</a>
                                    <a href="#">九牧王</a>
                                    <a href="#">利郎</a>
                                    <a href="#">LEE</a>
                                    <a href="#">柒牌</a>
                                    <a href="#">LEVI'S</a>
                                    <a href="#">SELECTED</a>
                                    <a href="#">杉杉</a>
                                    <a href="#">雅戈尔</a>
                                    <a href="#">DICKIES</a>
                                    <a href="#">诺帝卡</a>
                                    <a href="#">报喜鸟</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">时尚家居</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">睡衣套装</a>
                                    <a href="#">夹棉睡衣</a>
                                    <a href="#">珊瑚绒睡衣</a>
                                    <a href="#">情侣套装</a>
                                    <a href="#">卡通睡衣</a>
                                    <a href="#">睡袍</a>
                                    <a href="#">睡裙</a>
                                    <a href="#">睡裤</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">芬腾</a>
                                    <a href="#">雪俐</a>
                                    <a href="#">安之伴</a>
                                    <a href="#">派邦奴</a>
                                    <a href="#">睦隆世家</a>
                                    <a href="#">秋鹿</a>
                                    <a href="#">美梦</a>
                                    <a href="#">红豆</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">品牌女装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">保暖套装</a>
                                    <a href="#">精品文胸</a>
                                    <a href="#">连裤袜</a>
                                    <a href="#">女式内裤</a>
                                    <a href="#">保暖裤</a>
                                    <a href="#">文胸套装</a>
                                    <a href="#">保暖上衣</a>
                                    <a href="#">聚拢文胸</a>
                                    <a href="#">中筒袜</a>
                                    <a href="#">塑身上衣</a>
                                    <a href="#">男式内裤</a>
                                    <a href="#">美腿袜</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">南极人</a>
                                    <a href="#">北极绒</a>
                                    <a href="#">爱慕</a>
                                    <a href="#">古今</a>
                                    <a href="#">七匹狼</a>
                                    <a href="#">歌瑞尔</a>
                                    <a href="#">曼妮芬</a>
                                    <a href="#">猫人</a>
                                    <a href="#">夏娃之秀</a>
                                    <a href="#">浪莎</a>
                                    <a href="#">安莉芳</a>
                                    <a href="#">婷美</a>
                                    <a href="#">俞兆林</a>
                                    <a href="#">润微</a>
                                    <a href="#">帕兰朵</a>
                                    <a href="#">纤丝鸟</a>
                                </p>
                            </li>
                            <li class="subItem_ad"><a href="#"><img width="218" height="32" src="images/small_banner.png" alt="更多精彩内容"></a></li>
                        </ul>
                    </div>
                    <div class="subView hide">
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">手机数码</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">连衣裙</a>
                                    <a href="#">毛呢外套</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">真皮皮衣</a>
                                    <a href="#">PU外套</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">皮草</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">棉衣棉服</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">T恤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">婚纱/礼服/旗袍</a>
                                    <a href="#">短外套</a>
                                    <a href="#">风衣</a>
                                    <a href="#">半身裙</a>
                                    <a href="#">小西装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">波司登</a>
                                    <a href="#">ochirly</a>
                                    <a href="#">only</a>
                                    <a href="#">韩都衣舍</a>
                                    <a href="#">优衣库</a>
                                    <a href="#">裂帛</a>
                                    <a href="#">秋水伊人</a>
                                    <a href="#">哥弟</a>
                                    <a href="#">三彩</a>
                                    <a href="#">粉红大布娃娃</a>
                                    <a href="#">veromoda</a>
                                    <a href="#">茵曼</a>
                                    <a href="#">大嘴猴</a>
                                    <a href="#">艾莱依</a>
                                    <a href="#">歌莉娅</a>
                                    <a href="#">纳纹</a>
                                    <a href="#">艾格</a>
                                    <a href="#">江南布衣</a>
                                    <a href="#">衣香丽影</a>
                                    <a href="#">雅鹿</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">服饰配件</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">女士腰带</a>
                                    <a href="#">男士皮带</a>
                                    <a href="#">女士围巾</a>
                                    <a href="#">男士围巾</a>
                                    <a href="#">帽子</a>
                                    <a href="#">手套</a>
                                    <a href="#">领带/领结/袖扣</a>
                                    <a href="#">毛线</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">Rayli</a>
                                    <a href="#">CARTELO</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">精品男装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">棉衣</a>
                                    <a href="#">皮衣</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">呢大衣</a>
                                    <a href="#">风衣</a>
                                    <a href="#">夹克</a>
                                    <a href="#">羊绒衫</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">马甲/背心</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">t恤</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">皮裤</a>
                                    <a href="#">西服</a>
                                    <a href="#">西裤</a>
                                    <a href="#">西服套装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">JACKJONES</a>
                                    <a href="#">太平鸟</a>
                                    <a href="#">GXG</a>
                                    <a href="#">恒源祥</a>
                                    <a href="#">劲霸</a>
                                    <a href="#">马克华菲</a>
                                    <a href="#">九牧王</a>
                                    <a href="#">利郎</a>
                                    <a href="#">LEE</a>
                                    <a href="#">柒牌</a>
                                    <a href="#">LEVI'S</a>
                                    <a href="#">SELECTED</a>
                                    <a href="#">杉杉</a>
                                    <a href="#">雅戈尔</a>
                                    <a href="#">DICKIES</a>
                                    <a href="#">诺帝卡</a>
                                    <a href="#">报喜鸟</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">时尚家居</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">睡衣套装</a>
                                    <a href="#">夹棉睡衣</a>
                                    <a href="#">珊瑚绒睡衣</a>
                                    <a href="#">情侣套装</a>
                                    <a href="#">卡通睡衣</a>
                                    <a href="#">睡袍</a>
                                    <a href="#">睡裙</a>
                                    <a href="#">睡裤</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">芬腾</a>
                                    <a href="#">雪俐</a>
                                    <a href="#">安之伴</a>
                                    <a href="#">派邦奴</a>
                                    <a href="#">睦隆世家</a>
                                    <a href="#">秋鹿</a>
                                    <a href="#">美梦</a>
                                    <a href="#">红豆</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">品牌女装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">保暖套装</a>
                                    <a href="#">精品文胸</a>
                                    <a href="#">连裤袜</a>
                                    <a href="#">女式内裤</a>
                                    <a href="#">保暖裤</a>
                                    <a href="#">文胸套装</a>
                                    <a href="#">保暖上衣</a>
                                    <a href="#">聚拢文胸</a>
                                    <a href="#">中筒袜</a>
                                    <a href="#">塑身上衣</a>
                                    <a href="#">男式内裤</a>
                                    <a href="#">美腿袜</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">南极人</a>
                                    <a href="#">北极绒</a>
                                    <a href="#">爱慕</a>
                                    <a href="#">古今</a>
                                    <a href="#">七匹狼</a>
                                    <a href="#">歌瑞尔</a>
                                    <a href="#">曼妮芬</a>
                                    <a href="#">猫人</a>
                                    <a href="#">夏娃之秀</a>
                                    <a href="#">浪莎</a>
                                    <a href="#">安莉芳</a>
                                    <a href="#">婷美</a>
                                    <a href="#">俞兆林</a>
                                    <a href="#">润微</a>
                                    <a href="#">帕兰朵</a>
                                    <a href="#">纤丝鸟</a>
                                </p>
                            </li>
                            <li class="subItem_ad"><a href="#"><img width="218" height="32" src="images/small_banner.png" alt="更多精彩内容"></a></li>
                        </ul>
                    </div>
                    <div class="subView hide">
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">家纺/居家</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">连衣裙</a>
                                    <a href="#">毛呢外套</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">真皮皮衣</a>
                                    <a href="#">PU外套</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">皮草</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">棉衣棉服</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">T恤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">婚纱/礼服/旗袍</a>
                                    <a href="#">短外套</a>
                                    <a href="#">风衣</a>
                                    <a href="#">半身裙</a>
                                    <a href="#">小西装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">波司登</a>
                                    <a href="#">ochirly</a>
                                    <a href="#">only</a>
                                    <a href="#">韩都衣舍</a>
                                    <a href="#">优衣库</a>
                                    <a href="#">裂帛</a>
                                    <a href="#">秋水伊人</a>
                                    <a href="#">哥弟</a>
                                    <a href="#">三彩</a>
                                    <a href="#">粉红大布娃娃</a>
                                    <a href="#">veromoda</a>
                                    <a href="#">茵曼</a>
                                    <a href="#">大嘴猴</a>
                                    <a href="#">艾莱依</a>
                                    <a href="#">歌莉娅</a>
                                    <a href="#">纳纹</a>
                                    <a href="#">艾格</a>
                                    <a href="#">江南布衣</a>
                                    <a href="#">衣香丽影</a>
                                    <a href="#">雅鹿</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">服饰配件</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">女士腰带</a>
                                    <a href="#">男士皮带</a>
                                    <a href="#">女士围巾</a>
                                    <a href="#">男士围巾</a>
                                    <a href="#">帽子</a>
                                    <a href="#">手套</a>
                                    <a href="#">领带/领结/袖扣</a>
                                    <a href="#">毛线</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">Rayli</a>
                                    <a href="#">CARTELO</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">精品男装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">棉衣</a>
                                    <a href="#">皮衣</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">呢大衣</a>
                                    <a href="#">风衣</a>
                                    <a href="#">夹克</a>
                                    <a href="#">羊绒衫</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">马甲/背心</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">t恤</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">皮裤</a>
                                    <a href="#">西服</a>
                                    <a href="#">西裤</a>
                                    <a href="#">西服套装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">JACKJONES</a>
                                    <a href="#">太平鸟</a>
                                    <a href="#">GXG</a>
                                    <a href="#">恒源祥</a>
                                    <a href="#">劲霸</a>
                                    <a href="#">马克华菲</a>
                                    <a href="#">九牧王</a>
                                    <a href="#">利郎</a>
                                    <a href="#">LEE</a>
                                    <a href="#">柒牌</a>
                                    <a href="#">LEVI'S</a>
                                    <a href="#">SELECTED</a>
                                    <a href="#">杉杉</a>
                                    <a href="#">雅戈尔</a>
                                    <a href="#">DICKIES</a>
                                    <a href="#">诺帝卡</a>
                                    <a href="#">报喜鸟</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">时尚家居</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">睡衣套装</a>
                                    <a href="#">夹棉睡衣</a>
                                    <a href="#">珊瑚绒睡衣</a>
                                    <a href="#">情侣套装</a>
                                    <a href="#">卡通睡衣</a>
                                    <a href="#">睡袍</a>
                                    <a href="#">睡裙</a>
                                    <a href="#">睡裤</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">芬腾</a>
                                    <a href="#">雪俐</a>
                                    <a href="#">安之伴</a>
                                    <a href="#">派邦奴</a>
                                    <a href="#">睦隆世家</a>
                                    <a href="#">秋鹿</a>
                                    <a href="#">美梦</a>
                                    <a href="#">红豆</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">品牌女装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">保暖套装</a>
                                    <a href="#">精品文胸</a>
                                    <a href="#">连裤袜</a>
                                    <a href="#">女式内裤</a>
                                    <a href="#">保暖裤</a>
                                    <a href="#">文胸套装</a>
                                    <a href="#">保暖上衣</a>
                                    <a href="#">聚拢文胸</a>
                                    <a href="#">中筒袜</a>
                                    <a href="#">塑身上衣</a>
                                    <a href="#">男式内裤</a>
                                    <a href="#">美腿袜</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">南极人</a>
                                    <a href="#">北极绒</a>
                                    <a href="#">爱慕</a>
                                    <a href="#">古今</a>
                                    <a href="#">七匹狼</a>
                                    <a href="#">歌瑞尔</a>
                                    <a href="#">曼妮芬</a>
                                    <a href="#">猫人</a>
                                    <a href="#">夏娃之秀</a>
                                    <a href="#">浪莎</a>
                                    <a href="#">安莉芳</a>
                                    <a href="#">婷美</a>
                                    <a href="#">俞兆林</a>
                                    <a href="#">润微</a>
                                    <a href="#">帕兰朵</a>
                                    <a href="#">纤丝鸟</a>
                                </p>
                            </li>
                            <li class="subItem_ad"><a href="#"><img width="218" height="32" src="images/small_banner.png" alt="更多精彩内容"></a></li>
                        </ul>
                    </div>
                    <div class="subView hide">
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">母婴玩具</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">连衣裙</a>
                                    <a href="#">毛呢外套</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">真皮皮衣</a>
                                    <a href="#">PU外套</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">皮草</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">棉衣棉服</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">T恤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">婚纱/礼服/旗袍</a>
                                    <a href="#">短外套</a>
                                    <a href="#">风衣</a>
                                    <a href="#">半身裙</a>
                                    <a href="#">小西装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">波司登</a>
                                    <a href="#">ochirly</a>
                                    <a href="#">only</a>
                                    <a href="#">韩都衣舍</a>
                                    <a href="#">优衣库</a>
                                    <a href="#">裂帛</a>
                                    <a href="#">秋水伊人</a>
                                    <a href="#">哥弟</a>
                                    <a href="#">三彩</a>
                                    <a href="#">粉红大布娃娃</a>
                                    <a href="#">veromoda</a>
                                    <a href="#">茵曼</a>
                                    <a href="#">大嘴猴</a>
                                    <a href="#">艾莱依</a>
                                    <a href="#">歌莉娅</a>
                                    <a href="#">纳纹</a>
                                    <a href="#">艾格</a>
                                    <a href="#">江南布衣</a>
                                    <a href="#">衣香丽影</a>
                                    <a href="#">雅鹿</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">服饰配件</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">女士腰带</a>
                                    <a href="#">男士皮带</a>
                                    <a href="#">女士围巾</a>
                                    <a href="#">男士围巾</a>
                                    <a href="#">帽子</a>
                                    <a href="#">手套</a>
                                    <a href="#">领带/领结/袖扣</a>
                                    <a href="#">毛线</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">Rayli</a>
                                    <a href="#">CARTELO</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">精品男装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">棉衣</a>
                                    <a href="#">皮衣</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">呢大衣</a>
                                    <a href="#">风衣</a>
                                    <a href="#">夹克</a>
                                    <a href="#">羊绒衫</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">马甲/背心</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">t恤</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">皮裤</a>
                                    <a href="#">西服</a>
                                    <a href="#">西裤</a>
                                    <a href="#">西服套装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">JACKJONES</a>
                                    <a href="#">太平鸟</a>
                                    <a href="#">GXG</a>
                                    <a href="#">恒源祥</a>
                                    <a href="#">劲霸</a>
                                    <a href="#">马克华菲</a>
                                    <a href="#">九牧王</a>
                                    <a href="#">利郎</a>
                                    <a href="#">LEE</a>
                                    <a href="#">柒牌</a>
                                    <a href="#">LEVI'S</a>
                                    <a href="#">SELECTED</a>
                                    <a href="#">杉杉</a>
                                    <a href="#">雅戈尔</a>
                                    <a href="#">DICKIES</a>
                                    <a href="#">诺帝卡</a>
                                    <a href="#">报喜鸟</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">时尚家居</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">睡衣套装</a>
                                    <a href="#">夹棉睡衣</a>
                                    <a href="#">珊瑚绒睡衣</a>
                                    <a href="#">情侣套装</a>
                                    <a href="#">卡通睡衣</a>
                                    <a href="#">睡袍</a>
                                    <a href="#">睡裙</a>
                                    <a href="#">睡裤</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">芬腾</a>
                                    <a href="#">雪俐</a>
                                    <a href="#">安之伴</a>
                                    <a href="#">派邦奴</a>
                                    <a href="#">睦隆世家</a>
                                    <a href="#">秋鹿</a>
                                    <a href="#">美梦</a>
                                    <a href="#">红豆</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">品牌女装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">保暖套装</a>
                                    <a href="#">精品文胸</a>
                                    <a href="#">连裤袜</a>
                                    <a href="#">女式内裤</a>
                                    <a href="#">保暖裤</a>
                                    <a href="#">文胸套装</a>
                                    <a href="#">保暖上衣</a>
                                    <a href="#">聚拢文胸</a>
                                    <a href="#">中筒袜</a>
                                    <a href="#">塑身上衣</a>
                                    <a href="#">男式内裤</a>
                                    <a href="#">美腿袜</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">南极人</a>
                                    <a href="#">北极绒</a>
                                    <a href="#">爱慕</a>
                                    <a href="#">古今</a>
                                    <a href="#">七匹狼</a>
                                    <a href="#">歌瑞尔</a>
                                    <a href="#">曼妮芬</a>
                                    <a href="#">猫人</a>
                                    <a href="#">夏娃之秀</a>
                                    <a href="#">浪莎</a>
                                    <a href="#">安莉芳</a>
                                    <a href="#">婷美</a>
                                    <a href="#">俞兆林</a>
                                    <a href="#">润微</a>
                                    <a href="#">帕兰朵</a>
                                    <a href="#">纤丝鸟</a>
                                </p>
                            </li>
                            <li class="subItem_ad"><a href="#"><img width="218" height="32" src="images/small_banner.png" alt="更多精彩内容"></a></li>
                        </ul>
                    </div>
                    <div class="subView hide">
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">汽车配件</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">连衣裙</a>
                                    <a href="#">毛呢外套</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">真皮皮衣</a>
                                    <a href="#">PU外套</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">皮草</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">棉衣棉服</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">T恤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">婚纱/礼服/旗袍</a>
                                    <a href="#">短外套</a>
                                    <a href="#">风衣</a>
                                    <a href="#">半身裙</a>
                                    <a href="#">小西装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">波司登</a>
                                    <a href="#">ochirly</a>
                                    <a href="#">only</a>
                                    <a href="#">韩都衣舍</a>
                                    <a href="#">优衣库</a>
                                    <a href="#">裂帛</a>
                                    <a href="#">秋水伊人</a>
                                    <a href="#">哥弟</a>
                                    <a href="#">三彩</a>
                                    <a href="#">粉红大布娃娃</a>
                                    <a href="#">veromoda</a>
                                    <a href="#">茵曼</a>
                                    <a href="#">大嘴猴</a>
                                    <a href="#">艾莱依</a>
                                    <a href="#">歌莉娅</a>
                                    <a href="#">纳纹</a>
                                    <a href="#">艾格</a>
                                    <a href="#">江南布衣</a>
                                    <a href="#">衣香丽影</a>
                                    <a href="#">雅鹿</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">服饰配件</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">女士腰带</a>
                                    <a href="#">男士皮带</a>
                                    <a href="#">女士围巾</a>
                                    <a href="#">男士围巾</a>
                                    <a href="#">帽子</a>
                                    <a href="#">手套</a>
                                    <a href="#">领带/领结/袖扣</a>
                                    <a href="#">毛线</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">Rayli</a>
                                    <a href="#">CARTELO</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">精品男装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">棉衣</a>
                                    <a href="#">皮衣</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">呢大衣</a>
                                    <a href="#">风衣</a>
                                    <a href="#">夹克</a>
                                    <a href="#">羊绒衫</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">马甲/背心</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">t恤</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">皮裤</a>
                                    <a href="#">西服</a>
                                    <a href="#">西裤</a>
                                    <a href="#">西服套装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">JACKJONES</a>
                                    <a href="#">太平鸟</a>
                                    <a href="#">GXG</a>
                                    <a href="#">恒源祥</a>
                                    <a href="#">劲霸</a>
                                    <a href="#">马克华菲</a>
                                    <a href="#">九牧王</a>
                                    <a href="#">利郎</a>
                                    <a href="#">LEE</a>
                                    <a href="#">柒牌</a>
                                    <a href="#">LEVI'S</a>
                                    <a href="#">SELECTED</a>
                                    <a href="#">杉杉</a>
                                    <a href="#">雅戈尔</a>
                                    <a href="#">DICKIES</a>
                                    <a href="#">诺帝卡</a>
                                    <a href="#">报喜鸟</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">时尚家居</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">睡衣套装</a>
                                    <a href="#">夹棉睡衣</a>
                                    <a href="#">珊瑚绒睡衣</a>
                                    <a href="#">情侣套装</a>
                                    <a href="#">卡通睡衣</a>
                                    <a href="#">睡袍</a>
                                    <a href="#">睡裙</a>
                                    <a href="#">睡裤</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">芬腾</a>
                                    <a href="#">雪俐</a>
                                    <a href="#">安之伴</a>
                                    <a href="#">派邦奴</a>
                                    <a href="#">睦隆世家</a>
                                    <a href="#">秋鹿</a>
                                    <a href="#">美梦</a>
                                    <a href="#">红豆</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">品牌女装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">保暖套装</a>
                                    <a href="#">精品文胸</a>
                                    <a href="#">连裤袜</a>
                                    <a href="#">女式内裤</a>
                                    <a href="#">保暖裤</a>
                                    <a href="#">文胸套装</a>
                                    <a href="#">保暖上衣</a>
                                    <a href="#">聚拢文胸</a>
                                    <a href="#">中筒袜</a>
                                    <a href="#">塑身上衣</a>
                                    <a href="#">男式内裤</a>
                                    <a href="#">美腿袜</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">南极人</a>
                                    <a href="#">北极绒</a>
                                    <a href="#">爱慕</a>
                                    <a href="#">古今</a>
                                    <a href="#">七匹狼</a>
                                    <a href="#">歌瑞尔</a>
                                    <a href="#">曼妮芬</a>
                                    <a href="#">猫人</a>
                                    <a href="#">夏娃之秀</a>
                                    <a href="#">浪莎</a>
                                    <a href="#">安莉芳</a>
                                    <a href="#">婷美</a>
                                    <a href="#">俞兆林</a>
                                    <a href="#">润微</a>
                                    <a href="#">帕兰朵</a>
                                    <a href="#">纤丝鸟</a>
                                </p>
                            </li>
                            <li class="subItem_ad"><a href="#"><img width="218" height="32" src="images/small_banner.png" alt="更多精彩内容"></a></li>
                        </ul>
                    </div>
                    <div class="subView hide">
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">图书音像</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">连衣裙</a>
                                    <a href="#">毛呢外套</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">真皮皮衣</a>
                                    <a href="#">PU外套</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">皮草</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">棉衣棉服</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">T恤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">婚纱/礼服/旗袍</a>
                                    <a href="#">短外套</a>
                                    <a href="#">风衣</a>
                                    <a href="#">半身裙</a>
                                    <a href="#">小西装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">波司登</a>
                                    <a href="#">ochirly</a>
                                    <a href="#">only</a>
                                    <a href="#">韩都衣舍</a>
                                    <a href="#">优衣库</a>
                                    <a href="#">裂帛</a>
                                    <a href="#">秋水伊人</a>
                                    <a href="#">哥弟</a>
                                    <a href="#">三彩</a>
                                    <a href="#">粉红大布娃娃</a>
                                    <a href="#">veromoda</a>
                                    <a href="#">茵曼</a>
                                    <a href="#">大嘴猴</a>
                                    <a href="#">艾莱依</a>
                                    <a href="#">歌莉娅</a>
                                    <a href="#">纳纹</a>
                                    <a href="#">艾格</a>
                                    <a href="#">江南布衣</a>
                                    <a href="#">衣香丽影</a>
                                    <a href="#">雅鹿</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">服饰配件</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">女士腰带</a>
                                    <a href="#">男士皮带</a>
                                    <a href="#">女士围巾</a>
                                    <a href="#">男士围巾</a>
                                    <a href="#">帽子</a>
                                    <a href="#">手套</a>
                                    <a href="#">领带/领结/袖扣</a>
                                    <a href="#">毛线</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">Rayli</a>
                                    <a href="#">CARTELO</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">精品男装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">棉衣</a>
                                    <a href="#">皮衣</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">呢大衣</a>
                                    <a href="#">风衣</a>
                                    <a href="#">夹克</a>
                                    <a href="#">羊绒衫</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">马甲/背心</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">t恤</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">皮裤</a>
                                    <a href="#">西服</a>
                                    <a href="#">西裤</a>
                                    <a href="#">西服套装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">JACKJONES</a>
                                    <a href="#">太平鸟</a>
                                    <a href="#">GXG</a>
                                    <a href="#">恒源祥</a>
                                    <a href="#">劲霸</a>
                                    <a href="#">马克华菲</a>
                                    <a href="#">九牧王</a>
                                    <a href="#">利郎</a>
                                    <a href="#">LEE</a>
                                    <a href="#">柒牌</a>
                                    <a href="#">LEVI'S</a>
                                    <a href="#">SELECTED</a>
                                    <a href="#">杉杉</a>
                                    <a href="#">雅戈尔</a>
                                    <a href="#">DICKIES</a>
                                    <a href="#">诺帝卡</a>
                                    <a href="#">报喜鸟</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">时尚家居</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">睡衣套装</a>
                                    <a href="#">夹棉睡衣</a>
                                    <a href="#">珊瑚绒睡衣</a>
                                    <a href="#">情侣套装</a>
                                    <a href="#">卡通睡衣</a>
                                    <a href="#">睡袍</a>
                                    <a href="#">睡裙</a>
                                    <a href="#">睡裤</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">芬腾</a>
                                    <a href="#">雪俐</a>
                                    <a href="#">安之伴</a>
                                    <a href="#">派邦奴</a>
                                    <a href="#">睦隆世家</a>
                                    <a href="#">秋鹿</a>
                                    <a href="#">美梦</a>
                                    <a href="#">红豆</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">品牌女装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">保暖套装</a>
                                    <a href="#">精品文胸</a>
                                    <a href="#">连裤袜</a>
                                    <a href="#">女式内裤</a>
                                    <a href="#">保暖裤</a>
                                    <a href="#">文胸套装</a>
                                    <a href="#">保暖上衣</a>
                                    <a href="#">聚拢文胸</a>
                                    <a href="#">中筒袜</a>
                                    <a href="#">塑身上衣</a>
                                    <a href="#">男式内裤</a>
                                    <a href="#">美腿袜</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">南极人</a>
                                    <a href="#">北极绒</a>
                                    <a href="#">爱慕</a>
                                    <a href="#">古今</a>
                                    <a href="#">七匹狼</a>
                                    <a href="#">歌瑞尔</a>
                                    <a href="#">曼妮芬</a>
                                    <a href="#">猫人</a>
                                    <a href="#">夏娃之秀</a>
                                    <a href="#">浪莎</a>
                                    <a href="#">安莉芳</a>
                                    <a href="#">婷美</a>
                                    <a href="#">俞兆林</a>
                                    <a href="#">润微</a>
                                    <a href="#">帕兰朵</a>
                                    <a href="#">纤丝鸟</a>
                                </p>
                            </li>
                            <li class="subItem_ad"><a href="#"><img width="218" height="32" src="images/small_banner.png" alt="更多精彩内容"></a></li>
                        </ul>
                    </div>
                    <div class="subView hide">
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">珠宝饰品/手表眼镜</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">连衣裙</a>
                                    <a href="#">毛呢外套</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">真皮皮衣</a>
                                    <a href="#">PU外套</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">皮草</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">棉衣棉服</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">T恤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">婚纱/礼服/旗袍</a>
                                    <a href="#">短外套</a>
                                    <a href="#">风衣</a>
                                    <a href="#">半身裙</a>
                                    <a href="#">小西装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">波司登</a>
                                    <a href="#">ochirly</a>
                                    <a href="#">only</a>
                                    <a href="#">韩都衣舍</a>
                                    <a href="#">优衣库</a>
                                    <a href="#">裂帛</a>
                                    <a href="#">秋水伊人</a>
                                    <a href="#">哥弟</a>
                                    <a href="#">三彩</a>
                                    <a href="#">粉红大布娃娃</a>
                                    <a href="#">veromoda</a>
                                    <a href="#">茵曼</a>
                                    <a href="#">大嘴猴</a>
                                    <a href="#">艾莱依</a>
                                    <a href="#">歌莉娅</a>
                                    <a href="#">纳纹</a>
                                    <a href="#">艾格</a>
                                    <a href="#">江南布衣</a>
                                    <a href="#">衣香丽影</a>
                                    <a href="#">雅鹿</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">服饰配件</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">女士腰带</a>
                                    <a href="#">男士皮带</a>
                                    <a href="#">女士围巾</a>
                                    <a href="#">男士围巾</a>
                                    <a href="#">帽子</a>
                                    <a href="#">手套</a>
                                    <a href="#">领带/领结/袖扣</a>
                                    <a href="#">毛线</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">Rayli</a>
                                    <a href="#">CARTELO</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">精品男装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">棉衣</a>
                                    <a href="#">皮衣</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">呢大衣</a>
                                    <a href="#">风衣</a>
                                    <a href="#">夹克</a>
                                    <a href="#">羊绒衫</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">马甲/背心</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">t恤</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">皮裤</a>
                                    <a href="#">西服</a>
                                    <a href="#">西裤</a>
                                    <a href="#">西服套装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">JACKJONES</a>
                                    <a href="#">太平鸟</a>
                                    <a href="#">GXG</a>
                                    <a href="#">恒源祥</a>
                                    <a href="#">劲霸</a>
                                    <a href="#">马克华菲</a>
                                    <a href="#">九牧王</a>
                                    <a href="#">利郎</a>
                                    <a href="#">LEE</a>
                                    <a href="#">柒牌</a>
                                    <a href="#">LEVI'S</a>
                                    <a href="#">SELECTED</a>
                                    <a href="#">杉杉</a>
                                    <a href="#">雅戈尔</a>
                                    <a href="#">DICKIES</a>
                                    <a href="#">诺帝卡</a>
                                    <a href="#">报喜鸟</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">时尚家居</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">睡衣套装</a>
                                    <a href="#">夹棉睡衣</a>
                                    <a href="#">珊瑚绒睡衣</a>
                                    <a href="#">情侣套装</a>
                                    <a href="#">卡通睡衣</a>
                                    <a href="#">睡袍</a>
                                    <a href="#">睡裙</a>
                                    <a href="#">睡裤</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">芬腾</a>
                                    <a href="#">雪俐</a>
                                    <a href="#">安之伴</a>
                                    <a href="#">派邦奴</a>
                                    <a href="#">睦隆世家</a>
                                    <a href="#">秋鹿</a>
                                    <a href="#">美梦</a>
                                    <a href="#">红豆</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">品牌女装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">保暖套装</a>
                                    <a href="#">精品文胸</a>
                                    <a href="#">连裤袜</a>
                                    <a href="#">女式内裤</a>
                                    <a href="#">保暖裤</a>
                                    <a href="#">文胸套装</a>
                                    <a href="#">保暖上衣</a>
                                    <a href="#">聚拢文胸</a>
                                    <a href="#">中筒袜</a>
                                    <a href="#">塑身上衣</a>
                                    <a href="#">男式内裤</a>
                                    <a href="#">美腿袜</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">南极人</a>
                                    <a href="#">北极绒</a>
                                    <a href="#">爱慕</a>
                                    <a href="#">古今</a>
                                    <a href="#">七匹狼</a>
                                    <a href="#">歌瑞尔</a>
                                    <a href="#">曼妮芬</a>
                                    <a href="#">猫人</a>
                                    <a href="#">夏娃之秀</a>
                                    <a href="#">浪莎</a>
                                    <a href="#">安莉芳</a>
                                    <a href="#">婷美</a>
                                    <a href="#">俞兆林</a>
                                    <a href="#">润微</a>
                                    <a href="#">帕兰朵</a>
                                    <a href="#">纤丝鸟</a>
                                </p>
                            </li>
                            <li class="subItem_ad"><a href="#"><img width="218" height="32" src="images/small_banner.png" alt="更多精彩内容"></a></li>
                        </ul>
                    </div>
                    <div class="subView hide">
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">化妆品</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">连衣裙</a>
                                    <a href="#">毛呢外套</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">真皮皮衣</a>
                                    <a href="#">PU外套</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">皮草</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">棉衣棉服</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">T恤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">婚纱/礼服/旗袍</a>
                                    <a href="#">短外套</a>
                                    <a href="#">风衣</a>
                                    <a href="#">半身裙</a>
                                    <a href="#">小西装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">波司登</a>
                                    <a href="#">ochirly</a>
                                    <a href="#">only</a>
                                    <a href="#">韩都衣舍</a>
                                    <a href="#">优衣库</a>
                                    <a href="#">裂帛</a>
                                    <a href="#">秋水伊人</a>
                                    <a href="#">哥弟</a>
                                    <a href="#">三彩</a>
                                    <a href="#">粉红大布娃娃</a>
                                    <a href="#">veromoda</a>
                                    <a href="#">茵曼</a>
                                    <a href="#">大嘴猴</a>
                                    <a href="#">艾莱依</a>
                                    <a href="#">歌莉娅</a>
                                    <a href="#">纳纹</a>
                                    <a href="#">艾格</a>
                                    <a href="#">江南布衣</a>
                                    <a href="#">衣香丽影</a>
                                    <a href="#">雅鹿</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">服饰配件</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">女士腰带</a>
                                    <a href="#">男士皮带</a>
                                    <a href="#">女士围巾</a>
                                    <a href="#">男士围巾</a>
                                    <a href="#">帽子</a>
                                    <a href="#">手套</a>
                                    <a href="#">领带/领结/袖扣</a>
                                    <a href="#">毛线</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">Rayli</a>
                                    <a href="#">CARTELO</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">精品男装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">棉衣</a>
                                    <a href="#">皮衣</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">呢大衣</a>
                                    <a href="#">风衣</a>
                                    <a href="#">夹克</a>
                                    <a href="#">羊绒衫</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">马甲/背心</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">t恤</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">皮裤</a>
                                    <a href="#">西服</a>
                                    <a href="#">西裤</a>
                                    <a href="#">西服套装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">JACKJONES</a>
                                    <a href="#">太平鸟</a>
                                    <a href="#">GXG</a>
                                    <a href="#">恒源祥</a>
                                    <a href="#">劲霸</a>
                                    <a href="#">马克华菲</a>
                                    <a href="#">九牧王</a>
                                    <a href="#">利郎</a>
                                    <a href="#">LEE</a>
                                    <a href="#">柒牌</a>
                                    <a href="#">LEVI'S</a>
                                    <a href="#">SELECTED</a>
                                    <a href="#">杉杉</a>
                                    <a href="#">雅戈尔</a>
                                    <a href="#">DICKIES</a>
                                    <a href="#">诺帝卡</a>
                                    <a href="#">报喜鸟</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">时尚家居</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">睡衣套装</a>
                                    <a href="#">夹棉睡衣</a>
                                    <a href="#">珊瑚绒睡衣</a>
                                    <a href="#">情侣套装</a>
                                    <a href="#">卡通睡衣</a>
                                    <a href="#">睡袍</a>
                                    <a href="#">睡裙</a>
                                    <a href="#">睡裤</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">芬腾</a>
                                    <a href="#">雪俐</a>
                                    <a href="#">安之伴</a>
                                    <a href="#">派邦奴</a>
                                    <a href="#">睦隆世家</a>
                                    <a href="#">秋鹿</a>
                                    <a href="#">美梦</a>
                                    <a href="#">红豆</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">品牌女装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">保暖套装</a>
                                    <a href="#">精品文胸</a>
                                    <a href="#">连裤袜</a>
                                    <a href="#">女式内裤</a>
                                    <a href="#">保暖裤</a>
                                    <a href="#">文胸套装</a>
                                    <a href="#">保暖上衣</a>
                                    <a href="#">聚拢文胸</a>
                                    <a href="#">中筒袜</a>
                                    <a href="#">塑身上衣</a>
                                    <a href="#">男式内裤</a>
                                    <a href="#">美腿袜</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">南极人</a>
                                    <a href="#">北极绒</a>
                                    <a href="#">爱慕</a>
                                    <a href="#">古今</a>
                                    <a href="#">七匹狼</a>
                                    <a href="#">歌瑞尔</a>
                                    <a href="#">曼妮芬</a>
                                    <a href="#">猫人</a>
                                    <a href="#">夏娃之秀</a>
                                    <a href="#">浪莎</a>
                                    <a href="#">安莉芳</a>
                                    <a href="#">婷美</a>
                                    <a href="#">俞兆林</a>
                                    <a href="#">润微</a>
                                    <a href="#">帕兰朵</a>
                                    <a href="#">纤丝鸟</a>
                                </p>
                            </li>
                            <li class="subItem_ad"><a href="#"><img width="218" height="32" src="images/small_banner.png" alt="更多精彩内容"></a></li>
                        </ul>
                    </div>
                    <div class="subView hide">
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">家用电器</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">连衣裙</a>
                                    <a href="#">毛呢外套</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">真皮皮衣</a>
                                    <a href="#">PU外套</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">皮草</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">棉衣棉服</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">T恤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">婚纱/礼服/旗袍</a>
                                    <a href="#">短外套</a>
                                    <a href="#">风衣</a>
                                    <a href="#">半身裙</a>
                                    <a href="#">小西装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">波司登</a>
                                    <a href="#">ochirly</a>
                                    <a href="#">only</a>
                                    <a href="#">韩都衣舍</a>
                                    <a href="#">优衣库</a>
                                    <a href="#">裂帛</a>
                                    <a href="#">秋水伊人</a>
                                    <a href="#">哥弟</a>
                                    <a href="#">三彩</a>
                                    <a href="#">粉红大布娃娃</a>
                                    <a href="#">veromoda</a>
                                    <a href="#">茵曼</a>
                                    <a href="#">大嘴猴</a>
                                    <a href="#">艾莱依</a>
                                    <a href="#">歌莉娅</a>
                                    <a href="#">纳纹</a>
                                    <a href="#">艾格</a>
                                    <a href="#">江南布衣</a>
                                    <a href="#">衣香丽影</a>
                                    <a href="#">雅鹿</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">服饰配件</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">女士腰带</a>
                                    <a href="#">男士皮带</a>
                                    <a href="#">女士围巾</a>
                                    <a href="#">男士围巾</a>
                                    <a href="#">帽子</a>
                                    <a href="#">手套</a>
                                    <a href="#">领带/领结/袖扣</a>
                                    <a href="#">毛线</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">Rayli</a>
                                    <a href="#">CARTELO</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">精品男装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">棉衣</a>
                                    <a href="#">皮衣</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">呢大衣</a>
                                    <a href="#">风衣</a>
                                    <a href="#">夹克</a>
                                    <a href="#">羊绒衫</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">马甲/背心</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">t恤</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">皮裤</a>
                                    <a href="#">西服</a>
                                    <a href="#">西裤</a>
                                    <a href="#">西服套装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">JACKJONES</a>
                                    <a href="#">太平鸟</a>
                                    <a href="#">GXG</a>
                                    <a href="#">恒源祥</a>
                                    <a href="#">劲霸</a>
                                    <a href="#">马克华菲</a>
                                    <a href="#">九牧王</a>
                                    <a href="#">利郎</a>
                                    <a href="#">LEE</a>
                                    <a href="#">柒牌</a>
                                    <a href="#">LEVI'S</a>
                                    <a href="#">SELECTED</a>
                                    <a href="#">杉杉</a>
                                    <a href="#">雅戈尔</a>
                                    <a href="#">DICKIES</a>
                                    <a href="#">诺帝卡</a>
                                    <a href="#">报喜鸟</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">时尚家居</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">睡衣套装</a>
                                    <a href="#">夹棉睡衣</a>
                                    <a href="#">珊瑚绒睡衣</a>
                                    <a href="#">情侣套装</a>
                                    <a href="#">卡通睡衣</a>
                                    <a href="#">睡袍</a>
                                    <a href="#">睡裙</a>
                                    <a href="#">睡裤</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">芬腾</a>
                                    <a href="#">雪俐</a>
                                    <a href="#">安之伴</a>
                                    <a href="#">派邦奴</a>
                                    <a href="#">睦隆世家</a>
                                    <a href="#">秋鹿</a>
                                    <a href="#">美梦</a>
                                    <a href="#">红豆</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">品牌女装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">保暖套装</a>
                                    <a href="#">精品文胸</a>
                                    <a href="#">连裤袜</a>
                                    <a href="#">女式内裤</a>
                                    <a href="#">保暖裤</a>
                                    <a href="#">文胸套装</a>
                                    <a href="#">保暖上衣</a>
                                    <a href="#">聚拢文胸</a>
                                    <a href="#">中筒袜</a>
                                    <a href="#">塑身上衣</a>
                                    <a href="#">男式内裤</a>
                                    <a href="#">美腿袜</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">南极人</a>
                                    <a href="#">北极绒</a>
                                    <a href="#">爱慕</a>
                                    <a href="#">古今</a>
                                    <a href="#">七匹狼</a>
                                    <a href="#">歌瑞尔</a>
                                    <a href="#">曼妮芬</a>
                                    <a href="#">猫人</a>
                                    <a href="#">夏娃之秀</a>
                                    <a href="#">浪莎</a>
                                    <a href="#">安莉芳</a>
                                    <a href="#">婷美</a>
                                    <a href="#">俞兆林</a>
                                    <a href="#">润微</a>
                                    <a href="#">帕兰朵</a>
                                    <a href="#">纤丝鸟</a>
                                </p>
                            </li>
                            <li class="subItem_ad"><a href="#"><img width="218" height="32" src="images/small_banner.png" alt="更多精彩内容"></a></li>
                        </ul>
                    </div>
                    <div class="subView hide">
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">家具建材</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">连衣裙</a>
                                    <a href="#">毛呢外套</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">真皮皮衣</a>
                                    <a href="#">PU外套</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">皮草</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">棉衣棉服</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">T恤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">婚纱/礼服/旗袍</a>
                                    <a href="#">短外套</a>
                                    <a href="#">风衣</a>
                                    <a href="#">半身裙</a>
                                    <a href="#">小西装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">波司登</a>
                                    <a href="#">ochirly</a>
                                    <a href="#">only</a>
                                    <a href="#">韩都衣舍</a>
                                    <a href="#">优衣库</a>
                                    <a href="#">裂帛</a>
                                    <a href="#">秋水伊人</a>
                                    <a href="#">哥弟</a>
                                    <a href="#">三彩</a>
                                    <a href="#">粉红大布娃娃</a>
                                    <a href="#">veromoda</a>
                                    <a href="#">茵曼</a>
                                    <a href="#">大嘴猴</a>
                                    <a href="#">艾莱依</a>
                                    <a href="#">歌莉娅</a>
                                    <a href="#">纳纹</a>
                                    <a href="#">艾格</a>
                                    <a href="#">江南布衣</a>
                                    <a href="#">衣香丽影</a>
                                    <a href="#">雅鹿</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">服饰配件</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">女士腰带</a>
                                    <a href="#">男士皮带</a>
                                    <a href="#">女士围巾</a>
                                    <a href="#">男士围巾</a>
                                    <a href="#">帽子</a>
                                    <a href="#">手套</a>
                                    <a href="#">领带/领结/袖扣</a>
                                    <a href="#">毛线</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">Rayli</a>
                                    <a href="#">CARTELO</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">精品男装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">棉衣</a>
                                    <a href="#">皮衣</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">呢大衣</a>
                                    <a href="#">风衣</a>
                                    <a href="#">夹克</a>
                                    <a href="#">羊绒衫</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">马甲/背心</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">t恤</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">皮裤</a>
                                    <a href="#">西服</a>
                                    <a href="#">西裤</a>
                                    <a href="#">西服套装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">JACKJONES</a>
                                    <a href="#">太平鸟</a>
                                    <a href="#">GXG</a>
                                    <a href="#">恒源祥</a>
                                    <a href="#">劲霸</a>
                                    <a href="#">马克华菲</a>
                                    <a href="#">九牧王</a>
                                    <a href="#">利郎</a>
                                    <a href="#">LEE</a>
                                    <a href="#">柒牌</a>
                                    <a href="#">LEVI'S</a>
                                    <a href="#">SELECTED</a>
                                    <a href="#">杉杉</a>
                                    <a href="#">雅戈尔</a>
                                    <a href="#">DICKIES</a>
                                    <a href="#">诺帝卡</a>
                                    <a href="#">报喜鸟</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">时尚家居</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">睡衣套装</a>
                                    <a href="#">夹棉睡衣</a>
                                    <a href="#">珊瑚绒睡衣</a>
                                    <a href="#">情侣套装</a>
                                    <a href="#">卡通睡衣</a>
                                    <a href="#">睡袍</a>
                                    <a href="#">睡裙</a>
                                    <a href="#">睡裤</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">芬腾</a>
                                    <a href="#">雪俐</a>
                                    <a href="#">安之伴</a>
                                    <a href="#">派邦奴</a>
                                    <a href="#">睦隆世家</a>
                                    <a href="#">秋鹿</a>
                                    <a href="#">美梦</a>
                                    <a href="#">红豆</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">品牌女装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">保暖套装</a>
                                    <a href="#">精品文胸</a>
                                    <a href="#">连裤袜</a>
                                    <a href="#">女式内裤</a>
                                    <a href="#">保暖裤</a>
                                    <a href="#">文胸套装</a>
                                    <a href="#">保暖上衣</a>
                                    <a href="#">聚拢文胸</a>
                                    <a href="#">中筒袜</a>
                                    <a href="#">塑身上衣</a>
                                    <a href="#">男式内裤</a>
                                    <a href="#">美腿袜</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">南极人</a>
                                    <a href="#">北极绒</a>
                                    <a href="#">爱慕</a>
                                    <a href="#">古今</a>
                                    <a href="#">七匹狼</a>
                                    <a href="#">歌瑞尔</a>
                                    <a href="#">曼妮芬</a>
                                    <a href="#">猫人</a>
                                    <a href="#">夏娃之秀</a>
                                    <a href="#">浪莎</a>
                                    <a href="#">安莉芳</a>
                                    <a href="#">婷美</a>
                                    <a href="#">俞兆林</a>
                                    <a href="#">润微</a>
                                    <a href="#">帕兰朵</a>
                                    <a href="#">纤丝鸟</a>
                                </p>
                            </li>
                            <li class="subItem_ad"><a href="#"><img width="218" height="32" src="images/small_banner.png" alt="更多精彩内容"></a></li>
                        </ul>
                    </div>
                    <div class="subView hide">
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">食品</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">连衣裙</a>
                                    <a href="#">毛呢外套</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">真皮皮衣</a>
                                    <a href="#">PU外套</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">皮草</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">棉衣棉服</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">T恤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">婚纱/礼服/旗袍</a>
                                    <a href="#">短外套</a>
                                    <a href="#">风衣</a>
                                    <a href="#">半身裙</a>
                                    <a href="#">小西装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">波司登</a>
                                    <a href="#">ochirly</a>
                                    <a href="#">only</a>
                                    <a href="#">韩都衣舍</a>
                                    <a href="#">优衣库</a>
                                    <a href="#">裂帛</a>
                                    <a href="#">秋水伊人</a>
                                    <a href="#">哥弟</a>
                                    <a href="#">三彩</a>
                                    <a href="#">粉红大布娃娃</a>
                                    <a href="#">veromoda</a>
                                    <a href="#">茵曼</a>
                                    <a href="#">大嘴猴</a>
                                    <a href="#">艾莱依</a>
                                    <a href="#">歌莉娅</a>
                                    <a href="#">纳纹</a>
                                    <a href="#">艾格</a>
                                    <a href="#">江南布衣</a>
                                    <a href="#">衣香丽影</a>
                                    <a href="#">雅鹿</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">服饰配件</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">女士腰带</a>
                                    <a href="#">男士皮带</a>
                                    <a href="#">女士围巾</a>
                                    <a href="#">男士围巾</a>
                                    <a href="#">帽子</a>
                                    <a href="#">手套</a>
                                    <a href="#">领带/领结/袖扣</a>
                                    <a href="#">毛线</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">Rayli</a>
                                    <a href="#">CARTELO</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">精品男装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">棉衣</a>
                                    <a href="#">皮衣</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">呢大衣</a>
                                    <a href="#">风衣</a>
                                    <a href="#">夹克</a>
                                    <a href="#">羊绒衫</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">马甲/背心</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">t恤</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">皮裤</a>
                                    <a href="#">西服</a>
                                    <a href="#">西裤</a>
                                    <a href="#">西服套装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">JACKJONES</a>
                                    <a href="#">太平鸟</a>
                                    <a href="#">GXG</a>
                                    <a href="#">恒源祥</a>
                                    <a href="#">劲霸</a>
                                    <a href="#">马克华菲</a>
                                    <a href="#">九牧王</a>
                                    <a href="#">利郎</a>
                                    <a href="#">LEE</a>
                                    <a href="#">柒牌</a>
                                    <a href="#">LEVI'S</a>
                                    <a href="#">SELECTED</a>
                                    <a href="#">杉杉</a>
                                    <a href="#">雅戈尔</a>
                                    <a href="#">DICKIES</a>
                                    <a href="#">诺帝卡</a>
                                    <a href="#">报喜鸟</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">时尚家居</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">睡衣套装</a>
                                    <a href="#">夹棉睡衣</a>
                                    <a href="#">珊瑚绒睡衣</a>
                                    <a href="#">情侣套装</a>
                                    <a href="#">卡通睡衣</a>
                                    <a href="#">睡袍</a>
                                    <a href="#">睡裙</a>
                                    <a href="#">睡裤</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">芬腾</a>
                                    <a href="#">雪俐</a>
                                    <a href="#">安之伴</a>
                                    <a href="#">派邦奴</a>
                                    <a href="#">睦隆世家</a>
                                    <a href="#">秋鹿</a>
                                    <a href="#">美梦</a>
                                    <a href="#">红豆</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">品牌女装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">保暖套装</a>
                                    <a href="#">精品文胸</a>
                                    <a href="#">连裤袜</a>
                                    <a href="#">女式内裤</a>
                                    <a href="#">保暖裤</a>
                                    <a href="#">文胸套装</a>
                                    <a href="#">保暖上衣</a>
                                    <a href="#">聚拢文胸</a>
                                    <a href="#">中筒袜</a>
                                    <a href="#">塑身上衣</a>
                                    <a href="#">男式内裤</a>
                                    <a href="#">美腿袜</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">南极人</a>
                                    <a href="#">北极绒</a>
                                    <a href="#">爱慕</a>
                                    <a href="#">古今</a>
                                    <a href="#">七匹狼</a>
                                    <a href="#">歌瑞尔</a>
                                    <a href="#">曼妮芬</a>
                                    <a href="#">猫人</a>
                                    <a href="#">夏娃之秀</a>
                                    <a href="#">浪莎</a>
                                    <a href="#">安莉芳</a>
                                    <a href="#">婷美</a>
                                    <a href="#">俞兆林</a>
                                    <a href="#">润微</a>
                                    <a href="#">帕兰朵</a>
                                    <a href="#">纤丝鸟</a>
                                </p>
                            </li>
                            <li class="subItem_ad"><a href="#"><img width="218" height="32" src="images/small_banner.png" alt="更多精彩内容"></a></li>
                        </ul>
                    </div>
                    <div class="subView hide">
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">医药保健</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">连衣裙</a>
                                    <a href="#">毛呢外套</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">真皮皮衣</a>
                                    <a href="#">PU外套</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">皮草</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">棉衣棉服</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">T恤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">婚纱/礼服/旗袍</a>
                                    <a href="#">短外套</a>
                                    <a href="#">风衣</a>
                                    <a href="#">半身裙</a>
                                    <a href="#">小西装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">波司登</a>
                                    <a href="#">ochirly</a>
                                    <a href="#">only</a>
                                    <a href="#">韩都衣舍</a>
                                    <a href="#">优衣库</a>
                                    <a href="#">裂帛</a>
                                    <a href="#">秋水伊人</a>
                                    <a href="#">哥弟</a>
                                    <a href="#">三彩</a>
                                    <a href="#">粉红大布娃娃</a>
                                    <a href="#">veromoda</a>
                                    <a href="#">茵曼</a>
                                    <a href="#">大嘴猴</a>
                                    <a href="#">艾莱依</a>
                                    <a href="#">歌莉娅</a>
                                    <a href="#">纳纹</a>
                                    <a href="#">艾格</a>
                                    <a href="#">江南布衣</a>
                                    <a href="#">衣香丽影</a>
                                    <a href="#">雅鹿</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">服饰配件</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">女士腰带</a>
                                    <a href="#">男士皮带</a>
                                    <a href="#">女士围巾</a>
                                    <a href="#">男士围巾</a>
                                    <a href="#">帽子</a>
                                    <a href="#">手套</a>
                                    <a href="#">领带/领结/袖扣</a>
                                    <a href="#">毛线</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">Rayli</a>
                                    <a href="#">CARTELO</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">精品男装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">棉衣</a>
                                    <a href="#">皮衣</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">呢大衣</a>
                                    <a href="#">风衣</a>
                                    <a href="#">夹克</a>
                                    <a href="#">羊绒衫</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">马甲/背心</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">t恤</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">皮裤</a>
                                    <a href="#">西服</a>
                                    <a href="#">西裤</a>
                                    <a href="#">西服套装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">JACKJONES</a>
                                    <a href="#">太平鸟</a>
                                    <a href="#">GXG</a>
                                    <a href="#">恒源祥</a>
                                    <a href="#">劲霸</a>
                                    <a href="#">马克华菲</a>
                                    <a href="#">九牧王</a>
                                    <a href="#">利郎</a>
                                    <a href="#">LEE</a>
                                    <a href="#">柒牌</a>
                                    <a href="#">LEVI'S</a>
                                    <a href="#">SELECTED</a>
                                    <a href="#">杉杉</a>
                                    <a href="#">雅戈尔</a>
                                    <a href="#">DICKIES</a>
                                    <a href="#">诺帝卡</a>
                                    <a href="#">报喜鸟</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">时尚家居</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">睡衣套装</a>
                                    <a href="#">夹棉睡衣</a>
                                    <a href="#">珊瑚绒睡衣</a>
                                    <a href="#">情侣套装</a>
                                    <a href="#">卡通睡衣</a>
                                    <a href="#">睡袍</a>
                                    <a href="#">睡裙</a>
                                    <a href="#">睡裤</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">芬腾</a>
                                    <a href="#">雪俐</a>
                                    <a href="#">安之伴</a>
                                    <a href="#">派邦奴</a>
                                    <a href="#">睦隆世家</a>
                                    <a href="#">秋鹿</a>
                                    <a href="#">美梦</a>
                                    <a href="#">红豆</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">品牌女装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">保暖套装</a>
                                    <a href="#">精品文胸</a>
                                    <a href="#">连裤袜</a>
                                    <a href="#">女式内裤</a>
                                    <a href="#">保暖裤</a>
                                    <a href="#">文胸套装</a>
                                    <a href="#">保暖上衣</a>
                                    <a href="#">聚拢文胸</a>
                                    <a href="#">中筒袜</a>
                                    <a href="#">塑身上衣</a>
                                    <a href="#">男式内裤</a>
                                    <a href="#">美腿袜</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">南极人</a>
                                    <a href="#">北极绒</a>
                                    <a href="#">爱慕</a>
                                    <a href="#">古今</a>
                                    <a href="#">七匹狼</a>
                                    <a href="#">歌瑞尔</a>
                                    <a href="#">曼妮芬</a>
                                    <a href="#">猫人</a>
                                    <a href="#">夏娃之秀</a>
                                    <a href="#">浪莎</a>
                                    <a href="#">安莉芳</a>
                                    <a href="#">婷美</a>
                                    <a href="#">俞兆林</a>
                                    <a href="#">润微</a>
                                    <a href="#">帕兰朵</a>
                                    <a href="#">纤丝鸟</a>
                                </p>
                            </li>
                            <li class="subItem_ad"><a href="#"><img width="218" height="32" src="images/small_banner.png" alt="更多精彩内容"></a></li>
                        </ul>
                    </div>
                    <div class="subView hide">
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">文化娱乐</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">连衣裙</a>
                                    <a href="#">毛呢外套</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">真皮皮衣</a>
                                    <a href="#">PU外套</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">皮草</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">棉衣棉服</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">T恤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">婚纱/礼服/旗袍</a>
                                    <a href="#">短外套</a>
                                    <a href="#">风衣</a>
                                    <a href="#">半身裙</a>
                                    <a href="#">小西装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">波司登</a>
                                    <a href="#">ochirly</a>
                                    <a href="#">only</a>
                                    <a href="#">韩都衣舍</a>
                                    <a href="#">优衣库</a>
                                    <a href="#">裂帛</a>
                                    <a href="#">秋水伊人</a>
                                    <a href="#">哥弟</a>
                                    <a href="#">三彩</a>
                                    <a href="#">粉红大布娃娃</a>
                                    <a href="#">veromoda</a>
                                    <a href="#">茵曼</a>
                                    <a href="#">大嘴猴</a>
                                    <a href="#">艾莱依</a>
                                    <a href="#">歌莉娅</a>
                                    <a href="#">纳纹</a>
                                    <a href="#">艾格</a>
                                    <a href="#">江南布衣</a>
                                    <a href="#">衣香丽影</a>
                                    <a href="#">雅鹿</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">服饰配件</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">女士腰带</a>
                                    <a href="#">男士皮带</a>
                                    <a href="#">女士围巾</a>
                                    <a href="#">男士围巾</a>
                                    <a href="#">帽子</a>
                                    <a href="#">手套</a>
                                    <a href="#">领带/领结/袖扣</a>
                                    <a href="#">毛线</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">Rayli</a>
                                    <a href="#">CARTELO</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">精品男装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">羽绒服</a>
                                    <a href="#">毛衣</a>
                                    <a href="#">棉衣</a>
                                    <a href="#">皮衣</a>
                                    <a href="#">牛仔裤</a>
                                    <a href="#">呢大衣</a>
                                    <a href="#">风衣</a>
                                    <a href="#">夹克</a>
                                    <a href="#">羊绒衫</a>
                                    <a href="#">休闲裤</a>
                                    <a href="#">卫衣</a>
                                    <a href="#">马甲/背心</a>
                                    <a href="#">衬衫</a>
                                    <a href="#">t恤</a>
                                    <a href="#">针织衫</a>
                                    <a href="#">皮裤</a>
                                    <a href="#">西服</a>
                                    <a href="#">西裤</a>
                                    <a href="#">西服套装</a>
                                    <a href="#">中老年服装</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">七匹狼</a>
                                    <a href="#">JACKJONES</a>
                                    <a href="#">太平鸟</a>
                                    <a href="#">GXG</a>
                                    <a href="#">恒源祥</a>
                                    <a href="#">劲霸</a>
                                    <a href="#">马克华菲</a>
                                    <a href="#">九牧王</a>
                                    <a href="#">利郎</a>
                                    <a href="#">LEE</a>
                                    <a href="#">柒牌</a>
                                    <a href="#">LEVI'S</a>
                                    <a href="#">SELECTED</a>
                                    <a href="#">杉杉</a>
                                    <a href="#">雅戈尔</a>
                                    <a href="#">DICKIES</a>
                                    <a href="#">诺帝卡</a>
                                    <a href="#">报喜鸟</a>
                                </p>
                            </li>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">时尚家居</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">睡衣套装</a>
                                    <a href="#">夹棉睡衣</a>
                                    <a href="#">珊瑚绒睡衣</a>
                                    <a href="#">情侣套装</a>
                                    <a href="#">卡通睡衣</a>
                                    <a href="#">睡袍</a>
                                    <a href="#">睡裙</a>
                                    <a href="#">睡裤</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">芬腾</a>
                                    <a href="#">雪俐</a>
                                    <a href="#">安之伴</a>
                                    <a href="#">派邦奴</a>
                                    <a href="#">睦隆世家</a>
                                    <a href="#">秋鹿</a>
                                    <a href="#">美梦</a>
                                    <a href="#">红豆</a>
                                </p>
                            </li>
                        </ul>
                        <ul>
                            <li class="subItem">
                                <h3 class="subItem_hd"><a href="#">品牌女装</a></h3>
                                <p class="subItem_cat">
                                    <a href="#">保暖套装</a>
                                    <a href="#">精品文胸</a>
                                    <a href="#">连裤袜</a>
                                    <a href="#">女式内裤</a>
                                    <a href="#">保暖裤</a>
                                    <a href="#">文胸套装</a>
                                    <a href="#">保暖上衣</a>
                                    <a href="#">聚拢文胸</a>
                                    <a href="#">中筒袜</a>
                                    <a href="#">塑身上衣</a>
                                    <a href="#">男式内裤</a>
                                    <a href="#">美腿袜</a>
                                </p>
                                <h4 class="subItem_title">品牌:</h4>
                                <p class="subItem_brand">
                                    <a href="#">南极人</a>
                                    <a href="#">北极绒</a>
                                    <a href="#">爱慕</a>
                                    <a href="#">古今</a>
                                    <a href="#">七匹狼</a>
                                    <a href="#">歌瑞尔</a>
                                    <a href="#">曼妮芬</a>
                                    <a href="#">猫人</a>
                                    <a href="#">夏娃之秀</a>
                                    <a href="#">浪莎</a>
                                    <a href="#">安莉芳</a>
                                    <a href="#">婷美</a>
                                    <a href="#">俞兆林</a>
                                    <a href="#">润微</a>
                                    <a href="#">帕兰朵</a>
                                    <a href="#">纤丝鸟</a>
                                </p>
                            </li>
                            <li class="subItem_ad"><a href="#"><img width="218" height="32" src="images/small_banner.png" alt="更多精彩内容"></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>

tmallMenu.js

 
(function($) {
    $(function(){
        var nav = $("#nav");
        var category = $(".category");
        var categoryHd = $(".categoryHd");
        var categoryBtn = categoryHd.find("i");
        var categoryBd = $(".categoryBd");
        var subCategory = $(".subCategory");
        var catItem = categoryBd.find(".item");
        var subView = subCategory.find(".subView");
        var s_space = 80; //滚动间距,每滚动多少时,折叠下一个菜单
        var isIE = !!window.ActiveXObject;
        var isIE6 = isIE&&!window.XMLHttpRequest;

        if (isIE) {
            $("body").prepend("<div class=\"browserTip\">亲~你肿么还在使用IE6? 用它上网,不但安全性无法很好保障,还丢失了很多乐趣,为了您和家人的健康请抛弃他~</div>");
        };

        function cancelBubble(event) {
            event.stopPropagation();
        };

        catItem.mouseenter(function(){
            var i = catItem.index(this); //获得当前元素的位置(序列)
            var cur_c = catItem.eq(i);
            var cur_s = subView.eq(i);
            cur_c.addClass("selected").siblings().removeClass('selected');
            cur_s.removeClass('hide').siblings().addClass('hide');

            var subView_w = cur_s.outerWidth(true);
            var subView_h = cur_s.outerHeight(true);
            var subCat_t = catItem.eq(i).offset().top - categoryBd.offset().top + 20;
            var subCat_t2 = $(window).height() -  cur_s.outerHeight(true) - catItem.eq(i).outerHeight(true);
            var subCat_t3 = $(document).scrollTop() - catItem.eq(i).outerHeight(true);
            subCategory.css({'height':subView_h});
            if (!isIE6) {
                if ( subView_h+ subCat_t >= $(window).height() ) {
                    if ( subCat_t2 < 0 ) {
                        subCategory.stop(true,false).animate({'width':subView_w,'top':'20'},150);
                    }else{
                        subCategory.stop(true,false).animate({'width':subView_w,'top':subCat_t2},150);
                    };
                }else{
                    subCategory.stop(true,false).animate({'width':subView_w,'top':subCat_t},150);
                };
            }else{
                if( subCat_t3 > 0 && subCat_t3 + cur_s.outerHeight(true)>$(window).height() ){
                    subCategory.stop(true,false).animate({'width':subView_w,'top':subCat_t3},150);
                }else{
                    subCategory.stop(true,false).animate({'width':subView_w,'top':'20'},150);
                }
            };
        });
        function closeCat() {
            catItem.removeClass('selected');
            subCategory.stop(true,false).animate({'width':'0'},150);
        }
        categoryHd.mouseenter(function(){ closeCat() });
        category.mouseleave(function(){ closeCat() });

        $(".itemBottom").hover(function(){
            $(this).addClass("selected");
        },function(){
            $(this).removeClass("selected");
        });

        if ( !isIE6 ) {
            /* 菜单折叠 */
            var expand = $(".expand"),simple = $(".simple");
            expand.click(function(){ //展开
                $(this).addClass("selected");
                simple.removeClass("selected");
                catItem.removeClass("itemSelected")
            });
            simple.click(function(){ //折叠
                if ( category.css("position") != "fixed" ) {
                    $(this).addClass("selected");
                    expand.removeClass("selected");
                    catItem.addClass("itemSelected");
                }else{
                    $(this).addClass("selected");
                    expand.removeClass("selected");
                    catItem.addClass("itemSelected");
                    categoryBtn.addClass("hide");
                };
            });
            /* 滚动折叠 */
            function s_switch(s_cur) {
                for( var i = 0; i < s_cur; i++ ) {
                    if( i < catItem.length) {
                        catItem.eq(i).addClass("itemSelected");
                    }
                    if ( i >= catItem.length ) {
                        categoryBtn.addClass("hide");
                    };
                }
                for( var i = catItem.length-1; i >= s_cur ; i-- ) {
                    if( i >= 0 ) {
                        catItem.eq(i).removeClass("itemSelected");
                    }
                }
            };
            $(window).scroll(function() {
                var nav_t = nav.offset().top; //判断滚动多少值时,菜单折叠,并切换成浮动状态
                var s_top = $(document).scrollTop();
                var s_cur = parseInt((s_top - nav_t)/ 20 );
                var scrollTimeOut;
                clearTimeout(scrollTimeOut);
                if( s_top > nav_t ){
                    if ( simple.attr("class") != "simple selected" ) {
                        scrollTimeOut = setTimeout(function() {
                            s_switch(s_cur);
                        },200);
                    };
                    category.addClass("cateFixed");
                }else{
                    category.removeClass("cateFixed");
                    if ( simple.attr("class") != "simple selected" ) {
                        scrollTimeOut = setTimeout(function() {
                            s_switch(s_cur);
                            categoryBtn.removeClass("hide");
                        },200);
                    };
                };
            });
        };
    });
})(jQuery);

运行结果如图:

仿天猫浮动折叠菜单


仿天猫浮动折叠菜单

上一篇:jsp 数据连接池


下一篇:kvm虚拟化学习笔记(一)之kvm虚拟化环境安装