未来,只属于那些知道自己归属的人。
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);