WOMEN 九分裤 - 优衣库官方网络旗舰店

<style>
/*public*/

.clearfix:after {
  content: '';
  display: block;
  clear: both;
}

/*u-nav-wrapper*/

#u-nav-wrapper {
  position: relative;
  width: 1280px;
  height: 50px;
  margin: 0 auto;
}

.nav-mask-cover {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  z-index: 10;
}

/*nav*/

#u-main-nav {
  position: relative;
  z-index: 20;
}

#u-nav-wrapper .left-nav {
  float: left;
  width: 595px;
  background: #fff;
}

.left-nav li,
.right-nav li {
  float: left;
  line-height: 50px;
  text-align: center;
}

.left-nav a,
.right-nav a {
  position: relative;
  text-decoration: none;
  font-size: 14px;
}

.left-nav a {
  font-weight: bold;
  color: #000;
}

.right-nav a {
  font-weight: bold;
  color: #fff;
}

#u-nav-wrapper .right-nav {
  float: right;
  background: #a1a1a1;
  width: 685px;
}

.right-nav li {
  float: left;
}

/*left-nav*/

.left-nav .nav-logo {
  height: 50px;
}

.left-nav .nav-women {
  width: 116px;
}

.left-nav .nav-men {
  width: 97px;
}

.left-nav .nav-kids {
  width: 96px;
}

.left-nav .nav-baby {
  width: 116px;
}

.left-nav .nav-women a:after,
.left-nav .nav-men a:after,
.left-nav .nav-kids a:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: -18px;
  width: 0px;
  height: 20px;
  border-left: 1px dotted #000;
}

.left-nav .nav-women a:hover,
.left-nav .nav-men a:hover,
.left-nav .nav-kids a:hover,
.left-nav .nav-baby a:hover {
  color: #fe0000;
}

/*right-nav*/

.right-nav .nav-enterprise,
.right-nav .nav-about,
.right-nav .nav-shoplist {
  width: 99px;
}

.right-nav .nav-guide,
.right-nav .nav-ele-paper {
  width: 129px;
}

.right-nav .nav-announcement {
  width: 130px;
}

.right-nav .nav-shoplist {
  background: #666666;
}

.right-nav .nav-ele-paper {
  background: #3c3c3c;
}

.right-nav .nav-about,
.right-nav .nav-announcement {
  background: url('https://suat.uniqlo.cn/public/bin/images/header/new_flg.png') no-repeat;
}

.right-nav .nav-about {
  background-position: 73px 8px;
}

.right-nav .nav-announcement {
  background-position: 83px 8px;
}

.right-nav .nav-enterprise a:after,
.right-nav .nav-guide a:after,
.right-nav .nav-about a:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: -22px;
  width: 0px;
  height: 20px;
  border-left: 1px dotted #fff;
}

/*u-main-nav-list*/

#u-main-nav-list {
  position: absolute;
  width: 1280px;
  z-index: 20;
letter-spacing: 1px;
}

#u-main-nav-list .nav-close-btn {
  font-size: 36px;
  color: #fe0000;
  text-decoration: none;
  position: absolute;
  top: -30px;
  right: 0;
}

#u-main-nav-list .nav-women-list,
#u-main-nav-list .nav-men-list,
#u-main-nav-list .nav-kids-list,
#u-main-nav-list .nav-baby-list,
#u-main-nav-list .company-info,
#u-main-nav-list .company-about {
  position: absolute;
  display: none;
  top: 20px;
  width: 100%;
  box-sizing: border-box;
  padding: 20px 10px;
  background: #fff;
}

#u-main-nav-list .nav-women-list,
#u-main-nav-list .nav-men-list,
#u-main-nav-list .nav-kids-list,
#u-main-nav-list .nav-baby-list {
  height: 500px;
}

#u-main-nav-list .nav-women-list:before,
#u-main-nav-list .nav-men-list:before,
#u-main-nav-list .nav-kids-list:before,
#u-main-nav-list .nav-baby-list:before {
  content: '';
  display: block;
  position: absolute;
  top: -10px;
  width: 20px;
  height: 20px;
  background: #000;
  z-index: -1;
  transform: rotate(45deg);
}

#u-main-nav-list .nav-women-list:before {
  left: 100px;
}

#u-main-nav-list .nav-men-list:before {
  left: 200px;
}

#u-main-nav-list .nav-kids-list:before {
  left: 300px;
}

#u-main-nav-list .nav-baby-list:before {
  left: 400px;
}

#u-main-nav-list dl {
  float: left;
  height: 100%;

width: 25%;
}

#u-main-nav-list dt {
  width: 280px;
  padding: 5px 0;
  color: #fe0000;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 1px solid #ccc;
}

#u-main-nav-list dd {
  margin: 10px 0 0 0;
  font-size: 12px;
  cursor:pointer;
}

#u-main-nav-list dd.inline:nth-of-type(odd) {
  display: inline-block;
  width:50.5%;
  border-right: 1px dashed #ccc;
}
#u-main-nav-list dd.inline:nth-of-type(even) {
  padding-left:5px;
  width:47.5%;
  border:none;
  display:inline-block;
}
#u-main-nav-list div.inline-title{
	margin:10px 0 0 0;
	font-size:12px;
	padding:0;	
}

/*#u-main-nav-list dd.inline-right {
  padding-left:10px;
  width:40%;
  border:none;
  
}*/

#u-main-nav-list dd.hot a {
  position: relative;
}

#u-main-nav-list dd.hot a:after {
  content: '';
  display: block;
  width: 21px;
  height: 16px;
  position: absolute;
  top: -5px;
  right: -25px;
  background: url('https://suat.uniqlo.cn/public/bin/images/header/hot_flg.png') no-repeat;
}

#u-main-nav-list dd.new a {
  position: relative;
}

#u-main-nav-list dd.new a:after {
  content: '';
  display: block;
  width: 21px;
  height: 16px;
  position: absolute;
  top: -5px;
  right: -25px;
  background: url('https://suat.uniqlo.cn/public/bin/images/header/new_flg.png') no-repeat;
}

#u-main-nav-list .nav-list-part {
  height: 34%;
  padding: 5px 0 10px;
}

#u-main-nav-list .nav-list-part a {
  color: #7f7f7f;
  text-decoration: none;
}

#u-main-nav-list .nav-list-part a:hover{
  color:#fe0000;
}

#u-main-nav-list .nav-list-part .list-img-hover img {
  border: 1px solid #e6e6e6;
  width: 310px;
}

#u-main-nav-list .nav-list-part .list-img-hover img:hover {
  border: 1px solid #f00;
}

#u-main-nav-list .nav-list-part .list-text-hover {
  padding: 4px 0;
}

#u-main-nav-list .nav-list-part .list-text-hover:hover {
  background: #f00;
}

#u-main-nav-list .nav-list-part .list-text-hover:hover a {
  color: #fff;
}

/*.company-info*/

#u-main-nav-list .company-info:before,
#u-main-nav-list .company-about:before {
  content: '';
  display: block;
  position: absolute;
  top: -10px;
  width: 20px;
  height: 20px;
  background: #fff;
  z-index: -1;
  transform: rotate(45deg);
}

#u-main-nav-list .company-info:before {
  right: 600px;
}

.company-info>ul>li {
  float: left;
  width: 20%;
}

.company-info .company-nav-list li {
  text-align: center;
  line-height: 30px;
}

.company-info .company-nav-list li:hover {
  background: #f00;
}

.company-info .company-nav-list li:hover a {
  color: #fff;
}

.company-info .company-nav-list a {
  text-decoration: none;
  color: #000;
}

.company-info .company-nav-list .company-title a {
  font-size: 16px;
  color: #f00;
  font-weight: 600;
  letter-spacing:1px;
}

/*.company-about*/

#u-main-nav-list .company-about:before {
  right: 385px;
}

.company-about>ul>li {
  float: left;
  width: 25%;
}

.company-about .company-about-list li {
  text-align: center;
}

.company-about .company-about-list li:first-of-type:hover {
  background: #f00;
}

.company-about .company-about-list li:first-of-type:hover a {
  color: #fff;
}

.company-about .company-about-list li a {
  text-decoration: none;
  color: #000;
}

.company-about .company-about-list .company-about-title {
  height: 38px;
}

.company-about .company-about-list .company-about-title a {
  font: bold 14px;
  color: #f00;
}

.company-about .social-about-list {
  padding-top: 50px;
}

.company-about .social-about-list .social-about a {
  color: #f00;
  font-weight: 900;
  font-size: 14px;
}

.company-about .social-about-list .social-about:hover {
  background: #f00;
}

.company-about .social-about-list .social-about:hover a {
  color: #fff;
}
</style>

<script type="text/javascript" src="https://uniqlo.image.alimmdn.com/L1/js/lib.js"></script>
 <div id="u-nav-wrapper">
    <div class="nav-mask-cover"></div>
    <div id="u-main-nav" class="clearfix">
      <ul class="left-nav">
        <li class="nav-logo"><a href="/" target="_blank"><img src="https://suat.uniqlo.cn/public/Image/L1/nav/nav-logo/LOGO.gif" alt="" /></a></li>
        <li class="nav-women"><a href="javascript:;">女 装 WOMEN</a></li>
        <li class="nav-men"><a href="javascript:;">男 装 MEN</a></li>
        <li class="nav-kids"><a href="javascript:;">童 装 KIDS</a></li>
        <li class="nav-baby"><a href="javascript:;">婴 儿 装 BABY</a></li>
      </ul>
      <ul class="right-nav">
        <li class="nav-enterprise"><a href="javascript:;">企业信息</a></li>
        <li class="nav-guide"><a href="/Shopping_Guide.html">网上购买指南</a></li>
        <li class="nav-about"><a href="javascript:;">关注我们</a></li>
        <li class="nav-announcement"><a href="/notice.html">公告区</a></li>
        <li class="nav-shoplist"><a href="/shop/shop_list.html">店铺资料</a></li>
        <li class="nav-ele-paper"><a href="javascript:;">订阅电子快报</a></li>
      </ul>
    </div>
    <div id="u-main-nav-list">
      
      <div class="nav-women-list clearfix">
        <dl>
          <div class="nav-list-part">
            <dt>新作&特惠</dt>
            <div class="inline-title"><a href=''  target="_blank">全商品</a></div>
            <dd class="inline hot"><a href='/c/XIANSHITEYOU.html' target="_blank">限时特优商品</a></dd>
            <dd class="inline new"><a href='/c/XINPIN.html' target="_blank">最新上架商品</a></dd>
            <dd class="inline"><a href='/c/chaozhijingxuan.html' target="_blank">超值精选</a></dd>
            <dd class="inline new"><a href='/c/TEBIECHIMA.html' target="_blank">特别尺码</a></dd>
          </div>
          <div class="nav-list-part">
            <dt>衬衫&T恤</dt>
            <dd class="inline new"><a href="" target="_blank">UT系列印花T恤·运动衫 </a></dd>
            <dd class="inline hot"><a href="" target="_blank">衬衫特辑</a></dd>
            <dd class="inline new"><a href="" target="_blank">男女同款印花T恤</a></dd>
            <dd class="inline hot"><a href="" target="_blank">T恤</a></dd>                 
          </div>
          <div class="nav-list-part">
            <dt>内衣&内裤&袜子</dt>
            <dd class="inline new"><a href="" target="_blank">AIRism系列</a></dd>
            <dd class="inline"><a href="" target="_blank">HEATTECH系列</a></dd>
            <dd class="inline hot"><a href="" target="_blank">舒美衣BRA IN ONE</a></dd>
            <dd class="inline hot"><a href="" target="_blank">文胸·内裤 </a></dd>
            <dd class="inline hot"><a href="" target="_blank">内衣</a></dd>
            <dd class="inline hot"><a href="" target="_blank"> 袜子·紧身裤</a></dd>          
          </div>
        </dl>
        <dl>
          <div class="nav-list-part">
            <dt>外套&针织衫</dt>
            <dd class="inline"><a href="" target="_blank">针织衫</a></dd>
            <dd class="inline new"><a href="" target="_blank">外套</a></dd>
            <dd class="new"><a href="" target="_blank">羽绒服</a></dd>
          </div>
          <div class="nav-list-part">
            <dt>裤装</dt>
            <dd class="inline new"><a href="" target="_blank">九分裤·七分裤</a></dd>
            <dd class="inline hot"><a href="" target="_blank">牛仔裤</a></dd>
            <dd class="inline hot"><a href="" target="_blank">紧身裤</a></dd>
            <dd class="inline new"><a href="" target="_blank">长裤</a></dd>          
            <dd class="hot"><a href="" target="_blank">短裤</a></dd>
          </div>
          <div class="nav-list-part">
            <dt>起居服&配件</dt>
            <dd class="inline new"><a href="" target="_blank">起居系列</a></dd>
            <dd class="inline hot"><a href="" target="_blank"> 配件</a></dd>
          </div>
        </dl>
        <dl>
          <div class="nav-list-part">
            <dt>运动衫&运动裤</dt>
            <dd class="inline new"><a href="" target="_blank">运动系列</a></dd>
            <dd class="inline new"><a href="" target="_blank">运动衫系列</a></dd>
            <dd><a href="" target="_blank">泳装</a></dd>
          </div>
          <div class="nav-list-part">
            <dt>裙装</dt>
            <dd class="inline new"><a href="" target="_blank">连衣裙·连体裙</a></dd>
            <dd class="inline"><a href="" target="_blank">半裙</a></dd>
          </div>
          <div class="nav-list-part">
            <dt>特辑</dt>
            <dd class="inline"><a href="" target="_blank">运动特辑</a></dd>
            <dd class="inline"><a href="" target="_blank">职场特辑</a></dd>
            <dd class="inline new"><a href="" target="_blank">孕妇装</a></dd>
            <dd class="inline"><a href="" target="_blank">UT特辑</a></dd>
            <dd class="inline"><a href="" target="_blank">烟管牛仔裤特辑</a></dd>
            <dd class="inline"><a href="" target="_blank">亲子装</a></dd>
            <dd class="inline"><a href="" target="_blank">泳装特辑</a></dd>
            <dd class="inline"><a href="" target="_blank">Marimekko</a></dd>
            <dd class=""><a href="" target="_blank">tomas maier</a></dd>
          </div>
        </dl>
        <dl>
          <div class="nav-list-part">
            <dt>特辑一览</dt>
            <dd class="list-img-hover"><a href="" target="_blank"><img src="https://suat.uniqlo.cn/public/Image/L1/nav/nav-list-image/w/2017/06/16/newdemo.jpg" alt="" width="410"/></a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">简约易搭，纵享时尚——衬衫系列</a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">优美舒适，轻松出行——九分裤·七分裤系列</a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">单穿叠穿，纵享优雅——连衣裙系列</a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">面料考究，适合穿搭——T恤系列</a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">MADE TO MOVE.LIKE YOU.——运动系列</a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">秋季新品，百搭实用——外套系列</a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">纵享柔滑，舒适触感——AIRism舒爽内衣系列</a></dd>           
          </div>
        </dl>
        <a href="javascript:;" class="nav-close-btn">×</a>
      </div>
      
      <div class="nav-men-list clearfix">
        <dl>
          <div class="nav-list-part">
            <dt>新作&特惠</dt>
            <div class="inline-title"><a href="" target="_blank">全商品</a></div>
            <dd class="inline hot"><a href="" target="_blank">限时特优商品</a></dd>
            <dd class="inline new"><a href="" target="_blank">最新上架商品</a></dd>
            <dd class="inline"><a href="" target="_blank">超值精选</a></dd>
            <dd class="inline new"><a href="" target="_blank">特别尺码</a></dd>
          </div>
          <div class="nav-list-part">
            <dt>衬衫</dt>
            <dd class="inline hot"><a href="" target="_blank">休闲衬衫</a></dd>
            <dd class="inline"><a href="" target="_blank">商务衬衫</a></dd>
            <dd class="inline"><a href="" target="_blank">优质长绒棉</a></dd>
            <dd class="inline"><a href="" target="_blank">牛仔</a></dd>
            <dd class="inline"><a href="" target="_blank">牛津纺</a></dd>
            <dd class="inline"><a href="" target="_blank">高级麻衬衫</a></dd>
          </div>
          <div class="nav-list-part">
            <dt>内衣&内裤&袜子</dt>
            <dd class="inline"><a href="" target="_blank">HEATTECH系列</a></dd>
            <dd class="inline new"><a href="" target="_blank">AIRism系列</a></dd>
            <dd class="inline hot"><a href="" target="_blank">内衣</a></dd>
            <dd class="inline new"><a href="" target="_blank">内裤</a></dd>
            <dd class=""><a href="" target="_blank">袜子</a></dd>
          </div>
        </dl>
        <dl>
          <div class="nav-list-part">
            <dt>外套&针织衫</dt>
            <dd class="inline new"><a href="" target="_blank">外套·茄克</a></dd>
            <dd class="inline"><a href="" target="_blank">夹克·大衣</a></dd>
            <dd class="inline"><a href="" target="_blank">针织衫</a></dd>
            <dd class="inline new"><a href="" target="_blank">羽绒服</a></dd>
          </div>
          <div class="nav-list-part">
            <dt>T恤</dt>
            <dd class="inline new"><a href="" target="_blank">UT系列印花T恤</a></dd>
            <dd class="inline hot"><a href="" target="_blank">T恤</a></dd>
            <dd class="inline hot"><a href="" target="_blank">男女同款印花T恤</a></dd>
            <dd class="inline hot"><a href="" target="_blank">POLO衫</a></dd>         
          </div>
          <div class="nav-list-part">
            <dt>起居服&配件</dt>
            <dd class="inline hot"><a href="" target="_blank">起居系列</a></dd>
            <dd class="inline hot"><a href="" target="_blank">配件</a></dd>
            <dd class="hot"><a href="" target="_blank">腰带</a></dd>
          </div>
        </dl>
        <dl>
          <div class="nav-list-part">
            <dt>运动衫&运动裤</dt>
            <dd class="inline new"><a href="" target="_blank">运动系列</a></dd>
            <dd class="inline new"><a href="" target="_blank">运动衫系列</a></dd>
            <dd class="inline"><a href="" target="_blank">运动T恤</a></dd>
            <dd class="inline"><a href="" target="_blank">运动训练紧身裤</a></dd>
          </div>
          <div class="nav-list-part">
            <dt>裤装</dt>
            <dd class="inline new"><a href="" target="_blank">长裤·卡其裤</a></dd>
            <dd class="inline"><a href="" target="_blank">牛仔裤</a></dd>
            <dd class="inline"><a href="" target="_blank">九分裤</a></dd>
            <dd class="inline hot"><a href="" target="_blank">短裤·中裤</a></dd>
         </div>
          <div class="nav-list-part">
            <dt>特辑</dt>
            <dd class="inline"><a href="" target="_blank">运动特辑</a></dd>
            <dd class="inline"><a href="" target="_blank">UT特辑</a></dd>
            <dd class="inline"><a href="" target="_blank">快干弹力长裤</a></dd>
            <dd class="inline"><a href="" target="_blank">职场搭配</a></dd>
            <dd class="inline"><a href="" target="_blank">亲子装</a></dd>
            <dd class="inline"><a href="" target="_blank">tomas maier</a></dd>
          </div>
        </dl>
        <dl>
          <div class="nav-list-part">
            <dt>特辑一览</dt>
            <dd class="list-img-hover"><a href="" target="_blank"><img src="https://suat.uniqlo.cn/public/Image/L1/nav/nav-list-image/w/2017/06/16/newdemo.jpg" alt="" width="410"/></a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">简约易搭，纵享时尚——衬衫系列</a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">精心打造，质感上乘——无褶长裤系列</a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">舒适悦动，24小时精彩——牛仔裤系列</a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">面料考究，适合穿搭——T恤系列</a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">MADE TO MOVE.LIKE YOU.——运动特辑</a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">秋季新品，百搭实用——外套系列</a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">纵享柔滑，舒适触感——AIRism舒爽内衣系列</a></dd>
          </div>
        </dl>
        <a href="javascript:;" class="nav-close-btn">×</a>
      </div>
      
      <div class="nav-kids-list clearfix">
        <dl>
          <div class="nav-list-part">
            <dt>新作&特惠</dt>
            <div class="inline-title"><a href="" target="_blank">全商品</a></div>
            <dd class="inline hot"><a href="" target="_blank">限时特优商品</a></dd>
            <dd class="inline new"><a href="" target="_blank">最新上架商品</a></dd>
            <dd class="inline"><a href="" target="_blank">超值精选</a></dd>
            <dd class="inline new"><a href="" target="_blank">特别尺码</a></dd>
          </div>
          <div class="nav-list-part">
            <dt>起居服&内衣&袜子</dt>
            <dd class="inline"><a href="" target="_blank">起居服</a></dd>
            <dd class="inline"><a href="" target="_blank">AIRism系列</a></dd>
            <dd class="inline"><a href="" target="_blank">HEATTECH系列</a></dd>
            <dd class="inline"><a href="" target="_blank">紧身裤</a></dd>
            <dd class="inline"><a href="" target="_blank">内裤(3件装)</a></dd>
            <dd class="inline"><a href="" target="_blank">袜子(2件装)</a></dd>
          </div>
          <div class="nav-list-part">
            <dt>特辑</dt>
            <dd class="inline"><a href="" target="_blank">运动特辑</a></dd>
            <dd class="inline"><a href="" target="_blank">UT特辑</a></dd>
            <dd class="inline"><a href="" target="_blank">亲子装</a></dd>
            <dd class="inline"><a href="" target="_blank">泳装装</a></dd>
            <dd class=""><a href="" target="_blank">夏雨出行特辑</a></dd>
          </div>
        </dl>
        <dl>
          <div class="nav-list-part">
            <dt>男童外套</dt>
            <dd class="inline"><a href="" target="_blank">连帽外套</a></dd>
            <dd class="inline"><a href="" target="_blank">运动外套</a></dd>
            <dd class="inline"><a href="" target="_blank">WARM PADDED</a></dd>
            <dd class="inline"><a href="" target="_blank">其他</a></dd>
            <dd class=""><a href="" target="_blank">超值精选</a></dd>
          </div>
          <div class="nav-list-part">
            <dt>男童上装</dt>
            <dd class="inline"><a href="" target="_blank">童装UT系列</a></dd>
            <dd class="inline"><a href="" target="_blank">短袖T恤</a></dd>
            <dd class="inline"><a href="" target="_blank">长袖T恤</a></dd>
            <dd class="inline"><a href="" target="_blank">衬衫</a></dd>
            <dd class=""><a href="" target="_blank">超值精选</a></dd>
          </div>
          <div class="nav-list-part">
            <dt>男童裤装</dt>
            <dd class="inline"><a href="" target="_blank">DRY-EX</a></dd>
            <dd class="inline"><a href="" target="_blank">沙滩裤</a></dd>
            <dd class="inline hot"><a href="" target="_blank">松紧裤</a></dd>
            <dd class="inline"><a href="" target="_blank">运动裤</a></dd>
            <dd class="inline new"><a href="" target="_blank">束脚裤</a></dd>
            <dd class="inline new"><a href="" target="_blank">高弹力松紧裤</a></dd>
            <dd class="inline"><a href="" target="_blank">长裤</a></dd>
            <dd class="inline"><a href="" target="_blank">超值精选</a></dd>
          </div>
        </dl>
        <dl>
          <div class="nav-list-part">
            <dt>女童外套</dt>
            <dd class="inline"><a href="" target="_blank">连帽外套</a></dd>
            <dd class="inline"><a href="" target="_blank">运动外套</a></dd>
            <dd class="inline"><a href="" target="_blank">茄克</a></dd>
            <dd class="inline"><a href="" target="_blank">风衣</a></dd>
            <dd class="inline"><a href="" target="_blank">WARM PADDED</a></dd>
            <dd class="inline"><a href="" target="_blank">超值精选</a></dd>
          </div>
          <div class="nav-list-part">
            <dt>女童上装</dt>
            <dd class="inline"><a href="" target="_blank">童装UT系列</a></dd>
            <dd class="inline"><a href="" target="_blank">短袖T恤</a></dd>
            <dd class="inline"><a href="" target="_blank">长袖T恤</a></dd>
            <dd class="inline"><a href="" target="_blank">衬衫</a></dd>
            <dd class=""><a href="" target="_blank">超值精选</a></dd>
          </div>
          <div class="nav-list-part">
            <dt>女童裤装&裙子</dt>
            <dd class="inline new"><a href="" target="_blank">裙装·裤装</a></dd>
            <dd class="inline hot"><a href="" target="_blank"> 松紧裤</a></dd>
            <dd class="inline"><a href="" target="_blank">DRY-EX</a></dd>
            <dd class="inline"><a href="" target="_blank">紧身裤</a></dd>
            <dd class="inline"><a href="" target="_blank">运动裤</a></dd>
            <dd class="inline new"><a href="" target="_blank">高弹力紧身裤</a></dd>
            <dd class="inline"><a href="" target="_blank">九分裤</a></dd>
            <dd class="inline"><a href="" target="_blank">超值精选</a></dd>
          </div>
        </dl>
        <dl>
          <div class="nav-list-part">
            <dt>特辑一览</dt>
            <dd class="list-img-hover"><a href="" target="_blank"><img src="https://suat.uniqlo.cn/public/Image/L1/nav/nav-list-image/w/2017/06/16/newdemo.jpg" alt="" width="410" /></a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">MADE TO MOVE.LIKE YOU.——运动特辑</a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">MAGIC FOR ALL——童装UT系列</a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">休闲单品，搭配出众——上装系列</a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">轻松穿着，便于活动——下装系列</a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">优美设计，乖巧有型——裙装系列</a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">秋季新品，百搭实用——外套系列</a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">纵享柔滑，舒适触感——AIRism舒爽内衣系列</a></dd>
          </div>
        </dl>
        <a href="javascript:;" class="nav-close-btn">×</a>
      </div>
      
      <div class="nav-baby-list clearfix">
        <dl>
          <div class="nav-list-part">
            <dt>新作&特惠</dt>
            <div class="inline-title"><a href="" target="_blank">全商品</a></div>
            <dd class="hot"><a href="" target="_blank">限时特优商品</a></dd>
            <dd class="new"><a href="" target="_blank">最新上架商品</a></dd>           
            <dd class=""><a href="" target="_blank">UT特辑</a></dd>
            <dd class=""><a href="" target="_blank">超值精选</a></dd>
            <dd class="new"><a href="" target="_blank">特别尺码</a></dd>
            <dd class="new"><a href="" target="_blank">婴儿服</a></dd>
            <dd class="new"><a href="" target="_blank">孕妇装</a></dd>
          </div>
        </dl>
        <dl>
          <div class="nav-list-part">
            <dt>新生儿（0个月-24个月）</dt>
            <dd class="hot"><a href="" target="_blank">连体装</a></dd>
            <dd class=""><a href="" target="_blank">圆领连体装</a></dd>
            <dd class="hot"><a href="" target="_blank">网眼连体装</a></dd>
            <dd class=""><a href="" target="_blank">罗纹连体装</a></dd>
            <dd class=""><a href="" target="_blank">袜子</a></dd>
            <dd class=""><a href="" target="_blank">配件</a></dd>
            <dd class=""><a href="" target="_blank">超值精选</a></dd>
          </div>
        </dl>
        <dl>
          <div class="nav-list-part">
            <dt>幼儿（18个月-36个月）</dt>
            <dd class="inline"><a href="" target="_blank">T恤</a></dd>
            <dd class="inline"><a href="" target="_blank">外套</a></dd>
            <dd class=""><a href="" target="_blank">开衫</a></dd>
          </div>
          <div class="nav-list-part">
            <dt></dt>
            <dd class="inline"><a href="" target="_blank">紧身裤</a></dd>
            <dd class="inline"><a href="" target="_blank">连衣裙</a></dd>
            <dd class="inline"><a href="" target="_blank">背带裙</a></dd>
            <dd class="inline"><a href="" target="_blank">长裤</a></dd>
            <dd class=""><a href="" target="_blank">超值精选</a></dd>
          </div>
          <div class="nav-list-part">
            <dt></dt>
            <dd class="inline hot"><a href="" target="_blank">网眼内衣</a></dd>
            <dd class="inline new"><a href="" target="_blank">睡衣</a></dd>
            <dd class="inline"><a href="" target="_blank"> 全棉内衣 </a></dd>
            <dd class="inline"><a href="" target="_blank">紧身裤</a></dd>            
            <dd class="inline"><a href="" target="_blank">HEATTECH系列</a></dd>
            <dd class="inline"><a href="" target="_blank">袜子</a></dd>
            <dd class=""><a href="" target="_blank">超值精选</a></dd>
          </div>
        </dl>
        <dl>
          <div class="nav-list-part">
            <dt>特辑一览</dt>
            <dd class="list-img-hover"><a href="" target="_blank"><img src="https://suat.uniqlo.cn/public/Image/L1/nav/nav-list-image/w/2017/06/16/newdemo.jpg" alt="" width="410" /></a></dd>
            <dd class="list-text-hover"><a href="" target="_blank"> MAGIC FOR ALL——幼儿UT</a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">触感柔然，便于活动——幼儿T恤系列</a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">设计可爱，松软温暖——幼儿外套系列</a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">内搭外穿，舒适呵护——幼儿紧身裤系列</a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">松软柔软，舒适触感——幼儿睡衣系列</a></dd>
			<dd class="list-text-hover"><a href="" target="_blank">清爽舒适，柔软呵护——幼儿内衣系列</a></dd>
			<dd class="list-text-hover"><a href="" target="_blank">舒适安全，细节考究——新生儿连体装系列 </a></dd>
          </div>
        </dl>
        <a href="javascript:;" class="nav-close-btn">×</a>
      </div>
      
      <div class="company-info">
        <ul class="clearfix">
          <li>
            <ul class="company-nav-list">
              <li class="company-title"><a href="" target="_blank">关于优衣库</a></li>
              <li><a href="" target="_blank">公司简介</a></li>
              <li><a href="" target="_blank">业务内容</a></li>
              <li><a href="" target="_blank">经营方针</a></li>
              <li><a href="" target="_blank">IR信息</a></li>
            </ul>
          </li>
          <li>
            <ul class="company-nav-list">
              <li class="company-title"><a href="/pressrelease/" target="_blank">UNIQLO NEWS</a></li>
            </ul>
          </li>
          <li>
            <ul class="company-nav-list">
              <li class="company-title"><a href="" target="_blank">可持续发展</a></li>
              <li><a href="" target="_blank">可持续发展活动</a></li>
              <li><a href="" target="_blank">UNIQLO 可持续发展 交流网站</a></li>
              <li><a href="" target="_blank">Clothes for Smiles</a></li>
            </ul>
          </li>
          <li>
            <ul class="company-nav-list">
              <li class="company-title"><a href="" target="_blank">赞助</a></li>
            </ul>
          </li>
          <li>
            <ul class="company-nav-list">
              <li class="company-title"><a href="" target="_blank">招聘信息</a></li>
              <li><a href="" target="_blank">全球招聘信息</a></li>
              <li><a href="" target="_blank">关联企业</a></li>
            </ul>
          </li>
        </ul>
        <a href="javascript:;" class="nav-close-btn">×</a>
      </div>
      
      <div class="company-about">
        <ul>
          <li class="company-about-list">
            <ul>
              <li class="company-about-title">
                <a href="" target="_blank">
                优衣库官方手机应用<br>
                UNIQLO APP</a>
              </li>
              <li>
                <img src="https://suat.uniqlo.cn/public/Image/L1/nav/nav-Qcode/2017/06/16/QR_UNIQLO.jpg" alt="">
              </li>
            </ul>
          </li>
          <li class="company-about-list">
            <ul>
              <li class="company-about-title">
                <a href="" target="_blank">
                优衣库官方微信<br>
                ( UNIQLO_CHINA )</a>
              </li>
              <li>
                <img src="https://suat.uniqlo.cn/public/Image/L1/nav/nav-Qcode/2017/06/16/QR_CHINA.jpg" alt="">
              </li>
            </ul>
          </li>
          <li class="company-about-list">
            <ul>
              <li class="company-about-title">
                <a href="" target="_blank">
                优衣库官方网络旗舰店微信<br>
                ( UNIQLO_SERVICE )</a>
              </li>
              <li>
                <img src="https://suat.uniqlo.cn/public/Image/L1/nav/nav-Qcode/2017/06/16/QR_service.jpg" alt="">
              </li>
            </ul>
          </li>
          <li class="company-about-list">
            <ul>
              <li class="company-about-title">
                <a href="" target="_blank">
                优衣库公共平台</a>
              </li>
              <li class="social-about-list">
                <div class="social-about">
                  <a href="" target="_blank">新浪微博</a>
                </div>
                <div class="social-about">
                  <a href="" target="_blank">腾讯微博</a>
                </div>
                <div class="social-about">
                  <a href="" target="_blank">人人网公共主页</a>
                </div>
              </li>
            </ul>
          </li>
        </ul>
        <a href="javascript:;" class="nav-close-btn">×</a>
      </div>
    </div>
  </div>
<script>
    $(function () {
      var btn_arr = ['.nav-women', '.nav-men', '.nav-kids', '.nav-baby', '.nav-enterprise', '.nav-about'];
      var list_arr = ['.nav-women-list', '.nav-men-list', '.nav-kids-list', '.nav-baby-list', '.company-info',
        '.company-about'
      ];
      btn_arr.forEach(function (ele, index) {

$(ele).click(function () {          
          var $this = $(this),
            $navMask = $('.nav-mask-cover'),
            $closeBtn = $('.nav-close-btn');        
           
         
          if ($(list_arr[index]).css('display') == 'block') {
            $navMask.hide();
            $(list_arr[index]).hide();
            changeColor($this);

} else {
            $navMask.show();
            slideColor($this, index);
          }

$navMask.click(function () {
            $(this).hide();
            $(list_arr[index]).hide();
            changeColor($this);

})
          $closeBtn.click(function () {
            $(this).parent().hide();
            $navMask.hide();
            changeColor($this);
          })
        })

})
      $(window).scroll(function () {
        var re = $('#u-main-nav').offset().top,
          $this = $(this);
        if ($this.scrollTop() > re) {
          list_arr.forEach(function (ele, index) {
            $(ele).hide();
            changeColor($(btn_arr[index]));
          })
          $('.nav-mask-cover').hide();
        }
      })

function changeColor($ele) {
        if ($ele.attr('class') == 'nav-enterprise' || $ele.attr('class') == 'nav-about') {
          $ele.find('a').css('color', '#fff');
        } else {
          $ele.find('a').css('color', '#000');
        }
      }
    })
  </script>

<a href=/c/1383972042.html>AIRism系列</a><a href=/c/1330613884.html>男装弹力修身牛仔裤</a><a href=/c/1365822658.html>AIRism系列</a><a href=/c/1149298550.html>女装-T恤</a><a href=/c/1383972034.html>UT</a><a href=/c/1383972048.html>女童裤装裙装</a><a href=/c/1384749272.html>KAWS全商品</a><a href=/c/1383972054.html>男装 MEN</a><a href=/c/1213489951.html>新生儿-全商品</a><a href=/c/1383972050.html>幼儿上装</a><a href=/c/1354661562.html>BABY支持门店自提商品</a><a href=/c/1331875753.html>KIDS支持门店自提修改裤长商品</a><a href=/c/NVZHUANG.html>女装分类</a><a href=/c/1292499992.html>男装 MEN</a><a href=/c/1382297897.html>男装</a><a href=/c/1168930142.html>男童-裤装</a><a href=/c/1298155770.html>男装 MEN</a><a href=/c/1012542645.html>Disney Project</a><a href=/c/1360411847.html>COLOR OF PIXAR</a><a href=/c/1371638101.html>Blizzard</a><a href=/c/1374403045.html>Blizzard</a><a href=/c/1292471262.html>男装 MEN</a><a href=/c/1383887213.html>男装 MEN</a><a href=/c/1363556953.html>BLOCKTECH</a><a href=/c/841653643.html>男装-AIRism(舒爽舒适系列)</a><a href=/c/1383972037.html>T恤</a><a href=/c/1330613887.html>男装修身牛仔裤，价格249起</a><a href=/c/1363556942.html>AIRism运动系列</a><a href=/c/1363259141.html>女装-3D系列</a><a href=/c/1383972047.html>童装UT</a><a href=/c/1299907042.html>UT超值精选</a><a href=/c/1383972053.html>女装 WOMEN</a><a href=/c/1274465464.html>婴儿-连体装</a><a href=/c/1383972051.html>幼儿睡衣·内衣</a><a href=/c/1354661561.html>KIDS支持门店自提商品</a><a href=/c/1331875752.html>MEN支持门店自提修改裤长商品</a><a href=/c/NANZHUANG.html>男装分类</a><a href=/c/1383972028.html>AIRism</a><a href=/c/1292499991.html>女装 WOMEN</a><a href=/c/1382297896.html>女装</a><a href=/c/1168281801.html>男童-全商品</a><a href=/c/1298155769.html>女装 WOMEN</a><a href=/c/1362457044.html>MICKEY & THE SUN</a><a href=/c/1361024480.html>Discovery Channel</a><a href=/c/1361478914.html>DISNEY FANTASIA</a><a href=/c/1365832710.html>BTT 80's</a><a href=/c/1292471261.html>女装 WOMEN</a><a href=/c/1383887212.html>女装 WOMEN</a><a href=/c/1363556950.html>DRY-EX高弹力系列</a><a href=/c/1278981046.html>男装-blocktech</a><a href=/c/1383972038.html>UT系列</a><a href=/c/1330613883.html>女装高弹力牛仔裤，价格249起</a><a href=/c/1364103464.html>BLOCKTECH</a><a href=/c/1334494656.html>女装 高腰下装</a><a href=/c/UTQUANSHANGPIN.html>UT全商品</a><a href=/c/1320380815.html>UT限时特优</a><a href=/c/1383972055.html>童装 KIDS</a><a href=/c/1349215873.html>幼儿-Disney系列</a><a href=/c/1354661560.html>MEN支持门店自提商品</a><a href=/c/1331875751.html>WOMEN支持门店自提修改裤长商品</a><a href=/c/1383972019.html>T恤</a><a href=/c/1292499993.html>童装KIDS</a><a href=/c/1382297898.html>童装</a><a href=/c/524807201.html>男童-上装</a><a href=/c/1298155771.html>童装 KIDS</a><a href=/c/1361142661.html>Mickey Stands</a><a href=/c/1361480077.html>DISNEY FANTASIA</a><a href=/c/1030574948.html>Disney Project</a><a href=/c/1361478913.html>DISNEY FANTASIA</a><a href=/c/1292471263.html>童装KIDS</a><a href=/c/1383887214.html>童装 KIDS</a><a href=/c/1363556949.html>DRY-EX系列</a><a href=/c/1299866055.html>男装-HEATTECH（温暖内衣系列）</a><a href=/c/1383972040.html>快干弹力长裤</a><a href=/c/1330613886.html>女装修身男友款</a><a href=/c/1363556945.html>DRY-EX高弹力系列</a><a href=/c/841653642.html>女装-AIRism(舒爽舒适系列)</a><a href=/c/1299907040.html>UT新作新品</a><a href=/c/1383972056.html>婴幼儿 BABY</a><a href=/c/1250930003.html>幼儿-HEATTECH(温暖内衣系列)</a><a href=/c/1354661559.html>WOMEN支持门店自提商品</a><a href=/c/TONGZUANG.html>童装分类</a><a href=/c/1383972017.html>衬衫</a><a href=/c/1327445535.html>婴幼儿BABY</a><a href=/c/1353639589.html>男童-外套</a><a href=/c/1298155772.html>婴幼儿装 BABY</a><a href=/c/1358090297.html>Peanuts</a><a href=/c/664890232.html>Disney Project</a><a href=/c/1373257601.html>DORAEMON</a><a href=/c/664969426.html>Disney Project</a><a href=/c/1292471264.html>婴幼儿装BABY</a><a href=/c/1383887215.html>婴幼儿 BABY</a><a href=/c/1363556948.html>SPRZ</a><a href=/c/1340762435.html>男装-JWA系列</a><a href=/c/1383972043.html>内裤</a><a href=/c/1330613885.html>全店搜：194284</a><a href=/c/1363556946.html>DRY-EX系列</a><a href=/c/97377375.html>女装-BRA IN ONE(舒美衣系列)</a><a href=/c/1311605046.html>超值精选-童婴</a><a href=/c/1277830333.html>幼儿-T恤</a><a href=/c/XINSHENGER.html>新生儿&幼儿分类</a><a href=/c/1383972024.html>紧身裤</a><a href=/c/1351435898.html>女童-紧身裤</a><a href=/c/1365827668.html>Peppa Pig</a><a href=/c/1365839865.html>DISNEY RELACO</a><a href=/c/1362457042.html>Hokusai Blue</a><a href=/c/1373250700.html>DORAEMON</a><a href=/c/1364362039.html>弹力运动系列</a><a href=/c/1361489267.html>男装-POLO衫</a><a href=/c/1383972041.html>内衣</a><a href=/c/1363556941.html>SPRZ</a><a href=/c/1384718738.html>女装-EZY九分裤</a><a href=/c/PTTYONGZHUAN.html>PTT泳装相关</a><a href=/c/1356808935.html>高性能防皱衬衫</a><a href=/c/1213489956.html>幼儿-紧身裤</a><a href=/c/1383972021.html>九分裤</a><a href=/c/1168930143.html>女童-裤装/裙子</a><a href=/c/1361876229.html>S Sanderson</a><a href=/c/1373251087.html>DORAEMON</a><a href=/c/1364431822.html>JUMP 50th</a><a href=/c/1364705523.html>JUMP 50th</a><a href=/c/1364103465.html>运动紧身裤</a><a href=/c/874111128.html>男装-SUPIMA COTTON 系列</a><a href=/c/1383972045.html>特别尺码</a><a href=/c/1363556944.html>运动外套</a><a href=/c/1299858389.html>女装-HEATTECH（温暖内衣系列）</a><a href=/c/UTBABY.html>UT优衣库印花系列BABY</a><a href=/c/1318693693.html>女装无钢圈文胸</a><a href=/c/1213489952.html>幼儿-全商品</a><a href=/c/1383972022.html>连衣裙</a><a href=/c/1352498865.html>女童-连衣裙</a><a href=/c/1354996029.html>Sounds of Disney</a><a href=/c/1361365121.html>DPJ FANTASIA</a><a href=/c/1373674602.html>KAKAO FRIENDS</a><a href=/c/1373723277.html>KAKAO FRIENDS</a><a href=/c/1363556951.html>运动外套</a><a href=/c/1374563345.html>男装-TM系列</a><a href=/c/1383972044.html>袜子</a><a href=/c/1363556943.html>运动文胸</a><a href=/c/1292607218.html>女装-IDLF系列</a><a href=/c/UTKIDS.html>UT优衣库印花系列KIDS</a><a href=/c/1384755038.html>秋季新品高腰大摆裙</a><a href=/c/1213489954.html>幼儿-上装</a><a href=/c/1383972026.html>内衣</a><a href=/c/1168281802.html>女童-全商品</a><a href=/c/1363571339.html>The Picture Book</a><a href=/c/1364648796.html>JUMP 50th</a><a href=/c/1314052932.html>KAWS X PEANUTS</a><a href=/c/1314052931.html>KAWS X PEANUTS</a><a href=/c/1151178896.html>男装-T恤/背心</a><a href=/c/1383972036.html>外套</a><a href=/c/1340757964.html>女装-JWA系列</a><a href=/c/UTMEN.html>UT优衣库印花系列MEN</a><a href=/c/885485606.html>女童-上装</a><a href=/c/1330000955.html>童装UT超值精选</a><a href=/c/1291131276.html>幼儿-睡衣/内衣</a><a href=/c/1383972023.html>牛仔裤</a><a href=/c/1285644785.html>Thomas & Friends</a><a href=/c/1373674417.html>KAKAO FRIENDS</a><a href=/c/1376934103.html>KAWS X SESAME STREET</a><a href=/c/1383980264.html>KAWS X SESAME STREET</a><a href=/c/1294074993.html>男装-UPJ系列</a><a href=/c/1383972039.html>运动系列</a><a href=/c/1364677034.html>女装-Marimekko系列</a><a href=/c/UTMWOMEN.html>UT优衣库印花系列WOMEN</a><a href=/c/1006616172.html>女童-外套</a><a href=/c/1337078547.html>幼儿配件（L4专用）</a><a href=/c/1281697177.html>幼儿-袜子</a><a href=/c/1383972030.html>配件</a><a href=/c/1314052933.html>KAWS X PEANUTS</a><a href=/c/1363571338.html>Kyo Karacho</a><a href=/c/1363571337.html>Kyo Karacho</a><a href=/c/108492555.html>男装-衬衫(商务)</a><a href=/c/1361831232.html>女装-POLO衫</a><a href=/c/CHAOZHIJINGXUAN.html>本周超值精选</a><a href=/c/1351435899.html>童装-AIRism(舒爽舒适系列)</a><a href=/c/1277828342.html>幼儿-外套</a><a href=/c/1383972025.html>起居服</a><a href=/c/1376934104.html>KAWS X SESAME STREET</a><a href=/c/1361479320.html>LEGO</a><a href=/c/1362604645.html>LEGO</a><a href=/c/108492551.html>男装-衬衫(休闲)</a><a href=/c/1374561782.html>女装-TM系列</a><a href=/c/1349216066.html>童装-Disney系列</a><a href=/c/1213489955.html>幼儿-下装</a><a href=/c/BENZHOUXINPIN.html>本周新品</a><a href=/c/1383972027.html>舒美衣</a><a href=/c/1361479321.html>LEGO</a><a href=/c/1361023295.html>LINE FRIENDS</a><a href=/c/1361443043.html>LINE FRIENDS</a><a href=/c/1301860003.html>男装-九分裤</a><a href=/c/1269380824.html>女装-UPJ系列</a><a href=/c/1351434597.html>童装-内裤</a><a href=/c/NANZHUANGACTIVE.html>男装ACTIVE</a><a href=/c/1383972029.html>袜子·紧身裤</a><a href=/c/1364679355.html>LES SECRETS LADUREE</a><a href=/c/1362457043.html>MICKEY & THE SUN</a><a href=/c/1367013969.html>Matthew Allen</a><a href=/c/1372457349.html>男装-快干弹力裤装系列</a><a href=/c/875106724.html>女装-半裙</a><a href=/c/1052132580.html>童装-HEATTECH(温暖内衣系列)</a><a href=/c/NANZHUANGXIANSHITEYOU.html>男装限时特优[6/29起]</a><a href=/c/1383972016.html>外套</a><a href=/c/1361023296.html>LINE FRIENDS</a><a href=/c/1374778832.html>MICKEY ART</a><a href=/c/1362457040.html>MICKEY & THE SUN</a><a href=/c/1361489266.html>男装-麻系列</a><a href=/c/97377401.html>女装-衬衫</a><a href=/c/1349216065.html>童装-WARM PADDED系列</a><a href=/c/NIUZAIKU.html>牛仔裤革新物语</a><a href=/c/1383972032.html>孕妇装</a><a href=/c/1363572003.html>Matthew Allen</a><a href=/c/1376299369.html>MICKEY BLUE</a><a href=/c/1374802032.html>MICKEY ART</a><a href=/c/368897610.html>男装-内裤</a><a href=/c/1361253725.html>女装-短裤</a><a href=/c/1351435897.html>童装-裤装</a><a href=/c/NVZHUANGACTIVE.html>女装ACTIVE</a><a href=/c/1383972031.html>运动衫系列</a><a href=/c/1362461221.html>MICKEY & THE SUN</a><a href=/c/1292081145.html>MICKEY STANDS</a><a href=/c/1376299368.html>MICKEY BLUE</a><a href=/c/1311454814.html>男装-内衣</a><a href=/c/1239690816.html>女装-宽腿裤</a><a href=/c/951509633.html>童装-内裤/内衣/袜子</a><a href=/c/NVZHUANGXIANSHITEYOU.html>女装限时特优[6/29起]</a><a href=/c/1383972018.html>运动系列</a><a href=/c/1377512643.html>MICKEY BLUE</a><a href=/c/1364431823.html>MINIONS BELLO SUMMER</a><a href=/c/1299759084.html>MICKEY STANDS</a><a href=/c/97377023.html>男装-牛仔裤</a><a href=/c/1384174940.html>女装-高级轻型羽绒服</a><a href=/c/1141704857.html>童装-配件</a><a href=/c/TEBIECHIMA.html>特别尺码</a><a href=/c/1383972020.html>长裤</a><a href=/c/1324280256.html>MICKEY STANDS</a><a href=/c/1371433674.html>Peanuts</a><a href=/c/1364696968.html>MINIONS BELLO SUMMER</a><a href=/c/97377021.html>男装-配件</a><a href=/c/128557729.html>女装-紧身裤</a><a href=/c/1349216068.html>童装-起居套装/家居服</a><a href=/c/TEBIEJINGXUAN.html>特别精选TOP30</a><a href=/c/1383972033.html>职场搭配</a><a href=/c/1364431824.html>MINIONS BELLO SUMMER</a><a href=/c/1360480488.html>PIXAR</a><a href=/c/1370510764.html>Minnie Mouse BFF</a><a href=/c/97377019.html>男装-起居系列</a><a href=/c/1266373692.html>女装-九分裤</a><a href=/c/1351435896.html>童装-上装</a><a href=/c/TONGZHUANGXIANSHITEYOU.html>童装限时特优[6/29起]</a><a href=/c/1370506521.html>Minnie Mouse BFF</a><a href=/c/1362457041.html>RAMEN</a><a href=/c/1284704751.html>PEANUTS</a><a href=/c/1197638663.html>男装-束脚裤</a><a href=/c/1364174344.html>女装-蕾丝系列</a><a href=/c/1351435900.html>童装-袜子</a><a href=/c/WUXIANDUAN.html>无线端专用</a><a href=/c/1359784040.html>MY LITTLE PONY</a><a href=/c/1352638250.html>Sounds of Disney</a><a href=/c/1361831233.html>S Sanderson</a><a href=/c/1368888749.html>男装-斯文系列</a><a href=/c/408990854.html>女装-连衣裙</a><a href=/c/1351435895.html>童装-外套</a><a href=/c/XIANSHITEYOU.html>限时特优0629</a><a href=/c/1357314782.html>PEANUTS</a><a href=/c/889210871.html>SPRZ</a><a href=/c/1287425047.html>SANRIO</a><a href=/c/511241072.html>男装-袜子</a><a href=/c/1361489265.html>女装-麻系列</a><a href=/c/1250442983.html>童装-运动系列</a><a href=/c/YINYOUERXIANSHITEYOU.html>婴幼儿限时特优[6/29起]</a><a href=/c/1362454469.html>S Sanderson</a><a href=/c/1372614324.html>SPRZ Barry McGee</a><a href=/c/1352638249.html>Sounds of Disney</a><a href=/c/251838184.html>男装-外套</a><a href=/c/1382235075.html>女装-男装女穿T恤系列</a><a href=/c/1348244833.html>童装-针织衫</a><a href=/c/MENDIANZITISHANGPIN.html>支持门店自提商品</a><a href=/c/1286647152.html>SANRIO</a><a href=/c/1101899415.html>Star Wars</a><a href=/c/1285675955.html>SPRZ</a><a href=/c/1278985666.html>男装-无褶长裤/卡其裤</a><a href=/c/367551022.html>女装-内裤</a><a href=/c/MENDIANZITIXIUGAI.html>支持门店自提修改裤长商品</a><a href=/c/1352638251.html>Sounds of Disney</a><a href=/c/1369333885.html>The Brands</a><a href=/c/1372995303.html>SPRZ Barry McGee</a><a href=/c/1343790048.html>男装-羊毛茄克·大衣</a><a href=/c/1380848331.html>男装-腰带</a><a href=/c/845044306.html>女装-内衣</a><a href=/c/gift.html>赠品</a><a href=/c/1317866820.html>SPRZ NY</a><a href=/c/1370495112.html>UTGP 2018MARVEL</a><a href=/c/1356474889.html>Star Wars</a><a href=/c/1374566162.html>男装-泳装</a><a href=/c/97377387.html>女装-牛仔裤</a><a href=/c/1371434921.html>Star Wars</a><a href=/c/1371469491.html>TheRoseofVersailles</a><a href=/c/1134800755.html>男装-羽绒外套</a><a href=/c/97377385.html>女装-配件</a><a href=/c/1369336925.html>Sumikkogurashi</a><a href=/c/1371132915.html>UTGP 2018MARVEL</a><a href=/c/1334904291.html>男装-运动衫/运动裤</a><a href=/c/97377382.html>女装-起居服</a><a href=/c/1370495113.html>UTGP 2018MARVEL</a><a href=/c/1006610470.html>男装-运动系列</a><a href=/c/517935256.html>女装-袜子/紧身裤</a><a href=/c/768561185.html>男装-长裤</a><a href=/c/1151262668.html>女装-外套</a><a href=/c/1112848946.html>男装-针织衫</a><a href=/c/275755161.html>女装-文胸</a><a href=/c/1361354725.html>男装-中裤短裤</a><a href=/c/1338678612.html>女装-鞋子</a><a href=/c/1292576630.html>女装-休闲裤</a><a href=/c/1380827207.html>女装-腰带</a><a href=/c/1311452228.html>女装-泳装</a><a href=/c/1039844181.html>女装-羽绒服</a><a href=/c/1336179279.html>女装-孕妇装</a><a href=/c/1334712165.html>女装-运动衫/运动裤</a><a href=/c/1267791863.html>女装-运动系列</a><a href=/c/1384182774.html>女装-长裤</a><a href=/c/97377368.html>女装-针织衫</a><a href=/p/u0000000000151.html><img src=https://suat.uniqlo.cn/hmall/test/u0000000000151/main/first/222/1.jpg alt=男装 弹力修身牛仔裤(水洗产品) 408487 title=男装 弹力修身牛仔裤(水洗产品) 408487/><p>男装 弹力修身牛仔裤(水洗产品) 408487</p><p>299.0</p></a><a href=/p/u0000000000247.html><img src=https://suat.uniqlo.cn/hmall/test/u0000000000247/main/first/222/1.jpg alt=男装 经典直筒牛仔裤(水洗产品) 408488 title=男装 经典直筒牛仔裤(水洗产品) 408488/><p>男装 经典直筒牛仔裤(水洗产品) 408488</p><p>299.0</p></a><a href=/p/u0000000000164.html><img src=https://suat.uniqlo.cn/hmall/test/u0000000000164/main/first/222/1.jpg alt=男装 高弹力紧身牛仔裤(水洗产品) 408490 title=男装 高弹力紧身牛仔裤(水洗产品) 408490/><p>男装 高弹力紧身牛仔裤(水洗产品) 408490</p><p>299.0</p></a><a href=/p/u0000000000250.html><img src=https://suat.uniqlo.cn/hmall/test/u0000000000250/main/first/222/1.jpg alt=女装 丝光棉T恤(短袖) 408679 title=女装 丝光棉T恤(短袖) 408679/><p>女装 丝光棉T恤(短袖) 408679</p><p>99.0</p></a><a href=/p/u0000000000222.html><img src=https://suat.uniqlo.cn/hmall/test/u0000000000222/main/first/222/1.jpg alt=女装 针织紧身裤 408683 title=女装 针织紧身裤 408683/><p>女装 针织紧身裤 408683</p><p>199.0</p></a><a href=/p/u0000000000228.html><img src=https://suat.uniqlo.cn/hmall/test/u0000000000228/main/first/222/1.jpg alt=女装 运动裤 408692 title=女装 运动裤 408692/><p>女装 运动裤 408692</p><p>199.0</p></a><style>

#u-footer {
      width: 1280px;
      margin: 0 auto;
    }

.clearfix:after {
      content: '';
      display: block;
      clear: both;
    }

.link-title span,
    .link-address li a,
    .textrecord span,
    .textrecord a
    {
      font:bold 12px;
	  letter-spacing: .75px;
    }
    .u-footer-weblist li a,
    .link-address li a,
    .textrecord a {
      text-decoration:none;
    }

/*u-footer-nav*/

#u-footer-nav {
      height: 50px;
    }

.u-footer-logo {
      float: left;
      height: 50px;
    }

.u-footer-weblist {
      float: right;
      width: 1230px;
      background: #000;
      padding: 15.2px 0;
    }

.u-footer-weblist li {
      position: relative;
      box-sizing: border-box;
      float: left;
      width: 15%;
      line-height: 20px;
      height: 20px;
      text-align: center;
      border-right: 1px dotted #fff;
    }

.u-footer-weblist li:last-of-type {
      width: 10%;
      border: none;
    }

.u-footer-weblist li a {
      display: block;
      color: #fff;
      font-size: 12px;

}

.u-footer-weblist li a:hover {
      color: #fe0000;
    }
    /*u-footer-link*/

#u-footer-link {
      background: #e6e6e6;
      padding: 10px 0 10px 4px;
    }

.link-title {
      float: left;
      width: 8%;
    }

.link-address {
      float: right;
      width: 92%;
    }

.link-address li {
      box-sizing: border-box;
      float: left;
      width: 80px;
      background: url('https://suat.uniqlo.cn/public/Image/L1/footer/footer-bg-line.png') no-repeat center right;
      text-align: center;
    }

.link-address li a {
      color: #000;

}

.link-address li a:hover {
      color: #fe0000;
    }

.link-title {
      color: #fe0000;
    }

.link-title span:last-of-type{
	  color: #000;
	}

.link-address .CH,
    .link-address .TW {
      width: 120px;
    }

.link-address .EU {
      width: 60px;
    }

.link-address .HK {
      width: 180px;
    }

.link-address .PH {
      width: 100px;
    }

.link-address .RU,
    .link-address .SP,
    .link-address .TW,
    .link-address .TL,
    .link-address .UK,
    .link-address .USA {
      margin-top: 5px;
    }
    /*#u-footer-webrecords*/

#u-footer-webrecords {
      position: relative;
      background: #e6e6e6;
    }

.textrecord span {
      color: #a6a6a6;
    }

.textrecord a {
      color: #989A98;

}

.textrecord a img {
      padding: 0 5px;
    }

.textrecord {
      position: absolute;
      float: left;
      bottom: 2px;
      left: 4px;
    }

.imgrecord {
      float: right;
    }
  </style>

<div id="u-footer">
    <div id="u-footer-nav" class="clearfix">
      <div class="u-footer-logo">
        <a href="#"><img src="https://suat.uniqlo.cn/public/Image/L1/footer/footer_logo.gif" alt="logo"></a>
      </div>
      <ul class="u-footer-weblist clearfix">
        <li><a href="http://www.uniqlo.com/cn/shop/?spm=0.0.0.0.gyG0uW" target="_blank">店铺资料</a></li>
        <li><a href="http://www.uniqlo.com/cn/corp/?spm=0.0.0.0.gyG0uW" target="_blank">企业信息</a></li>
        <li><a href="http://www.fastretailing.com/employment/zh_chs/uniqlo/cn/?spm=0.0.0.0.gyG0uW" target="_blank">招聘信息</a></li>
        <li><a href="http://www.uniqlo.com/cn/corp/accessibility.html?spm=0.0.0.0.gyG0uW" target="_blank">访问权限</a></li>
        <li><a href="http://www.uniqlo.com/cn/corp/privacypolicy.html?spm=0.0.0.0.gyG0uW" target="_blank">隐私权保护</a></li>
        <li><a href="http://www.uniqlo.com/cssurvey?spm=0.0.0.0.gyG0uW" target="_blank">顾客心声</a></li>
        <li><a href="#top"><img src="https://suat.uniqlo.cn/public/Image/L1/footer/btn_footer_pagetop.gif" alt="uparrow"></a></li>
      </ul>
    </div>
    <div id="u-footer-link" class="clearfix">
      <div class="link-title">
        <span>WORLD UNIQLO</span><span> :</span>
      </div>
      <div class="link-address">
        <ul class="clearfix">
          <li class='AUS'><a href="https://www.uniqlo.com/au/?spm=0.0.0.0.xOHOii" target="_blank">AUSTRALIA</a></li>
          <li class="CAN"><a href="http://www.uniqlo.com/ca/en/?spm=0.0.0.0.xOHOii" target="_blank">CANADA</a></li>
          <li class="CH"><a href="http://www.uniqlo.cn/" target="_blank">Mainland CHINA</a></li>
          <li class="EU"><a href="http://www.uniqlo.com/eu/en/?spm=0.0.0.0.xOHOii" target="_blank">EU</a></li>
          <li class="FR"><a href="http://www.uniqlo.com/fr/?spm=0.0.0.0.xOHOii" target="_blank">FRANCE</a></li>
          <li class="GE"><a href="http://www.uniqlo.com/de/?spm=0.0.0.0.xOHOii" target="_blank">GERMANY</a></li>
          <li class="HK"><a href="http://www.uniqlo.com/hk/?spm=0.0.0.0.xOHOii" target="_blank">HONGKONG SAR of CHINA</a></li>
          <li class="IN"><a href="http://www.uniqlo.com/id/?spm=0.0.0.0.xOHOii" target="_blank">INDONESIA</a></li>
          <li class="JP"><a href="http://www.uniqlo.com/jp/?spm=0.0.0.0.xOHOii" target="_blank">JAPAN</a></li>
          <li class="KR"><a href="http://www.uniqlo.com/kr/?spm=0.0.0.0.xOHOii" target="_blank">KOREA</a></li>
          <li class="MY"><a href="http://www.uniqlo.com/my/?spm=0.0.0.0.gyG0uW" target="_blank">MALAYSIA</a></li>
          <li class="PH"><a href="http://www.uniqlo.com/ph/?spm=0.0.0.0.gyG0uW" target="_blank">PHILIPPINES</a></li>
          <li class="RU"><a href="http://www.uniqlo.com/ru/?spm=0.0.0.0.gyG0uW" target="_blank">RUSSIA</a></li>
          <li class="SP"><a href="http://www.uniqlo.com/sg/?spm=0.0.0.0.gyG0uW" target="_blank">SINGAPORE</a></li>
          <li class="TW"><a href="http://www.uniqlo.com/tw/?spm=0.0.0.0.gyG0uW" target="_blank">TAIWAN AREA</a></li>
          <li class="TL"><a href="http://www.uniqlo.com/th/?spm=0.0.0.0.gyG0uW" target="_blank">THAILAND</a></li>
          <li class="UK"><a href="http://www.uniqlo.com/uk/?spm=0.0.0.0.gyG0uW" target="_blank">UK</a></li>
          <li class="USA"><a href="http://www.uniqlo.com/us/?spm=0.0.0.0.gyG0uW" target="_blank">USA</a></li>
        </ul>
      </div>
    </div>
    <div id="u-footer-webrecords" class="clearfix">
      <div class="textrecord">
        <span>迅销（中国）商贸有限公司 沪ICP备09003223号</span>
        <a href="http://www.beian.gov.cn/portal/registerSystemInfo?spm=0.0.0.0.gyG0uW&recordcode=31010402000957" target="_blank"><img src="https://suat.uniqlo.cn/public/Image/L1/footer/national.png" alt="">沪公网安备 31010402000957号</a>
      </div>
      <div class="imgrecord">
        <a href="http://www.sgs.gov.cn/lz/licenseLink.do?spm=0.0.0.0.gyG0uW&method=licenceView&entyId=gs20140504000004634" target="_blank"><img src="https://suat.uniqlo.cn/public/Image/L1/footer/record_1.gif" alt="" height=31></a>
        <a href="http://shwg.dianping.com/?spm=0.0.0.0.gyG0uW" target="_blank"><img src="https://suat.uniqlo.cn/public/Image/L1/footer/record_2.jpg" alt=""></a>
      </div>
    </div>
  </div>

{"path":"/women_ankle_pants.html","tplt":"HeaderFooterTemplate","components":{"section01":{"component":"Custom","props":{"html":"<style>\n\tdiv.slide_box {\n    width: 2000px;\n    height: 500px;\n    position:relative;\n}\ndiv.show_box {\n    width: 2000px;\n    height: 500px;\n}\ndiv.show_box ul {\n    margin: 0;\n    padding: 0;\n    width: 2000px;\n    height: 500px;\n}\ndiv.show_box ul li {\n    width: 1280px;\n    height: 500px;\n    float: left;\n    list-style: none;\n    position : relative;\n}\ndiv.show_box a.prev {\n    position: absolute;\n    left: -30px;\n    top: 40%;\n    display: inline-block;\n    cursor:pointer;\n}\ndiv.show_box a.next {\n    position: absolute;\n    left: 1300px;\n    top: 40%;\n    display: inline-block;\n    cursor:pointer;\n}\ndiv.dian {\n    position: absolute;\n    bottom: -30px;\n    height: 20px;\n    left: 30.8%;\n    width: 200px;\n}\ndiv.dian ul {\n    margin: 0;\n    padding: 0;\n    width: 200px;\n    height: 20px;\n}\ndiv.dian ul li.on {\n    background: #606060;\n}\ndiv.dian ul li {\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    background: #e6e6e6;\n    list-style: none;\n    float: left;\n    margin-left: 10px;\n    cursor: pointer;\n    text-indent: -1999999px;\n}\ndiv.dian ul li:hover {\n    background: #606060;\n}\n    a.model_link{\n    }\n    div.DHMK{\n        width:1280px;\n        height:141px;\n        position: relative;\n    }\n    div.DHMK ul{\n        position: absolute;\n        width:1280px;\n        margin:0;\n        padding:0;\n        left:0;\n        bottom:0;\n        height:103px;\n    }\n    div.DHMK ul li{\n        list-style:none;\n        height:100%;\n        width:70px;\n        float:left;\n        margin-left:25px;\n        background-color:white;\n        opacity: 0;\n        cursor: pointer;\n    }\n    div.DHMK ul li:hover{\n        opacity:0.3;\n    }\n    div.dfloor{\n        width:1280px;\n    }\n    div.dfloor img:nth-child(1){\n        margin:10px 0 0 0;\n    }\n</style>\n<div class=\"slide_box\">\n\t<div class=\"show_box\">\n\t\t<ul>\n\t\t\t<li>\n\t\t\t\t<img src=\"https://suat.uniqlo.cn/public/Image/L3/women/ankle_pants/2018/07/09/1.jpg\" /> \n\t\t\t</li>\n\t\t\t<li>\n\t\t\t\t<img src=\"https://suat.uniqlo.cn/public/Image/L3/women/ankle_pants/2018/07/09/2.jpg\" /> \n\t\t\t</li>\n\t\t</ul>\n<a class=\"prev\"><img src=\"https://img.alicdn.com/imgextra/i4/196993935/TB2Phs1XQ9WBuNjSspeXXaz5VXa-196993935.png\" /></a> <a class=\"next\"><img src=\"https://img.alicdn.com/imgextra/i1/196993935/TB2OTA2XQOWBuNjSsppXXXPgpXa-196993935.png\" /></a> \n\t</div>\n\t<div class=\"dian\">\n\t\t<ul>\n\t\t\t<li class=\"on\">\n\t\t\t</li>\n\t\t\t<li>\n\t\t\t</li>\n\t\t</ul>\n\t</div>\n</div>\n<script src=\"https://img-origin.uniqlo.cn/siterenew/L1/js/lib.js\">\n</script>\n<script src=\"https://uniqlo.image.alimmdn.com/L1/js/jquery.SuperSlide.2.1.1.js\">\n</script>\n<script>\n\tjQuery(\"div.slide_box\").slide({\n        mainCell: \"div.show_box ul\",\n        titCell:\".dian ul\",\n        vis: \"1\",\n        trigger:\"click\",\n        effect: \"leftLoop\",\n        autoPlay: true,\n        interTime: 3000,\n\t\tautoPage: true,\n        prevCell: 'a.prev',\n        nextCell: 'a.next'\n    }); //轮播\n$(\".btn\").click(function(){\n        var n=$(this).index();\n\t\t$('html,body').animate({scrollTop:($(\".dfloor\").eq(n).offset().top)-50}, 800);\n\t})\n</script>"}},"section02":{"component":"Custom","props":{"html":"<img src=\"https://suat.uniqlo.cn/public/Image/L3/women/ankle_pants/2018/07/09/3.png\" usemap=\"#Mapjfktab\" border=\"0\">\n<map name=\"Mapjfktab\">\n  <area shape=\"rect\" coords=\"643,2,1274,48\" href=\"#\" style=\"outline: none;\">\n</map>\n"}},"section03":{"component":"Custom","props":{"html":"<img src=\"https://suat.uniqlo.cn/public/Image/L3/women/ankle_pants/2018/07/09/4.jpg\" usemap=\"#Mapjfknav\" border=\"0\">\n<map name=\"Mapjfknav\">\n  <area shape=\"rect\" coords=\"16,16,141,143\" href=\"#jfk\" style=\"outline: none;\">\n  <area shape=\"rect\" coords=\"155,15,283,142\" href=\"#qfk\" style=\"outline: none;\">\n  <area shape=\"rect\" coords=\"295,15,417,146\" href=\"#ydk\" style=\"outline: none;\">\n  <area shape=\"rect\" coords=\"428,14,558,147\" href=\"#czjx\" style=\"outline: none;\">\n</map>\n"}},"section04":{"component":"Custom","props":{"html":"<a id=\"xpss\"></a>\n<img src=\"https://suat.uniqlo.cn/public/Image/L3/women/ankle_pants/2018/07/09/5.jpg\" usemap=\"#Mapxpss\" border=\"0\">\n<map name=\"Mapxpss\">\n  <area shape=\"circle\" coords=\"1253,26,11\" href=\"#top\" style=\"outline: none;\">\n</map>\n"}},"section05":{"component":"Custom","props":{"html":"<a id=\"jfk\"></a>\n<img src=\"https://suat.uniqlo.cn/public/Image/L3/women/ankle_pants/2018/07/09/6.jpg\">\n"}},"section06":{"component":"Custom","props":{"html":"<img src=\"https://suat.uniqlo.cn/public/Image/L3/women/ankle_pants/2018/07/09/7.jpg\">"}},"section08":{"component":"Custom","props":{"html":"<a id=\"qfk\"></a>\n<img src=\"https://suat.uniqlo.cn/public/Image/L3/women/ankle_pants/2018/07/09/8.jpg\">"}},"section09":{"component":"Custom","props":{"html":"<img src=\"https://suat.uniqlo.cn/public/Image/L3/women/ankle_pants/2018/07/09/9.jpg\">"}},"section11":{"component":"Custom","props":{"html":"<a id=\"ydk\"></a>\n<img src=\"https://suat.uniqlo.cn/public/Image/L3/women/ankle_pants/2018/07/09/10.jpg\">"}},"section12":{"component":"Custom","props":{"html":"<img src=\"https://suat.uniqlo.cn/public/Image/L3/women/ankle_pants/2018/07/09/11.jpg\">"}},"section14":{"component":"Custom","props":{"html":"<a id=\"czjx\"></a> <img src=\"https://suat.uniqlo.cn/public/Image/L3/women/ankle_pants/2018/07/09/12.jpg\" />"}},"section16":{"component":"Custom","props":{"html":"<img src=\"https://suat.uniqlo.cn/public/Image/L3/women/ankle_pants/2018/07/09/13.jpg\">"}}},"code":"women_ankle_pants","superCode":null,"title":"WOMEN 九分裤"}