@charset "utf-8";
/* CSS Document */
/*首页栏目导航 菜单导航*/
img {border: 0 none;vertical-align: middle;}
.m, .mb, .mc, .mt, .p-detail, .p-img, .p-market, .p-name, .p-price, .sm, .smb, .smc, .smt { overflow: hidden;}

/*导航菜单*/
#content{margin: 15px auto 0;padding-bottom: 30px;;width: auto;z-index: 10;}


/*===============================*/
/*顶部    start*/
.yHeader{width: 100%;}
/*导航   start*/
.yNavIndex{width: 1200px;margin: 8px auto 0;height:45px;/*border-bottom: 2px solid #2d2d2d;*/position: relative;}
.yNavIndex .yMenuIndex{margin-left: 190px;}
.yNavIndex .yMenuIndex li a{position: relative;display: inline-block;font-size: 16px;font-weight:700;color: #333;line-height: 44px;height: 44px;padding: 0 18px;}
.yNavIndex .yMenuIndex li a.yMenua{font-weight:bold;/*border-bottom: 3px solid #2d2d2d;*/}
.yNavIndex .yMenuIndex li a:hover{/*font-weight:bold;*/;color:#f63b3b}
.yNavIndex .yMenuIndex li{float: left;height: 45px;padding: 0 12px;}
/*下拉*/
.pullDown{z-index: 10;position: absolute;}
.pullDownTitle{height: 45px;width: 190px;background: #d32830;color: #ffffff;font-size: 16px;font-weight: normal;text-align: center;line-height: 45px;}
.pullDownList{width: 190px;height: 480px;background: url(../images/pullbj.jpg);position: relative;z-index: 2;}
.pullDownList li{height: 32px;color: #fefcfc;font-size: 13px;padding-left: 11px;position: relative;}
.pullDownList li i{display: inline-block;position:relative;top:4px;margin-right: 8px;left:0;-webkit-transition: margin-left .2s linear;-moz-transition: margin-left .2s linear;-o-transition: margin-left .2s linear; width: 20px;height: 19px;background: url(../images/indexicon1.png) no-repeat;}
.pullDownList li.menulihover i{margin-left: 6px;}

.pullDownList li a{color: #fefcfc;font-size: 13px;}
.pullDownList li.menuliselected{background: #4a4a4a;}
.pullDownList li.menuliselected span{top: 14px;right: 7px;border-left: 4px solid transparent;border-top: 4px solid #fff;border-right:4px solid transparent;border-bottom: 0;}
.pullDownList li.menulihover{background: #f63b3b;}
.pullDownList li span{display: inline-block; width: 0;height: 0;position: absolute;top: 12px;right: 8px;}
.pullDownList li.menulihover span{top: 12px;right: 8px;border-left: 4px solid #fff;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-right: 0;}
/*下拉详细列表具体分类*/
.yMenuListCon{width: 400px;height:480px;position: absolute;z-index:2;top: 45px;left: 190px;overflow: hidden;}
.yMenuListCon p{width:auto;color: #7f7e7e;font-size: 12px;margin: 10px 0 0 -1px;overflow: hidden;}
.yMenuListCon p a{color: #7f7e7e;font-size: 12px;padding: 0 8px;display: inline-block;float: left;margin-top: 5px;background: url(../images/indexicon1.png) 0 -1695px;}
.yMenuListCon p a.ecolor610{color: #f63b3b;}
.yMenuListCon p a:hover{color: #f63b3b;text-decoration: underline;}
.yMenuListConin{display: none; background: #fff;opacity: 0.9; -moz-opacity:0.9;filter: alpha(opacity=90);padding:0 20px;width: 360px;height:480px;position: absolute;left: 0;top: 0;}
.yMenuLCinList{overflow: hidden;}
	/*详细分类标题*/
	.yMenuLCinList h3{position: relative;height: 20px;width: auto;margin: 25px auto 0;border-bottom: 1px solid #000;}
	.yMenuLCinList h3 a{font-size: 12px;color: #2d2d2d;position: absolute;bottom: 0px;display: block;}
	.yMenuLCinList h3 .yListMore{color: #666666;font-weight: normal;right: 0;with: 40px;height: 20px;}
	.yMenuLCinList h3 .yListName{-webkit-transition: left .2s linear;-moz-transition: left .2s linear;-o-transition: left .2s linear;display: block;width: 90px;height: 20px;line-height: 20px;padding-top: 17px;padding-left: 30px;left: 0;background:url(../images/yListNameicon.png) no-repeat 0 5px;}
	.yMenuLCinList h3 .yListName:hover{left:6px;}
/*导航   end*/
/*顶部    end*/

/*banner  start*/
.yBanner{height: 480px;width: 100%;overflow: hidden;position: relative;}
.yBannerList{height: 480px;width: 100%;background:#d32830;position: absolute;top: 0;left: 0;display:none}
.ybannerHide{display: none;}
.ymainBanner{-webkit-transform: scaleX(1.05) scaleY(1.05);-moz-transform: scaleX(1.05) scaleY(1.05);-ms-transform: scaleX(1.05) scaleY(1.05);-o-transform: scaleX(1.05) scaleY(1.05);transform: scaleX(1.05) scaleY(1.05);}
.ybannerExposure .ymainBanner{-webkit-transition: -webkit-transform 4s linear;-moz-transition: -moz-transform 4s linear;-o-transition: -o-transform 4s linear;transition: transform 4s linear;-webkit-transform: scaleX(1) scaleY(1);-moz-transform: scaleX(1) scaleY(1);-ms-transform: scaleX(1) scaleY(1);-o-transform: scaleX(1) scaleY(1);transform: scaleX(1) scaleY(1);}
.yBannerListIn{overflow:hidden;width: 1010px;padding-left:190px;height: 480px;margin: 0 auto;position: relative;}
.ytextBanner{opacity: 0;position: absolute;right: 190px;top: 0;width: 820px;height: 480px;z-index: 1;background: url(../images/banner1in.png) no-repeat center center;}
.ybannerExposure .ytextBanner{-webkit-transition: opacity 2s linear;-moz-transition: opacity 2s linear;-o-transition: opacity 2s linear;transition: opacity 2s linear;opacity: 1;}
.yBannerListIn .yBannerListInRight{position: absolute;top: 0;right: 0;width: 190px;height: 480px;z-index: 5;opacity: 0.95;filter: alpha(opacity=95);}
.yBannerListInRight .yimaginaryLine{display: block;height: 0;border-top: 1px dotted #eee;}
.yBannerListInRight img{vertical-align: top;-webkit-transition: -webkit-transform .2s linear;-moz-transition: -moz-transform .2s linear;-o-transition: -o-transform .2s linear;transition: transform .2s linear;}
.yBannerListInRight img:hover{-webkit-transform: translateX(-5px);-moz-transform: translateX(-5px);-ms-transform: translateX(-5px);-o-transform: translateX(-5px);transform: translateX(-5px);}

.market-slide-nav {  bottom: 6px;  display: block !important;  position: absolute;  right: 45%;  z-index: 9;  }
.market-slide-nav li {  background: #000 none repeat scroll 0 0;  border-radius: 50%;  color: #fff;  cursor: pointer;  display: inline-block;  font-family: Arial;  height: 20px;  line-height: 20px;  margin-right: 6px;  text-align: center;  width: 20px;  }
.market-slide-nav .market-nav-selected {  background: #f63b3b none repeat scroll 0 0;  }
.market-slide-nav a {  color: #fff;  text-decoration: none;  }
/*banner  end*/
/*===============================*/



/*幻灯片下方横幅广告位*/
.jd-clock-wrap {background: url("../images/homebg.png") no-repeat scroll 0 -136px rgba(0, 0, 0, 0);height: 151px;position: relative;width: 210px;}
.jd-clock::before { background: none repeat scroll 0 0 #fff;border-radius: 50%;content: "";height: 7px;left: 18px;position: absolute;top: 18px;width: 7px;}
.jd-clock { border: 7px solid #fff;border-radius: 50%;height: 43px;left: 72px;position: absolute;top: 31px;width: 43px;}
.jd-clock .jd-clock-h {background-color: #fff;border-radius: 2px;height: 19px;left: 19px;position: absolute;top: 5px;transform: rotate(10deg);transform-origin: 2.5px 16.5px 0;width: 5px;}
.jd-clock .jd-clock-m::after {animation: 20s steps(60, end) 0s normal none infinite running tick-tock;background-color: #fff;border-radius: 2px;content: "";height: 21px;left: 14px; position: absolute;top: -17px;transform-origin: 2.5px 19.5px 0;width: 5px;}
.jd-clock .jd-clock-m{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border-radius: 2px;height: 5px;left: 5px;position: absolute;top: 19px;width: 19px;}
.jd-clock .jd-clock-s::after {background-color: #5e5252;border-radius: 50%; content: ""; height: 5px; left: 0; position: absolute; top: 0;width: 5px;}
.jd-clock .jd-clock-s { animation: 10s linear 0s normal none infinite running tick-tock; height: 28px;left: 19px; position: absolute;top: -6px;transform-origin: center bottom 0;width: 5px;}
#todays {height: 164px; margin: 10px 0 20px;}
#todays .mt {background: url("../images/homebg.png") no-repeat scroll -213px -136px rgba(0, 0, 0, 0);float: left;height: 151px;text-indent: -10000px;width: 210px;}
#todays .slider {float: left;height: 164px; overflow: hidden;position: relative;width: 990px;}
#W1210  #todays .slider {width: 1000px;}
#todays .slider li {height: 164px;width: 1000px;}
#W1210  #todays .slider li {width: 1000px;}
#todays .slider li div {float: left; overflow: hidden;}
#todays .slider li div.fore1, #todays .slider li div.fore2, #todays .slider li div.fore3 {margin-right: 1px;width: 246px;}
#W1210  #todays .slider li div.fore1, #W1210  #todays .slider li div.fore2, #W1210  #todays .slider li div.fore3,#W1210  #todays .slider li div.fore4 {width: 249px;height;164px;line-height:164px;text-align: center }


/*换一换*/
.main-container {margin: auto;position: relative;width: 1190px;}
.fp-brand-rec {padding-top: 50px;}
.main-container {margin: auto;position: relative; width: 1190px;}
.fp-brand-rec .brand-title {background-image: url("../images/hot_brand.png");background-position: 0 1px;background-repeat: no-repeat;color: #000;display: block; font-size: 17px;font-weight: 700;height: 20px;left: 0;line-height: 20px;margin: 15px 0 8px;position: absolute;text-indent: -1000em;top: 6px;width: 192px;}
.brand-first {display: block;float: left;height: 326px;left: 0;position: absolute;width: 205px;z-index: 10000;}
.brand-first .fashion {background: none repeat scroll 0 0 transparent;float: left; height: 326px; left: 184px;overflow: hidden;position: absolute;top: 0;width: 0; z-index: 10000;}
.brand-first .fashion .arrow-left {border-color: transparent #fff transparent transparent;border-style: solid;border-width: 6px 6px 6px 0; display: none; height: 0;position: absolute;top: 10px;width: 0;}
.brand-first .fashion .fashion-module {background-color: #fff;border-left: 2px solid #fff; float: left; height: 100%;position: relative;width: 266px !important;}
.brand-first .fashion .fashion-module.module-1 {margin-left: 6px;}
.brand-first .fashion .fashion-module.module-2 {border-left: 1px dotted #ccc;}
.brand-first .fashion .fashion-module.module-3 {border-left: 1px dotted #ccc;}
.brand-first .fashion .close {background: url("../images/close1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
 cursor: pointer;display: none;height: 17px;line-height: 18px; position: absolute;right: 32px;top: 14px;width: 18px;}
 
 
.brand-rec-slide {float: left;position: relative;width:1200px;}
.clearfix::after {clear: both;content: "​";display: block;height: 0;}

.fp-brand-rec .brand-title { background-image: url("../images/hot_brand.png");background-position: 0 1px;background-repeat: no-repeat;color: #000;display: block;font-size: 17px;font-weight: 700;height: 20px;left: 0;line-height: 20px;margin: 15px 0 8px; position: absolute;text-indent: -1000em;top: 6px;width: 192px;}


.brand-rec-slide .brand-rec-nav {left: 180px;position: absolute;top: -27px;}
.brand-rec-slide .brand-rec-nav li {color: #666;cursor: pointer;display: inline-block;height: 15px;line-height: 15px;margin: 0 15px;}
.brand-rec-slide .brand-rec-nav .selected { border-bottom: 2px solid #000; color: #000;font-weight: 700;}
.brand-rec-slide .brand-rec-content {height: 244px;position: relative;width: 1200px;}
.brand-wall-slide { position: relative;}
.brand-rec-slide .brand-pool {color: #666;font: 400 12px "宋体",Hei;position: absolute;right: 10px;top: -24px;}
.brand-item {background: none repeat scroll 0 0 #fff;display: block;height: 80px;left: 0;position: ;text-align: center;top: 0;transition: height 0.3s ease 0s;width: 132px;}
.brand-item .brand-logo {padding-top: 15px;}
.brand-item .brand-subject-desc {bottom: 0;color: #c3c3c3;display: block;height: 22px;left: 0;line-height: 22px;position: absolute;text-overflow: ellipsis;white-space: normal;width: 100%;}
.brand-item .brand-status {background: none repeat scroll 0 0 #fff;border-radius: 50%;color: #008130; cursor: pointer;display: none;height: 20px;line-height: 20px;opacity: 0.8;position: absolute;right: 8px;text-align: center;top: 8px;width: 20px;z-index: 20;}
.brand-item .brand-status-tip {background: none repeat scroll 0 0 #000;border-radius: 13px;color: #fff;display: none;height: 25px;left: 50%;line-height: 25px;margin-left: -45px;margin-top: -12px;opacity: 0.8;position: absolute;top: 50%;width: 90px;z-index: 9;}



.brand-wall-slide .brand-wall-content .brand-wall-pannel { height: 100%;width: 100%;}
.brand-wall-slide .brand-wall-content {height: 244px;overflow: hidden;position: relative;}
.brand-wall-slide .brand-trigger-next {color: #666;font-size: 12px;font-weight: 700;position: absolute;right: 20px;text-decoration: none;top: -27px;}

/*横幅长条广告位*/
 .floor-banner-main { margin: 0 auto;overflow: hidden; width: 960px;}
#W1210   .floor-banner-main {width: 1210px;margin:10px auto;}

/*楼层 1楼*/
.floor-louceng { min-height: 584px;}
.floor .mt {border-bottom: 1px solid #f63b3b;overflow: visible;position: relative;}
#guessyou .mt, #special-buy .mt, #special .mt, #share .mt, .floor .mt { height: 36px;}
.floor-current h2::before { background: url("../images/sprite_floor.png?__sprite") no-repeat scroll 0 -35px rgba(0, 0, 0, 0);content: "";height: 25px; left: 0;position: absolute;top: 2px;width: 31px;}
.floor h2 {color: #333;padding-left: 40px;position: relative;}
#guessyou h2, #special-buy h2, #special h2, #share h2, .floor h2 {display: inline;float: left;font-size: 20px;line-height: 30px;}
.floor h2 i { background: url("../images/floor1new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);color: #fff;font-size: 13px;height: 25px;left: 0;overflow: hidden; padding-right: 10px;position: absolute;text-align: center;top: 2px;width: 21px;}
.floor-current h2 i {background: url("../images/sprite_floor.png?__sprite") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.floor-current h2 i {animation-duration: 1s;animation-name: scaleDisc;}
.floor .mt .tab {margin-top: 1px;}
.floor .tab-item {display: inline;float: left; height: 34px; position: relative;z-index: 2;}
.floor .tab {border-color:#ededed ;-moz-border-bottom-colors: none;-moz-border-left-colors: none; -moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #ededed #ededed -moz-use-text-color;border-image: none;border-style: solid solid none;border-width: 1px 1px 0;height: 34px;line-height: 34px;z-index: 1;}
.floor .tab-item a {background: none repeat scroll 0 0 #fff;border-left: 1px solid #fff;border-right: 1px solid #fff;float: left;height: 34px;line-height: 34px;overflow: hidden;padding: 0 16px;text-decoration: none;white-space: nowrap;}
.floor .tab-selected{width:58px;}
.floor .tab-selected a {border-left: 1px solid #f63b3b;border-right: 1px solid #f63b3b;border-top: 3px solid #f63b3b;color: #f63b3b;height: 33px;left: -1px;line-height: 30px;position: absolute;text-indent: 1px;top: -1px;white-space: nowrap;}

.floor .brands ul li{width:120px;height:40px;line-height:40px;}
.floor .p-price{color:#f63b3b;font-weight:700}
/*每个楼层的 不同栏目切换*/

#lunbonum{height:14px;line-height:23px;position:absolute;left:45%;top:393px;z-index:5;}
#lunbonum li{width:14px;height:14px;float:left;margin-right:9px;background:#B4B4B4;border-radius:14px;cursor:pointer;}
#lunbonum .lunboone{background:#C80002;cursor:pointer;}

.floor .tab-selected span {display: none;}
.floor .tab-item span {background: none repeat scroll 0 0 #ccc;height: 14px;overflow: hidden;position: absolute; right: 0;top: 10px;width: 1px;}
#guessyou .mt .extra, #guessyou .mt .tab, #special-buy .mt .extra, #special-buy .mt .tab, #special .mt .extra, #special .mt .tab, #share .mt .extra, #share .mt .tab, .floor .mt .extra, .floor .mt .tab {display: inline;float: right;}
.floor .side {float: left;font-family: "microsoft yahei";overflow: hidden;width: 330px;}
.floor .side-inner {background: none repeat scroll 0 0 #e5ebeb;overflow: hidden;position: relative;width: 330px;}
.floor .banner {height: 474px; position: relative;}
.floor .banner a {display: block;height: 475px;}
.floor .banner a::before {background: -moz-linear-gradient(left center , rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);content: "";height: 350px;left: -150px;overflow: hidden;position: absolute;top: 0; transform: skewX(-25deg); width: 80}
.floor-louceng .themes {margin-top: -221px;padding-left: 25px;}
.floor .themes { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);height: 92px;margin-top: -237px; overflow: hidden;padding-left: 10px; position: relative;}
.floor .themes .icon {margin-right: 5px;width: 26px;}
.floor .themes i, .floor .themes span {float: left;height: 26px;line-height: 26px; overflow: hidden;}
.floor .themes span {font-size: 14px; margin-right: 5px;}

.floor .p-list img{transition:transform 0.2s linear 0s}
.floor .p-list img:hover{transform:translateX(-5px)}
.floor .themes li { float: left; height: 26px;padding: 10px 0;width: 98px;}
.floor-louceng .themes li { width: 100px;}
.floor .themes a {float: left;}
.floor-louceng .themes .fore1 .icon {background: url("../images/clothesicon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.floor-louceng .themes .fore2 .icon {background: url("../images/clothesicon.png") no-repeat scroll 0 -26px rgba(0, 0, 0, 0);}


.floor .words {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);font-family: 宋体; height: 76px; position: relative;}
.floor-louceng  .words {border-bottom: 1px solid #ededed; height: 144px;}
.floor .words li {float: left;height: 48px;overflow: hidden;padding: 7px 0 0 25px;width: 135px;}
.floor-louceng  .words li {height: 96px;padding-top: 16px;}
.floor .words a {float: left;line-height: 24px;margin-right: 10px;white-space: nowrap;}
.floor .words a:link, .floor .words a:visited {color: #999;}
.style-red {color: #f63b3b;}
.floor-louceng  .side-extra {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: -moz-use-text-color #ededed #ededed #f7f5ee;border-image: none;border-right: 1px solid #ededed;border-style: none solid solid;border-width: 0 1px 1px;height: 158px;overflow: hidden;width: 328px;}


#W1210  .floor .main {width: 880px;}
.floor-louceng  .main {height: 474px;}
.floor .main-body {float: left;width: 660px;}
.floor .main-inner li {font-size: 0; overflow: hidden;width: 220px;}
.floor-louceng  .main-body li {float: left;height: 158px;}
.floor .main-inner a { border-bottom: 1px solid #ededed;border-right: 1px solid #ededed;display: block;overflow: hidden;}
.floor-louceng  .main-body li.fore1 { width: 440px;}
.floor-louceng  .main-body li.fore2 {height: 159px; padding-top: 316px;width: 440px;}
.floor-louceng  .main-body li.fore3, .floor-louceng  .main-body li.fore4, .floor-louceng  .main-body li.fore5, .floor-louceng  .main-body li.fore6 {float: right;}
.floor-louceng  .main-body li.fore3 {margin-top: -158px;}
.floor-louceng  .main-body li.fore6 {height: 159px;}
.floor-louceng  .slider {height: 315px;top: 158px;}
.floor .slider {border-bottom: 1px solid #ededed;border-right: 1px solid #ededed;height: 236px;left: 0; overflow: hidden;position: absolute;top: 0;width: 439px;}
.brands {background: none repeat scroll 0 0 #f7f7f7;margin-top: 10px;}
#W1210  .brands { padding-left: 0;}
.brands ul {height: 40px;overflow: hidden;}
.brands li { border-left: 1px dotted #ccc;float: left;height: 40px;text-align: center;width: 120px;}
.brands li.fore1 {border-left: medium none;}
.floor .main-extra {display: none;float: left;width: 220px;}
.floor-louceng  .main-extra li {height: 158px;}
.floor .main-inner a { border-bottom: 1px solid #ededed;border-right: 1px solid #ededed;display: block;overflow: hidden;}
#W1210  .floor .main-extra {  display: block;}
.floor-louceng  .main-extra li.fore3 {height: 317px;}
#W1210  .floor .storey {width: 1200px;}
#W1210 .floor .p-list {width: 1208px;height:;border:1px solid #ededed;height:460px}
.floor .p-list li.no-border{border-right:0px}
.floor .p-list {height: 474px;overflow: hidden;width: 670px;}
.floor .p-list li { border-bottom: 1px solid #ededed; border-right: 1px solid #ededed;float: left;height: 230px;overflow: hidden;padding: 6px 17px 0; width: 160px;}
.floor-louceng  .p-list li {width: 204.8px;}
.floor .p-list .p-img {height: 140px;margin-bottom: 4px;padding-top: 15px;text-align: center;line-height: 140px}
.floor .img-list {height: 159px;overflow: hidden;width: 670px;}
#W1210 .floor .img-list {width: 890px;}
.floor .img-list li {border-bottom: 1px solid #ededed; border-right: 1px solid #ededed;float: left;height: 158px;width: 219px;}


.syBannerListInRight img {  transition: transform 0.2s linear 0s;  vertical-align: top;  }
.syBannerListInRight {  height: 480px;  opacity: 0.95;  position: absolute;  right: 0;  top: 0;  width: 190px;  z-index: 5;  margin-top:45px  }
.syBannerListInRight img {  transition: transform 0.2s linear 0s;  vertical-align: top;  }
.syBannerListInRight .yimaginaryLine {  border-top: 1px dotted #eee;  display: block;  height: 0;  }