WOMEN 舒美衣 - 优衣库官方网络旗舰店

<style>
/*public*/

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

/*u-nav-wrapper*/

#u-nav-wrapper {
  position: relative;
  width: 1280px;
  height: 50px;
  font-family: 'uniqlo light','Microsoft Yahei Light';
  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: 684px;
}

.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: -15px;
  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: 128.5px;
}

.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/cdn/public/Image/L1/nav/nav-icon/new_flg.png') no-repeat;
}

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

.right-nav .nav-announcement {
  background-position: 74px 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: 1250px;
  z-index: 20;
  font-family: 'uniqlo light','Microsoft Yahei';
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: 260px;
  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;
}

#u-main-nav-list dd.inline {
  display: inline-block;
  width:45%;
  border-right: 1px dashed #ccc;
}

#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/cdn/public/Image/L1/nav/nav-icon/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/cdn/public/Image/L1/nav/nav-icon/new_flg.png') no-repeat;
}

#u-main-nav-list .nav-list-part {
  height: 33%;
  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: 5px 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>
<link rel="stylesheet" href="https://suat.uniqlo.cn/cdn/public/bin/css/L1-font.css" type="text/css"/>
 <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/cdn/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>
            <dd><a href=''  target="_blank">全商品</a></dd>
            <dd class="inline hot"><a href='/c/XIANSHITEYOU.html' target="_blank">限时特优商品</a></dd>
            <dd class="inline inline-right 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 inline-right new"><a href='/c/TEBIECHIMA.html' target="_blank">特别尺码</a></dd>
          </div>
          <div class="nav-list-part">
            <dt>衬衫&T恤</dt>
            <dd class="inline hot"><a href="" target="_blank">衬衫特辑</a></dd>
            <dd class="inline inline-right"><a href="" target="_blank">花式衬衫</a></dd>
            <dd class="inline new"><a href="" target="_blank">T恤&背心</a></dd>
            <dd class="inline inline-right hot"><a href="" target="_blank">POLO衫</a></dd>
            <dd class="inline-one new"><a href="" target="_blank">UT系列印花T恤</a></dd>
          </div>
          <div class="nav-list-part">
            <dt>内衣&内裤&袜子</dt>
            <dd class="inline hot"><a href="" target="_blank">AIRism系列</a></dd>
            <dd class="inline inline-right hot"><a href="" target="_blank">舒美衣BRA IN ONE</a></dd>
            <dd class="inline"><a href="" target="_blank">文胸·内裤 </a></dd>
            <dd class="inline inline-right hot"><a href="" target="_blank">内衣</a></dd>
            <dd class="inline"><a href="" target="_blank"> 袜子·紧身裤</a></dd>
            <dd class="inline inline-right"><a href="" target="_blank">HEATTECH系列</a></dd>
          </div>
        </dl>
        <dl>
          <div class="nav-list-part">
            <dt>外套&针织衫</dt>
            <dd class="inline"><a href="" target="_blank">针织衫</a></dd>
            <dd class="inline inline-right 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 inline-right new"><a href="" target="_blank">长裤</a></dd>
            <dd class="inline new"><a href="" target="_blank">牛仔裤</a></dd>
            <dd class="inline inline-right new"><a href="" target="_blank">紧身裤</a></dd>
            <dd class="inline"><a href="" target="_blank">束脚裤</a></dd>
            <dd class="inline inline-right"><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 inline-right hot"><a href="" target="_blank">RELACO七分裤</a></dd>
            <dd class="inline hot"><a href="" target="_blank"> 配件</a></dd>
            <dd class="inline inline-right"><a href="" target="_blank">腰带</a></dd>
          </div>
        </dl>
        <dl>
          <div class="nav-list-part">
            <dt>运动衫&运动裤</dt>
            <dd class="inline hot"><a href="" target="_blank">UNIQLO SPORT</a></dd>
            <dd class="inline inline-right hot"><a href="" target="_blank">训练紧身裤</a></dd>
            <dd><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 inline-right hot"><a href="" target="_blank">裙子·裙裤</a></dd>
          </div>
          <div class="nav-list-part">
            <dt>特辑</dt>
            <dd class="inline hot"><a href="" target="_blank">AIRism特辑</a></dd>
            <dd class="inline inline-right"><a href="" target="_blank">UT</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/cdn/public/Image/L1/nav/nav-list-image/w/2017/06/16/1.jpg" alt="" width=410></a></dd>
            <dd class="list-img-hover"><a href="" target="_blank"><img src="https://suat.uniqlo.cn/cdn/public/Image/L1/nav/nav-list-image/w/2017/06/16/2.jpg" alt="" width=410></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">舒适优美·自在随性——UNIQLO SPORT</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="nav-men-list clearfix">
        <dl>
          <div class="nav-list-part">
            <dt>新作&特惠</dt>
            <dd><a href="" target="_blank">全商品</a></dd>
            <dd class="inline hot"><a href="" target="_blank">限时特优商品</a></dd>
            <dd class="inline inline-right new"><a href="" target="_blank">最新上架商品</a></dd>
            <dd class="inline"><a href="" target="_blank">超值精选</a></dd>
            <dd class="inline inline-right 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 inline-right"><a href="" target="_blank">商务衬衫</a></dd>
            <dd class="inline"><a href="" target="_blank">高级麻</a></dd>
            <dd class="inline inline-right hot"><a href="" target="_blank">立领</a></dd>
            <dd class="inline new"><a href="" target="_blank">牛仔</a></dd>
            <dd class="inline inline-right"><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"><a href="" target="_blank">HEATTECH系列</a></dd>
            <dd class="inline inline-right hot"><a href="" target="_blank">AIRism系列</a></dd>
            <dd class="inline new"><a href="" target="_blank">内衣 </a></dd>
            <dd class="inline inline-right hot"><a href="" target="_blank">内裤</a></dd>
            <dd class="new"><a href="" target="_blank"> 袜子</a></dd>
          </div>
        </dl>
        <dl>
          <div class="nav-list-part">
            <dt>外套&针织衫</dt>
            <dd class="inline hot"><a href="" target="_blank">外套·茄克</a></dd>
            <dd class="inline inline-right"><a href="" target="_blank">斯文外套</a></dd>
          </div>
          <div class="nav-list-part">
            <dt>T恤&POLO</dt>
            <dd class="inline new"><a href="" target="_blank">T恤</a></dd>
            <dd class="inline inline-right hot"><a href="" target="_blank">POLO衫</a></dd>
            <dd class="hot"><a href="" target="_blank">UT系列印花T恤</a></dd>
          </div>
          <div class="nav-list-part">
            <dt>起居服&配件</dt>
            <dd class="inline hot"><a href="" target="_blank">起居系列</a></dd>
            <dd class="inline inline-right hot"><a href="" target="_blank">配件</a></dd>
            <dd><a href="" target="_blank">腰带</a></dd>
          </div>
        </dl>
        <dl>
          <div class="nav-list-part">
            <dt>运动衫&运动裤</dt>
            <dd class="inline new"><a href="" target="_blank">UNIQLO SPORT</a></dd>
            <dd class="inline inline-right"><a href="" target="_blank">运动衫</a></dd>
            <dd class="inline"><a href="" target="_blank">运动T恤</a></dd>
            <dd class="inline inline-right"><a href="" target="_blank">运动裤</a></dd>
            <dd class="inline"><a href="" target="_blank">运动训练紧身裤</a></dd>
            <dd class="inline inline-right"><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 inline-right hot"><a href="" target="_blank">长裤·卡其裤</a></dd>
            <dd class="inline hot"><a href="" target="_blank">牛仔裤</a></dd>
            <dd class="inline inline-right"><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 hot"><a href="" target="_blank">UT特辑</a></dd>
            <dd class="inline inline-right"><a href="" target="_blank">感动裤子</a></dd>
            <dd><a href="" target="_blank">AIRism特辑</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/cdn/public/Image/L1/nav/nav-list-image/m/2017/06/16/1.jpg" alt="" width=410></a></dd>
            <dd class="list-img-hover"><a href="" target="_blank"><img src="https://suat.uniqlo.cn/cdn/public/Image/L1/nav/nav-list-image/m/2017/06/16/2.jpg" alt="" width=410></a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">考究的面料与设计——T恤·POLO衫系列 </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">舒适优美·自在随性——UNIQLO SPORT </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>
            <dd><a href="" target="_blank">全商品</a></dd>
            <dd class="inline hot"><a href="" target="_blank">限时特优商品</a></dd>
            <dd class="inline inline-right new"><a href="" target="_blank">最新上架商品</a></dd>
            <dd class="inline"><a href="" target="_blank">超值精选</a></dd>
            <dd class="inline inline-right 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 inline-right"><a href="" target="_blank">AIRism系列</a></dd>
            <dd class="inline"><a href="" target="_blank">全棉内衣</a></dd>
            <dd class="inline inline-right"><a href="" target="_blank">HEATTECH系列</a></dd>
            <dd class="inline"><a href="" target="_blank">紧身裤</a></dd>
            <dd class="inline inline-right"><a href="" target="_blank">内裤（3件装）</a></dd>
            <dd><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 inline-right new"><a href="" target="_blank">UT特辑</a></dd>
            <dd class="hot"><a href="" target="_blank">2017夏季特辑 </a></dd>
          </div>
        </dl>
        <dl>
          <div class="nav-list-part">
            <dt>男童上装</dt>
            <dd class="inline hot"><a href="" target="_blank">短袖T恤</a></dd>
            <dd class="inline inline-right"><a href="" target="_blank">POLO衫</a></dd>
            <dd class="inline new"><a href="" target="_blank">UT印花T恤</a></dd>
            <dd class="inline inline-right 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 inline-right"><a href="" target="_blank">松紧长裤</a></dd>
            <dd class="inline"><a href="" target="_blank">运动裤</a></dd>
            <dd class="inline inline-right"><a href="" target="_blank">工装裤</a></dd>
          </div>

</dl>
        <dl>
          <div class="nav-list-part">
            <dt>女童上装</dt>
            <dd class="inline hot"><a href="" target="_blank">短袖T恤</a></dd>
            <dd class="inline inline-right"><a href="" target="_blank">衬衫</a></dd>
            <dd class="inline"><a href="" target="_blank">连衣裙</a></dd>
            <dd class="inline inline-right new"><a href="" target="_blank">UT印花T恤</a></dd>
            <dd class="inline"><a href="" target="_blank">超值精选</a></dd>
            <dd class="inline inline-right hot"><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 inline-right"><a href="" target="_blank"> 短裙·短裤 </a></dd>
            <dd class="inline"><a href="" target="_blank">松紧长裤</a></dd>
            <dd class="inline inline-right"><a href="" target="_blank">阔腿裤</a></dd>
            <dd class="inline"><a href="" target="_blank">连衣裙</a></dd>
            <dd class="inline inline-right new"><a href="" target="_blank">紧身裤</a></dd>
            <dd><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/cdn/public/Image/L1/nav/nav-list-image/k/2017/06/16/1.jpg" alt="" width=410></a></dd>
            <dd class="list-img-hover"><a href="" target="_blank"><img src="https://suat.uniqlo.cn/cdn/public/Image/L1/nav/nav-list-image/k/2017/06/16/2.jpg" alt="" width=410></a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">童趣生活 - 乐高印花T恤  </a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">MAGIC FOR ALL - DPJ印花T恤</a></dd>
            <dd class="list-text-hover"><a href="" target="_blank">small gift，big smile - Sanrio印花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">清爽舒适，活动自如 - 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>
            <dd><a href="" target="_blank">全商品</a></dd>
            <dd class="hot"><a href="" target="_blank">限时特优商品</a></dd>
            <dd class="new"><a href="" target="_blank">最新上架商品</a></dd>
            <dd><a href="" target="_blank">超值精选</a></dd>
            <dd><a href="" target="_blank">UT特辑</a></dd>
            <dd class="hot"><a href="" target="_blank">2017夏季特辑</a></dd>
          </div>

</dl>
        <dl>
          <div class="nav-list-part">
            <dt>新生儿（3个月-24个月）</dt>
            <dd><a href="" target="_blank">圆领连体装</a></dd>
            <dd class="hot"><a href="" target="_blank">网眼连体装</a></dd>
            <dd class="hot"><a href="" target="_blank">AIRism</a></dd>
            <dd><a href="" target="_blank">袜子</a></dd>
            <dd><a href="" target="_blank">超值精选</a></dd>
          </div>

</dl>
        <dl>
          <div class="nav-list-part">
            <dt>幼儿（18个月-36个月）</dt>
            <dd class="inline hot"><a href="" target="_blank">短袖T恤</a></dd>
            <dd class="inline inline-right"><a href="" target="_blank">UT印花T恤</a></dd>
            <dd class="inline"><a href="" target="_blank">连衣裙</a></dd>
            <dd class="inline inline-right"><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 inline-right new"><a href="" target="_blank"> 紧身裤 </a></dd>
            <dd class="inline new"><a href="" target="_blank">针织裤</a></dd>
            <dd class="inline inline-right"><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 inline-right"><a href="" target="_blank"> 全棉内衣 </a></dd>
            <dd class="inline"><a href="" target="_blank">网眼内衣</a></dd>
            <dd class="inline inline-right"><a href="" target="_blank">AIRism</a></dd>
            <dd class="inline"><a href="" target="_blank">紧身裤</a></dd>
            <dd class="inline inline-right new"><a href="" target="_blank">HEATTECH系列</a></dd>
            <dd class="inline"><a href="" target="_blank">袜子</a></dd>
            <dd class="inline inline-right"><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/cdn/public/Image/L1/nav/nav-list-image/b/2017/06/16/1.jpg" alt="" width=410></a></dd>
            <dd class="list-img-hover"><a href="" target="_blank"><img src="https://suat.uniqlo.cn/cdn/public/Image/L1/nav/nav-list-image/b/2017/06/16/2.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">MAGIC FOR ALL——DPJ系列</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>

</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/cdn/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/cdn/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/cdn/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 type="text/javascript" src="https://uniqlo.image.alimmdn.com/L1/js/lib.js"></script>
<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/UT.html>UT全商品</a><a href=/c/1298155770.html>男装 MEN</a><a href=/c/1298155769.html>女装 WOMEN</a><a href=/c/1298155771.html>童装 KIDS</a><a href=/c/1298155772.html>婴幼儿装 BABY</a><style>

#u-footer {
      font-family: 'Uniqlo';
      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 'Uniqlo light';
	  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/cdn/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/cdn/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="#"><img src="https://suat.uniqlo.cn/cdn/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/cdn/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/cdn/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/cdn/public/Image/L1/footer/record_2.jpg" alt=""></a>
      </div>
    </div>
  </div>

{"path":"/women_bra.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: 1010px;\n    top: 40%;\n    display: inline-block;\n    cursor:pointer;\n}\ndiv.bd {\n    position: absolute;\n    bottom: -10px;\n    height: 20px;\n    left: 23.5%;\n    width: 200px;\n}\ndiv.bd ul {\n    margin: 0;\n    padding: 0;\n    width: 200px;\n    height: 20px;\n}\ndiv.bd ul li.on {\n    background: #606060;\n}\ndiv.bd 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.bd 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/cdn/public/Image/L3/women/bra/2018/07/04/1280_180703_BRA_01.jpg\" /> \n\t\t\t</li>\n\t\t\t<li>\n\t\t\t\t<img src=\"https://suat.uniqlo.cn/cdn/public/Image/L3/women/bra/2018/07/04/1280_180703_BRA_02.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=\"bd\">\n\t\t<ul>\n\t\t\t<li class=\"on\">\n\t\t\t\t \n\t\t\t</li>\n\t\t\t<li>\n\t\t\t\t \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:\".bd 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>"}}},"code":"women_bra","superCode":null,"title":"WOMEN 舒美衣"}