@charset "utf-8";
/*
------------------
Site:首页样式
------------------
*/
/*区1*/
.index-bk1{ height: 474px;}
.index-bk1 .ly-lt{ position: relative; float: left; background: #f8f8f8; width: 188px; height: 473px; border: 1px solid #c40000; border-top: 0; box-shadow: 1px 1px 2px rgba(0,0,0,0.3); z-index: 1000;}
.index-bk1 .ly-ct{ display: inline; float: left; width: 732px;}
.index-bk1 .ly-rt{ float: right; width: 266px; border: 1px solid #ccc; border-top: 0;}

/*侧导航*/
.index-bk1 .subnav{ background: url(../images/index/s2.png) no-repeat 175px -408px; height: 56px; padding: 2px 10px 0 15px; border-top: 1px solid #f1f1f1;}
.index-bk1 .subnav h3{ font-size: 14px; color: #4c4c4c}
.index-bk1 .subnav h3 span{ position: relative; top: 5px; display: inline-block; background: url(../images/index/s2.png) no-repeat; width: 22px; height: 22px; margin-right: 6px;}
.index-bk1 .subnav h3 em{ display: block; background: url(../images/index/s2.png) no-repeat; width: 22px; height: 22px; transition: All 0.4s ease-in-out;}
.index-bk1 .cur em,.index-bk1 .subnav:hover em{transform: rotate(360deg);}
.index-bk1 .subnav h3 .iconx-nanzhuang{ background-position: 0 -23px}/*男装*/
.index-bk1 .subnav h3 .iconx-qunzi{ background-position: 0 -46px}/*女装*/
.index-bk1 .subnav h3 .iconx-gaogenxie{ background-position: 0 -69px}/*牛仔*/
.index-bk1 .subnav h3 .iconx-neiyi{ background-position: 0 -92px}/*内衣*/
.index-bk1 .subnav h3 .iconx-tongzhuang{ background-position: 0 -115px}/*童装*/
.index-bk1 .subnav h3 .iconx-huwai{ background-position: 0 -138px}/*运动户外*/
.index-bk1 .subnav h3 .iconx-baobao{ background-position: 0 -161px}/*中老年装*/
.index-bk1 .subnav h3 .iconx-fuliao{ background-position: 0 -184px}/*服装辅料*/
.index-bk1 .subnav p{ margin-top:5px; height: 18px; overflow: hidden}

.index-bk1 .subnav p a{ display: inline-block; margin-right: 10px; color: #666}
.index-bk1 .subnav p a:hover{ color: #bf0008}
.index-bk1 .ly-lt .cur{ background: #fff url(../images/index/s2.png) no-repeat 175px -408px; }
.index-bk1 .subnav .cur h3{color: #4c4c4c;}
.index-bk1 .subnav .cur p a{color: #4c4c4c;}
.index-bk1 .subnav .cur p a:hover{color: #4c4c4c;}

.cate-container{ position: absolute; left: 187px; top: 0; display:none; height: 451px; background: #fff; padding: 10px 20px; border: 1px solid #f1f1f1; border-left: 0; width: 466px; z-index: 1000; box-shadow: 3px 1px 2px rgba(0,0,0,0.3); opacity: 0; filter:alpha(opacity="0"); z-index: -99; overflow: hidden}
.cate-container .dl-wp{ height: 436px; overflow: hidden; zoom: 1}
.cate-container dl{ margin-top: -1px; padding: 5px 0 15px 0; border-top: 1px dotted #ccc; overflow: hidden; zoom: 1}
.cate-container dt{ float: left; width: 72px; padding: 10px 15px 0 0; color: #bf0008; font-weight: bold; text-align: right;}
.cate-container dd{ float: left; width: 375px;}
.cate-container dd a{ display: inline-block; margin: 10px 20px 0 0;}

.index-bk1 .ly-lt .cur .cate-container{ display: block}

/*焦点滚动*/
.slide-item{ position: relative; width: 732px; height: 378px; overflow:hidden; zoom:1; z-index:1;}
.slide-item .pic-list{ position: absolute; left:0; _top: -1px; overflow: hidden; zoom: 1}
.slide-item .pic-list li{ float: left;}
.slide-item .pic-list img{ display: block; width: 732px; height: 378px;}

.slide-item .nav-list{ position: absolute; bottom: 8px; right: 10px; overflow: hidden; zoom: 1}
.slide-item .nav-list li{ display: inline; float: left; background: #cfb9bf; color:#fee5eb; width: 20px; height: 20px; border-radius: 10px; line-height:20px; overflow:hidden;  margin: 0 2px;cursor: pointer; text-align: center;}
.slide-item .nav-list .cur{ background: #dc0000; color: #fff; font-weight:bold;}

/*实时订单*/
.index-bk1 .dd-time{ height: 95px; border-bottom: 1px solid #ccc;}
.index-bk1 .dd-time .hd{ background: #fbfbfb; height: 30px; padding: 0 10px; font-weight: bold; line-height: 30px; border-bottom: 1px solid #f0f0f0;}
.index-bk1 .dd-time .bd{ padding-top: 5px;}
.index-bk1 .dd-time ul{ position: relative; height: 59px; padding-left: 10px; overflow: hidden; zoom: 1}
.index-bk1 .dd-time li{ float: left; width: 360px; height: 28px; line-height: 28px;}

/*登录*/
.index-login { height: 150px; border-bottom: 1px solid #ccc;}
.index-login .bd{ padding: 15px 0 0 15px; overflow: hidden; zoom: 1}
.index-login .pic{ float: left; background: url(../images/index/s2.png) no-repeat -29px -122px; width: 70px; height: 70px; }
.index-login .pic img{ display: block; width: 70px; height: 70px;}
.index-login .details{ float: left; width: 154px; padding: 10px 0 0 20px}
.index-login .details p { margin-bottom: 10px;}
.index-login .btn-wp{ margin-top: 15px; text-align: center; overflow:hidden; zoom:1;}
.index-login .btn-wp a{ display: inline-block; background: #c40000; width: 112px; height: 32px; margin: 0 5px; color: #fff; text-align: center; line-height: 32px; border-radius: 3px;}
.index-login .btn-wp a:hover{ background: #ca1531}

/*公告栏*/
.index-bk1 .news .tab{ height: 32px; overflow: hidden; zoom: 1}
.index-bk1 .news .tab li{ float: left; margin-left: -1px;}
.index-bk1 .news .tab a{ display: block; width: 133px; height: 30px;line-height: 30px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; text-align: center;}
.index-bk1 .news .tab .cur a{ width: 131px; line-height: 30px; border-bottom: 0; color: #000; font-weight: bold;}

.index-bk1 .news .tabBox{ height: 252px; overflow: hidden; zoom: 1}
.index-bk1 .news .tab-bd{ display: none; padding: 4px 10px 0 10px}
.index-bk1 .news .tab-bd li{ height: 22px; line-height: 22px; margin-top: 3px;}

.index-bk1 .news .baozhang{ padding: 5px 0 0 30px;}
.index-bk1 .news .baozhang dl{ padding-top: 30px; overflow: hidden; zoom: 1}
.index-bk1 .news .baozhang dt{ float: left; background: url(../images/index/s2.png) no-repeat -31px 0; width: 36px; height: 39px;}
.index-bk1 .news .baozhang dd{ float: left; width: 152px; padding-left: 15px;}
.index-bk1 .news .baozhang .d2{ background-position: -31px -40px;}
.index-bk1 .news .baozhang .d3{ background-position: -31px -80px;}
.index-bk1 .news .baozhang h2{ font-size: 14px; color: #666;}
.index-bk1 .news .baozhang p{ color: #888}

.index-bk1 .news .guize{ padding: 6px 20px 0 20px}
.index-bk1 .news .guize ul{ height: 260px; overflow: hidden}
.index-bk1 .news .guize li{ background: url(../images/index/s2.png) no-repeat 0 -490px; height: 24px; padding-left: 10px; margin-top: 5px; line-height: 24px; overflow: hidden; font-family:"宋体"}
.index-bk1 .news .guize a{ color: #333;}
.index-bk1 .news .guize a:hover{ color: #c40000;}

/*公告*/
.index-bk1 .gonggao{ height: 29px; padding-top: 8px; border-top: 1px solid #ccc;}
.index-bk1 .gonggao ul{ position: relative; height: 18px; overflow: hidden; zoom: 1}
.index-bk1 .gonggao .tit{ float: left; width: 50px; text-align: right;}
.index-bk1 .gonggao .list{ float: left; width: 210px;}

/*产品展示*/
.mod-pro{ overflow: hidden; zoom: 1}
.mod-pro li{ display: inline; float: left; width: 220px; margin: 0 8px; margin-top: 25px; overflow: hidden; }
.mod-pro .pic{ width: 220px; height: 220px; overflow: hidden ; margin:0}
.mod-pro .pri{ margin: 9px 0 3px 0; color: #bb0000; font-size: 12px;}
.mod-pro .tit{ height: 18px; overflow: hidden}
.mod-pro .ext{ height: 24px; line-height: 24px; color: #ccc; overflow: hidden; zoom: 1}
.mod-pro .ext .name{ float: left;}
.mod-pro .ext .name a{ color: #ccc;}
.mod-pro .ext .city{ float: right}

.mark-color-size{ position: absolute; top: 186px; right: 0; display: none;}
.mark-color-size span{ float: left; background: #000; padding: 8px; opacity: 0.6; filter:alpha(opacity="60"); color: #fff}
.mark-color-size .mark-color{ background: #ed1b3c; opacity: 0.9; filter:alpha(opacity="90"); }
.mod-pro .cur .mark-color-size{ display: block}

/*推荐区*/
.index-bk2{ margin-top: 30px;}
/*.index-bk2 img:hover{ opacity: 0.8; filter:alpha(opacity="80")}*/
.index-bk2 .tab-wp{ border-left: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;}
.index-bk2 .tab{ height: 52px;}
.index-bk2 .tab li{ float: left;}
.index-bk2 .tab a{ position: relative; top: 1px; background: #fff; display: block; width: 395px; height: 49px; margin-left: -1px; line-height: 45px; border: 1px solid #e7e7e7; border-bottom: 0; text-align: center; font-family:"微软雅黑"; font-size: 24px;}
.index-bk2 .tab .cur a{ width: 396px; border-top: 3px solid #c40000; line-height: 45px; color: #333;}

.index-bk2 .tab-bd{ display: none; height: 602px; padding: 0 0 20px 3px; border: 1px solid #e7e7e7; border-top: none; overflow: hidden; zoom: 1}

/*分类块*/
.item-box{ margin-top: 10px; overflow: hidden; zoom: 1}
.item-box .ly-lt{ float: left; width: 182px;}
.item-box .ly-lt .hd{ background: url(../images/index/s2.png) no-repeat -119px 0; height: 31px;  line-height: 33px; color: #fff; text-align: center; overflow: hidden; zoom: 1}
.item-box .ly-lt .hd em{ float: left; width: 40px; padding-right: 10px; line-height: 34px; font-size: 18px}
.item-box .ly-lt .hd h2{ float: left; width: 130px; padding-right: 2px; font-family: "微软雅黑"; font-size: 20px; font-weight:normal;}
.item-box .ly-lt .hd a,.item-box .ly-lt .hd a:hover{ color: #fff;}
.item-box .h2-link{ background: #d24156; height: 86px; padding: 14px 0 0 20px; overflow: hidden; zoom: 1}
.item-box .h2-link li{ float: left; width: 80px; height: 18px; margin-top: 12px; overflow: hidden;}
.item-box .h2-link a{ color: #fff;}
.item-box .h2-link a:hover{ text-decoration: underline}

.item-box .bd{ position: relative; height: 348px; border: 1px solid #ccc; border-top: 0;}
.item-box .top-link{ padding: 14px 0 0 20px; overflow: hidden; zoom: 1}
.item-box .top-link li{ float: left; width: 80px; height: 18px; margin-top: 10px; overflow: hidden;}

.item-box .bt-link{ position: absolute; bottom: 0; left: 0; width: 180px;}
.item-box .bt-link li{ margin-top: 1px;}
.item-box .bt-link a{ position: relative; display: block; background: #f7f7f7; height: 40px; line-height: 40px; text-align: center;}
.item-box .bt-link a:hover{ background: #e4e4e4}
.item-box .bt-link em{ position: absolute; top: 10px; left: 25px; display: block; background: url(../images/index/s2.png) no-repeat 0 -213px; width: 27px; height: 24px;}
.item-box .bt-link .i-trade{ background-position: 0 -213px;}/*外贸好货*/
.item-box .bt-link .i-day{ background-position: 0 -245px;}/*每日上新*/
.item-box .bt-link .i-seven{ background-position: 0 -283px;}/*7日内新款*/
.item-box .bt-link .i-hot{ background-position: 0 -314px;}/*常年热销*/
.item-box .bt-link .i-place{ background-position: 0 -349px;}/*产地货源*/

.item-box .ly-ct{ float: left; width: 208px;}
.item-box .ly-ct .pic{ position: relative; width: 208px; height: 230px; overflow: hidden; zoom: 1}
.item-box .ly-ct .pic a{ display: block; width: 208px; height: 230px;}
.item-box .ly-ct .pic img{ display: block; width: 208px;}
.item-box .ly-ct .pic2{ height: 250px;}
.item-box .ly-ct .pic .tit{ position: absolute; bottom: 0; left: 0; width: 208px; height: 38px; line-height: 38px; overflow: hidden; zoom: 1; z-index: 3}
.item-box .ly-ct .tit a{ position: absolute; bottom: 0; left: 0; display: block; width: 198px; height: 38px; padding: 0 5px; text-align: center; color: #fff; z-index: 2}
.item-box .ly-ct .pic .filter{ position: absolute; bottom: 0; left: 0; background: #000; opacity: 0.6; filter:alpha(opacity="60"); width: 208px; height: 38px; z-index:1 }

.item-box .ly-rt{ float: left; width: 800px;}
.item-box .ly-rt .content{ overflow: hidden;}
.item-box .ly-rt .mod-pro{ margin-top: -25px;}
.item-box .ly-rt .mod-pro li{ width: 180px; height: 228px; margin: 25px 0 0 20px; overflow: hidden;}
.item-box .ly-rt .mod-pro .pic{ width: 180px; height: 180px; overflow: hidden; }
.item-box .ly-rt .mod-pro .pic img{ display: block; width: 180px; height: 180px;}

/*网站介绍*/
.index-intro{ margin-top: 50px;}
.index-intro .tab-wp{ border-left: 1px solid #e7e7e7}
.index-intro .tab{ height: 42px; overflow: hidden; zoom: 1}
.index-intro .tab li{ float: left;}
.index-intro .tab a{ display: block; background: #fff; width: 90px; height: 40px; margin-left: -1px; line-height: 40px; border: 1px solid #e7e7e7; text-align: center; font-family:"微软雅黑"; font-size: 14px;}
.index-intro .tab .cur a{ border-top: 3px solid #bb0000; line-height: 37px; color: #bb0000}
.index-intro .tab-bd{ display: none; height: 116px; margin-top: -1px; padding: 20px; border: 1px solid #e7e7e7; overflow: hidden; zoom: 1}

.index-intro .bd-intro p{ float: left; width: 740px; color: #666; line-height: 20px; text-indent: 24px;}
.index-intro .bd-intro .logos{ float: right}
.index-intro .bd-licheng dl{ display: inline; float: left; width: 266px; height: 120px; margin: 0 10px; color: #666}
.index-intro .bd-licheng dt{ margin-bottom: 5px; font-weight: bold;}
.index-intro .bd-act dl{ display: inline; float: left; width: 266px; height: 120px; margin: 0 10px; color: #666}
.index-intro .bd-act dt{ margin-bottom: 10px; font-weight: bold;}
.index-intro .bd-act dd{ margin-bottom: 10px;}
.index-intro .bd-join{ padding-left: 25px;}
.index-intro .bd-join p{ float: left; width: 360px; color: #666; line-height: 20px; text-indent: 24px;}
.index-intro .bd-join .pic{ float: left; padding: 0 30px;}
.index-intro .bd-contact div{ float: left; width: 370px;}
.index-intro .bd-contact .c2{ padding-top: 20px;}
.index-intro .bd-contact dl{ float: left; color: #666;}
.index-intro .bd-contact dt{ margin-bottom: 10px; font-weight: bold;}

/*二维码*/
.index-intro .QR_code { width: 120px;float: right;}
.index-intro .QR_code .bs-lu { font-size: 12px;color: #d2322d;display: block}
.index-intro .QR_code a{display: block;cursor: pointer}
.index-intro .OR_bag { width: 280px;position: absolute;z-index: 200;cursor: pointer;right: 500px;top:2745px; display: none;background: white;border: 3px solid #ccc}
.index-intro .OR_bag a{ display: block;cursor: pointer}
.index-intro .OR_bag .ex-pl{ padding: 10px;font-size: 12px;}